:root{--bg:#0a0706;--panel:#140d0bdb;--panel-solid:#1a110e;--line:#e0b25247;--text:#f3e9d8;--muted:#b5a48c;--gold:#e0b252;--neon:#ff4d6d;--neon-soft:#ff4d6d59;--green:#6fcf8f;--danger:#e5484d;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--card-w:clamp(54px, 15vw, 104px);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden}#stage,#stage canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;z-index:1;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#boot{color:var(--neon);text-shadow:0 0 18px var(--neon-soft);z-index:5;background:var(--bg);place-items:center;font:italic 700 28px Georgia,serif;transition:opacity .4s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}.btn{border:1px solid var(--line);min-height:46px;color:var(--text);letter-spacing:.02em;background:linear-gradient(#3a241c,#24160f);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:transform 80ms,filter .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4}.btn.primary{color:#1b120a;background:linear-gradient(#e0b252,#a87a2a);border-color:#f4d58d}.btn.danger{color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(#ff5a76,#c22543);border-color:#ff9aad}.btn.ghost{background:#00000059}.btn.small{min-height:36px;padding:6px 12px;font-size:14px}.icon-btn{border:1px solid var(--line);background:#00000073;border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;display:grid}input[type=text]{border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#00000073;border-radius:12px;outline:none;width:100%;min-height:46px;padding:10px 14px;font-size:16px}input[type=text]:focus{border-color:var(--gold)}.screen{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:radial-gradient(#0a070633,#0a0706bf);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);border-radius:20px;flex-direction:column;gap:14px;width:min(440px,100%);margin:auto;padding:22px;display:flex;box-shadow:0 20px 60px #0009}.logo{text-align:center;color:#ffe3e8;text-shadow:0 0 6px #ff6b81, 0 0 22px var(--neon), 0 0 44px var(--neon-soft);margin:0;font:italic 700 clamp(38px,11vw,58px)/1 Georgia,Times New Roman,serif;animation:6s infinite flicker}.tagline{text-align:center;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:-6px 0 4px;font-size:14px}@keyframes flicker{0%,92%,96%,to{opacity:1}94%{opacity:.55}95%{opacity:.9}}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:-6px;font-size:12px}.row{align-items:center;gap:10px;display:flex}.row>.grow{flex:1}.divider{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.online-count{color:var(--text);align-items:center;gap:6px;display:inline-flex}.online-count[hidden]{display:none}.online-count:before{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 6px var(--green);border-radius:50%}.online-count.none:before{background:var(--muted);box-shadow:none}.chars{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.char{border:1px solid var(--line);color:var(--muted);background:#00000059;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:12px;display:flex}.char .emoji{font-size:26px}.char.selected{border-color:var(--gold);color:var(--text);background:#e0b25226}.seg{border:1px solid var(--line);border-radius:12px;display:flex;overflow:hidden}.seg button{min-height:46px;color:var(--muted);padding:0 14px}.seg .count{min-width:52px;color:var(--gold);justify-content:center;align-items:center;font-weight:700;display:flex}.seg button:disabled{opacity:.35}.seg button.on{color:var(--gold);background:#e0b25233;font-weight:700}.seg.games{grid-template-columns:1fr 1fr;display:grid}.seg.games button{white-space:nowrap;min-height:42px;font-size:15px}.seg.games button:disabled{opacity:.6}.game-name{color:var(--gold);text-align:center;font:italic 700 20px Georgia,serif}.links{justify-content:center;gap:18px;font-size:14px;display:flex}.links button{color:var(--muted);text-underline-offset:3px;min-height:32px;text-decoration:underline}.code{text-align:center;letter-spacing:.3em;color:var(--gold);padding-left:.3em;font:700 46px/1 ui-monospace,SF Mono,Menlo,monospace}.players{flex-direction:column;gap:8px;display:flex}.player-row{background:#00000059;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:6px 10px;display:flex}.player-row .emoji{font-size:24px}.player-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.player-row.empty{color:var(--muted);border-style:dashed;border-color:var(--line);justify-content:center}.badge{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;background:#e0b2522e;border-radius:99px;padding:2px 7px;font-size:11px}.badge.off{color:#ff8a8e;background:#e5484d33}.hint{text-align:center;color:var(--muted);font-size:14px}.status-pill{top:calc(10px + var(--safe-top));z-index:20;background:#e5484dd9;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.modal{padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));z-index:10;background:#0009;animation:.2s fade-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal .panel{width:100%;max-width:520px}.modal h2{color:var(--gold);margin:0;font:italic 700 28px Georgia,serif}.rules{color:var(--text);font-size:15px;line-height:1.5}.rules ol,.rules ul{margin:6px 0;padding-left:20px}.rules li{margin:4px 0}.rules b{color:var(--gold)}.table-rules{border:1px solid var(--line);background:#e0b2521a;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.45}.table-rules .title{color:var(--gold);margin-bottom:4px;font:italic 700 17px Georgia,serif}.table-rules ul{margin:0;padding-left:18px}.table-rules.card{z-index:3;left:50%;top:calc(64px + var(--safe-top));background:var(--panel);flex-direction:column;gap:8px;width:min(92vw,340px);animation:.35s ease-out rules-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #0009}@keyframes rules-in{0%{opacity:0;transform:translate(-50%,-12px)}}.table-rules.card .btn{align-self:flex-end}.setting{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting select,.setting input[type=range]{border:1px solid var(--line);min-height:40px;accent-color:var(--gold);background:#00000073;border-radius:10px;padding:0 10px}@keyframes fade-in{0%{opacity:0}}.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.topbar{top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.topbar>*{pointer-events:auto}.table-chip{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.table-chip img{border-radius:4px;width:30px;height:42px;display:block}.table-chip .t1{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px}.table-chip .t2{color:var(--gold);font:italic 700 20px Georgia,serif}.top-actions{gap:8px;display:flex}.tag{background:var(--panel);border:1px solid var(--line);text-align:center;pointer-events:none;will-change:transform;border-radius:12px;min-width:96px;padding:5px 10px 6px;transition:border-color .2s,box-shadow .2s,opacity .3s;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.tag .nm{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:14px;font-weight:700;overflow:hidden}.tag .meta{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.tag.active{border-color:var(--gold);box-shadow:0 0 0 2px #e0b25259,0 0 22px #e0b25259}.tag.dead{opacity:.55}.tag.dead .nm{text-decoration:line-through}.pips{gap:3px;display:inline-flex}.pip{border:1px solid #8a7a66;border-radius:50%;width:7px;height:7px}.pip.fired{background:#8a7a66}.pips.big .pip{width:10px;height:10px}.timer{background:#ffffff1a;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.timer>div{background:var(--gold);transform-origin:0;height:100%}.bubble{color:#1b120a;white-space:nowrap;background:#f3e9d8;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:700;animation:.25s ease-out pop;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.bubble:after{content:"";border:6px solid #0000;border-top-color:#f3e9d8;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bubble.shout{background:var(--neon);color:#fff;letter-spacing:.04em;font:italic 800 20px Georgia,serif}.bubble.shout:after{border-top-color:var(--neon)}.tag.near-top .bubble{top:calc(100% + 8px);bottom:auto}.tag.near-top .bubble:after{border-top-color:#0000;border-bottom-color:#f3e9d8;top:auto;bottom:100%}.tag.near-top .bubble.shout:after{border-bottom-color:var(--neon)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.5)}}.banner{text-align:center;pointer-events:none;width:min(92vw,640px);animation:.35s ease-out banner-in;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.banner:before{content:"";z-index:-1;background:radial-gradient(#0009,#0000 70%);position:absolute;top:-18px;bottom:-18px;left:-40px;right:-40px}.banner.low{top:54%}.banner .big{color:#fff;text-shadow:0 2px #00000080,0 0 26px #000000e6;font:italic 800 clamp(34px,9vw,64px)/1.05 Georgia,serif}.banner .big.neon{color:#ffe3e8;text-shadow:0 0 8px #ff6b81, 0 0 26px var(--neon), 0 2px 0 #00000080}.banner .big.gold{color:#ffe6ad;text-shadow:0 0 20px #e0b252cc,0 2px #00000080}.banner .sub{color:var(--text);text-shadow:0 1px 8px #000000f2;margin-top:8px;font-size:clamp(15px,3.8vw,20px)}.banner.out{animation:.3s ease-in forwards banner-out}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes banner-out{to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.reveal{border:1px solid var(--line);pointer-events:none;background:#0a0605b8;border-radius:18px;flex-direction:column;align-items:center;gap:10px;max-width:94vw;padding:14px 18px;animation:.2s fade-in;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.reveal .cards{gap:8px;display:flex}.reveal img{width:calc(var(--card-w) * .95);border-radius:8px;animation:.4s ease-out backwards flip-in;box-shadow:0 8px 22px #000000b3}.reveal img.bad{outline:3px solid var(--danger)}.reveal img.good{outline:3px solid var(--green)}.reveal img.devil{outline:3px solid var(--danger);box-shadow:0 8px 22px #000000b3,0 0 26px #d63a2cb3}.verdict{text-align:center;text-shadow:0 2px 10px #000000e6;font:italic 800 clamp(22px,6vw,30px) Georgia,serif;animation:.3s ease-out pop-center}.verdict.lie{color:#ff8a8e}.verdict.truth{color:var(--green)}.verdict.devil{color:#ff6b4a}.devil-note{text-align:center;color:#ff8a7a;text-shadow:0 2px 10px #000000e6;font:italic 700 clamp(16px,4.4vw,20px) Georgia,serif;animation:.3s ease-out pop-center}@keyframes flip-in{0%{transform:rotateY(90deg)}}@keyframes pop-center{0%{opacity:0;transform:scale(.4)}}.me{padding:0 calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left));pointer-events:none;background:linear-gradient(#0000,#050302bf 45%);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.me>*{pointer-events:auto}.prompt{background:var(--panel);border:1px solid var(--line);border-radius:99px;align-items:center;gap:10px;max-width:100%;padding:6px 14px;font-size:14px;display:flex}.prompt.your-turn{border-color:var(--gold);color:#ffe6ad;box-shadow:0 0 18px #e0b25259}.prompt .timer{width:60px;margin:0}.hand{min-height:calc(var(--card-w) * 1.4 + 18px);justify-content:center;padding-top:18px;display:flex}.hand .card{width:var(--card-w);margin:0 calc(var(--card-w) * -.08);border-radius:8px;padding:0;transition:transform .15s ease-out,filter .2s,box-shadow .15s;animation:.35s ease-out backwards deal-in;box-shadow:0 6px 18px #0009}.hand .card img{pointer-events:none;border-radius:8px;width:100%;display:block}.hand .card.match{box-shadow:0 6px 18px #0009,0 0 0 2px #e0b2528c}.hand .card.devil{box-shadow:0 6px 18px #0009,0 0 0 2px #d63a2cd9,0 0 18px #d63a2c73}.hand .card.sel{box-shadow:0 10px 22px #000000b3, 0 0 0 3px var(--gold), 0 0 22px #e0b25299;transform:translateY(-16px)}.hand.locked .card{filter:brightness(.6)}.hand.fanned .card{margin:0 0 0 calc(var(--fan-step,calc(var(--card-w) * .84)) - var(--card-w))}.hand.fanned .card:first-child{margin-left:0}.actions.ask{flex-wrap:wrap;gap:6px}.actions.ask.many .btn{flex:calc(33% - 6px);min-height:40px;font-size:14px}.actions.ask .btn{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:6px 8px;font-size:15px;overflow:hidden}.my-books{color:var(--gold);letter-spacing:.04em}.actions .btn[hidden]{display:none}.hud.uzo .hand .card.dim{filter:brightness(.55)saturate(.7)}.hud.uzo .hand .card.match{box-shadow:0 6px 18px #0009,0 0 0 2px #ffeebecc}.btn.uzo-call{border-color:var(--gold);color:var(--gold);background:linear-gradient(#3a241c,#24160f);font:italic 800 20px Georgia,serif}.btn.uzo-call.on{color:#1b120a;background:linear-gradient(#e0b252,#a87a2a);box-shadow:0 0 18px #e0b252b3}.uzo-badge{background:var(--gold);color:#1b120a;letter-spacing:.04em;border-radius:99px;padding:0 6px;font:italic 800 11px Georgia,serif}.swatch{vertical-align:.05em;border:1px solid #ffffff80;border-radius:50%;width:.7em;height:.7em;margin-right:6px;display:inline-block}.swatch.R,.pick.R{background:#c0392b}.swatch.Y,.pick.Y{background:#e2a72e}.swatch.G,.pick.G{background:#3f8f4e}.swatch.B,.pick.B{background:#2f6aa8}.swatch.any{background:conic-gradient(#c0392b 0 25%, #e2a72e 0 50%, #3f8f4e 0 75%, #2f6aa8 0)}.color-picker{z-index:5;background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:16px 18px;animation:.2s ease-out pop-center;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #000000b3}.color-picker .title{font-size:15px;font-weight:700}.color-picker .swatches{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.color-picker .pick{color:#fff;text-shadow:0 1px 3px #0009;border:2px solid #fff6;border-radius:16px;width:min(19vw,76px);height:min(19vw,76px);font-size:13px;font-weight:700}.color-picker .pick:focus-visible{outline:3px solid var(--gold)}@keyframes deal-in{0%{opacity:0;transform:translateY(60px)scale(.8)}}.actions{gap:10px;width:min(520px,100%);display:flex}.actions .btn{flex:1;min-height:52px;font-size:17px}.actions .btn.danger{font:italic 800 20px Georgia,serif}.my-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 40%,#78000aa6);transition:opacity .6s;position:absolute;top:0;bottom:0;left:0;right:0}.vignette.on{opacity:1}.flash{pointer-events:none;background:#fff;animation:.9s ease-out forwards flash;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes flash{0%{opacity:.95}25%{opacity:.7;background:#ff2030}to{opacity:0;background:#300}}.dead-overlay{pointer-events:none;filter:grayscale();-webkit-backdrop-filter:grayscale(.85)brightness(.8);background:#1e000059;position:absolute;top:0;bottom:0;left:0;right:0}.toast{left:50%;top:calc(64px + var(--safe-top));color:#fff;z-index:30;text-align:center;background:#e5484deb;border-radius:12px;max-width:90vw;padding:10px 16px;font-size:14px;font-weight:600;animation:.2s fade-in;position:absolute;transform:translate(-50%)}.toast.info{border:1px solid var(--line);background:#1e1612f2}.over-title{text-align:center;color:#ffe6ad;text-shadow:0 0 20px #e0b252b3;font:italic 800 clamp(34px,10vw,52px)/1.05 Georgia,serif}.over-title.lost{color:#ffd0d6;text-shadow:0 0 20px var(--neon-soft)}.kbd-hint{color:var(--muted);font-size:12px}@media (hover:none){.kbd-hint{display:none}}@media (max-height:500px){:root{--card-w:clamp(46px, 9vw, 74px)}.actions .btn{min-height:42px;font-size:15px}.actions .btn.danger{font-size:17px}.hand{padding-top:12px}.banner{top:34%}.me{gap:4px}.panel{gap:10px;padding:16px}.logo{font-size:40px}.tag{min-width:0;padding:3px 8px 4px}.tag .nm{font-size:12px}.tag .meta{font-size:11px}.table-chip{padding:4px 10px 4px 4px}.table-chip img{width:22px;height:31px}.table-chip .t2{font-size:16px}.icon-btn{width:36px;height:36px;font-size:15px}.prompt{padding:4px 12px;font-size:13px}.my-status{display:none}.me .actions{right:calc(10px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));flex-direction:column;width:150px;position:absolute}}@media (min-width:900px) and (min-height:650px){:root{--card-w:110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}