:root{--bg:#110f0d;--bg-glow:#1f1b14;--surface:#1a1714;--surface-2:#24201b;--line:#322d26;--text:#f0e9dd;--muted:#968d80;--accent:#b8f04a;--accent-ink:#172005;--danger:#ff5a4e;--true:#6fd38a;--lie:#ff6b5e;--radius:16px;--shadow:0 12px 32px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1000px 520px at 50% -8%, var(--bg-glow), transparent 70%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Rubik,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.4}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 55%,#00000080);position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3{margin:0 0 .5rem;font-weight:700}h2{font-size:1.25rem}h3{margin-top:1rem;font-size:1rem}p{margin:.35rem 0}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.hint{color:var(--muted);font-size:.9rem;font-style:italic}.btn{font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:.6rem 1.1rem;transition:transform 80ms,background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.btn-accent:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--line)}.btn-big{padding:.85rem 1.4rem;font-size:1.05rem}.btn-small{padding:.35rem .8rem;font-size:.9rem}.btn-wide{width:100%}.btn-true,.btn-lie{flex:1;font-size:1.15rem;font-weight:700}.btn-true{background:color-mix(in srgb, var(--true) 16%, var(--surface-2));border-color:color-mix(in srgb, var(--true) 70%, transparent)}.btn-lie{background:color-mix(in srgb, var(--lie) 16%, var(--surface-2));border-color:color-mix(in srgb, var(--lie) 70%, transparent)}.link-btn{font:inherit;color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:center;padding:.3rem;text-decoration:underline}.link-btn:hover{color:var(--accent)}.icon-btn{font:inherit;cursor:pointer;width:2.2rem;height:2.2rem;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:50%;font-size:1.1rem;line-height:1}.icon-btn:hover{color:var(--text);border-color:var(--line)}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;padding:.75rem .9rem}input:focus{border-color:var(--accent)}.chip{font:inherit;cursor:pointer;color:var(--text);border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:.4rem .9rem}.chip:hover{border-color:var(--muted)}.chip-on,.chip-on:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.chips-row{flex-wrap:wrap;gap:.4rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.row-fill{flex-wrap:nowrap;margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem}.logo{color:var(--accent);white-space:nowrap;align-items:center;gap:.4rem;margin:0;font-family:Rubik Wet Paint,Rubik,sans-serif;font-size:1.35rem;font-weight:400;display:flex}.logo-big{white-space:normal;text-align:center;justify-content:center;font-size:clamp(2.3rem,9vw,3.6rem)}.logo-bug{animation:3.2s ease-in-out infinite scuttle;display:inline-block}@keyframes scuttle{0%,70%,to{transform:translate(0)rotate(0)}75%{transform:translate(-4px)rotate(-12deg)}80%{transform:translate(4px)rotate(10deg)}85%{transform:translate(-2px)rotate(-6deg)}}.home{flex-direction:column;gap:1.2rem;max-width:440px;margin:0 auto;padding:9vh 16px 3rem;display:flex}.tagline{text-align:center;color:var(--muted)}.home-panel{flex-direction:column;gap:.9rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field span{color:var(--muted);font-size:.9rem}.or{color:var(--muted);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.join-row{gap:.5rem;display:flex}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:700}.invite{flex-direction:column;gap:.6rem;display:flex}.code{color:var(--accent);letter-spacing:.15em}.room{min-height:100vh}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem 16px;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:.25rem;display:flex}.room-code{letter-spacing:.15em;color:var(--muted);align-items:center;gap:.45rem;margin-right:.3rem;font-weight:700;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot-off{background:var(--danger);animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.loading{text-align:center;color:var(--muted);padding:20vh 16px;font-size:1.1rem}.menu{position:relative}.menu-list{z-index:10;flex-direction:column;min-width:230px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu-item{font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.6rem .75rem}.menu-item:hover{background:var(--surface-2)}.menu-danger{color:var(--danger)}.overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;width:min(560px,100%);max-height:86vh;animation:.2s ease-out pop;display:flex}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0}.modal-body{padding-right:.3rem;overflow:auto}.modal-body ol,.modal-body ul{margin:.3rem 0;padding-left:1.2rem}.modal-body li{margin:.3rem 0}.rules-creatures{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.waiting{flex-direction:column;gap:1rem;max-width:520px;margin:0 auto;padding:1.5rem 16px;display:flex}.waiting .panel:first-child{text-align:center}.big-code{letter-spacing:.25em;color:var(--accent);margin:.2rem 0 .6rem;font-size:clamp(2.4rem,12vw,3.5rem);font-weight:700}.player-list{flex-direction:column;gap:.3rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.player-list li{border-radius:10px;align-items:center;gap:.6rem;padding:.45rem .4rem;display:flex}.player-list li:hover{background:var(--surface-2)}.player-list .pname{flex:1}.avatar{font-size:1.25rem}.offline{opacity:.45}.game{flex-direction:column;gap:.9rem;max-width:760px;margin:0 auto;padding:.5rem 16px 0;display:flex}.seats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;display:grid}.seat{font:inherit;color:inherit;text-align:left;background:var(--surface);border:1px solid #0000;border-radius:14px;flex-direction:column;gap:.4rem;padding:.6rem .7rem;transition:border-color .15s,transform .15s,box-shadow .2s;display:flex}.seat:disabled{cursor:default;color:inherit}.seat-head{align-items:center;gap:.4rem;min-width:0;display:flex}.seat-head .pname{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.seat-meta{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.seat-count{color:var(--muted);white-space:nowrap;font-size:.78rem}.seat-focus{border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 22%, transparent)}.seat-selectable{cursor:pointer;border:1px dashed var(--muted)}.seat-selectable:hover{border-color:var(--accent);transform:translateY(-2px)}.seat-selected{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.seat-loser{border-color:var(--danger)!important;box-shadow:0 0 24px color-mix(in srgb, var(--danger) 30%, transparent)!important}.chips{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.tchip{background:color-mix(in srgb, var(--c) 16%, transparent);border-radius:7px;align-items:center;gap:.2rem;padding:.05rem .4rem;font-size:.9rem;display:inline-flex}.tchip b{font-size:.78rem;font-weight:700}.tchip-danger{box-shadow:0 0 0 1px var(--danger);animation:1.2s ease-in-out infinite danger}@keyframes danger{50%{box-shadow:0 0 0 1px var(--danger), 0 0 10px var(--danger)}}.card{text-align:center;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-md{width:90px;height:126px}.card-lg{width:128px;height:178px}.card-face{background:linear-gradient(160deg, color-mix(in srgb, var(--c) 32%, var(--surface-2)), var(--surface-2) 72%);border:2px solid var(--c);gap:.25rem;padding:.5rem}.card-emoji{font-size:2.2rem}.card-lg .card-emoji{font-size:3.4rem}.card-name{font-size:.95rem;font-weight:700}.card-caption{color:var(--muted);font-size:.72rem;line-height:1.2}.card-back{border:2px solid var(--line);background:repeating-linear-gradient(45deg,#0000 0 10px,#b8f04a0d 10px 20px),radial-gradient(circle at 50% 40%,#2b261e,#16130f)}.card-back-mark{color:var(--accent);opacity:.85;font-family:Rubik Wet Paint,sans-serif;font-size:3.4rem}.shake{animation:2.6s ease-in-out infinite shake}@keyframes shake{0%,82%,to{transform:rotate(0)}85%{transform:rotate(-3deg)}88%{transform:rotate(3deg)}91%{transform:rotate(-2deg)}}.flip{animation:.6s ease-out flip}@keyframes flip{0%{transform:rotateY(90deg)scale(.9)}to{transform:rotateY(0)scale(1)}}.table{flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.table-top{align-items:center;gap:1.2rem;display:flex}.story{flex-direction:column;gap:.35rem;min-width:0;display:flex}.bubble{background:var(--text);color:#1a1712;border-radius:14px;align-self:flex-start;padding:.55rem .9rem;font-size:1.15rem;font-weight:700;position:relative}.bubble:before{content:"";border:8px solid #0000;border-right-color:var(--text);border-left:0;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.path{color:var(--muted);font-size:.9rem}.secret{color:var(--accent);font-size:.9rem}.verdict{color:var(--accent);margin:0;font-size:1.5rem;font-weight:700}.actions{border-top:1px solid var(--line);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.arow{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.arow-label{color:var(--muted);font-size:.85rem}.picked{font-weight:500}.waiting-line{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin:0;padding-top:.9rem;font-style:italic}.picker{grid-template-columns:repeat(8,minmax(0,1fr));gap:.3rem;display:grid}.pick{font:inherit;cursor:pointer;color:inherit;aspect-ratio:1;background:var(--surface-2);border:1px solid #0000;border-radius:12px;place-items:center;max-width:56px;font-size:1.45rem;line-height:1;transition:transform .1s,background .15s;display:grid}.pick:hover{border-color:var(--c);transform:translateY(-2px)}.pick-on{background:color-mix(in srgb, var(--c) 35%, var(--surface-2));border-color:var(--c);box-shadow:0 0 0 1px var(--c)}.lastline{font:inherit;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;gap:.6rem;padding:0 .3rem;font-size:.9rem;display:flex}.lastline:hover{color:var(--text)}.lastline-more{white-space:nowrap;color:var(--accent)}.log{flex-direction:column;gap:.45rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.log li{border-left:2px solid var(--line);color:var(--muted);padding-left:.6rem}.log li:first-child{color:var(--text);border-left-color:var(--accent)}.ev-challenged{color:var(--text)!important}.ev-game_over{color:var(--danger)!important;border-left-color:var(--danger)!important}.tray{z-index:4;padding:.7rem 16px calc(.8rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-radius:18px 18px 0 0;flex-direction:column;gap:.55rem;margin:0 -16px;display:flex;position:sticky;bottom:0}.tray-focus{border-top-color:var(--accent);box-shadow:0 -10px 30px color-mix(in srgb, var(--accent) 12%, transparent)}.tray-head{align-items:center;gap:.6rem;min-height:1.6rem;display:flex}.tray-title{color:var(--muted);white-space:nowrap;font-size:.85rem}.hand{scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:.5rem;padding:.5rem .2rem .2rem;display:flex;overflow-x:auto}.stack{font:inherit;color:inherit;background:linear-gradient(160deg, color-mix(in srgb, var(--c) 30%, var(--surface-2)), var(--surface-2) 78%);border:2px solid color-mix(in srgb, var(--c) 65%, transparent);border-radius:12px;flex-shrink:0;place-items:center;width:62px;height:84px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.stack:disabled{cursor:default}.hand-pick .stack{cursor:pointer}.hand-pick .stack:hover{transform:translateY(-5px)rotate(-2deg)}.stack-on,.hand-pick .stack-on:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);transform:translateY(-7px)}.stack-emoji{font-size:1.9rem}.stack-count{text-align:center;background:var(--text);color:#1a1712;border-radius:999px;min-width:1.4rem;padding:.05rem .35rem;font-size:.75rem;font-weight:700;position:absolute;top:-7px;right:-7px}.gameover{text-align:center;width:100%;max-width:420px;animation:.35s ease-out pop}.gameover .row{justify-content:center}.skull{font-size:4rem;animation:2s ease-in-out infinite wobble}@keyframes wobble{50%{transform:rotate(-8deg)scale(1.05)}}.floating{z-index:10;position:fixed;bottom:130px;right:16px}.toasts{z-index:30;flex-direction:column;gap:.4rem;width:min(92vw,420px);display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.toast{background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:.65rem .9rem;animation:.2s ease-out pop}.toast-error{border-color:var(--danger)}.runner{z-index:15;pointer-events:none;font-size:2rem;animation:2.4s linear forwards run;position:fixed;top:40%;left:-60px}@keyframes run{0%{transform:translate(0)rotate(90deg)}45%{transform:translate(50vw)translateY(-12px)rotate(85deg)}50%{transform:translate(52vw)translateY(-12px)rotate(100deg)}to{transform:translate(calc(100vw + 120px))rotate(90deg)}}@media (width<=560px){.logo{font-size:1.05rem}.topbar .logo-text{display:none}.topbar .logo{font-size:1.5rem}.topbar{padding:.5rem 12px}.room-code{letter-spacing:.08em;font-size:.85rem}.game{gap:.7rem;padding:.4rem 12px 0}.tray{margin:0 -12px;padding-left:12px;padding-right:12px}.seats{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.4rem}.seat{padding:.45rem .55rem}.seat-head{gap:.3rem;font-size:.9rem}.seat .avatar{font-size:1rem}.tchip{padding:0 .3rem;font-size:.78rem}.table{gap:.8rem;padding:.9rem}.table-top{gap:.8rem}.card-lg{width:84px;height:118px}.card-lg .card-emoji{font-size:2.3rem}.card-lg .card-caption{display:none}.card-back-mark{font-size:2.5rem}.bubble{padding:.45rem .7rem;font-size:.98rem}.verdict{font-size:1.15rem}.arow{grid-template-columns:minmax(0,1fr);gap:.3rem}.pick{border-radius:9px;font-size:1.2rem}.stack{width:54px;height:74px}.stack-emoji{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.runner{display:none}}