:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff0d2;background:#0e1111;font-family:Trebuchet MS,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:#0e1111;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{color:#fff4dc;cursor:pointer;background:linear-gradient(#473d2bf5,#221e19f5);border:1px solid #ffd47a5c;border-radius:8px;min-height:42px;padding:.68rem .95rem;transition:border-color .14s,transform .14s,filter .14s;box-shadow:inset 0 1px #ffffff14,0 10px 22px #0000003d}button:hover:not(:disabled){filter:brightness(1.08);border-color:#ffdd8beb}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.48;cursor:default}input[type=number]{color:#fff4dc;background:#0a0d0db8;border:1px solid #ffd47a47;border-radius:8px;width:92px;min-height:42px;padding:.45rem .65rem}input[type=text]{color:#fff4dc;background:#0a0d0db8;border:1px solid #ffd47a47;border-radius:8px;width:100%;min-height:42px;padding:.45rem .65rem}label{color:#d8c6a7;gap:.35rem;font-size:.9rem;display:grid}#app,.shell,#scene{width:100vw;height:100vh}.shell{isolation:isolate;position:relative}.shell:before,.shell:after{z-index:2;content:"";pointer-events:none;height:98px;position:fixed;left:0;right:0}.shell:before{background:linear-gradient(#040505f0,#04050500);top:0}.shell:after{background:linear-gradient(#04050500,#040505f5);height:126px;bottom:0}#scene{background:#0e1111;transition:filter .32s,opacity .32s;display:block}.title-active #scene{filter:blur(5px)brightness(.72)saturate(1.08);opacity:.96}.intro-panel{z-index:9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 50% 40%,#b1742438,#0000 30rem),linear-gradient(#05060661,#0a0d0d8f);place-items:center;padding:1rem;transition:opacity .22s,transform .22s;display:grid;position:fixed;inset:0}.intro-panel:before{content:"";mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(#ffffff05 50%,#00000014 50%) 0 0/100% 6px;position:absolute;inset:0}.intro-exit{opacity:0;transform:scale(1.04)}.intro-content{text-align:center;justify-items:center;gap:1rem;display:grid;position:relative}.game-title{color:#ffe1a0;letter-spacing:0;text-shadow:0 4px #5b2415,0 10px 34px #ffa03659,0 28px 80px #000000a8;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.8rem,12vw,9rem);font-weight:900;line-height:.86;animation:2.8s ease-in-out infinite title-breathe}.setup-title{text-align:left;font-size:clamp(2.4rem,7vw,4.9rem)}@keyframes title-breathe{0%,to{filter:brightness();transform:translateY(0)skew(-2deg)}50%{filter:brightness(1.12);transform:translateY(-4px)skew(2deg)}}.primary-button{min-width:190px;font-weight:900}.title-menu{gap:.72rem;width:min(560px,100vw - 2rem);margin-top:.25rem;display:grid}.title-menu button{color:#3d3d3d;text-shadow:0 1px #fff;background:linear-gradient(#d8d8d8,#bfbfbf);border:3px solid #1c1c1c;border-radius:2px;min-height:58px;font-size:clamp(1.15rem,3vw,1.75rem);font-weight:900;box-shadow:inset 0 0 0 3px #efefef,0 8px #272727,0 18px 42px #0000006b}.title-menu button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.title-menu button{position:relative}.title-menu button:after{z-index:2;color:#ffe8b8;content:attr(data-tip);opacity:0;pointer-events:none;width:min(360px,100vw - 2rem);text-shadow:none;background:#0e1110f5;border:1px solid #ffe1a06b;border-radius:8px;padding:.5rem .65rem;font-size:.85rem;font-weight:800;line-height:1.25;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px)}.title-menu button:hover:after,.title-menu button:focus-visible:after{opacity:1;transform:translate(-50%)}.ui-icon{color:currentColor;vertical-align:-.18em;flex:none;width:1.15em;height:1.15em}.ui-icon path,.ui-icon rect,.ui-icon circle,.ui-icon ellipse{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hud{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(#151816eb,#0e1110c7);border:1px solid #ffd47a3d;border-radius:8px;gap:.48rem;padding:.68rem;display:grid;position:fixed;top:.7rem;left:.8rem;right:.8rem;box-shadow:inset 0 1px #ffffff14,0 24px 80px #0000004d}.hud *{pointer-events:auto}.hud-row{align-items:center;gap:.7rem;min-width:0;display:flex}.current-avatar{width:48px;height:48px;image-rendering:pixelated;background:#101414;border:2px solid #ffe097a6;border-radius:8px}.stat{color:#fff2d6;text-shadow:0 2px #0006;align-items:center;gap:.35rem;min-width:max-content;font-weight:800;display:inline-flex}.stat-muted,.icon-stat{color:#c7b99f;align-items:center;gap:.34rem;font-weight:650;display:inline-flex}.score{text-overflow:ellipsis;white-space:nowrap;color:#f1dfb9;flex:1;min-width:140px;overflow:hidden}.icon-button{place-items:center;width:46px;min-width:46px;padding:0;display:inline-grid}.selected{color:#ffe08c;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:160px;overflow:hidden}.players-bar{gap:.42rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.player-chip{--player-color:#f6c85f;border:1px solid color-mix(in srgb, var(--player-color), #fff 16%);color:#fff0d2;text-align:left;min-width:148px;max-width:210px;box-shadow:none;background:linear-gradient(#1f2322e6,#101312e0);border-radius:8px;align-items:center;gap:.52rem;padding:.36rem .52rem;display:flex;position:relative}.player-chip.current{box-shadow:0 0 0 2px color-mix(in srgb, var(--player-color), #fff 20%)}.player-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--player-color), #fff 54%);filter:brightness(1.08)}.player-chip:disabled{opacity:.7}.player-chip img,.target-button img{width:34px;height:34px;image-rendering:pixelated;border-radius:6px;flex:none}.player-chip span,.target-button span{min-width:0;line-height:1.05;display:grid}.player-chip small,.target-button small{color:#bfae91;margin-top:.25rem;font-size:.72rem}.targets{flex-wrap:wrap;gap:.45rem;display:flex}.target-button{align-items:center;gap:.52rem;min-height:42px;padding:.4rem .62rem;display:inline-flex}.target-button small{gap:.28rem;min-height:1.1rem;display:inline-flex}.target-button small .ui-icon,.player-chip small .ui-icon{width:1rem;height:1rem}.player-speech{color:#201913;background:#fff7df;border:1px solid #ffedbbd6;border-radius:8px 8px 8px 2px;align-items:center;gap:.25rem;max-width:132px;min-height:28px;padding:.24rem .42rem;font-weight:950;display:inline-flex;position:absolute;top:-.72rem;right:.2rem;transform:rotate(-1.5deg);box-shadow:0 10px 26px #0000005c}.player-speech b{text-overflow:ellipsis;white-space:nowrap;max-width:56px;font-size:.62rem;overflow:hidden}.player-speech .ui-icon{width:1rem;height:1rem}.player-speech small{color:#201913;margin:0;font-size:.62rem}.card-tooltip{z-index:8;color:#fff0d2;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d0df0;border:1px solid #ffd47a5c;border-radius:8px;gap:.35rem;width:min(260px,100vw - 2rem);padding:.72rem .82rem;display:grid;position:fixed;box-shadow:0 18px 60px #00000073}.card-tooltip strong{color:#ffe08c}.card-tooltip span{color:#cdbd9d;line-height:1.35}.message{z-index:4;color:#fff0d2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#151816e0,#0c0e0ee6);border:1px solid #ffd47a42;border-radius:8px;min-height:54px;padding:.82rem 1rem;position:fixed;bottom:.85rem;left:1rem;right:1rem;box-shadow:0 18px 70px #00000057}.comm-menu{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#1c201efa,#0b0e0dfa);border:1px solid #ffd47a61;border-radius:8px;gap:.48rem;width:236px;padding:.65rem;display:grid;position:fixed;box-shadow:0 22px 70px #00000075}.comm-menu p{color:#ffe08c;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.comm-options{grid-template-columns:repeat(4,1fr);gap:.38rem;display:grid}.comm-options button{place-items:center;min-width:0;min-height:46px;padding:0;display:grid}.comm-options .ui-icon{width:1.35rem;height:1.35rem}.comm-layer{z-index:5;pointer-events:none;justify-items:end;gap:.45rem;display:grid;position:fixed;bottom:5rem;right:1rem}.comm-toast{--player-color:#ffe0a0;border:1px solid color-mix(in srgb, var(--player-color), #fff 35%);color:#201913;background:linear-gradient(#fff8e0f7,#eadab2f7);border-radius:8px;grid-template-columns:34px auto 1fr;align-items:center;gap:.48rem;min-width:210px;max-width:min(340px,100vw - 2rem);padding:.44rem .58rem;font-weight:950;animation:.22s ease-out comm-pop;display:grid;box-shadow:0 18px 48px #00000061}.comm-toast img{width:34px;height:34px;image-rendering:pixelated;border-radius:6px}.comm-toast small{color:#60482f;font-size:.72rem;display:block}.comm-copy{min-width:0;line-height:1.08;display:grid}.comm-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:178px;overflow:hidden}.comm-icon{color:#30251b;place-items:center;display:inline-grid}@keyframes comm-pop{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.panel,.privacy,.peek-panel,.role-reveal{z-index:6;background:radial-gradient(circle at 50% 34%,#a06f313d,#0000 34rem),#07090adb;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.role-reveal{z-index:8;background:radial-gradient(circle at 50% 38%,#ffd17533,#0000 23rem),#050708c7;animation:1.45s both role-fade}.role-card{text-align:center;justify-items:center;gap:.68rem;min-width:min(520px,100vw - 2rem);padding:1.3rem;display:grid}.role-card img{width:96px;height:96px;image-rendering:pixelated;background:#101414;border:2px solid #ffe097a8;border-radius:8px;box-shadow:0 18px 50px #0006}.role-card h2{color:#ffe1a0;text-shadow:0 3px #5b2415,0 24px 70px #0000009e;margin:0;font-size:clamp(2rem,6vw,4.4rem);line-height:.95}.role-card p:not(.eyebrow){color:#e6d4b2;max-width:420px;margin:0;font-weight:800}@keyframes role-fade{0%{opacity:0;transform:scale(1.04)}14%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.dialog,.peek-card{background:linear-gradient(#1e2422fa,#0e1211fa);border:1px solid #ffd47a6b;border-radius:8px;gap:1rem;width:min(500px,100%);padding:1.15rem;display:grid;box-shadow:0 28px 90px #0000007a}.peek-card{grid-template-columns:160px 1fr;align-items:center;width:min(680px,100%)}.peek-card canvas{width:160px;height:224px;image-rendering:pixelated;border-radius:8px;box-shadow:0 18px 44px #0006}.peek-actions,.lobby-actions{flex-wrap:wrap;gap:.48rem;display:flex}.peek-actions button,.lobby-actions button{flex:132px}.mine-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;display:grid}.choice-card{text-align:left;align-content:center;justify-items:start;gap:.32rem;min-height:104px;display:grid}.choice-card .ui-icon{color:#ffe08c;width:1.4rem;height:1.4rem}.choice-card span{color:#fff0d2;font-weight:950}.choice-card small{color:#c8b99b;font-size:.76rem;line-height:1.25}.choice-card.selected,.segmented-control button.selected{background:linear-gradient(#564428fa,#251f18fa);border-color:#ffe097db}.choice-card.selected:disabled{opacity:1}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.segmented-control button{min-width:0}.public-mine-block{gap:.48rem;display:grid}.list-header{color:#d8c6a7;justify-content:space-between;align-items:center;gap:.6rem;font-size:.9rem;font-weight:850;display:flex}.list-header button{width:42px;min-width:42px;padding:0}.public-mines{gap:.42rem;max-height:min(28vh,230px);display:grid;overflow:auto}.public-mine{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:.75rem;min-height:56px;display:grid}.public-mine span{min-width:0;display:grid}.public-mine strong,.public-mine b{color:#fff0d2}.public-mine small{color:#bfae91;font-size:.76rem}.public-mine b{letter-spacing:.06em;background:#080a0a8f;border:1px solid #ffe0975c;border-radius:6px;padding:.3rem .42rem}.empty-list,.mine-visibility{color:#c7b99f;background:#090c0c75;border:1px solid #ffd47a2e;border-radius:8px;margin:0;padding:.62rem .72rem;font-size:.86rem}.room-code-card{background:#090c0c9e;border:1px solid #ffd47a4d;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;min-height:58px;padding:.7rem .85rem;display:grid}.room-code-card span{color:#bfae91;text-transform:uppercase;font-size:.78rem;font-weight:900}.room-code-card strong{color:#ffe08c;letter-spacing:.08em;font-size:clamp(1.6rem,8vw,2.6rem)}.lobby-status{background:#090c0c8a;border:1px solid #ffd47a33;border-radius:8px;min-height:42px;padding:.68rem .75rem}.lobby-players{gap:.42rem;max-height:min(32vh,270px);display:grid;overflow:auto}.lobby-player{--player-color:#f6c85f;border:1px solid color-mix(in srgb, var(--player-color), #fff 18%);background:#0e1110b3;border-radius:8px;align-items:center;gap:.58rem;min-height:48px;padding:.42rem .52rem;display:flex}.lobby-player img,.lobby-avatar{width:34px;height:34px;image-rendering:pixelated;background:#101414;border-radius:6px;place-items:center;display:grid}.lobby-player span{gap:.16rem;min-width:0;font-weight:850;display:grid}.lobby-player small{color:#bfae91;font-size:.72rem}.color-field{gap:.5rem;display:grid}.color-field>span{color:#d8c6a7;font-size:.9rem}.color-choices{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:.42rem;display:grid}.color-choice{--choice-color:#f6c85f;background:linear-gradient(180deg, color-mix(in srgb, var(--choice-color), #fff 18%), var(--choice-color));border-color:#ffd47a4d;place-items:center;min-width:42px;min-height:42px;padding:0;display:grid;box-shadow:inset 0 0 0 4px #10131261,0 10px 22px #0000003d}.color-choice.random-choice{color:#161616;text-shadow:0 1px #ffffff8c;background:linear-gradient(135deg,#f6c85f 0 25%,#6fc6f0 25% 50%,#8dd17e 50% 75%,#f08a8a 75%);font-size:1.3rem;font-weight:950}.color-choice.selected{border-color:#fff0b8;box-shadow:inset 0 0 0 4px #10131275,0 0 0 3px #ffe09761,0 14px 28px #00000057}.dialog h1,.dialog h2,.peek-card h2{letter-spacing:0;margin:0;line-height:1.05}.dialog h1{font-size:clamp(2rem,5vw,3.25rem)}.dialog h2,.peek-card h2{font-size:1.65rem}.dialog p,.peek-card p{color:#cfbea2;margin:0;line-height:1.45}.eyebrow{color:#ffd873;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.wide-field{grid-column:1/-1}.setup-meter{color:#ffe0a0;background:#0c0f0f8c;border:1px solid #ffd47a38;border-radius:8px;align-self:end;place-items:center;min-height:42px;margin:0;font-weight:800;display:grid}.check-line{align-items:center;gap:.6rem;display:flex}.check-line input{width:18px;height:18px}.hidden{display:none!important}@media (width<=760px){.hud{padding:.55rem;top:.45rem;left:.45rem;right:.45rem}.hud-row{flex-wrap:wrap;align-items:stretch}.hud-row button{flex:120px}.score,.selected{white-space:normal;flex-basis:100%}.peek-card{grid-template-columns:1fr;justify-items:center}.mine-kind-grid,.segmented-control,.public-mine{grid-template-columns:1fr}.message{bottom:.55rem;left:.55rem;right:.55rem}}