:root{--accent-rgb: 124 92 255;--accent2-rgb: 34 211 238;--spy-rgb: 255 77 109;--civil-rgb: 61 220 151;--good-rgb: 61 220 151;--warn-rgb: 255 200 87;--bad-rgb: 255 77 109;--font-scale: 1;--radius: 20px;--radius-sm: 14px;--tap: 56px;--bg: #0d0b1c;--bg-2: #16123a;--surface: rgba(255,255,255,0.06);--surface-2: rgba(255,255,255,0.11);--line: rgba(255,255,255,0.12);--text: #f4f2ff;--muted: rgba(244,242,255,0.62);--accent: #7c5cff;--accent-2: #22d3ee;--accent-ink: #ffffff;--spy: #ff4d6d;--civil: #3ddc97;--good: #3ddc97;--warn: #ffc857;--bad: #ff4d6d;--shadow: 0 18px 40px rgba(0,0,0,0.45)}[data-theme="neon"]{--accent-rgb: 255 47 208;--accent2-rgb: 18 230 255;--spy-rgb: 255 47 109;--civil-rgb: 18 230 255;--bg: #05060c;--bg-2: #1b0733;--surface: rgba(255,255,255,0.05);--surface-2: rgba(255,47,208,0.14);--line: rgba(255,47,208,0.28);--text: #f2f7ff;--muted: rgba(242,247,255,0.6);--accent: #ff2fd0;--accent-2: #12e6ff;--spy: #ff2f6d;--civil: #12e6ff;--shadow: 0 18px 44px rgba(255,47,208,0.18)}[data-theme="noir"]{--accent-rgb: 232 226 210;--accent2-rgb: 185 178 160;--spy-rgb: 201 86 79;--civil-rgb: 159 176 138;--bg: #101010;--bg-2: #232323;--surface: rgba(255,255,255,0.07);--surface-2: rgba(255,255,255,0.14);--line: rgba(255,255,255,0.18);--text: #f2f2f2;--muted: rgba(242,242,242,0.58);--accent: #e8e2d2;--accent-2: #b9b2a0;--accent-ink: #141414;--spy: #c9564f;--civil: #9fb08a;--shadow: 0 18px 40px rgba(0,0,0,0.6)}[data-theme="paper"]{--accent-rgb: 91 61 245;--accent2-rgb: 15 157 143;--spy-rgb: 211 59 82;--civil-rgb: 28 143 99;--bg: #f3efe6;--bg-2: #e6e0d2;--surface: rgba(0,0,0,0.045);--surface-2: rgba(0,0,0,0.085);--line: rgba(0,0,0,0.14);--text: #201d18;--muted: rgba(32,29,24,0.62);--accent: #5b3df5;--accent-2: #0f9d8f;--spy: #d33b52;--civil: #1c8f63;--shadow: 0 14px 34px rgba(60,50,30,0.16)}[data-theme="forest"]{--accent-rgb: 47 212 140;--accent2-rgb: 255 209 102;--spy-rgb: 255 138 91;--civil-rgb: 47 212 140;--bg: #06150f;--bg-2: #0d3325;--surface: rgba(255,255,255,0.055);--surface-2: rgba(47,212,140,0.14);--line: rgba(47,212,140,0.22);--text: #eafff5;--muted: rgba(234,255,245,0.6);--accent: #2fd48c;--accent-2: #ffd166;--accent-ink: #05231a;--spy: #ff8a5b;--civil: #2fd48c}[data-theme="contrast"]{--accent-rgb: 255 230 0;--accent2-rgb: 0 229 255;--spy-rgb: 255 82 82;--civil-rgb: 0 230 118;--bg: #000;--bg-2: #000;--surface: #000;--surface-2: #1a1a1a;--line: #fff;--text: #fff;--muted: #d8d8d8;--accent: #ffe600;--accent-2: #00e5ff;--accent-ink: #000;--spy: #ff5252;--civil: #00e676;--radius: 8px;--radius-sm: 6px;--shadow: none}*{box-sizing: border-box;-webkit-tap-highlight-color: transparent}html,body{margin: 0;height: 100%;overscroll-behavior: none;touch-action: manipulation}button,.secret-card,.card-row,.player-pick,.tile,.chip,.seg,.vcard{-webkit-touch-callout: none}body{background: var(--bg);background-image: radial-gradient(120% 80% at 50% -10%,var(--bg-2) 0%,var(--bg) 60%);background-attachment: fixed;color: var(--text);font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;font-size: calc(16px * var(--font-scale));line-height: 1.45;-webkit-font-smoothing: antialiased;overflow: hidden}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer;border: 0;background: none}h1,h2,h3,p,ul,ol{margin: 0}ul,ol{padding: 0;list-style: none}strong{font-weight: 700}small{font-size: 0.82em}.muted{color: var(--muted)}.center{text-align: center}.is-hidden{display: none !important}#app{position: relative;height: 100vh;height: 100dvh;overflow: hidden}.screen{position: absolute;inset: 0;display: flex;flex-direction: column;transition: transform 0.28s cubic-bezier(0.22,0.8,0.3,1),opacity 0.28s;will-change: transform}.screen-enter{opacity: 0}.screen-enter.from-right{transform: translateX(24px)}.screen-enter.from-left{transform: translateX(-24px)}.screen-exit{opacity: 0;pointer-events: none}.screen-exit.to-left{transform: translateX(-18px)}.screen-exit.to-right{transform: translateX(18px)}.reduce-motion .screen,.reduce-motion *{transition-duration: 0.001s !important;animation-duration: 0.001s !important}.appbar{display: grid;grid-template-columns: 44px 1fr auto;align-items: center;gap: 8px;padding: calc(env(safe-area-inset-top) + 10px) 12px 10px;min-height: 56px}.appbar-title{min-width: 0;text-align: center}.appbar-title h1{font-size: 1.05rem;font-weight: 700;letter-spacing: 0.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.appbar-title p{font-size: 0.76rem;color: var(--muted)}.appbar-spacer{width: 44px}.appbar-actions{display: flex;gap: 6px;justify-content: flex-end;min-width: 44px}.icon-btn{width: 44px;height: 44px;display: grid;place-items: center;border-radius: 50%;background: var(--surface);font-size: 1.2rem;border: 1px solid var(--line)}.icon-btn:active{transform: scale(0.94);background: var(--surface-2)}.screen-body{flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior-y: contain;padding: 4px 16px 28px;display: flex;flex-direction: column;gap: 18px}.screen-footer{padding: 12px 16px calc(env(safe-area-inset-bottom) + 14px);background: linear-gradient(to top,var(--bg) 55%,transparent)}.footer-stack{display: flex;flex-direction: column;gap: 10px}.btn{display: flex;align-items: center;justify-content: center;gap: 10px;min-height: var(--tap);padding: 12px 20px;border-radius: var(--radius);font-weight: 650;letter-spacing: 0.01em;border: 1px solid transparent;transition: transform 0.12s,opacity 0.2s,background 0.2s}.btn-full{width: 100%}.btn:active{transform: scale(0.975)}.btn-icon{font-size: 1.15em}.btn-label{display: flex;flex-direction: column;align-items: center;line-height: 1.2}.btn-label small{font-weight: 500;opacity: 0.72;font-size: 0.76rem}.btn-primary{background: var(--accent);color: var(--accent-ink)}.btn-hero{background: linear-gradient(135deg,var(--accent),var(--accent-2));color: var(--accent-ink);min-height: 62px;font-size: 1.05rem;box-shadow: var(--shadow)}.btn-soft{background: var(--surface-2);color: var(--text);border-color: var(--line)}.btn-ghost{background: transparent;color: var(--muted);border-color: var(--line)}.btn-danger{background: rgb(var(--bad-rgb) / 22%);color: var(--bad);border-color: rgb(var(--bad-rgb) / 45%)}.btn:disabled,.btn.is-disabled{opacity: 0.38;pointer-events: none}.btn.is-ready{animation: pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow: 0 0 0 0 rgb(var(--accent-rgb) / 45%)}50%{box-shadow: 0 0 0 10px transparent}}.section{display: flex;flex-direction: column;gap: 10px}.section-title{font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.09em;color: var(--muted);padding-left: 4px}.card{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: 14px;display: flex;flex-direction: column;gap: 12px;-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px)}.row{display: flex;gap: 10px;align-items: center}.sheet-row{display: flex;gap: 8px;flex-wrap: wrap}.sheet-row > *{flex: 1 1 auto}.pill{display: inline-flex;align-items: center;gap: 5px;padding: 5px 11px;border-radius: 999px;background: var(--surface-2);border: 1px solid var(--line);font-size: 0.76rem;font-weight: 600;white-space: nowrap}.pill-accent{background: rgb(var(--accent-rgb) / 22%);border-color: rgb(var(--accent-rgb) / 42%)}.pill-good{background: rgb(var(--good-rgb) / 20%);color: var(--good)}.pill-warn{background: rgb(var(--warn-rgb) / 20%);color: var(--warn)}.pill-bad{background: rgb(var(--bad-rgb) / 20%);color: var(--bad)}.deck-line,.deck-strip,.cloud-line{display: flex;flex-wrap: wrap;gap: 6px}.deck-strip{justify-content: center}.empty{text-align: center;padding: 28px 12px;color: var(--muted);display: flex;flex-direction: column;gap: 8px;align-items: center}.empty-icon{font-size: 2.4rem}.empty h3{font-size: 1rem;color: var(--text)}.version{text-align: center;color: var(--muted);font-size: 0.74rem;padding: 8px 0 20px}.field{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 48px}.field-block{flex-direction: column;align-items: stretch}.field-text{display: flex;flex-direction: column;gap: 2px;min-width: 0}.field-head{display: flex;justify-content: space-between;align-items: baseline}.field-label{font-weight: 600;font-size: 0.95rem}.field-hint{color: var(--muted);font-size: 0.78rem;line-height: 1.35}.field-value{color: var(--accent);font-weight: 700;font-size: 0.86rem}.switch{position: relative;flex: none}.switch input{position: absolute;opacity: 0;width: 100%;height: 100%;margin: 0}.switch-track{display: block;width: 54px;height: 32px;border-radius: 999px;background: var(--surface-2);border: 1px solid var(--line);transition: background 0.2s}.switch-thumb{position: absolute;top: 4px;left: 4px;width: 24px;height: 24px;border-radius: 50%;background: var(--text);transition: transform 0.22s cubic-bezier(0.3,1.4,0.5,1)}.switch input:checked ~ .switch-track{background: var(--accent);border-color: transparent}.switch input:checked ~ .switch-track .switch-thumb{transform: translateX(22px);background: var(--accent-ink)}.stepper{display: flex;align-items: center;gap: 4px;flex: none}.stepper-btn{width: 42px;height: 42px;border-radius: 12px;background: var(--surface-2);border: 1px solid var(--line);font-size: 1.3rem;font-weight: 600;display: grid;place-items: center}.stepper-btn:active{background: var(--accent);color: var(--accent-ink)}.stepper-value{min-width: 46px;text-align: center;font-weight: 700;font-variant-numeric: tabular-nums}.segmented{display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;gap: 6px}.seg{padding: 10px 6px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid transparent;display: flex;flex-direction: column;align-items: center;gap: 2px;font-size: 0.78rem;font-weight: 600;min-height: 50px;justify-content: center;transition: background 0.18s,color 0.18s}.seg-emoji{font-size: 1.05rem}.seg-label{line-height: 1.15;text-align: center}.seg.is-active{background: var(--accent);color: var(--accent-ink)}.chips{display: grid;gap: 6px}.chip{display: flex;align-items: center;gap: 8px;padding: 11px 12px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid transparent;font-size: 0.85rem;font-weight: 600;text-align: left;min-height: 46px}.chip-label{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis}.chip-count{font-size: 0.72rem;color: var(--muted);font-variant-numeric: tabular-nums}.chip.is-active{background: rgb(var(--accent-rgb) / 26%);border-color: var(--accent)}.chip.is-active .chip-count{color: var(--text)}.range{-webkit-appearance: none;appearance: none;width: 100%;height: 34px;background: transparent}.range::-webkit-slider-runnable-track{height: 6px;border-radius: 3px;background: var(--surface-2)}.range::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 26px;height: 26px;margin-top: -10px;border-radius: 50%;background: var(--accent);border: 3px solid var(--bg);box-shadow: 0 2px 8px rgba(0,0,0,0.4)}.range::-moz-range-track{height: 6px;border-radius: 3px;background: var(--surface-2)}.range::-moz-range-thumb{width: 22px;height: 22px;border-radius: 50%;background: var(--accent);border: 3px solid var(--bg)}.text-input,.select{width: 100%;min-height: 50px;padding: 12px 14px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid var(--line);color: var(--text);font-size: max(16px,1rem);-webkit-appearance: none;appearance: none}.text-input:focus,.select:focus{outline: 2px solid var(--accent);outline-offset: 1px}.select{background-image: linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position: calc(100% - 18px) 22px,calc(100% - 12px) 22px;background-size: 6px 6px;background-repeat: no-repeat;padding-right: 38px}.sheet-backdrop{position: fixed;inset: 0;z-index: 90;background: rgba(0,0,0,0.55);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);display: flex;align-items: flex-end;opacity: 0;transition: opacity 0.24s}.sheet-backdrop.is-open{opacity: 1}.sheet{width: 100%;max-height: 86vh;max-height: 86dvh;background: var(--bg-2);border-radius: 26px 26px 0 0;border-top: 1px solid var(--line);padding: 8px 16px calc(env(safe-area-inset-bottom) + 16px);display: flex;flex-direction: column;gap: 12px;transform: translateY(100%);transition: transform 0.3s cubic-bezier(0.22,0.9,0.3,1)}.sheet.is-open{transform: none}.sheet-grip{width: 40px;height: 4px;border-radius: 2px;background: var(--line);margin: 4px auto 2px;flex: none}.sheet-title{font-size: 1.1rem;font-weight: 700;text-align: center}.sheet-body{overflow-y: auto;display: flex;flex-direction: column;gap: 10px}.sheet-text{color: var(--muted);text-align: center}.sheet-actions{display: flex;flex-direction: column;gap: 8px}.toast{position: fixed;left: 50%;bottom: calc(env(safe-area-inset-bottom) + 24px);transform: translate(-50%,20px);z-index: 100;max-width: min(92vw,420px);padding: 12px 18px;border-radius: 999px;background: var(--text);color: var(--bg);font-size: 0.88rem;font-weight: 600;text-align: center;opacity: 0;pointer-events: none;transition: opacity 0.24s,transform 0.24s;box-shadow: var(--shadow)}.toast.is-open{opacity: 1;transform: translate(-50%,0)}.hero{position: relative;padding: 26px 16px 10px;text-align: center;overflow: hidden;flex: none}.hero-glow{position: absolute;top: -120px;left: 50%;transform: translateX(-50%);width: 340px;height: 340px;border-radius: 50%;background: radial-gradient(circle,rgb(var(--accent-rgb) / 42%),transparent 68%);filter: blur(10px)}.hero-mark{position: relative;width: 92px;height: 92px;margin: 0 auto 10px}.hero-title{font-size: 2.5rem;font-weight: 800;letter-spacing: 0.16em;margin-left: 0.16em;position: relative}.hero-sub{color: var(--muted);font-size: 0.9rem;position: relative}.hero-mark{color: var(--text)}.hero-hat,.hero-glasses{position: absolute;inset: 0}.hero-hat::before,.hero-hat::after,.hero-glasses::before,.hero-glasses::after{content: "";position: absolute;background: currentColor}.hero-hat::before{left: 33.2%;top: 22.2%;width: 33.6%;height: 23.6%;border-radius: 26% 26% 8% 8%}.hero-hat::after{left: 10%;top: 37%;width: 80%;height: 16.4%;border-radius: 50%}.hero-glasses::before,.hero-glasses::after{top: 51.6%;width: 23.2%;height: 23.2%;border-radius: 50%}.hero-glasses::before{left: 24.9%}.hero-glasses::after{left: 51.9%}.resume-head{display: flex;align-items: center;gap: 8px;font-weight: 700}.resume-dot{width: 9px;height: 9px;border-radius: 50%;background: var(--good);box-shadow: 0 0 0 4px rgb(var(--good-rgb) / 25%)}.tile-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 10px}.tile{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: 16px 12px;display: flex;flex-direction: column;align-items: flex-start;gap: 2px;min-height: 96px;text-align: left}.tile:active{background: var(--surface-2);transform: scale(0.98)}.tile-icon{font-size: 1.6rem;margin-bottom: 4px}.tile-title{font-weight: 700}.tile-sub{font-size: 0.76rem;color: var(--muted)}.rail{display: flex;gap: 10px;overflow-x: auto;scroll-snap-type: x mandatory;margin: 0 -14px;padding: 2px 14px 6px;scrollbar-width: none}.rail::-webkit-scrollbar{display: none}.vcard{flex: 0 0 152px;scroll-snap-align: start;background: var(--surface-2);border: 1.5px solid transparent;border-radius: var(--radius-sm);padding: 12px 12px 10px;display: flex;flex-direction: column;gap: 3px;text-align: left;min-height: 132px}.vcard-emoji{font-size: 1.5rem}.vcard-name{font-weight: 700;font-size: 0.92rem}.vcard-short{font-size: 0.74rem;color: var(--muted);flex: 1;line-height: 1.3}.vcard-dots{font-size: 0.6rem;letter-spacing: 2px;color: var(--accent)}.vcard.is-active{border-color: var(--accent);background: rgb(var(--accent-rgb) / 20%)}.vcard.is-locked{opacity: 0.42}.vdesc{display: flex;flex-direction: column;gap: 8px}.vdesc-text{font-size: 0.86rem;color: var(--muted);line-height: 1.45}.vdesc-rules{display: flex;flex-direction: column;gap: 5px}.vdesc-rules li,.rules-list li{position: relative;padding-left: 18px;font-size: 0.82rem;color: var(--muted);line-height: 1.4}.vdesc-rules li::before,.rules-list li::before{content: "";position: absolute;left: 4px;top: 0.55em;width: 5px;height: 5px;border-radius: 50%;background: var(--accent)}.rules-list{display: flex;flex-direction: column;gap: 7px}.player-list{display: flex;flex-direction: column;gap: 8px}.player-row{display: flex;align-items: center;gap: 10px}.avatar-btn{width: 50px;height: 50px;flex: none;border-radius: 16px;background: var(--surface-2);border: 1px solid var(--line);font-size: 1.5rem;display: grid;place-items: center}.avatar-btn:active{transform: scale(0.93)}.player-name{flex: 1;min-width: 0}.stage{flex: 1;display: flex;flex-direction: column;justify-content: center;gap: 16px}.dots{display: flex;gap: 4px;align-items: center}.dot{width: 6px;height: 6px;border-radius: 50%;background: var(--line);transition: all 0.2s}.dot.is-done{background: var(--accent)}.dot.is-current{background: var(--text);width: 16px;border-radius: 3px}.pass{display: flex;flex-direction: column;align-items: center;gap: 12px;text-align: center;padding: 12px 0}.pass-kicker{font-size: 0.76rem;text-transform: uppercase;letter-spacing: 0.12em;color: var(--muted)}.pass-avatar{width: 116px;height: 116px;border-radius: 34px;background: var(--surface-2);border: 1px solid var(--line);display: grid;place-items: center;font-size: 3.6rem;animation: bob 2.6s ease-in-out infinite}@keyframes bob{0%,100%{transform: translateY(0)}50%{transform: translateY(-7px)}}.pass-name{font-size: 1.8rem;font-weight: 800}.pass-text{color: var(--muted);font-size: 0.88rem;max-width: 30ch}.pass .btn{margin-top: 8px;width: 100%}.deal-wrap{display: flex;flex-direction: column;align-items: center;gap: 14px}.deal-hint{font-size: 0.8rem;color: var(--muted);text-align: center}.deal-wrap .btn{width: 100%}.secret-card{position: relative;width: 100%;max-width: 330px;aspect-ratio: 3 / 4.1;border-radius: 26px;overflow: hidden;box-shadow: var(--shadow);touch-action: none;user-select: none;-webkit-user-select: none}.sc-inner{position: absolute;inset: 0}.sc-face,.sc-cover{position: absolute;inset: 0;overflow: hidden}.sc-face{background-color: var(--bg-2);background-image: linear-gradient(160deg,rgb(var(--accent-rgb) / 26%),transparent 70%);border: 1px solid var(--line);border-radius: 26px;transition: filter 0.24s}.has-blur .sc-face{filter: blur(16px) saturate(0.6)}.is-open.has-blur .sc-face{filter: none}.sc-cover{background: linear-gradient(150deg,#2b2352,#171232 60%,#2b2352);border-radius: 26px;transition: opacity 0.26s,transform 0.3s}.is-open .sc-cover{opacity: 0;pointer-events: none}.mode-flip{perspective: 1200px;overflow: visible}.mode-flip .sc-inner{transition: transform 0.55s cubic-bezier(0.3,0.9,0.3,1);transform-style: preserve-3d}.mode-flip.is-open .sc-inner{transform: rotateY(180deg)}.mode-flip .sc-cover,.mode-flip .sc-face{backface-visibility: hidden;-webkit-backface-visibility: hidden}.mode-flip .sc-face{transform: rotateY(180deg);filter: none !important}.mode-flip.is-open .sc-cover{opacity: 1}.mode-swipe .sc-cover{transition: transform 0.32s cubic-bezier(0.3,0.9,0.3,1),opacity 0.2s 0.12s}.mode-swipe.is-open .sc-cover{transform: translateX(100%)}.mode-scratch .sc-cover{display: none}.mode-scratch .sc-face{filter: none !important}.sc-scratch{position: absolute;inset: 0;border-radius: 26px;touch-action: none;transition: opacity 0.4s}.sc-scratch.is-done{opacity: 0;pointer-events: none}.sc-timer{position: absolute;top: 12px;right: 12px;z-index: 3;width: 46px;height: 46px;border-radius: 50%;display: grid;place-items: center;background: conic-gradient(var(--accent) calc(var(--timer-progress,1) * 360deg),transparent 0);opacity: 0;transition: opacity 0.2s}.is-timing .sc-timer{opacity: 1}.sc-timer-num{width: 36px;height: 36px;border-radius: 50%;background: var(--bg-2);display: grid;place-items: center;font-weight: 700;font-size: 0.9rem}.card-face{height: 100%;padding: 22px 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;text-align: center}.card-owner{font-size: 0.84rem;color: var(--muted);position: absolute;top: 18px;left: 0;right: 0}.card-role{padding: 6px 14px;border-radius: 999px;background: var(--surface-2);border: 1px solid var(--line);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.04em}.card-role.is-spy{background: rgb(var(--spy-rgb) / 26%);border-color: var(--spy);color: var(--text)}.card-word{display: flex;flex-direction: column;gap: 4px}.card-word small{text-transform: uppercase;letter-spacing: 0.14em;font-size: 0.66rem;color: var(--muted)}.card-word strong{font-size: clamp(1.7rem,8.5vw,2.5rem);line-height: 1.08;font-weight: 800}.card-word.is-empty strong{font-size: 1.5rem;letter-spacing: 0.08em;color: var(--spy)}.card-secondary{font-size: 0.82rem;color: var(--muted);padding: 0 6px}.card-secondary.is-ally{color: var(--accent-2);font-weight: 600}.card-cat{font-size: 0.76rem;color: var(--muted)}.card-warn{position: absolute;bottom: 16px;left: 0;right: 0;font-size: 0.7rem;color: var(--muted);opacity: 0.75}.card-back{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;color: rgba(255,255,255,0.9);background-image: repeating-linear-gradient(45deg,rgba(255,255,255,0.035) 0 12px,transparent 12px 24px);border-radius: 26px}.card-back-mark{position: relative;width: 76px;height: 76px;color: rgba(255,255,255,0.92)}.card-back-name{font-size: 1.2rem;font-weight: 700}.card-back-hint{font-size: 0.78rem;opacity: 0.65;letter-spacing: 0.1em;text-transform: uppercase}.timer{position: relative;width: 190px;height: 190px;margin: 4px auto 2px;display: grid;place-items: center}.timer-ring{position: absolute;inset: 0;border-radius: 50%;background: conic-gradient(var(--accent) calc(var(--p,1) * 360deg),var(--surface-2) 0);mask: radial-gradient(farthest-side,transparent calc(100% - 12px),#000 calc(100% - 11px));-webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 12px),#000 calc(100% - 11px))}.timer-text{font-size: 2.6rem;font-weight: 800;font-variant-numeric: tabular-nums}.timer.is-low .timer-ring{background: conic-gradient(var(--bad) calc(var(--p,1) * 360deg),var(--surface-2) 0)}.timer.is-low .timer-text{color: var(--bad)}.timer.is-done{animation: shake 0.5s}@keyframes shake{25%{transform: translateX(-6px)}75%{transform: translateX(6px)}}.speak-list{display: flex;flex-direction: column;gap: 6px;counter-reset: s}.speak-item{display: flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: var(--radius-sm);background: var(--surface-2)}.speak-item.is-first{background: rgb(var(--accent-rgb) / 22%)}.speak-avatar{font-size: 1.3rem}.speak-name{flex: 1;font-weight: 600}.vote-wrap{display: flex;flex-direction: column;gap: 14px}.stage-title{font-size: 1.35rem;font-weight: 800;text-align: center}.stage-sub{color: var(--muted);text-align: center;font-size: 0.86rem}.player-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(96px,1fr));gap: 8px}.player-pick{background: var(--surface-2);border: 1px solid var(--line);border-radius: var(--radius-sm);padding: 14px 8px;display: flex;flex-direction: column;align-items: center;gap: 4px;min-height: 96px;justify-content: center}.player-pick:active{background: var(--accent);color: var(--accent-ink);transform: scale(0.96)}.player-pick-avatar{font-size: 1.9rem}.player-pick-name{font-size: 0.82rem;font-weight: 600;text-align: center;line-height: 1.15}.tally-row{display: grid;grid-template-columns: 1fr 90px 26px;align-items: center;gap: 8px}.tally-name{font-size: 0.85rem;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tally-bar{height: 8px;border-radius: 4px;background: var(--surface-2);overflow: hidden}.tally-bar span{display: block;height: 100%;background: var(--accent);border-radius: 4px;transition: width 0.5s}.tally-count{text-align: right;font-weight: 700;font-variant-numeric: tabular-nums}.reveal-wrap{display: flex;flex-direction: column;align-items: center;gap: 8px;text-align: center;padding: 8px 0}.reveal-avatar{font-size: 4rem;animation: pop 0.4s cubic-bezier(0.3,1.6,0.5,1)}@keyframes pop{from{transform: scale(0.4);opacity: 0}}.reveal-name{font-size: 1.6rem;font-weight: 800}.reveal-role{display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 16px 26px;border-radius: var(--radius);margin-top: 6px;background: rgb(var(--civil-rgb) / 18%);border: 1px solid rgb(var(--civil-rgb) / 45%)}.reveal-role.is-spy{background: rgb(var(--spy-rgb) / 20%);border-color: rgb(var(--spy-rgb) / 50%)}.reveal-role strong{font-size: 1.3rem;letter-spacing: 0.08em}.reveal-role small{color: var(--muted)}.reveal-emoji{font-size: 1.8rem}.continue-block{text-align: center;display: flex;flex-direction: column;gap: 4px;align-items: center}.continue-icon{font-size: 2.4rem}.elim-list{display: flex;flex-wrap: wrap;gap: 6px;justify-content: center}.elim-chip{padding: 5px 11px;border-radius: 999px;background: var(--surface-2);font-size: 0.78rem;text-decoration: line-through;opacity: 0.75}.elim-chip.is-spy{background: rgb(var(--spy-rgb) / 22%)}.guess-timer{display: flex;align-items: center;justify-content: center;gap: 6px;font-weight: 700;font-size: 1.2rem}.guess-time{font-variant-numeric: tabular-nums}.banner{padding: 22px 16px;border-radius: var(--radius);text-align: center;display: flex;flex-direction: column;gap: 4px;align-items: center;background: var(--surface);border: 1px solid var(--line)}.banner-emoji{font-size: 3rem;animation: pop 0.45s cubic-bezier(0.3,1.6,0.5,1)}.banner-title{font-size: 1.4rem;font-weight: 800}.banner-sub{color: var(--muted);font-size: 0.85rem}.win-civils{background: rgb(var(--civil-rgb) / 16%);border-color: rgb(var(--civil-rgb) / 40%)}.win-spies{background: rgb(var(--spy-rgb) / 16%);border-color: rgb(var(--spy-rgb) / 40%)}.words{display: grid;gap: 8px}.word-box{padding: 14px;border-radius: var(--radius-sm);text-align: center;background: var(--surface-2);border: 1px solid var(--line);display: flex;flex-direction: column;gap: 2px}.word-box small{text-transform: uppercase;letter-spacing: 0.1em;font-size: 0.66rem;color: var(--muted)}.word-box strong{font-size: 1.35rem;font-weight: 800}.word-box.is-civil{border-color: rgb(var(--civil-rgb) / 45%)}.word-box.is-spy{border-color: rgb(var(--spy-rgb) / 45%)}.role-row{display: flex;align-items: center;gap: 10px;padding: 8px;border-radius: var(--radius-sm);background: var(--surface-2)}.role-row.is-spy{background: rgb(var(--spy-rgb) / 16%)}.role-row.is-out{opacity: 0.55}.role-avatar{font-size: 1.5rem}.role-info{flex: 1;min-width: 0;display: flex;flex-direction: column}.role-info small{color: var(--muted)}.role-tag{font-size: 0.74rem;font-weight: 700;white-space: nowrap}.score-row{display: flex;align-items: center;gap: 10px;padding: 8px 6px;border-radius: var(--radius-sm)}.score-row.is-leader{background: rgb(var(--accent-rgb) / 18%)}.score-rank{width: 22px;text-align: center;font-weight: 800;color: var(--muted)}.score-avatar{font-size: 1.3rem}.score-name{flex: 1;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.score-pts{font-weight: 800;font-variant-numeric: tabular-nums;color: var(--accent)}.card-list{display: flex;flex-direction: column;gap: 6px}.card-row{display: flex;align-items: center;gap: 10px;padding: 12px;border-radius: var(--radius-sm);background: var(--surface);border: 1px solid var(--line);text-align: left;min-height: 56px}.card-row:active{background: var(--surface-2)}.card-row.is-played{opacity: 0.5}.card-row-cat{font-size: 1.2rem;flex: none}.card-row-words{flex: 1;min-width: 0;display: flex;align-items: center;gap: 6px;flex-wrap: wrap;font-size: 0.9rem}.card-row-vs{color: var(--muted)}.card-row-diff{flex: none;font-size: 0.8rem}.card-row-flag{font-size: 0.68rem;color: var(--warn);flex: none}.progress{height: 10px;border-radius: 5px;background: var(--surface-2);overflow: hidden}.progress-fill{display: block;height: 100%;background: var(--accent);transition: width 0.5s}.stat-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px}.stat-box{background: var(--surface-2);border-radius: var(--radius-sm);padding: 14px 8px;text-align: center;display: flex;flex-direction: column;gap: 2px}.stat-icon{font-size: 1.4rem}.stat-value{font-size: 1.5rem;font-weight: 800}.stat-label{color: var(--muted);font-size: 0.72rem}.variant-stats{display: flex;flex-direction: column;gap: 7px}.variant-stat{display: grid;grid-template-columns: 1fr 70px 24px;align-items: center;gap: 8px;font-size: 0.82rem}.hist-row{display: flex;align-items: center;gap: 10px;padding: 8px 4px;border-bottom: 1px solid var(--line)}.hist-row:last-child{border-bottom: 0}.hist-icon{font-size: 1.3rem}.hist-info{flex: 1;min-width: 0;display: flex;flex-direction: column}.hist-info strong{font-size: 0.88rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hist-info small{color: var(--muted);font-size: 0.72rem}.hist-spy{font-size: 0.72rem;color: var(--spy);max-width: 30%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.steps{display: flex;flex-direction: column;gap: 14px}.step{display: flex;gap: 12px}.step-num{flex: none;width: 30px;height: 30px;border-radius: 50%;background: var(--accent);color: var(--accent-ink);display: grid;place-items: center;font-weight: 800;font-size: 0.9rem}.step strong{display: block;margin-bottom: 2px}.step p{color: var(--muted);font-size: 0.84rem;line-height: 1.45}.rule-variant{padding: 12px 0;border-bottom: 1px solid var(--line);display: flex;flex-direction: column;gap: 6px}.rule-variant:last-child{border-bottom: 0}.rule-variant h3{font-size: 1rem}.rule-variant p{color: var(--muted);font-size: 0.84rem;line-height: 1.45}.rule-mode{display: flex;gap: 10px;align-items: center;padding: 7px 0}.rule-mode-emoji{font-size: 1.4rem}.rule-mode small{display: block;color: var(--muted)}@media (min-width: 640px){.screen-body,.screen-footer{max-width: 560px;margin: 0 auto;width: 100%}.appbar{max-width: 560px;margin: 0 auto;width: 100%}.hero-title{font-size: 3rem}}@media (prefers-reduced-motion: reduce){*{animation-duration: 0.001s !important;transition-duration: 0.12s !important}}