@font-face{font-family:Luckiest Guy;src:url(/fonts/luckiestguy.ttf)format("truetype");font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito.ttf)format("truetype");font-weight:200 1000;font-display:swap}:root{--ink:#1b1428;--panel:#2a1f3d;--panel-2:#3a2b54;--cream:#fff3dc;--muted:#b9add0;--gold:#ffc24a;--magenta:#ff3ea5;--green:#5fd06a;--red:#ff5b6e;--display:"Luckiest Guy", "Arial Black", sans-serif;color:var(--cream);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#140d22;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game{opacity:0;width:100%;height:100%;transition:opacity .6s ease-out;display:block;position:fixed;inset:0}#game.drawn{opacity:1}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui input,#ui summary,#ui label,#ui a{pointer-events:auto}.hidden{display:none!important}button{color:var(--cream);background:var(--panel-2);border:3px solid var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:.65rem 1rem;font:800 .95rem Nunito,sans-serif;transition:transform 80ms,box-shadow 80ms,background .15s}@media (hover:hover){button:hover{background:#4a3868}button.primary:hover{background:#ffd36f}}button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}button:disabled{opacity:.55;cursor:default}button.primary{font:400 1.35rem var(--display);letter-spacing:.02em;color:var(--ink);background:var(--gold);padding:.8rem 1.2rem .6rem}button.big{width:100%;font-size:1.6rem}button.danger{background:#7a2340}button.pill{box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:.35rem .85rem;font-size:.85rem}button.small{padding:.2rem .6rem;font-size:.75rem}button.arrow{border-radius:10px;width:2.1rem;height:2.1rem;padding:0;font-size:.8rem}input{color:var(--cream);border:3px solid var(--ink);background:#1b1428;border-radius:12px;outline:none;width:100%;padding:.7rem .85rem;font:700 1rem Nunito,sans-serif}input:focus{border-color:var(--gold)}input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--gold)}kbd{font:400 .85rem var(--display);color:var(--ink);background:var(--cream);white-space:nowrap;border-radius:6px;padding:.18rem .45rem .05rem;box-shadow:0 2px #9a8bb3}.lobby{background:linear-gradient(90deg,#140d22eb 0%,#140d228c 38%,#0000 60%);align-items:center;padding:3vh 5vw;display:flex;position:absolute;inset:0}.lobby-panel{pointer-events:auto;width:min(440px,92vw);max-height:94vh;overflow-y:auto}.lobby h1{font:400 clamp(3.2rem, 7.5vw, 5.6rem) / .86 var(--display);text-shadow:0 5px 0 var(--ink), 0 0 30px #ff3ea559;flex-direction:column;margin:0 0 .4rem;display:flex}.lobby h1 span{transform-origin:0;animation:3.2s ease-in-out infinite wobble;display:block}.lobby h1 span:nth-child(2){color:var(--magenta);font-size:.7em;animation-delay:-1s}.lobby h1 span:nth-child(3){animation-delay:-2s}.gold{color:var(--gold)}@keyframes wobble{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)translateY(-2px)}}.tagline{color:var(--muted);margin:.5rem 0 1.4rem;font-weight:700}.lobby form{gap:.9rem;display:grid}.field{gap:.35rem;display:grid}.field>span,.picker>span{font:400 .95rem var(--display);color:var(--gold);letter-spacing:.04em}.look{border:3px solid var(--ink);background:#2a1f3dd9;border-radius:16px;grid-template-columns:1fr 1fr;gap:.5rem .7rem;padding:.7rem .8rem;display:grid}.picker{grid-template-columns:1.9rem minmax(0,1fr) 1.9rem;align-items:center;gap:.2rem .3rem;display:grid}.picker>span{grid-column:1/-1;font-size:.75rem;line-height:1}.picker .arrow{width:1.8rem;height:1.8rem;padding:0}.pick{justify-content:center;align-items:center;gap:.35rem;min-width:0;display:flex}.pick b{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:900;overflow:hidden}.swatch{border:2px solid var(--ink);border-radius:50%;flex:none;width:.85rem;height:.85rem;box-shadow:0 0 0 1px #fff3dc59}.look .shuffle{place-self:end stretch;height:1.8rem}@media (max-height:860px){.lobby h1{font-size:clamp(2.6rem,6vw,4.4rem)}.tagline{margin:.3rem 0 .9rem}.lobby form{gap:.7rem}}.host-settings summary{cursor:pointer;color:var(--muted);padding:.3rem 0;font-weight:800}.fields{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.6rem;display:grid}.fields label{color:var(--muted);gap:.25rem;font-size:.8rem;font-weight:800;display:grid}.fields .check{grid-column:1/-1;align-items:center;gap:.5rem;display:flex}.error{color:var(--red);min-height:1.2em;margin:0;font-weight:800}.hud{position:absolute;inset:0}.top-left,.top-right{border:3px solid var(--ink);background:#1b1428b3;border-radius:999px;align-items:center;gap:.6rem;padding:.4rem .5rem .4rem .9rem;font-weight:800;display:flex;position:absolute;top:16px}.top-left{left:16px}.top-right{padding:.45rem .9rem;right:16px}.label{color:var(--muted);letter-spacing:.12em;font-size:.75rem}.code{font:400 1.2rem var(--display);color:var(--gold);letter-spacing:.08em;padding-top:.15rem}.status:before{content:"●";color:var(--green);margin-right:.35rem}.status.bad:before,.mic.bad{color:var(--red)}.reticle{justify-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle>i{background:var(--cream);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #1b1428b3}.hint-text{white-space:nowrap;font:400 1.1rem var(--display);letter-spacing:.02em;text-shadow:0 2px 0 var(--ink), 0 0 8px #0009;position:absolute;top:18px}.hint-sub{white-space:nowrap;color:var(--muted);text-shadow:0 1px 0 var(--ink), 0 0 6px #000000b3;font-size:.82rem;font-weight:800;position:absolute;top:42px}.clock-ring{background:conic-gradient(var(--gold) var(--p), transparent 0);opacity:.85;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 12px,#000 13px);mask:radial-gradient(circle,#0000 12px,#000 13px)}.clock-ring.urgent{background:conic-gradient(var(--red) var(--p), transparent 0);animation:.6s ease-in-out infinite throb}@keyframes throb{50%{transform:translate(-50%,-50%)scale(1.15)}}.banner{font:400 clamp(2.6rem, 6vw, 4.6rem) var(--display);letter-spacing:.03em;color:var(--cream);text-shadow:0 6px 0 var(--ink), 0 0 40px #ffc24a80;opacity:0;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)scale(0)}.banner.show{animation:1.6s cubic-bezier(.2,1.4,.4,1) forwards pop-banner}.banner.turn{color:var(--gold)}.banner.win{color:var(--green);font-size:clamp(3.4rem,8vw,6rem)}@keyframes pop-banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(2deg)}30%{transform:translate(-50%,-50%)scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-64%)scale(.95)}}.chat-layer{pointer-events:none;isolation:isolate;position:absolute;inset:0}.chat-dock{z-index:1;width:min(350px,100vw - 36px);position:absolute;top:78px;left:18px}.chat-toggle{margin-bottom:10px}.chat-panel{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#1b1428e6;border-radius:18px;padding:14px}.chat-panel.editing{background:var(--panel);pointer-events:auto}.chat-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.chat-heading h2{font:400 1.15rem var(--display);color:var(--gold);margin:0}.chat-history{scrollbar-width:thin;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;max-height:min(260px,100vh - 300px);overflow-y:auto}.chat-empty,.chat-help{color:var(--muted);margin:0;font-size:.78rem}.chat-message{overflow-wrap:anywhere;margin:0 0 9px;font-size:.9rem;line-height:1.4}.chat-message:last-child{margin-bottom:0}.chat-message b{color:var(--gold);margin-right:8px}.chat-composer{align-items:center;gap:8px;margin-top:14px;display:flex}.chat-composer input{min-width:0;padding:.55rem .7rem;font-size:.9rem}.chat-help{margin-top:10px}.chat-bubble{border:3px solid var(--ink);background:var(--cream);width:max-content;max-width:min(280px,55vw);color:var(--ink);text-align:center;overflow-wrap:anywhere;border-radius:16px;padding:9px 13px;font-size:.95rem;font-weight:800;line-height:1.3;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px #1b142866}.chat-bubble:after{content:"";background:var(--cream);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:12px;height:12px;position:absolute;bottom:-8px;left:calc(50% - 7px);transform:rotate(45deg)}.feed{gap:.3rem;width:min(360px,40vw);display:grid;position:absolute;bottom:18px;left:18px}.feed p{background:#1b1428ad;border-radius:10px;justify-self:start;margin:0;padding:.3rem .75rem;font-size:.88rem;font-weight:800;transition:opacity 1.2s;animation:.25s ease-out slide-in}.feed p.win{color:var(--gold)}.feed p.hot{color:#ffb3d6}.feed p.dim{color:var(--muted)}.feed p.old{opacity:.35}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}}.toast{z-index:2;background:var(--cream);color:var(--ink);border:3px solid var(--ink);opacity:0;text-align:center;border-radius:14px;max-width:min(90vw,560px);padding:.6rem 1.1rem;font-weight:900;transition:opacity .2s,transform .2s;position:absolute;top:74px;left:50%;transform:translate(-50%,-12px)}.toast.show{opacity:1;transform:translate(-50%)}.gate,.board,.menu-scrim{background:#140d2273;place-items:center;display:grid;position:absolute;inset:0}.gate{pointer-events:none}.gate-card,.board-card,.menu{background:var(--panel);border:4px solid var(--ink);box-shadow:0 10px 0 var(--ink), 0 30px 60px #00000080;border-radius:22px;padding:1.4rem 1.6rem;animation:.25s cubic-bezier(.2,1.5,.4,1) pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}.gate-card h2,.board-card h2,.menu h2{font:400 2rem var(--display);color:var(--gold);margin:0 0 .6rem}.controls{gap:.4rem;display:grid}.controls .row{grid-template-columns:8.5rem 1fr;align-items:center;gap:.6rem;font-size:.9rem;font-weight:700;display:grid}.controls kbd{justify-self:start}.board-card{width:min(860px,94vw)}.board-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:1rem;font-weight:800;display:flex}.board table{border-collapse:collapse;width:100%;font-weight:800}.board th{text-align:left;font:400 .85rem var(--display);color:var(--muted);letter-spacing:.05em;padding:.4rem .5rem}.board td{border-top:2px solid #ffffff0f;padding:.5rem}.board tr.me td{color:var(--gold)}.board td small{background:var(--panel-2);color:var(--muted);border-radius:6px;margin-left:.4rem;padding:.05rem .4rem;font-size:.7rem}.board td small.acting{background:var(--gold);color:var(--ink)}.board td.num{font-variant-numeric:tabular-nums}.board td.up{color:var(--green)}.board td.down{color:var(--red)}.board td.cards{letter-spacing:.05em;font-size:1.05rem}.board .actions{justify-content:flex-end;gap:.35rem;display:flex}.foot,.muted{color:var(--muted);font-size:.85rem;font-weight:700}.menu{pointer-events:auto;gap:.8rem;width:min(460px,92vw);max-height:92vh;display:grid;overflow-y:auto}.eyebrow{font:400 .85rem var(--display);color:var(--muted);letter-spacing:.1em}.menu-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.slider{grid-template-columns:5rem 1fr;align-items:center;font-weight:800;display:grid}.slider input{width:100%;min-width:0;accent-color:var(--gold);background:0 0;border:none;padding:0}.audio-settings,.player-audio{gap:.65rem;display:grid}.audio-settings{border-top:2px solid #ffffff14;padding-top:.8rem}.audio-settings h3,.audio-settings p{margin:0}.audio-settings h3{font:400 1.1rem var(--display);color:var(--gold)}.volume-slider{grid-template-columns:7rem minmax(0,1fr) 3rem;gap:.4rem;min-width:0;font-size:.85rem}.volume-slider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.volume-slider output{text-align:right;font-variant-numeric:tabular-nums}.player-volume{grid-template-columns:minmax(0,1fr) 4.2rem;align-items:center;gap:.4rem;display:grid}.choice{align-items:center;gap:.4rem;font-weight:800;display:flex}.choice>span{margin-right:auto}.choice button[aria-pressed=false]{opacity:.55;box-shadow:none}.player-volume .volume-slider{grid-template-columns:5rem minmax(0,1fr) 3rem}.wheel{width:0;height:0;position:absolute;top:50%;left:50%}.wheel:before{content:"";border:4px solid var(--ink);background:radial-gradient(circle,#1b142833 25%,#1b1428bf 26%);border-radius:50%;width:320px;height:320px;position:absolute;top:-160px;left:-160px}.slice{transform:translate(calc(var(--x) - 50%), calc(var(--y) - 50%));font:400 .8rem var(--display);color:var(--muted);justify-items:center;transition:transform .12s;display:grid;position:absolute}.slice b{font-size:2rem;line-height:1.1}.slice.on{color:var(--gold);transform:translate(calc(var(--x) - 50%), calc(var(--y) - 50%)) scale(1.3)}.fatal{text-align:center;place-content:center;padding:2rem;display:grid;position:absolute;inset:0}.fatal h1{font:400 2.5rem var(--display);color:var(--gold)}.cards-panel{border:3px solid var(--ink);background:#1b1428b8;border-radius:16px;gap:.4rem;padding:.55rem .7rem;display:grid;position:absolute;top:70px;right:16px}.cards-panel .row{align-items:center;gap:.3rem;display:flex}.cards-panel .label{width:3.4rem;font:400 .75rem var(--display)}.cards-panel .pot{font:400 1.6rem var(--display);color:var(--gold);text-shadow:0 2px 0 var(--ink);line-height:1}.mini{border:2px solid var(--ink);width:2.1rem;height:2.9rem;color:var(--ink);background:#fffaf0;border-radius:6px;place-content:center;justify-items:center;line-height:1;animation:.25s cubic-bezier(.2,1.5,.4,1) pop-in;display:grid}.mini b{font:400 1.15rem var(--display)}.mini i{font-size:1.05rem;font-style:normal}.mini.red{color:#e8394d}.mini.back{background:repeating-linear-gradient(45deg,#c8327f 0 4px,#e85aa0 4px 8px)}.mini.empty{background:0 0;border:2px dashed #fff3dc40;animation:none}.guide-scrim{pointer-events:auto;background:#140d22b3}.guide{background:var(--panel);border:4px solid var(--ink);width:min(1080px,95vw);max-height:92vh;box-shadow:0 10px 0 var(--ink), 0 30px 60px #00000080;border-radius:22px;padding:1.2rem 1.4rem 1.6rem;animation:.25s cubic-bezier(.2,1.5,.4,1) pop-in;overflow-y:auto}.guide header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.guide header h2{font:400 2rem var(--display);color:var(--gold);margin:0}.guide-tabs{flex-wrap:wrap;gap:.4rem;margin-right:auto;display:flex}.guide-tabs .on{background:var(--gold);color:var(--ink)}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;display:grid}.guide-grid article{background:var(--panel-2);border:3px solid var(--ink);border-radius:16px;align-content:start;gap:.35rem;padding:.6rem .75rem .8rem;display:grid}.guide-grid .art{background:radial-gradient(circle at 50% 35%,#4a2a6e,#2a1b3f);border-radius:12px;overflow:hidden}.guide-grid svg{width:100%;height:auto;display:block}.guide-grid h3{font:400 1.15rem var(--display);color:var(--cream);margin:.2rem 0 0}.guide-grid kbd{justify-self:start}.guide-grid p{color:var(--muted);margin:0;font-size:.86rem;font-weight:700;line-height:1.35}.rules{grid-template-columns:9rem 1fr;gap:.7rem 1rem;margin:0;display:grid}.rules dt{font:400 1.05rem var(--display);color:var(--gold)}.rules dd{color:var(--cream);margin:0;font-weight:700;line-height:1.4}.hand-chart-heading{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.hand-chart-heading h3{font:400 1.5rem var(--display);color:var(--gold);margin:0}.hand-chart-heading span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:900}.hand-chart-intro{color:var(--cream);margin:.6rem 0 1rem;font-weight:700;line-height:1.4}.hand-chart{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.hand-row{background:var(--panel-2);border:3px solid var(--ink);border-radius:14px;grid-template-columns:2rem minmax(0,1fr) minmax(0,352px);align-items:center;gap:1rem;padding:.65rem .9rem;display:grid}.hand-row:first-child{border-color:var(--gold)}.hand-rank{background:var(--ink);width:2rem;height:2rem;color:var(--gold);font:400 1.1rem var(--display);border-radius:50%;place-items:center;padding-top:.15rem;display:grid}.hand-copy h4{font:400 1.2rem var(--display);color:var(--cream);margin:0 0 .3rem}.hand-copy p{color:var(--muted);margin:0;font-size:.87rem;font-weight:700;line-height:1.35}.hand-cards{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:8px;display:grid}.hand-cards canvas{width:100%;height:auto;filter:drop-shadow(0 3px 0 var(--ink));display:block}.hand-notes{color:var(--muted);margin-top:1rem;font-size:.87rem;font-weight:700;line-height:1.4}.hand-notes p{margin:.5rem 0 0}.hand-notes strong{color:var(--gold)}@media (max-width:700px){.guide{padding:1rem}.guide-tabs{order:1;width:100%;margin-right:0}.guide header h2{margin-right:auto}.hand-row{grid-template-columns:2rem minmax(0,1fr);gap:.65rem}.hand-cards{grid-column:1/-1;justify-self:center;width:min(352px,100%)}}.lobby .how{justify-self:start}.build{letter-spacing:.04em;color:#fff3dc73;text-shadow:0 1px 0 var(--ink);font-size:.72rem;font-weight:800;position:absolute;bottom:8px;right:12px}.aimed-card{filter:drop-shadow(3px 5px #241e33)drop-shadow(0 5px 12px #0007);width:94px;height:132px;position:absolute;top:-65px;left:30px;transform:rotate(5deg)}html.touch .for-mouse,html:not(.touch) .for-touch{display:none!important}:root{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--sb:env(safe-area-inset-bottom,0px)}html.touch,html.touch body{overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}html.touch #game{touch-action:none}html.touch .menu,html.touch .guide,html.touch .board-card,html.touch .lobby-panel,html.touch .chat-history,html.touch .gate-card{touch-action:pan-y}html.touch button{touch-action:manipulation}html.touch input{font-size:16px}html.touch .chat-history{-webkit-user-select:none;user-select:none}html.touch .top-left{top:8px;left:calc(8px + var(--sl));gap:.4rem;padding:.2rem .25rem .2rem .7rem}html.touch .top-left .code{font-size:1rem}html.touch .top-left .pill{min-height:36px}html.touch .top-right{top:12px;right:calc(8px + var(--sr) + 3 * 50px);padding:.3rem .7rem;font-size:.8rem}html.touch .top-right .mic{display:none}.tp-topbar{top:8px;right:calc(8px + var(--sr));gap:6px;display:flex;position:absolute}.tp-top{width:44px;height:44px;box-shadow:0 3px 0 var(--ink);background:#1b1428bf;border-radius:50%;padding:0;font-size:1.15rem}.tp-top.bad{background:#7a2340}html.touch .cards-panel .board-row,html.touch .cards-panel.no-pot{display:none}html.touch .cards-panel{top:60px;right:calc(8px + var(--sr));gap:.25rem;padding:.35rem .5rem}html.touch .cards-panel .label{width:2.6rem;font-size:.65rem}html.touch .cards-panel .pot{font-size:1.2rem}html.touch .chat-dock{top:56px;left:calc(8px + var(--sl));width:min(320px,44vw)}html.touch .chat-toggle{min-height:36px}html.touch .chat-panel{padding:10px}html.touch .chat-history{max-height:min(150px,100vh - 220px)}html.touch .chat-panel.editing{top:calc(var(--vv-top,0px) + 6px);left:calc(8px + var(--sl));width:min(420px,60vw);position:fixed}html.touch .chat-panel.editing .chat-heading{margin-bottom:6px}html.touch .chat-panel.editing .chat-history{max-height:max(40px, calc(var(--vv-h,100vh) - 130px))}html.touch .chat-panel.editing .chat-help{display:none}html.touch .feed{left:calc(8px + var(--sl));gap:.2rem;width:min(300px,34vw);top:100px;bottom:auto}html.touch .feed p{padding:.2rem .55rem;font-size:.72rem}html.touch .feed p:nth-last-child(n+4){display:none}html.touch .toast{font-size:.85rem;top:58px}html.touch .banner{top:28%}html.touch .build{display:none}html.touch .reticle{top:auto;bottom:calc(6px + var(--sb));text-align:center;width:min(46vw,420px);left:calc(50% - 30px);transform:translate(-50%)}html.touch .reticle>i,html.touch .aimed-card{display:none}html.touch .hint-text,html.touch .hint-sub{white-space:normal;position:static}html.touch .hint-text{font-size:.95rem}html.touch .hint-sub{font-size:.72rem}.gaze{--ch:clamp(64px, 19vh, 112px);--w:max(120px, calc(var(--n,1) * (var(--ch) * 180 / 252 + 6px) + var(--g,1) * 8px + 12px));--h:calc(var(--ch) + 40px);left:clamp(calc(88px + var(--sl) + var(--w) / 2), var(--x), calc(100% - 228px - var(--sr) - var(--w) / 2));top:max(56px, calc(var(--y) - var(--h) - 6px));border:3px solid var(--ink);pointer-events:none;background:#1b1428d1;border-radius:14px;justify-content:center;gap:14px;width:max-content;min-width:120px;padding:4px 10px 10px;animation:.2s cubic-bezier(.2,1.5,.4,1) pop-in;display:flex;position:absolute;translate:-50%;box-shadow:0 4px #1b142880}.gaze-group{justify-items:center;gap:4px;display:grid}.gaze b{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:0;min-width:100%;font:400 .85rem var(--display);letter-spacing:.04em;color:var(--gold);line-height:1.2;overflow:hidden}.gaze-cards{gap:6px;display:flex}.gaze canvas{height:var(--ch);filter:drop-shadow(2px 3px #241e33);width:auto}.touchpad{position:absolute;inset:0}.touchpad.idle button{pointer-events:none;opacity:.45}.touchpad.idle .tp-tip,.touchpad.idle .tp-stick{display:none}html.touch .chat-layer:has(.editing){z-index:6}.tp-button{border-radius:14px;min-width:48px;height:48px;padding:0 .4rem;font-size:1.35rem;line-height:1}.tp-wide{font:400 .95rem var(--display);padding:.15rem .8rem 0}.tp-cards[aria-pressed=true]{background:var(--gold);color:var(--ink)}.tp-left{left:calc(8px + var(--sl));bottom:calc(8px + var(--sb));justify-items:start;gap:8px;display:grid;position:absolute}.tp-line,.tp-show{gap:6px;display:flex}.tp-actions{right:calc(8px + var(--sr));bottom:calc(8px + var(--sb));gap:6px;width:212px;display:grid;position:absolute}.tp-amount{gap:6px;display:grid}.tp-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.tp-display{border:3px solid var(--ink);color:#b8ffb0;background:#08130c;border-radius:12px;grid-template-columns:1fr auto;align-items:baseline;padding:.2rem .6rem .25rem;display:grid;overflow:hidden}.tp-caption{color:#7fe08a;white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font:700 .62rem Courier New,monospace;overflow:hidden}.tp-value{font:400 1.35rem var(--display);line-height:1}.tp-tag{font:400 .85rem var(--display);white-space:nowrap}.tp-key{--key:#f3e6d0;background:var(--key);min-width:0;height:40px;color:var(--ink);font:400 .85rem / 1 var(--display);white-space:pre-line;box-shadow:0 3px 0 var(--ink);border-radius:12px;padding:.15rem .2rem 0}.tp-key.off{opacity:.4;box-shadow:none}.tp-key.blank{visibility:hidden}.tp-small{min-width:0;height:40px;font-size:1.1rem}.tp-small[aria-pressed=true]{background:var(--gold);color:var(--ink)}.tp-act{height:46px;font-size:.95rem}.tp-big{height:54px;font-size:1.25rem;position:relative}.tp-ring{background:linear-gradient(90deg, var(--gold) var(--f,100%), #fff3dc2e 0);border-radius:3px;height:5px;position:absolute;top:-10px;left:4px;right:4px}.tp-ring.urgent{background:linear-gradient(90deg, var(--red) var(--f,100%), #fff3dc2e 0);animation:.6s ease-in-out infinite blink}@keyframes blink{50%{opacity:.4}}.tp-digits{border:3px solid var(--ink);background:#2a1f3deb;border-radius:16px;grid-template-columns:repeat(3,50px);gap:6px;padding:6px;display:grid;position:absolute;bottom:0;right:calc(100% + 6px)}.tp-digits .tp-key{height:42px;font-size:1.05rem}.tp-stick{background:#1b142859;border:3px solid #fff3dc66;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute}.tp-stick i{border:3px solid var(--ink);width:50px;height:50px;transform:translate(var(--dx,0), var(--dy,0));background:#fff3dcbf;border-radius:50%;position:absolute;top:28px;left:28px}.tp-tip{z-index:3;border:3px solid var(--ink);background:var(--cream);max-width:min(280px,60vw);color:var(--ink);text-align:center;border-radius:14px;justify-items:center;gap:2px;padding:6px 12px;display:grid;position:absolute;box-shadow:0 4px #1b142880}.tp-tip b{font:400 1rem var(--display)}.tp-tip span{color:#5b4a73;font-size:.75rem;font-weight:800}.tp-tip span:empty,.tp-tip b:empty{display:none}.tp-tip canvas{filter:drop-shadow(2px 3px #241e33);width:72px;height:auto}html.touch .gate-card{max-height:88vh;padding:1rem 1.2rem;overflow-y:auto}html.touch .gate-card h2{font-size:1.6rem}html.touch .controls .row{grid-template-columns:8.8rem 1fr;font-size:.8rem}html.touch .board{pointer-events:auto}html.touch .board-card{max-height:92vh;padding:.9rem 1rem;overflow-y:auto}html.touch .board-head{flex-wrap:wrap;align-items:center}html.touch .board-head h2{margin:0}html.touch .board table{font-size:.82rem}html.touch .board td,html.touch .board th{padding:.3rem .35rem}html.touch .menu{gap:.6rem;padding:1rem 1.2rem}html.touch .menu h2{font-size:1.6rem}.wheel-scrim{pointer-events:auto;background:#140d2259;position:absolute;inset:0}html.touch .wheel .slice,html.touch .wheel .hub{pointer-events:auto}.wheel .hub{font:400 .75rem var(--display);color:var(--muted);justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.wheel .hub b{font-size:1.6rem}.wheel:not(.sticky) .hub{opacity:.35}@media (max-height:420px){.wheel{transform:scale(.85)}}.rotate{z-index:100;pointer-events:auto;touch-action:pan-y;text-align:center;background:radial-gradient(circle at 50% 30%,#3a1f5c,#140d22 70%);place-items:center;padding:1.5rem;display:none;position:fixed;inset:0;overflow-y:auto}@media (orientation:portrait){html.touch .rotate{display:grid}}.rotate-card{justify-items:center;gap:.5rem;max-width:340px;display:grid}.rotate-card h2{font:400 2.2rem var(--display);color:var(--gold);text-shadow:0 4px 0 var(--ink);margin:.6rem 0 0}.rotate-card p{margin:0;font-weight:800;line-height:1.4}.rotate-card p.rotate-intro{color:var(--muted);margin-bottom:.8rem;font-weight:700}.rotate-phone{border:5px solid var(--cream);width:62px;height:104px;box-shadow:0 5px 0 var(--ink);border-radius:14px;animation:2.4s cubic-bezier(.6,0,.3,1) infinite turn;position:relative}.rotate-phone i{background:var(--cream);border-radius:2px;width:14px;height:4px;margin-left:-7px;position:absolute;bottom:6px;left:50%}@keyframes turn{0%,20%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-install{border:3px solid var(--ink);background:var(--panel);text-align:left;border-radius:16px;margin-top:.8rem;padding:.8rem 1rem;font-size:.9rem;font-weight:700}.rotate-install b{color:var(--gold)}.install-steps{text-align:left;gap:.35rem;margin:.5rem 0 0;padding-left:1.3rem;font-weight:700;line-height:1.4;display:grid}.install-steps b{color:var(--gold)}.install-steps .glyph{background:var(--cream);color:var(--ink);border-radius:6px;padding:0 .3rem;font-weight:900;display:inline-block}.install-scrim{pointer-events:auto;z-index:50}.lobby-links{flex-wrap:wrap;gap:.5rem;display:flex}@media (max-height:540px){.lobby{padding:8px calc(12px + var(--sr)) 8px calc(12px + var(--sl));align-items:stretch}.lobby-panel{width:min(420px,56vw);height:100%;max-height:none}.lobby h1{flex-direction:row;gap:.5rem;margin:0;font-size:1.9rem}.lobby h1 span:nth-child(2){font-size:1em}.tagline{display:none}.lobby form{gap:.55rem;padding-top:.5rem}.field input{padding:.5rem .75rem}.look{gap:.35rem .6rem;padding:.5rem .6rem}.lobby #join{z-index:1;padding:.6rem 1rem .45rem;font-size:1.3rem;position:sticky;bottom:4px}}