:root{color:#f5efe7;font-synthesis:none;--bg:#100e15;--surface:#1c1822;--raised:#26202d;--gold:#d6b478;--muted:#a49bab;--line:#ffffff16;--pink:#c993bc;--radius:24px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#100e15;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:1px solid var(--line);background:var(--raised);color:inherit;transition:transform .2s var(--ease), background .2s;border-radius:14px;padding:15px 22px}button:hover:not(:disabled){background:#39303f;transform:translateY(-1px)}button.primary{background:var(--gold);color:#1c1510;border-color:var(--gold);font-weight:650}button.primary:hover:not(:disabled){background:#edd19c}button.ghost{background:0 0}a{color:var(--gold)}input,select,textarea{width:100%;color:inherit;background:#141119;border:1px solid #ffffff28;border-radius:12px;padding:14px 16px}label{color:#cfc3d3;gap:9px;font-size:14px;display:grid}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{letter-spacing:-2.5px;font-size:clamp(46px,7vw,94px);line-height:1.04}h2{font-size:36px;line-height:1.15}p{color:var(--muted);line-height:1.7}small{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--gold);font-size:11px;font-weight:600}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#26202cc9,#18151fcc);padding:28px}.stack{gap:20px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.error{color:#ffd7dc;background:#4d233155;border:1px solid #e18b9666;border-radius:14px;padding:16px}.brand{letter-spacing:5px;color:#f4e3c8;font-family:Georgia,serif;font-size:26px;text-decoration:none}.brand i{color:var(--gold);font-style:normal}.badge{border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:7px 12px;font-size:11px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}main{max-width:1600px;margin:auto;padding:0 5vw}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;display:flex}.hero{align-items:center;min-height:740px;display:flex;position:relative}.hero-copy{z-index:1;width:60%;padding:65px 0;position:relative}.hero-copy>.eyebrow{margin-bottom:28px}.hero-copy h1{font-size:clamp(48px,5.3vw,84px)}em{color:var(--gold);font-weight:400}.hero-copy>p{max-width:470px;font-size:17px}.hero-copy .card{max-width:460px;margin:30px 0}.hero-copy .card p{margin:12px 0 0}.hero-art{background:linear-gradient(90deg,#100e15 0%,#100e1540 35%,#0000 65%),linear-gradient(#100e15,#0000 20% 75%,#100e15),url(/art/night-table.png) 50%/cover;position:absolute;inset:0 -5vw 0 27%}.features{color:var(--muted);gap:22px;font-size:12px;display:flex}.features span:before{content:"✦";color:var(--gold);margin-right:8px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:28px 0;font-size:12px;display:flex}footer span{letter-spacing:2px;font-size:10px}@media (width<=700px){main{padding:0 6vw}header{height:82px}.brand{letter-spacing:3px;font-size:20px}header .badge{padding:7px;font-size:8px}.hero{align-items:flex-end;min-height:760px}.hero-copy{width:100%;padding:260px 0 34px}.hero-copy h1{font-size:49px}.hero-copy>p{font-size:15px}.hero-art{background:linear-gradient(#0000 30%,#100e15),url(/art/night-table.png) 50%/cover;height:420px;inset:0 -6vw auto}.features{flex-wrap:wrap;gap:12px;font-size:10px}footer{gap:20px;line-height:1.8}}.hero-actions{margin:34px 0}.hero-actions button{padding:18px 25px}.hero-actions button span{margin-left:30px}.entry{max-width:660px;margin:65px auto 90px}.entry h1{letter-spacing:-1.5px;margin-top:20px;font-size:52px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.check{align-items:flex-start;gap:12px;font-size:12px;line-height:1.6;display:flex}.check input{width:18px;height:18px;accent-color:var(--gold);flex-shrink:0;margin-top:2px}.code-input{letter-spacing:8px;font-size:26px}.status{color:var(--muted);font-size:12px}.status:before{content:"●";margin-right:8px}.status.online:before{color:#9cbea0}.session-layout{grid-template-columns:1.5fr 1fr;gap:65px;min-height:75vh;padding:64px 0 90px;display:grid}.session-layout h1{margin:22px 0;font-size:58px}.lobby-card{background:linear-gradient(100deg,#1b1722ef,#1b1722bb),url(/art/night-table.png) 50%/cover;margin-top:35px;padding:40px}.join-code{color:var(--gold);letter-spacing:12px;margin:20px 0;font-family:Georgia,serif;font-size:62px}.players{margin-top:20px}.player{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.player:last-child{border:0}.player strong{font-size:14px;font-weight:500}.player small{margin-top:5px;font-size:11px;display:block}.avatar{color:#dcc3df;background:#483550;border-radius:50%;place-items:center;width:43px;height:43px;font-family:Georgia,serif;font-size:23px;display:grid}.a1{color:#ecd0ad;background:#4e3c2e}.a2{color:#badacf;background:#2c4542}.a3{color:#e1a9c6;background:#433346}.ready,.waiting{color:#a8d0b3;margin-left:auto}.waiting{color:var(--muted)}.boundary{border-bottom:1px solid var(--line);padding:18px 0}.boundary .check{margin-top:12px}button.selected{border-color:var(--gold);background:#54412c}.onboarding .card{padding:30px}.onboarding h1{font-size:48px}@media (width<=700px){.entry{margin:38px auto 65px}.entry h1{font-size:40px}.card{padding:23px}.session-layout{grid-template-columns:1fr;gap:24px;padding:40px 0}.session-layout h1{font-size:44px}.lobby-card{padding:26px}.join-code{letter-spacing:8px;font-size:47px}.form-grid{grid-template-columns:1fr}.hero-actions{gap:10px}.hero-actions button{padding:16px 18px}.hero-actions button span{margin-left:12px}}.board{aspect-ratio:1;background:radial-gradient(circle,#37263c77,#0000 60%);border-radius:50%;max-width:640px;margin:25px auto;position:relative}.board-orbit{border:1px solid #d6b47838;border-radius:50%;position:absolute;inset:10%;box-shadow:0 0 80px #63466d33,inset 0 0 60px #63466d22}.board-center{background:radial-gradient(circle,#231d2b,#121018);border:1px solid #d6b47828;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:28%}.moon{color:var(--gold);font-size:60px;line-height:1}.board-center .eyebrow{letter-spacing:2px;margin:15px 0 5px;font-size:7px}.board-center strong{color:#e4c997;font-family:Georgia,serif;font-size:44px;font-weight:400}.board-center small{letter-spacing:3px;font-size:7px}.tile{aspect-ratio:1;color:#c7a5ca;background:linear-gradient(135deg,#352d3e,#19151f);border:1px solid #d6b47840;border-radius:25%;place-items:center;width:9%;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0007}.tile.t1,.tile.t4{color:var(--gold);background:linear-gradient(135deg,#3d3228,#211b1b)}.tile>span{font-size:21px}.pawn{width:24px;height:24px;transition:transform .5s var(--ease);color:#fff;background:#745379;border:2px solid #eadabe;border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;box-shadow:0 4px 15px #000}.event-card{animation:card-arrive .5s var(--ease);border-color:#d6b47838}.event-card h2{margin:20px 0;font-size:35px}.event-card>button,.event-card>.row{margin-top:24px}.secret-card{background:#39253e55;border:1px solid #b587bc66;border-radius:14px;padding:18px}.secret-card summary{cursor:pointer;color:#dbb8e0;font-size:14px}.secret-card p{margin:16px 0;font-size:14px}.vote-result{color:var(--gold);font-size:26px}.event-card p{font-size:17px}.event-card.secret{border-color:#bc8dcc66}@keyframes card-arrive{0%{opacity:0;transform:translateY(12px)rotateX(5deg)}to{opacity:1;transform:none}}@media (width<=700px){.board-center .eyebrow{letter-spacing:1px;font-size:5px}.moon{font-size:35px}.board-center strong{font-size:30px}.tile>span{font-size:17px}.pawn{width:20px;height:20px}.event-card h2{font-size:29px}}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.media-video{aspect-ratio:4/3;object-fit:cover;background:#100e15;border-radius:14px;width:100%}.media-grid:empty{display:none}.secret-card:not([open]){background:linear-gradient(90deg,#211725dd,#21172550),url(/art/secret-card.png) 50% 48%/cover;align-items:center;min-height:175px;display:flex}.secret-card summary{text-shadow:0 2px 10px #000;padding:16px 0}.shared-display .event-card p{font-size:24px;line-height:1.65}.board-pawn{z-index:2;transition:left .65s var(--ease), top .65s var(--ease), transform .65s var(--ease);box-shadow:0 0 15px #e9bf6655,0 4px 10px #0009}.qr-invite{color:var(--gold);margin:20px 0;font-size:13px}.qr-invite summary{cursor:pointer}.qr-invite img{border-radius:12px;margin-top:15px;display:block}.event-timer{margin-top:25px}.timer-line{background:#ffffff15;border-radius:4px;height:3px;margin-bottom:10px;overflow:hidden}.timer-line span{background:var(--gold);height:100%;transition:width .5s linear;display:block}.event-timer small{letter-spacing:1.5px;font-size:9px}.event-timer.urgent .timer-line span{background:#ce91b7}.story-seals{color:#776879;gap:14px;margin-top:10px;font-size:16px;display:flex}.story-seals>span{text-align:center}.story-seals small{letter-spacing:0;font-size:7px;display:block}.story-seals .unlocked{color:var(--gold);text-shadow:0 0 14px #d6b478aa}.match-reveal{color:#edc9e4;background:#3b254455;border:1px solid #c494b566;border-radius:14px;padding:14px;font-size:14px}
