@font-face{font-family:Gasoek One;src:url(./GasoekOne-latin-bwqbaKKO.woff2) format("woff2");size-adjust:82%;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0041-005A,U+0061-007A}@font-face{font-family:Inter;src:url(./Inter-latin-8kRkwJBP.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black;src:url(./ArchivoBlack-Regular-BxoSh3FT.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--red: #e33127;--yellow: #f5c518;--red-ink: #ff8a80;--bone: #eae2ce;--face-bg: #15151b;--green: #3faf54;--blue: #2e90e0;--red-rgb: 227, 49, 39;--green-rgb: 63, 175, 84;--amber-rgb: 245, 197, 24;--ink: #0f0f12;--cream-rgb: 244, 239, 226;--cream: rgb(var(--cream-rgb));--back: #131318;--hairline-1: rgba(var(--cream-rgb), .09);--hairline-2: rgba(var(--cream-rgb), .2);--hairline-3: rgba(var(--cream-rgb), .42);--plate-1: rgba(12, 10, 14, .92);--plate-2: rgba(10, 10, 13, .62);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 20px;--s-5: 32px;--s-6: 52px;--veil-door: .62;--veil-board: .86;--veil-verdict: .92;--sign-tilt: -3deg;--sign-extrude: 0 1px 0 #c9c2b1, 0 3px 0 #a8a191, 0 5px 0 #837c6d, 0 8px 0 #5c564a, 0 11px 0 #3b362d, 0 22px 40px rgba(0, 0, 0, .85);--page: #060607;--stage: #08080a;--ground: transparent;--felt: rgba(46, 40, 34, .16);--grade: rgba(4, 4, 6, 1);--plinth-top: rgba(32, 32, 38, .62);--plinth-bottom: rgba(10, 10, 14, .94);--display: "Gasoek One", "Archivo Black", system-ui, sans-serif;--num: "Archivo Black", system-ui, sans-serif;--ui: "Inter", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;--heavy: "Archivo Black", system-ui, sans-serif;--utility: "Inter", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;--t-label: 13px;--t-body: 15px;--track-label: 0;--chalk: rgba(var(--cream-rgb), .58);--chalk-label: rgba(var(--cream-rgb), .54);--chalk-status: rgba(var(--cream-rgb), .68);--chalk-faint: rgba(var(--cream-rgb), .54);--amber: rgba(var(--amber-rgb), .9);--lit: #efe9dc;--lit-deep: color-mix(in oklab, var(--lit) 58%, #0b0b12);--pool-opacity: 1;--tint-opacity: .13;--air-opacity: .55;--par-x: 0%;--par-y: 0%;--ease-card: cubic-bezier(.2, .9, .25, 1);--t-flight: .46s;--t-settle: .15s;--t-hover: .3s;--t-posture: .3s;--t-light: .6s;--t-tint: .7s;--t-shake: .38s;--t-flash: .14s;--t-breathe: 1.4s;--t-pulse: .9s;--t-dots: 1.1s;--t-sweep: .9s;--t-felt: .9s;--t-tap: .18s;--t-ui: .2s;--t-seat: .32s;--t-count: .4s;--t-flip: .38s;--t-row: 60ms;--card-r: 7% / 4.667%;--card-w: 88px;--card-h: 132px;--card-overlap: -13px;--tray-floor: 44px;--plane-tilt: 52deg;--pile-card-w: 86px;--pile-card-h: 129px;--opp-card-w: 70px;--opp-card-h: 105px;--draw-x: 28%;--draw-y: 52%;--pile-x: 50%;--pile-y: 52%;--opp-y: 5%;--status-size: 17px;--score-size: 30px}@media (max-width: 760px),(max-height: 620px){:root{--card-w: 62px;--card-h: 93px;--card-overlap: -11px;--tray-floor: 34px;--plane-tilt: 44deg;--pile-card-w: 72px;--pile-card-h: 108px;--opp-card-w: 48px;--opp-card-h: 72px;--draw-x: 23%;--draw-y: 53%;--pile-x: 53%;--pile-y: 53%;--opp-y: 11%;--status-size: 13px;--score-size: 21px;--chalk: rgba(var(--cream-rgb), .8);--chalk-label: rgba(var(--cream-rgb), .72);--chalk-status: rgba(var(--cream-rgb), .85);--chalk-faint: rgba(var(--cream-rgb), .72)}}@media (max-height: 470px){:root{--card-w: 52px;--card-h: 78px;--tray-floor: 26px;--pile-card-w: 54px;--pile-card-h: 81px;--opp-card-w: 42px;--opp-card-h: 63px;--draw-y: 44%;--pile-y: 44%;--opp-y: 0%}}@media (prefers-reduced-motion: reduce){:root{--t-flight: 1ms;--t-settle: 1ms;--t-hover: 1ms;--t-posture: 1ms;--t-light: 1ms;--t-tint: 1ms;--t-shake: 1ms;--t-flash: 1ms;--t-sweep: 1ms;--t-count: 1ms;--t-flip: 1ms;--t-row: 0ms;--t-tap: 1ms;--t-ui: 1ms;--t-seat: 1ms}}*,*:before,*:after{box-sizing:border-box}html{background:var(--page);color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;color:rgba(var(--cream-rgb),.82);font-family:var(--ui);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,6,7,.55) 0%,rgba(6,6,7,.88) 46%,var(--page) 78%),url(./room-1280-YU_WcDPJ.webp) center top / cover no-repeat}@media (orientation: portrait){body:before{background:linear-gradient(180deg,rgba(6,6,7,.55) 0%,rgba(6,6,7,.9) 40%,var(--page) 70%),url(./room-m-1280-Cu0CKlJO.webp) center top / cover no-repeat}}a{color:var(--cream);text-decoration-color:rgba(var(--cream-rgb),.3);text-underline-offset:3px}a:hover{text-decoration-color:var(--cream)}b{color:var(--cream);font-weight:600}.top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(14px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 14px max(20px,env(safe-area-inset-left,0px));background:linear-gradient(180deg,rgba(6,6,7,.92),rgba(6,6,7,.6) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.brand{font-family:var(--display);font-size:30px;line-height:1;color:var(--cream);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:14px;color:var(--ink);background:var(--cream);font-family:var(--display);font-size:20px;line-height:1;text-decoration:none;box-shadow:0 3px #a39c8e,0 14px 26px -12px #000000d9;transition:transform .12s var(--ease-card),background var(--t-ui) ease}.btn:hover{background:#fffaf0}.btn:active{transform:translateY(2px)}.btn.big{min-height:60px;padding:0 34px;border-radius:16px;font-size:28px;box-shadow:0 4px #a39c8e,0 18px 32px -12px #000000d9}.page{max-width:760px;margin:0 auto;padding:4vh max(22px,env(safe-area-inset-left,0px)) 40px}section{padding:34px 0;border-top:1px solid var(--hairline-1);scroll-margin-top:80px}section.intro{border-top:0;padding-top:8vh}h1,h2,h3{margin:0;color:var(--cream);font-family:var(--display);font-weight:400;line-height:1}h1{font-size:clamp(52px,11vw,96px);transform:rotate(var(--sign-tilt));transform-origin:left bottom;text-shadow:var(--sign-extrude);margin-bottom:34px}h2{font-size:clamp(32px,6vw,44px);margin-bottom:18px}h3{font-size:24px;margin-bottom:4px}h3 small{margin-left:6px;font-family:var(--ui);font-size:12px;font-weight:600;color:rgba(var(--cream-rgb),.55);vertical-align:3px}p{margin:0 0 14px}p:last-child{margin-bottom:0}.lede{max-width:34em;font-size:19px;color:rgba(var(--cream-rgb),.9)}.card{display:block;flex:none;aspect-ratio:2 / 3;border-radius:var(--card-r);overflow:hidden;box-shadow:0 1px #ffffff0f inset,0 10px 22px -8px #000c}.card svg{display:block;width:100%;height:100%}.hero-cards{display:flex;gap:10px;margin:30px 0 26px}.hero-cards .card{width:74px}.hero-cards .card:nth-child(1){transform:rotate(-7deg) translateY(4px)}.hero-cards .card:nth-child(3){transform:rotate(6deg) translateY(4px)}.toc{display:flex;flex-wrap:wrap;gap:8px}.toc a{padding:7px 13px;border:1px solid var(--hairline-2);border-radius:999px;color:rgba(var(--cream-rgb),.78);font-size:14px;font-weight:600;text-decoration:none;transition:border-color var(--t-ui) ease,color var(--t-ui) ease}.toc a:hover{color:var(--cream);border-color:var(--hairline-3)}.steps{margin:0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;padding:10px 0 10px 46px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:9px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(var(--cream-rgb),.08);color:var(--cream);font-family:var(--num);font-size:14px}.deck{margin:22px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}.deck li{display:flex;align-items:flex-start;gap:16px}.deck .card{width:64px}.deck p{font-size:15px;line-height:1.5;color:rgba(var(--cream-rgb),.74)}@media (max-width: 620px){.deck{grid-template-columns:1fr}}.points{margin:4px 0 18px}.points div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 0;border-bottom:1px dashed var(--hairline-2)}.points dt{color:rgba(var(--cream-rgb),.8)}.points dd{margin:0;flex:none;color:var(--cream);font-family:var(--num)}.modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modes>div{padding:20px;border-radius:16px;background:rgba(var(--cream-rgb),.05);border:1px solid var(--hairline-1)}.modes>div:first-child{border-left:4px solid var(--green)}.modes>div:last-child{border-left:4px solid var(--red)}@media (max-width: 620px){.modes{grid-template-columns:1fr}}.faq details{border-bottom:1px solid var(--hairline-1)}.faq summary{position:relative;padding:15px 34px 15px 0;color:var(--cream);font-weight:600;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:2px solid rgba(var(--cream-rgb),.6);border-bottom:2px solid rgba(var(--cream-rgb),.6);transform:translateY(-70%) rotate(45deg);transition:transform var(--t-ui) ease}.faq details[open] summary:after{transform:translateY(-30%) rotate(225deg)}.faq details p{padding:0 0 16px;color:rgba(var(--cream-rgb),.74)}.end{display:flex;justify-content:center;padding:48px 0 24px}.foot{display:flex;justify-content:space-between;gap:16px;max-width:760px;margin:0 auto;padding:22px max(22px,env(safe-area-inset-left,0px)) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hairline-1);font-size:14px}.foot a{color:rgba(var(--cream-rgb),.55);text-decoration:none}.foot>a:first-child{font-family:var(--display);font-size:20px;color:rgba(var(--cream-rgb),.7)}.foot-right{display:flex;gap:20px}.foot a:hover,.foot a:hover b{color:var(--cream)}.foot b{color:rgba(var(--cream-rgb),.78)}.plain ul{margin:0 0 14px;padding-left:20px}.plain li{margin:6px 0}.updated{color:rgba(var(--cream-rgb),.5);font-size:14px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
