.workshop{flex:1;min-height:100%;background:var(--base);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.ws-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:14px 20px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ws-title{display:flex;align-items:center;gap:14px}.ws-title h1{margin:0;font-size:19px}.ws-help{margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.ws-global-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.ws-global-controls label{display:flex;align-items:center;gap:8px}.ws-nav{position:sticky;top:63px;z-index:55;display:flex;gap:6px;overflow-x:auto;padding:8px 20px;background:color-mix(in srgb,var(--surface-secondary) 92%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ws-nav a,.ws-nav button{flex:none;padding:5px 10px;border:none;border-radius:999px;background:transparent;color:var(--muted);text-decoration:none;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.ws-nav a:hover,.ws-nav button:hover{background:var(--accent-tint);color:var(--accent)}.ws-main{max-width:1280px;margin:0 auto;padding:24px 20px 80px;display:flex;flex-direction:column;gap:40px}.ws-section{scroll-margin-top:130px}.ws-section-head h2{margin:0 0 4px;font-size:22px}.ws-section-head{margin-bottom:16px}.ws-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.ws-grid{display:grid;gap:16px}.ws-grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.ws-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ws-stack{display:flex;flex-direction:column;gap:14px}.ws-caption{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px}.ws-list{margin:8px 0 0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.7}.ws-editor,.ws-token-grid{display:flex;flex-direction:column;gap:18px}.ws-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:6px}.ws-actions{display:flex;gap:8px;flex-wrap:wrap}.ws-token-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 16px}.ws-token-group h3{margin:0 0 8px;font-size:15px}.ws-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px 18px}.ws-token-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--border);font-size:13px}.ws-token-row.changed{border-bottom-color:var(--accent)}.ws-token-label{display:flex;flex-direction:column;gap:1px;min-width:0;font-weight:600}.ws-token-label code{color:var(--muted);font-size:10px;font-weight:500}.ws-token-name{display:flex;align-items:center;gap:6px;font-weight:600}.ws-type-badge{padding:1px 5px;border-radius:999px;background:var(--accent-tint);color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.ws-token-source{margin-top:1px;color:var(--muted-soft);font-size:10px;font-weight:500}.ws-scoped{margin-left:5px;padding:0 4px;border-radius:999px;background:var(--surface-secondary);color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.ws-token-units{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.ws-unit-chip{padding:1px 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface-secondary);color:var(--muted);font-size:9px;font-weight:600;line-height:1.4}.ws-unit-chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ws-token-input{display:flex;align-items:center;gap:6px;flex:none;margin-top:2px}.ws-token-input input[type=text],.ws-token-input input[type=number]{width:140px;margin:0;padding:5px 7px;font-size:12px;border-radius:7px}.ws-token-input input[type=color]{width:30px;height:28px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.ws-unit{color:var(--muted);font-size:11px;width:24px}.ws-clear{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px}.ws-clear:hover{color:var(--danger)}.ws-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.ws-field textarea,.ws-field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-weight:400}.ws-field textarea{resize:vertical}.ws-motion-demo{display:flex;gap:26px;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ws-motion-dot{width:22px;height:22px;border-radius:50%;background:var(--accent);animation:ws-demo-bounce 1.1s ease-in-out infinite}.ws-motion-dot:nth-child(2){animation-delay:.12s}.ws-motion-dot:nth-child(3){animation-delay:.24s}@keyframes ws-demo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.ws-message-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.ws-message-preview{display:flex;align-items:center;justify-content:center;min-height:240px;padding:24px;background:var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-300)}.ws-message-sample{margin:0;color:var(--on-accent);font-size:clamp(24px,4vw,46px);line-height:1.25;text-align:center;white-space:pre-line}.ws-message-controls{display:flex;flex-direction:column;gap:14px}.ws-brand-card{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:300px;padding:20px;overflow:hidden;background:var(--accent-tint)}.ws-brand-card .home-logo{width:min(440px,100%)}.ws-brand-card .home-brand{width:100%}.ws-sidebar-card{display:flex;align-items:flex-end;justify-content:center;min-height:300px;padding:22px;background:var(--surface-secondary)}.ws-sidebar-card .sidebar-speech{width:100%;max-width:360px}.ws-card-grid,.ws-back-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:18px}.ws-size-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:18px}.ws-card-disabled{opacity:.45}.ws-card-preview{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:12px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius)}.ws-hand-stage{position:relative;min-height:340px;padding:20px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ws-answer-slots{position:relative;min-height:260px;margin-top:18px;padding:20px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius)}.ws-sheet-grid,.ws-timer-grid,.ws-score-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ws-sheet-grid .sheet-wrap{margin:0 auto}.ws-timer-grid .ws-card,.ws-score-card{display:flex;flex-direction:column;align-items:center;gap:10px}.ws-score-card{flex-direction:row;justify-content:space-between}.ws-score-card>span:nth-child(2){flex:1;font-weight:600}.ws-result-stage{display:flex;align-items:center;justify-content:center;min-height:300px;padding:20px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius)}.ws-static-toast{position:static;transform:none;display:inline-flex;align-self:flex-start}.ws-banner-info{background:var(--accent-tint);border-color:var(--accent-soft)}.ws-specimen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.ws-specimen{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-100)}.ws-specimen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ws-specimen-head h3{margin:0;font-size:14px}.ws-specimen-head code{color:var(--muted);font-size:11px}.ws-specimen-stage{display:flex;align-items:center;justify-content:center;min-height:150px;overflow:hidden;border-radius:10px;background:var(--surface-secondary)}.ws-specimen-anim{display:inline-flex;align-items:center;justify-content:center}.ws-specimen-meta{margin:0;font-size:11px;color:var(--muted)}.ws-specimen-meta div{display:flex;gap:6px}.ws-specimen-meta dt{font-weight:700}.ws-specimen-meta dd{margin:0}.ws-specimen-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:11px;font-weight:600;color:var(--muted)}.ws-specimen-controls label{display:flex;flex-direction:column;gap:3px}.ws-specimen-controls input,.ws-specimen-controls select{padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-weight:400}.ws-specimen-css{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px dashed var(--border)}.ws-specimen-css code{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-demo{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.ws-demo-bubble{padding:10px 14px;border-radius:14px;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:700;box-shadow:var(--shadow-200)}.ws-demo-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.ws-demo-spinner{width:38px;height:38px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%}.ws-demo-eye{width:54px;height:54px;border-radius:50%;background:var(--accent);position:relative}.ws-demo-eye span{position:absolute;top:50%;left:50%;width:16px;height:22px;border-radius:999px;background:var(--base);transform:translate(-30%,-50%)}.ws-demo-chip{padding:4px 16px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:18px;font-weight:800}.ws-demo-panel{width:130px;height:84px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.ws-demo-card{width:92px;height:126px;border-radius:12px;background:var(--cat-yellow);box-shadow:var(--shadow-200)}.ws-demo-card-back{background:var(--accent)}.ws-demo-row{display:flex;gap:6px}.ws-demo-row span{display:block;width:54px;height:76px;border-radius:8px;background:var(--cat-blue);box-shadow:var(--shadow-100)}.ws-demo-result{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-300);color:var(--accent-deep)}.ws-demo-result span{padding:1px 10px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:800}.ws-demo-text{font-size:20px;font-weight:800;color:var(--accent-deep)}.ws-demo-sheet{width:104px;height:84px;background:var(--label-brand-primary);border:1px solid color-mix(in srgb,var(--label-brand-secondary) 40%,transparent);clip-path:polygon(0% 3%,12% 0%,24% 4%,36% 1%,48% 4%,60% 0%,72% 4%,84% 1%,100% 4%,100% 97%,86% 100%,72% 96%,58% 100%,44% 96%,30% 100%,16% 96%,0% 99%);filter:drop-shadow(0 8px 8px rgba(12,12,13,.1))}.ws-demo-button{padding:8px 12px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700}.ws-demo-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:800}.ws-demo-letter{display:inline-flex;align-items:center;justify-content:center;width:54px;height:60px;font-family:Pathological PT,Segoe UI,system-ui,sans-serif;font-size:46px;font-weight:800;color:var(--accent)}.ws-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:20px}.ws-asset{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ws-asset img{max-width:100%;max-height:80px;object-fit:contain}.ws-font-sample{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ws-font-sample p:first-child{margin:0 0 6px;font-size:clamp(28px,5vw,54px);color:var(--accent)}.ws-dialog-host{position:relative;z-index:300}.ws-paused .ws-main *,.ws-paused .ws-main *:before,.ws-paused .ws-main *:after{animation-play-state:paused!important}.ws-reduced .ws-main *,.ws-reduced .ws-main *:before,.ws-reduced .ws-main *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}@media (max-width: 720px){.ws-title h1{font-size:16px}.ws-nav{top:105px}.ws-specimen-controls{grid-template-columns:1fr}}@font-face{font-family:Pathological PT;src:url(/assets/PathologicalPT-ExtraBold-Db7Y4XSi.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{--bg-light-primary: #ffffff;--bg-light-secondary: #f5f5f5;--bg-light-tertiary: #d9d9d9;--bg-dark-primary: #1e1e1e;--bg-dark-secondary: #2c2c2c;--bg-dark-tertiary: #444444;--bg-brand: #542e26;--bg-brand-hover: #3d221c;--bg-brand-secondary: #dbc9c5;--bg-brand-tertiary: #e8e1df;--bg-disabled: #d9d9d9;--label-default-primary: #391f19;--label-default-secondary: #98827d;--label-default-tertiary: #ccc0be;--label-brand-primary: #fefaef;--label-brand-secondary: #542e26;--label-brand-tertiary: #3d221c;--label-disabled: #b5b2b0;--label-yellow-primary: #fcb415;--label-yellow-secondary: #ffebbd;--label-yellow-tertiary: #fff8e5;--label-blue-primary: #5cc2e6;--label-blue-secondary: #c2eeff;--label-blue-tertiary: #dbf4ff;--label-red-primary: #e94e67;--label-red-secondary: #ffc7cf;--label-red-tertiary: #ffebed;--border-default-primary: #dad8d7;--border-default-secondary: #7b716f;--border-default-tertiary: #4d2a23;--border-brand-primary: #fefaef;--border-brand-secondary: #542e26;--border-brand-tertiary: #3d221c;--border-disabled: #b5b2b0;--base: var(--bg-light-primary);--surface: var(--bg-light-primary);--surface-secondary: var(--bg-light-secondary);--surface-2: var(--bg-light-tertiary);--accent: var(--bg-brand);--accent-deep: var(--bg-brand-hover);--accent-soft: var(--bg-brand-secondary);--accent-tint: var(--bg-brand-tertiary);--on-accent: var(--label-brand-primary);--text: var(--label-default-primary);--muted: var(--label-default-secondary);--muted-soft: var(--label-default-tertiary);--border: var(--border-default-primary);--border-strong: var(--border-default-secondary);--cat-yellow: var(--label-yellow-primary);--cat-yellow-soft: var(--label-yellow-secondary);--cat-yellow-tint: var(--label-yellow-tertiary);--cat-blue: var(--label-blue-primary);--cat-blue-soft: var(--label-blue-secondary);--cat-blue-tint: var(--label-blue-tertiary);--cat-red: var(--label-red-primary);--cat-red-soft: var(--label-red-secondary);--cat-red-tint: var(--label-red-tertiary);--cat-yellow-ink: #7a5f00;--cat-yellow-dark: #d09b0c;--cat-blue-ink: #0f6a88;--cat-blue-dark: #2e9fcb;--cat-red-ink: #93334b;--cat-red-dark: #d23c57;--good: #62d25e;--danger: var(--cat-red);--warn: var(--cat-yellow);--shadow-100: 0 1px 4px 0 rgba(12, 12, 13, .1), 0 1px 4px 0 rgba(12, 12, 13, .05);--shadow-200: 0 4px 4px -1px rgba(12, 12, 13, .1), 0 4px 4px -1px rgba(12, 12, 13, .05);--shadow-300: 0 16px 16px -8px rgba(12, 12, 13, .1), 0 4px 4px -4px rgba(12, 12, 13, .05);--shadow: var(--shadow-200);--shadow-1: var(--shadow-100);--shadow-2: var(--shadow-200);--radius: 14px;--status-bar-h: 60px;--slot-action-height: 40px;--pattern-size: 128px;--pattern-opacity: .04;--play-scl: 1;--m-card: clamp(118px, 34vw, 150px);--msg-stagger: 22ms;--msg-pop-dur: .42s;--msg-char-gap: .05em;--msg-exit-dur: .22s;--msg-warp-angle: 10deg;--msg-warp-perspective: 420px;--card-tilt-max: 7deg;--card-hover-scale: 1.04;--card-gloss-opacity: .16;--card-gloss-size: 65%;--msg-wave-step-duration: .9s;--msg-wave-overlap: 40%;--msg-wave-ease: ease-out;--msg-wave-lift: 3%}::placeholder{color:var(--muted)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(1200px 700px at 20% -10%,var(--accent-tint) 0%,var(--base) 55%) fixed;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--accent);opacity:var(--pattern-opacity);-webkit-mask-image:url(/assets/pattern_bg-BbG19lSU.svg);mask-image:url(/assets/pattern_bg-BbG19lSU.svg);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--pattern-size) var(--pattern-size);mask-size:var(--pattern-size) var(--pattern-size)}.app{min-height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;flex-direction:column}.brand{text-align:center;margin-bottom:28px}.brand-logo{display:block;width:min(520px,90vw);height:auto;margin:0 auto}.home-brand{--speech-reserve: 108px;--speech-to-logo: 24px;position:relative;padding-top:var(--speech-reserve)}.home-brand .home-logo{overflow:visible}.home-speech{position:absolute;bottom:calc(100% - var(--speech-reserve) - var(--speech-to-logo));left:50%;transform:translate(-50%);margin-left:42px;display:flex;flex-direction:column;align-items:center;transform-origin:bottom center;animation:home-pop-in .32s cubic-bezier(.2,.9,.3,1.1) both}@keyframes home-pop-in{0%{opacity:0;transform:translate(-50%) scale(.6)}60%{opacity:1;transform:translate(-50%) scale(1.06)}to{opacity:1;transform:translate(-50%) scale(1)}}.home-speech-bubble{background:var(--accent);color:var(--on-accent);border-radius:14px;box-shadow:var(--shadow-300);padding:12px 16px;max-width:min(420px,78vw)}.home-helper-text{margin:0;font-size:14px;line-height:1.4;text-align:center;color:var(--on-accent)}.home-tail{width:26px;height:auto;margin-top:-2px;color:var(--accent);filter:drop-shadow(0 8px 8px rgba(12,12,13,.14))}.workshop-link{display:inline-block;margin-top:10px;color:var(--muted);font-size:12px;font-weight:600;text-decoration:none;opacity:.8}.workshop-link:hover{color:var(--accent);opacity:1}.tagline{color:var(--muted);margin-top:6px}.home-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:720px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;min-width:300px;flex:1}.panel h2{margin:0 0 8px;font-size:20px}.muted{color:var(--muted);font-size:14px}.muted.small{font-size:13px}input[type=text]{width:100%;padding:12px 14px;margin:10px 0;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:16px;outline:none}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.code-input{text-transform:uppercase;letter-spacing:4px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:10px;background:var(--accent-tint);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:filter .15s,transform .1s}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.93)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-deep));color:var(--on-accent)}.btn.ghost{background:transparent;border:1px solid var(--border)}.btn.small{padding:6px 12px;font-size:13px}.btn.big{padding:calc(14px * var(--play-scl)) calc(28px * var(--play-scl));font-size:17px;width:100%;margin-top:calc(16px * var(--play-scl));animation:pop-in .28s cubic-bezier(.2,.9,.3,1.2)}.text-action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:52px;margin:0;padding:10px 16px;border:0;background:transparent;color:var(--accent);font:inherit;font-size:28px;font-weight:600;line-height:1.1;text-align:center;cursor:pointer;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease,filter .15s ease,color .15s,opacity .15s}.text-action.primary,.text-action.confirm{padding:10px calc(24px * var(--play-scl));border:1px solid color-mix(in srgb,var(--player-color, var(--accent)) 60%,var(--accent-deep));border-radius:12px;background:var(--player-color, var(--accent));color:var(--on-accent);text-shadow:0 2px 0 rgba(12,12,13,.32);box-shadow:var(--shadow-200)}.text-action.ghost{color:var(--muted)}.text-action:hover:not(:disabled){filter:brightness(1.15)}.text-action.primary:hover:not(:disabled),.text-action.confirm:hover:not(:disabled){color:var(--on-accent);transform:scale(1.04);box-shadow:var(--shadow-200),0 10px 22px #0c0c0d2e;filter:brightness(1.05)}.text-action.ghost:hover:not(:disabled){color:var(--text)}.text-action:active:not(:disabled){transform:translateY(1px)}.text-action.primary:active:not(:disabled),.text-action.confirm:active:not(:disabled){transform:scale(.99)}.text-action:disabled{color:var(--label-disabled);cursor:not-allowed;filter:none}.text-action.primary:disabled,.text-action.confirm:disabled{background:var(--bg-disabled);border-color:transparent;color:var(--label-disabled);text-shadow:none;box-shadow:none;transform:none;filter:none}.text-action:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.btn-animated-label,.text-action-label{display:inline-block}.big-button-exit{transform-origin:center;animation:big-button-pop-out .22s ease-in both!important}.big-button-exit *{animation:none!important}@keyframes big-button-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.peace-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:65;display:flex;align-items:center;justify-content:center;padding:calc(24px * var(--play-scl));overflow-y:auto;background:color-mix(in srgb,var(--base) 86%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:peace-overlay-in .22s ease both;scrollbar-width:none}.peace-overlay::-webkit-scrollbar{display:none}@keyframes peace-overlay-in{0%{opacity:0}to{opacity:1}}.peace-overlay.exiting{pointer-events:none;animation:peace-overlay-out .35s ease forwards}@keyframes peace-overlay-out{to{opacity:0}}.peace-overlay .choice-buttons{--choice-card-size: min(calc(300px * var(--play-scl)), 30vw);display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:calc(24px * var(--play-scl));max-width:100%;width:auto;margin:0}.peace-overlay .peace-headline{flex:1 1 100%;display:flex;flex-direction:column;align-items:center;gap:calc(4px * var(--play-scl));text-align:center}.peace-title{margin:0;font-size:calc(30px * var(--play-scl));font-weight:700;color:var(--text);text-align:center}.peace-waiting{margin:0;color:var(--muted);font-size:calc(13px * var(--play-scl));font-weight:600;text-align:center}.peace-overlay .choice-panel.card{--card-size: var(--choice-card-size);width:var(--choice-card-size);height:var(--choice-card-size);min-height:0;max-width:none;flex:none;border-width:calc(var(--choice-card-size) * .005);padding:calc(var(--choice-card-size) * .09);gap:calc(var(--choice-card-size) * .0333);align-items:flex-start;justify-content:flex-start;text-align:left;font:inherit;cursor:pointer;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease,scale .18s ease,translate .18s ease,border-color .18s ease}.peace-overlay .choice-panel.locked,.peace-overlay .choice-panel.spectator{cursor:default}.peace-overlay .choice-panel.locked.card--hovering:after{opacity:0}.peace-overlay .choice-panel.dimmed{opacity:.4;filter:saturate(.7);pointer-events:none;cursor:default}.choice-title{font-size:calc(var(--choice-card-size) * .075);font-weight:700;line-height:1.1}.choice-body{font-size:calc(var(--choice-card-size) * .047);font-weight:500;line-height:1.35;color:var(--muted);flex:0 1 auto;overflow:hidden}.choice-player,.choice-emphasis{color:var(--text);font-weight:700}.choice-emphasis{text-transform:uppercase}.choice-note{font-style:italic;font-size:max(9px,calc(var(--choice-card-size) * .034));line-height:1.3;color:var(--muted);flex:none}.peacer-avatars{display:flex;align-items:center;gap:calc(var(--choice-card-size) * .035);margin-top:auto;padding-top:calc(var(--choice-card-size) * .033)}.peacer{position:relative;display:inline-flex;width:calc(var(--choice-card-size) * .18);height:calc(var(--choice-card-size) * .18);flex:none;border-radius:50%;overflow:hidden;background:var(--surface-2);transition:opacity .2s,transform .2s}.peacer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;opacity:.5;transition:opacity .2s}.peacer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;border:1px dashed var(--border-strong)}.peacer.fill img,.peacer.lit img{opacity:1}.peacer.lit:after{border-style:solid;border-color:var(--accent)}.peacer-plus{position:relative;width:calc(var(--choice-card-size) * .06);height:calc(var(--choice-card-size) * .06);flex:none;color:var(--muted)}.peacer-plus:before,.peacer-plus:after{content:"";position:absolute;background:currentColor}.peacer-plus:before{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.peacer-plus:after{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.choice-card-slot{width:var(--choice-card-size);height:var(--choice-card-size);flex:none;perspective:1200px;transform-origin:center;animation:peace-card-rise .5s cubic-bezier(.16,1,.3,1) both}.choice-card-slot+.choice-card-slot{animation-delay:70ms}@keyframes peace-card-rise{0%{opacity:0;transform:translateY(60vh) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.peace-overlay.exiting .choice-card-slot{animation:peace-card-out .35s cubic-bezier(.4,0,.7,.4) forwards}@keyframes peace-card-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.choice-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0)}.choice-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.choice-flip-back{transform:rotateY(180deg)}.choice-flip-back .choice-back{--card-size: var(--choice-card-size);width:100%;height:100%}.game.mobile .peace-overlay{align-items:flex-start;padding:12px}.game.mobile .peace-overlay .choice-buttons{--choice-card-size: min(calc(240px * var(--play-scl)), 68vw);flex-direction:column;align-items:center;width:100%;gap:12px}.game.mobile .peace-overlay .peace-headline{flex:none;width:100%}.error-text{color:var(--danger);font-weight:600}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:12px 22px;border-radius:10px;box-shadow:var(--shadow-300);font-weight:600;z-index:100}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--accent-deep) 50%,transparent);display:flex;align-items:center;justify-content:center;z-index:200}.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-300);padding:24px;width:min(380px,90vw)}.confirm-dialog h2{margin:0 0 8px;font-size:18px}.confirm-dialog p{margin:0 0 20px;color:var(--muted);line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby{width:100%;max-width:760px}.lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.room-code{font-size:34px;font-weight:800;letter-spacing:8px;color:var(--accent-deep)}.room-code.small{font-size:14px;letter-spacing:3px;margin-left:12px;color:var(--muted)}.code-row{display:flex;align-items:center;gap:14px}.lobby-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 700px){.lobby-body{grid-template-columns:1fr}}.player-list{list-style:none;margin:12px 0 0;padding:0}.player-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border)}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.on{background:var(--good)}.status-dot.off{background:var(--danger)}.player-name{font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-badge{margin-left:auto;font-size:11px;background:var(--surface-2);border:1px solid var(--border);padding:2px 8px;border-radius:999px;color:var(--muted)}.avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.avatar-xs{width:calc(18px * var(--play-scl));height:calc(18px * var(--play-scl))}.avatar-sm{width:calc(32px * var(--play-scl));height:calc(32px * var(--play-scl))}.avatar-lg{width:calc(40px * var(--play-scl));height:calc(40px * var(--play-scl))}.avatar-xl{width:calc(128px * var(--play-scl));height:calc(128px * var(--play-scl))}.avatar-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.avatar-picker-btn{width:52px;height:52px;padding:4px;border:2px solid var(--border);border-radius:50%;background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,background .15s ease,transform .15s ease}.avatar-picker-btn:hover{border-color:var(--muted);transform:translateY(-2px)}.avatar-picker-btn.active{border-color:var(--accent)}.avatar-picker-btn .avatar{border:none}.setting-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0 6px}.setting-label{font-weight:600}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.segmented button{border:none;background:var(--surface);color:var(--muted);padding:8px 14px;cursor:pointer;font-weight:600}.segmented button.active{background:var(--accent);color:var(--on-accent)}.segmented button:disabled{opacity:.45;cursor:not-allowed}.segmented button.soon:disabled{opacity:1;color:var(--label-disabled);background:var(--bg-disabled);cursor:not-allowed}.soon-badge{display:inline;margin-left:6px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;vertical-align:1px}.segmented.justify-modes{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr}.segmented.justify-modes button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.segmented.justify-modes .soon-badge{display:block;margin-left:0;margin-top:1px}.host-only-hint{font-size:12px;font-weight:500;color:var(--muted);margin-left:10px}.lobby-avatar-section{margin-top:16px}.game{padding:0 0 var(--status-bar-h) 12px;width:100%;height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,26vw,280px);grid-template-rows:minmax(0,1fr);grid-template-areas:"play sidebar";gap:12px;align-items:stretch;margin:0 auto}.game-header{grid-area:play;align-self:start;position:relative;z-index:75;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding-right:12px;margin-bottom:0;pointer-events:none}.game-title{display:flex;align-items:center}.header-logo{display:block;width:156px;height:auto}.game-title h2{margin:0;font-size:20px}.players-sidebar{grid-area:sidebar;position:relative;z-index:70;background:var(--surface-secondary);border:1px solid var(--border);border-bottom:0;border-radius:0;padding:16px 12px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto}.sidebar-helper{padding:12px 14px;background:var(--accent);color:var(--on-accent);border-radius:14px;box-shadow:var(--shadow-300);display:flex;flex-direction:column;gap:6px}.sidebar-speech{position:relative;margin-top:12px;display:flex;flex-direction:column}.sidebar-speech-foot{position:relative;display:flex;align-items:flex-end;margin-top:16px}.sidebar-mascot{width:72px;height:auto;margin:0 0 0 6px;overflow:visible;color:var(--accent)}.olo .olo-eye,.olo .olo-nose{fill:currentColor}.olo-unit{transform-box:fill-box;transform-origin:50% 50%;transition:transform .52s cubic-bezier(.22,.61,.36,1)}.olo-mask-pupils{fill:#000;transition:transform .52s cubic-bezier(.22,.61,.36,1)}.olo-eye{transform-box:fill-box;transform-origin:50% 50%}.olo-eye--blink{animation:olo-blink .2s ease-in-out}@keyframes olo-blink{0%,to{transform:scaleY(1)}45%,65%{transform:scaleY(.1)}}.sidebar-tail{position:absolute;top:100%;margin-top:-2px;left:82px;width:26px;height:auto;color:var(--accent);filter:drop-shadow(0 8px 8px rgba(12,12,13,.14))}.sidebar-helper-text{margin:0;font-size:13px;line-height:1.4;color:var(--on-accent)}.sidebar-helper-text:first-child{color:var(--on-accent);font-weight:600}.sidebar-speech-front{position:relative;transform-origin:bottom left}.sidebar-speech-front--pop-in{animation:sidebar-pop-in .3s cubic-bezier(.2,.9,.3,1.1) both}.sidebar-speech-front--pop-out{animation:sidebar-pop-out .25s ease-out both}@keyframes sidebar-pop-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes sidebar-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.sidebar-title{margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.sidebar-code{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sidebar-code p{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.sidebar-code strong{font-size:18px;font-weight:800;letter-spacing:4px;color:var(--accent-deep)}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.player-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.player-row.offline{opacity:.5}.player-row.self{border-color:var(--border-strong)}.player-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.player-row-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;white-space:nowrap}.player-row-status{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-row-score{flex:0 0 auto;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:2px 10px;font-family:Pathological PT,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:800;font-size:14px}.player-row-score.earned{display:inline-grid;place-items:center;animation:points-shake .4s cubic-bezier(.2,.9,.3,1.4) forwards}.player-row-score.earned .score-old,.player-row-score.earned .score-new{grid-area:1 / 1;animation-delay:inherit}.player-row-score.earned .score-old{animation:score-old-away .4s ease forwards}.player-row-score.earned .score-new{display:inline-block;animation:score-new-in .4s cubic-bezier(.2,.9,.3,1.4) both}@keyframes score-new-in{0%{opacity:0;transform:scale(.7) rotate(-6deg)}40%{opacity:1;transform:scale(1.18) rotate(3deg)}70%{opacity:1;transform:scale(.95) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes score-old-away{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px) scale(.85)}}@keyframes points-shake{0%{transform:scale(.7) rotate(-4deg)}40%{transform:scale(1.18) rotate(3deg)}70%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.game-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:var(--status-bar-h);z-index:80;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:10px 16px;background:var(--bg-brand);color:var(--label-brand-primary);border:0;border-top:1px solid var(--bg-brand-hover)}.game-bottom-mascot{flex:none;display:flex;align-items:center;width:56px}.game-bottom-mascot .sidebar-mascot{width:100%;margin:0;color:var(--label-brand-primary)}.game-bottom-hints{display:flex;flex-direction:column;gap:2px;min-width:0;max-height:40px;padding:3px 0;overflow:hidden}.game-bottom-hint{margin:0;color:var(--label-brand-primary);opacity:1;font-size:14px;line-height:1.25}.banner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-radius:var(--radius);margin-bottom:14px;background:color-mix(in srgb,var(--cat-yellow) 15%,transparent);border:1px solid var(--warn);color:var(--accent-deep);font-weight:600}.players-sidebar .banner.warn.sidebar-banner{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.3}.players-sidebar .banner.warn.sidebar-banner .btn{width:100%}.game-play{grid-area:play;display:flex;flex-direction:column;align-items:stretch;gap:calc(16px * var(--play-scl));min-height:0;overflow:hidden;position:relative;margin-top:calc(12px * var(--play-scl))}.game-play.browsing{display:grid;grid-template-rows:minmax(0,1fr) 36% 26%;grid-template-areas:"display" "expanded" "stack";gap:calc(12px * var(--play-scl));overflow:visible}.game-play.browsing .game-stage{grid-area:display;flex:none;min-height:0;overflow:visible;padding-top:calc(14px * var(--play-scl))}.game-play.browsing .game-stage{animation:browse-in .45s ease both}.game-play.browsing .expanded-area{animation:browse-in .45s ease .08s both}.game-play.browsing .stack-area{animation:browse-in .45s ease .16s both}@keyframes browse-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.game-play.round .answer-slots{order:1;flex:0 0 26%;min-height:0}.game-play.round.stacked{display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:calc(12px * var(--play-scl))}.game-play.round.stacked .game-stage{flex:1 1 38%;min-height:0;overflow:visible;justify-content:center}.game-play.round.stacked .answer-slots{order:0;flex:0 0 26%;min-height:0;align-self:center;width:100%;opacity:0}.game-play.round.stacked.stacks-exited .answer-slots{animation:slots-fade-in .4s ease .82s both}.game-play.round.stacked .speak-box{align-self:center;flex:0 0 36%;max-width:calc(760px * var(--play-scl));width:100%;box-sizing:border-box}.game-play.round.stacked .speak-box{justify-content:center;margin-top:0}.game-play.round.stacked .judge-actions,.game-play.round.stacked .continue-panel{align-self:center;flex:0 0 36%;display:flex;align-items:center;justify-content:center}.game-play.round.stacked .continue-panel .muted{margin:0}.game-play.round.stacked .continue-panel .text-action,.game-play.round.stacked .judge-actions .text-action,.band-sheet-cta{font-size:28px}.game-play.round.stacked .play-filler{flex:0 0 36%;min-height:0;display:flex;align-items:center;justify-content:center;padding:calc(12px * var(--play-scl))}.game-play.round.stacked .play-filler:empty{pointer-events:none}.judge-timer-controls{display:flex;align-items:center;justify-content:center;min-width:170px;height:var(--slot-action-height);min-height:var(--slot-action-height)}.judge-timer-secondary{display:flex;align-items:center;justify-content:center;gap:calc(10px * var(--play-scl))}.judge-timer-controls .text-action{width:auto;min-height:40px;margin-top:0;padding:4px 8px;font-size:24px}.slot-timer-controls{position:absolute;left:50%;bottom:0;z-index:2;display:flex;justify-content:center;width:max-content;transform:translate(-50%)}.game.mobile .game-play.answer-carousel.turn-carousel.timer-controls-in-slots .slot-timer-controls .judge-timer-controls{min-width:130px}.game.mobile .game-play.answer-carousel.turn-carousel.timer-controls-in-slots .slot-timer-controls .judge-timer-secondary{gap:4px}.game.mobile .game-play.answer-carousel.turn-carousel.timer-controls-in-slots .slot-timer-controls .text-action{min-height:40px;padding:4px 6px;font-size:19px;white-space:nowrap}.game-play.round.stacked .expanded-area{flex:0 0 36%;min-height:0;padding:calc(8px * var(--play-scl));overflow:visible;align-items:center}.game-play.round.stacked .stack-area{position:absolute;left:0;right:0;bottom:0;height:26%;pointer-events:none}.game-play.round.stacked.stacks-exited .stack-area{animation:stack-exit .6s cubic-bezier(.55,0,1,.45) forwards}.game-play.round.stacked.stacks-exited .stack-area.exiting{position:absolute;left:0;right:0;bottom:0;height:26%}.answer-slots{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:calc(24px * var(--play-scl));padding:calc(8px * var(--play-scl)) calc(16px * var(--play-scl));padding-inline:calc(16px + max(0px,(170px - 150px * var(--play-scl)) / 2));overflow:visible}.answer-slots-row{display:flex;align-items:flex-start;justify-content:center;gap:calc(24px * var(--play-scl))}.answer-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--play-scl))}.answer-slot-card{position:relative;z-index:1;width:calc(150px * var(--play-scl));height:calc(150px * var(--play-scl));display:flex;align-items:center;justify-content:center}.answer-slot-placeholder{width:calc(150px * var(--play-scl));height:calc(150px * var(--play-scl));border:2px dashed var(--muted);border-radius:calc(20px * var(--play-scl));opacity:.55}.answer-slot-waiting{width:calc(150px * var(--play-scl));height:calc(150px * var(--play-scl));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(10px * var(--play-scl));border:2px dashed var(--muted);border-radius:calc(20px * var(--play-scl));opacity:.55}.answer-slot-waiting .spinner{width:calc(20px * var(--play-scl));height:calc(20px * var(--play-scl));border-width:3px}.answer-slot-waiting .waiting-hint{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600}.answer-slot-waiting.skipped .waiting-hint{color:var(--danger)}.answer-slot.me .answer-slot-card{border-radius:24px}.answer-slot.me .answer-slot-placeholder,.answer-slot.me .answer-slot-waiting,.answer-slot.me .slot-timer{border-color:var(--accent);opacity:1}.answer-slot-name{display:inline-flex;align-items:center;gap:calc(4px * var(--play-scl));font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600}.answer-slot.me .answer-slot-name{color:var(--accent)}.answer-slot-card .toggleable{cursor:pointer}.answer-slot-back{width:calc(150px * var(--play-scl));height:calc(150px * var(--play-scl));display:flex;align-items:center;justify-content:center}.answer-slot.out .answer-slot-name{color:var(--accent)}.answer-slot.out .answer-slot-card{border-radius:24px}.slot-hidden{visibility:hidden;pointer-events:none}.answer-slot.clickable{cursor:pointer}.card.card--picked{border-color:var(--cat-yellow);outline:calc(var(--card-size) * .0167) solid var(--cat-yellow);outline-offset:calc(var(--card-size) * -.0167)}.answer-slot.pick-disabled{cursor:not-allowed}.answer-slot.pick-disabled .answer-slot-card .card{border-color:color-mix(in srgb,var(--border) 45%,transparent)}.answer-slot.pick-disabled .answer-slot-card .card>*{opacity:.45;filter:saturate(.7)}.answer-slot.pick-disabled .answer-slot-placeholder,.answer-slot.pick-disabled .answer-slot-waiting{opacity:.45}.answer-fly{position:fixed;top:0;left:0;z-index:60;pointer-events:none;transform-origin:top left}.answer-fly .card{width:100%;height:100%}.argue-fly{position:fixed;top:0;left:0;z-index:60;pointer-events:none;transform-origin:top left;perspective:1200px}.argue-fly-flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.argue-fly-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.argue-fly-face:first-child{transform:rotateY(180deg)}.argue-fly .card{width:100%;height:100%}.question-fly{position:fixed;top:0;left:0;z-index:61;pointer-events:none;transform-origin:top left;perspective:1200px}.question-fly-flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.question-fly-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.question-fly-face:first-child{transform:rotateY(180deg)}.question-fly .card{width:100%;height:100%}.question-shift{position:fixed;top:0;left:0;z-index:60;pointer-events:none;transform-origin:top left}.question-shift .card{width:100%;height:100%}.arguing-spot-fade{position:fixed;top:0;left:0;z-index:50;pointer-events:none}.arguing-spot-fade .arguing-placeholder{width:100%;height:100%}.answer-slot-pop{animation:answerSlotPop .28s cubic-bezier(.2,.8,.2,1)}@keyframes answerSlotPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.slot-flip{position:relative;width:calc(150px * var(--play-scl));height:calc(150px * var(--play-scl));transform-style:preserve-3d;transform:rotateY(0)}.slot-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.slot-flip-back{transform:rotateY(180deg)}.slot-flip-front{transform:rotateY(0)}.slot-flip .card{width:100%;height:100%}.question-deck-stage{display:flex;flex-direction:column;align-items:center;gap:calc(14px * var(--play-scl))}.question-deck{display:flex;flex-direction:column;align-items:center;gap:calc(12px * var(--play-scl));cursor:default;animation:deck-enter .6s cubic-bezier(.16,1,.3,1)}.question-deck.clickable{cursor:pointer}.question-deck-stack{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 20px color-mix(in srgb,var(--accent-deep) 28%,transparent))}.question-deck.blocked .question-deck-stack{filter:grayscale(.9) brightness(.75);animation:none}.replenish-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(18px * var(--play-scl))}.replenish-row{display:flex;align-items:flex-start;justify-content:center;gap:calc(64px * var(--play-scl))}.replenish-pile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(12px * var(--play-scl));min-width:calc(150px * var(--play-scl));cursor:default;animation:deck-enter .6s cubic-bezier(.16,1,.3,1)}.replenish-pile.clickable{cursor:pointer}.replenish-pile-stack{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 20px color-mix(in srgb,var(--accent-deep) 28%,transparent))}.replenish-pile-stack .card,.question-deck-stack .card{transform-origin:50% 0%}.replenish-hint-wrap{display:flex;align-items:flex-start;justify-content:center;height:38px}.replenish-hint{margin:0;font-size:16px;color:var(--muted);text-align:center;transition:font-size .18s ease,color .18s ease}.replenish-row:has(.card:hover)~.replenish-hint-wrap .replenish-hint{font-size:24px;color:var(--text)}@keyframes deck-enter{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes slots-fade-in{0%{opacity:0}to{opacity:1}}@keyframes stack-exit{0%{flex-basis:26%;opacity:1;transform:translateY(0)}70%{flex-basis:26%;opacity:0;transform:translateY(48vh)}71%,to{flex-basis:0%;visibility:hidden;opacity:0;transform:translateY(48vh);height:0;padding:0;margin:0;overflow:hidden}}.expanded-area{grid-area:expanded;display:flex;align-items:center;justify-content:safe center;gap:calc(12px * var(--play-scl));overflow-x:auto;padding:calc(8px * var(--play-scl))}.expanded-area.exiting{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:visible;pointer-events:none}.hand-exit-card{position:absolute;animation:handExit .55s cubic-bezier(.4,0,.6,1) both}@keyframes handExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(110vh)}}.expand-hint{color:var(--muted);font-size:16px;font-weight:600;margin:0}.stack-area{grid-area:stack;display:flex;align-items:center;justify-content:center;gap:calc(72px * var(--play-scl));padding:calc(8px * var(--play-scl))}.stack{display:flex;flex-direction:column;align-items:center;gap:calc(10px * var(--play-scl));cursor:pointer}.stack-cards{position:relative;width:calc(150px * var(--play-scl));height:calc(150px * var(--play-scl));transform-origin:50% 50%;transition:translate .18s cubic-bezier(.2,.7,.2,1),scale .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease;will-change:transform}.stack.replenish-target{position:relative;z-index:62}.stack-cards.pop{animation:stack-pop .32s cubic-bezier(.2,.8,.2,1)}@keyframes stack-pop{0%{transform:scale(.72)}60%{transform:scale(1.12)}to{transform:scale(1)}}.stack--hovering .stack-cards{translate:0 -4px;transform:perspective(900px) rotateY(calc(var(--card-px, 0) * var(--card-tilt-max, 7deg))) rotateX(calc(var(--card-py, 0) * var(--card-tilt-max, 7deg) * -1));scale:var(--card-hover-scale, 1.04);border-radius:calc(150px * var(--play-scl) * .1333);box-shadow:var(--shadow-300),0 10px 22px #0c0c0d1f}.stack--hovering .stack-card:first-child{box-shadow:var(--shadow-300),0 8px 18px #0c0c0d29}.stack--hovering .stack-card:after{opacity:var(--card-gloss-opacity, .16)}.expanded-area .br-anchor{transform-origin:50% 50%;transition:transform .18s cubic-bezier(.2,.7,.2,1),scale .18s ease,translate .18s ease}@media (hover: hover) and (pointer: fine){.expanded-area .br-anchor:hover{transform:perspective(900px) rotateY(calc(var(--card-px, 0) * var(--card-tilt-max, 7deg))) rotateX(calc(var(--card-py, 0) * var(--card-tilt-max, 7deg) * -1));scale:var(--card-hover-scale, 1.04)}}.stack-card{position:absolute!important;inset:0 auto auto 0;width:calc(150px * var(--play-scl));height:calc(150px * var(--play-scl))}.stack-card.collapsing{visibility:hidden}.stack-label-slot{flex:none;display:flex;align-items:center;justify-content:center;height:32px;width:calc(150px * var(--play-scl))}.stack-label{font-size:24px;line-height:1.25;text-transform:uppercase;letter-spacing:normal;color:var(--muted);white-space:nowrap}.stack[data-category=people] .stack-label{color:var(--cat-yellow)}.stack[data-category=places] .stack-label{color:var(--cat-blue)}.stack[data-category=things] .stack-label{color:var(--cat-red)}.br-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:10}.br-flipper{position:absolute;left:0;top:0;width:calc(240px * var(--play-scl));height:calc(240px * var(--play-scl))}.br-fly{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(0) scale(1);transform-origin:top left;perspective:1200px}.br-flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(0)}.br-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.br-back{transform:rotateY(180deg)}.br-front{transform:rotateY(0)}.br-anchor.hidden{visibility:hidden}.stack-slot{position:relative;width:calc(150px * var(--play-scl));height:calc(150px * var(--play-scl));box-sizing:border-box;border:2px dashed var(--muted);border-radius:calc(20px * var(--play-scl));cursor:pointer}.stack-slot:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.stack[data-category=people] .stack-slot{border-color:var(--cat-yellow)}.stack[data-category=places] .stack-slot{border-color:var(--cat-blue)}.stack[data-category=things] .stack-slot{border-color:var(--cat-red)}.stack[data-category=people] .stack-slot:hover{background:color-mix(in srgb,var(--cat-yellow) 12%,transparent)}.stack[data-category=places] .stack-slot:hover{background:color-mix(in srgb,var(--cat-blue) 12%,transparent)}.stack[data-category=things] .stack-slot:hover{background:color-mix(in srgb,var(--cat-red) 12%,transparent)}.game-stage{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;gap:calc(16px * var(--play-scl));min-height:0;overflow-y:auto}.stage{width:100%;max-width:calc(760px * var(--play-scl));display:flex;flex-direction:column;align-items:center;gap:calc(16px * var(--play-scl))}.result-card{width:100%;max-width:calc(760px * var(--play-scl));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:calc(24px * var(--play-scl));text-align:center;margin:auto 0;animation:result-card-in .5s cubic-bezier(.2,.8,.3,1) both}@keyframes result-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.result-heading{margin:0;font-size:calc(30px * var(--play-scl));font-weight:800;letter-spacing:.3px;color:var(--accent-deep);animation:result-text-in .45s cubic-bezier(.2,.8,.3,1) both}.result-sub{margin:0;font-size:calc(30px * var(--play-scl));font-weight:800;letter-spacing:.3px;color:var(--accent-deep);animation:result-text-in .45s cubic-bezier(.2,.8,.3,1) .54s both}.result-players{display:flex;flex-direction:row;gap:calc(36px * var(--play-scl));justify-content:center;flex-wrap:wrap}.result-player{display:flex;flex-direction:column;align-items:center;gap:calc(10px * var(--play-scl));animation:avatar-pop-in .5s cubic-bezier(.2,.9,.3,1.3) both}.result-player .avatar-xl{box-shadow:var(--shadow-300)}.result-name{margin:0;font-size:17px;font-weight:700;color:var(--text)}.result-points{margin:0;padding:2px calc(18px * var(--play-scl));border-radius:999px;background:var(--accent);color:var(--on-accent);font-family:Pathological PT,Segoe UI,system-ui,-apple-system,sans-serif;font-size:24px;font-weight:800;line-height:1.4;box-shadow:var(--shadow-100);animation:points-pop .4s cubic-bezier(.2,.9,.3,1.4) both}.result-foot{display:flex;flex-direction:column;align-items:center;gap:14px;animation:rise-in .45s cubic-bezier(.2,.8,.3,1) .42s both}.results-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:65;display:flex;align-items:center;justify-content:center;padding:calc(24px * var(--play-scl));overflow-y:auto;background:color-mix(in srgb,var(--base) 86%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:results-overlay-in .25s ease both;scrollbar-width:none}.results-overlay::-webkit-scrollbar{display:none}.results-overlay.exiting{pointer-events:none;animation:results-overlay-out .35s ease forwards}@keyframes results-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes results-overlay-out{to{opacity:0}}.results-overlay.exiting .result-card{animation:results-card-out .35s cubic-bezier(.4,0,.7,.4) forwards}@keyframes results-card-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.results-underlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:64;display:grid;grid-template-rows:minmax(0,1fr) 26% 36%;grid-template-areas:"stage" "slots" "filler";gap:calc(12px * var(--play-scl));pointer-events:none;animation:results-underlay-out .4s ease forwards}.results-underlay-stage{grid-area:stage;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.results-underlay-slots{grid-area:slots;display:flex;align-items:center;justify-content:center;min-height:0;padding:calc(8px * var(--play-scl)) calc(16px * var(--play-scl));overflow:hidden}.results-underlay-filler{grid-area:filler}@keyframes results-underlay-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes result-pop-out{0%{opacity:1;transform:none}40%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(.85)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes result-text-in{0%{opacity:0}to{opacity:1}}@keyframes avatar-pop-in{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes points-pop{0%{opacity:0;transform:scale(.6) rotate(-6deg)}60%{opacity:1;transform:scale(1.15) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.card{--card-size: calc(240px * var(--play-scl));--card-cat-size: calc(var(--card-size) * .0542);--card-cat-lh: calc(var(--card-size) * .075);--card-cat-ls: calc(var(--card-size) * -.000333);--card-title-size: calc(var(--card-size) * .0625);--card-title-lh: calc(var(--card-size) * .0833);--card-title-ls: calc(var(--card-size) * -.000958);--card-detail-size: calc(var(--card-size) * .0542);--card-detail-lh: calc(var(--card-size) * .075);--card-detail-ls: calc(var(--card-size) * -.000333);--card-radius: calc(var(--card-size) * .1333);position:relative;flex:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(var(--card-size) * .0333);box-shadow:var(--shadow-300);transition:transform .12s,box-shadow .12s;overflow:hidden;width:var(--card-size);height:var(--card-size);border-radius:var(--card-radius)}.card-sm{--card-size: calc(150px * var(--play-scl))}.card-md{--card-size: calc(240px * var(--play-scl))}.card-lg{--card-size: calc(320px * var(--play-scl))}.card-m{--card-size: var(--m-card)}.card:not(.card-back-mode){padding:calc(var(--card-size) * .09) calc(var(--card-size) * .28) calc(var(--card-size) * .09) calc(var(--card-size) * .09)}.card-question{background:var(--accent);border:1px solid var(--accent-deep);color:var(--on-accent)}.card-answer{background:var(--surface);border:1px solid var(--border);color:var(--text)}.card{transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease,scale .18s ease,translate .18s ease;--card-gloss-tint: var(--accent-soft)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(circle at var(--card-gx, 50%) var(--card-gy, 50%),rgba(255,255,255,.55) 0%,rgba(255,255,255,.18) 32%,transparent var(--card-gloss-size, 65%));mix-blend-mode:screen}.card-answer[data-category=people]{--card-gloss-tint: var(--cat-yellow)}.card-answer[data-category=places]{--card-gloss-tint: var(--cat-blue)}.card-answer[data-category=things]{--card-gloss-tint: var(--cat-red)}.card-answer:after{background:radial-gradient(circle at var(--card-gx, 50%) var(--card-gy, 50%),color-mix(in srgb,var(--card-gloss-tint) 38%,transparent) 0%,color-mix(in srgb,var(--card-gloss-tint) 14%,transparent) 40%,transparent var(--card-gloss-size, 65%));mix-blend-mode:multiply}.card.card--hovering:after{opacity:var(--card-gloss-opacity, .16)}.card.card--hovering.card--tiltable{transform:perspective(900px) rotateY(calc(var(--card-px, 0) * var(--card-tilt-max, 7deg))) rotateX(calc(var(--card-py, 0) * var(--card-tilt-max, 7deg) * -1));scale:var(--card-hover-scale, 1.04);box-shadow:var(--shadow-300),0 10px 22px #0c0c0d1f}@media (prefers-reduced-motion: reduce){.card.card--hovering.card--tiltable{transform:none;scale:1}.card:after{display:none}.stack--hovering .stack-cards{transform:none;scale:1}}.card .card-back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.card-back-mode{box-shadow:none;border:1px solid color-mix(in srgb,var(--accent-deep) 22%,transparent);padding:initial}.card-back-disabled{border-color:transparent}.card-back-art{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;opacity:.45;filter:saturate(.7);pointer-events:none}.card-back-mode .card-text,.card-back-mode .card-details,.card-back-mode .category-tag,.card-back-mode .card-real,.card-back-mode .card-logo,.card-back-mode .selected-badge{display:none}.card-text{margin:0;font-size:var(--card-title-size);font-weight:600;line-height:var(--card-title-lh);letter-spacing:var(--card-title-ls);color:inherit}.card-details{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--card-size) * .0167)}.card-details li{font-size:var(--card-detail-size);line-height:var(--card-detail-lh);letter-spacing:var(--card-detail-ls);color:inherit;background:none;border-radius:0;padding:0;display:flex;align-items:flex-start;gap:calc(var(--card-size) * .0083)}.card-detail-bullet{flex:none;width:calc(var(--card-size) * .0667);height:calc(var(--card-size) * .075);display:flex;align-items:center;justify-content:center}.card-detail-bullet svg{display:block;width:calc(var(--card-size) * .0396);height:calc(var(--card-size) * .0396)}.card-detail-bullet svg .cls-1{fill:currentColor}.card-real{margin-top:0;display:flex;flex-direction:column;gap:0;font-size:var(--card-detail-size);line-height:var(--card-detail-lh);letter-spacing:var(--card-detail-ls)}.card-real-label{font-weight:400}.card-real-label,.card-real-text{color:var(--on-accent)}.category-tag{position:static;font-size:var(--card-cat-size);text-transform:uppercase;letter-spacing:var(--card-cat-ls);line-height:var(--card-cat-lh);font-weight:600}.card-answer[data-category=people] .category-tag,.card-answer[data-category=people] .card-logo,.card-answer[data-category=people] .card-detail-bullet{color:var(--cat-yellow)}.card-answer[data-category=places] .category-tag,.card-answer[data-category=places] .card-logo,.card-answer[data-category=places] .card-detail-bullet{color:var(--cat-blue)}.card-answer[data-category=things] .category-tag,.card-answer[data-category=things] .card-logo,.card-answer[data-category=things] .card-detail-bullet{color:var(--cat-red)}.card-logo{margin-top:auto;width:calc(var(--card-size) * .45);color:inherit}.card-logo svg{display:block;width:100%;height:auto}.card-logo svg .cls-1{fill:currentColor}.card-question .card-logo{color:var(--on-accent)}.card-question[data-category=people] .category-tag{color:var(--cat-yellow)}.card-question[data-category=places] .category-tag{color:var(--cat-blue)}.card-question[data-category=things] .category-tag{color:var(--cat-red)}.card.selected{outline:3px solid var(--accent);translate:0 -4px}.selected-badge{position:absolute;bottom:calc(var(--card-size) * .0417);right:calc(var(--card-size) * .05);background:var(--accent);color:var(--on-accent);border-radius:50%;width:calc(var(--card-size) * .1083);height:calc(var(--card-size) * .1083);display:flex;align-items:center;justify-content:center;font-weight:800}.question-display{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6px * var(--play-scl))}.question-display-card.hidden~.question-judge{opacity:0}.question-display-card:not(.hidden)~.question-judge{animation:question-judge-in .35s ease .06s both}@keyframes question-judge-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.question-display-card.hidden{visibility:hidden}.arguing-area{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:calc(24px * var(--play-scl));flex-wrap:wrap}.arguing-area .question-display{width:auto}.arguing-spot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:arguingSpotIn .4s ease-out}.arguing-spacer{visibility:hidden;margin-top:calc(6px * var(--play-scl))}@keyframes arguingSpotIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.arguing-placeholder{width:calc(240px * var(--play-scl));height:calc(240px * var(--play-scl));border:2px dashed var(--muted);border-radius:calc(32px * var(--play-scl));display:flex;align-items:center;justify-content:center;padding:calc(24px * var(--play-scl));text-align:center;box-sizing:border-box}.timer{width:calc(120px * var(--play-scl));height:calc(120px * var(--play-scl));border-radius:999px;background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}.timer-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.timer-ring-track{fill:none;stroke:var(--border);stroke-width:6}.timer-ring-value{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:100;transform:rotate(-90deg);transform-origin:center;transform-box:fill-box;transition:stroke-dashoffset .2s linear,stroke .5s ease}.timer.low .timer-ring-value{stroke:var(--danger)}.timer.finished .timer-text{color:var(--muted)}.timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2px * var(--play-scl))}.timer-value{font-weight:800;font-size:34px;line-height:1}.timer-unit{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);line-height:1}.timer.compact{width:calc(104px * var(--play-scl));height:calc(104px * var(--play-scl))}.timer.compact .timer-value{font-size:40px}.timer.clickable{cursor:pointer}.timer.clickable:hover{filter:brightness(1.2)}.slot-buttons{display:flex;gap:calc(8px * var(--play-scl));flex-wrap:wrap}.slot-timer{position:relative;width:calc(150px * var(--play-scl));height:calc(150px * var(--play-scl));flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:calc(24px * var(--play-scl));opacity:.5;transition:opacity .2s ease,border-radius .35s ease}.slot-timer.active{opacity:1;border-radius:999px}.slot-timer .timer{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:none;background:none}.icon-btn{background:transparent;border:1px solid var(--muted);border-radius:calc(8px * var(--play-scl));color:var(--text);width:calc(30px * var(--play-scl));height:calc(30px * var(--play-scl));font-size:14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn.plain{border:none}.icon-btn:hover:not(:disabled){filter:brightness(1.25)}.icon-btn:disabled{opacity:.35;cursor:default}.answer-slot-back.presentable{position:relative;cursor:pointer}.answer-slot.readable .answer-slot-card{cursor:pointer}.slot-disabled{border-color:color-mix(in srgb,var(--border) 45%,transparent)}.slot-disabled>*{opacity:.45;filter:saturate(.7)}.spot-flip-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--play-scl));width:calc(240px * var(--play-scl));height:calc(240px * var(--play-scl));perspective:1200px}.spot-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(180deg)}.spot-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.spot-flip-back{transform:rotateY(180deg)}.spot-flip-front{transform:rotateY(0)}.spot-flip-wrap.cancelable{cursor:pointer;transition:transform .15s ease}.spot-flip-wrap.cancelable:hover{transform:translateY(-4px)}.revealed-list{list-style:none;margin:0;padding:0}.revealed-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.revealed-row{flex-direction:column;align-items:flex-start}.revealed-row.active{background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:10px;padding:10px;border-bottom:none}.card-inline{margin:2px 0;font-weight:700}.justification{margin:2px 0;color:var(--muted);font-style:italic}.speak-box{margin-top:calc(14px * var(--play-scl));display:flex;flex-direction:column;gap:calc(10px * var(--play-scl))}.speak-box textarea{width:100%;padding:calc(12px * var(--play-scl));background:var(--surface);border:1px solid var(--border);border-radius:calc(10px * var(--play-scl));color:var(--text);font-size:15px;font-family:inherit;resize:vertical;outline:none}.speak-box textarea:focus{border-color:var(--accent)}.typing-window{flex-direction:column;gap:calc(14px * var(--play-scl))}.game-play.round.stacked .typing-band{align-self:center;flex:0 0 36%;max-width:calc(760px * var(--play-scl));width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:calc(10px * var(--play-scl))}.typing-band{align-items:center}.sheet-wrap{position:relative;flex:none;width:max-content}.sheet-torn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:color-mix(in srgb,var(--label-brand-secondary) 30%,transparent)}.sheet-band .sheet-torn,.sheet-fly .sheet-torn{color:color-mix(in srgb,var(--label-brand-secondary) 62%,transparent)}.sheet{--sheet-size: calc(340px * var(--play-scl));--sheet-line: calc(var(--sheet-size) * .0705);position:relative;box-sizing:border-box;flex:none;font-family:inherit;display:flex;flex-direction:column;width:var(--sheet-size);height:calc(var(--sheet-size) * .8);padding:var(--sheet-line) calc(var(--sheet-size) * .07);overflow:hidden;color:var(--label-brand-secondary);background:var(--label-brand-primary);clip-path:polygon(0% 2.2%,5% .9%,10% 2.7%,15% 1.2%,20% 3.1%,25% .7%,30% 2.9%,35% 1.4%,40% 3.3%,45% .9%,50% 2.6%,55% 1.1%,60% 3%,65% .8%,70% 2.8%,75% 1.3%,80% 3.2%,85% .9%,90% 2.5%,95% 1%,100% 3.4%,100% 97%,95% 99.1%,90% 96.9%,85% 98.8%,80% 97.3%,75% 99%,70% 96.7%,65% 99.2%,60% 97.4%,55% 98.9%,50% 96.8%,45% 99%,40% 97.1%,35% 98.7%,30% 97.5%,25% 99.1%,20% 96.9%,15% 98.9%,10% 97.2%,5% 99%,0% 96.8%);filter:drop-shadow(0 16px 16px rgba(12,12,13,.1)) drop-shadow(0 4px 4px rgba(12,12,13,.05))}.sheet-bare{background:var(--label-brand-primary)}.sheet-answer{font-size:calc(var(--sheet-size) * .05);line-height:calc(var(--sheet-size) * .066);font-weight:700;color:var(--label-brand-secondary);border-bottom:1px solid color-mix(in srgb,var(--label-brand-secondary) 22%,transparent);padding-bottom:calc(var(--sheet-size) * .014);margin-bottom:calc(var(--sheet-size) * .012)}.sheet-text,.sheet-input{margin:0;width:100%;box-sizing:border-box;flex:1;font-size:calc(var(--sheet-size) * .044);line-height:var(--sheet-line);color:var(--label-brand-secondary)}.sheet-text{overflow:hidden;quotes:"“" "”"}.sheet-input{border:none;outline:none;background:transparent;resize:none;padding:0;font-family:inherit;overflow:hidden}.sheet-input::placeholder{color:color-mix(in srgb,var(--label-brand-secondary) 42%,transparent)}.sheet-band{position:relative;flex:none;width:calc(340px * var(--play-scl));height:calc(272px * var(--play-scl));display:flex;align-items:center;justify-content:center}.sheet-band .sheet-wrap,.sheet-fly .sheet-wrap{width:100%;height:100%}.sheet-band .sheet{--sheet-size: calc(340px * var(--play-scl));width:100%;height:100%}.sheet-fly .sheet{--sheet-size: 340px;width:100%;height:100%}.sheet-rise{animation:sheet-rise .5s cubic-bezier(.18,.82,.28,1)}@keyframes sheet-rise{0%{transform:translateY(115%)}to{transform:translateY(0)}}.band-sheet-cta{align-self:center}.sheet-peek{position:absolute;left:50%;top:calc(13px * var(--play-scl));z-index:0;pointer-events:none;animation:sheet-pop .3s ease both}.sheet-peek .sheet-wrap{--sheet-size: calc(165px * var(--play-scl));transform:rotate(-2.5deg);transition:transform .15s}.sheet-peek .sheet-wrap .sheet{--sheet-size: calc(165px * var(--play-scl))}@keyframes sheet-pop{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.6)}70%{opacity:1;transform:translate(-50%) scale(1.08)}to{opacity:1;transform:translate(-50%) scale(1)}}.sheet-peek.sheet-popping{animation:sheet-pop-out .32s ease both;pointer-events:none}@keyframes sheet-pop-out{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.6)}}.sheet-peek.peek-clickable{pointer-events:auto;cursor:pointer}.sheet-peek.peek-clickable .sheet-wrap:hover{transform:rotate(-2.5deg) translateY(-4px)}.sheet-peek.me .sheet{filter:drop-shadow(0 0 calc(3px * var(--play-scl)) color-mix(in srgb,var(--cat-yellow) 65%,transparent)) drop-shadow(0 16px 16px rgba(12,12,13,.1)) drop-shadow(0 4px 4px rgba(12,12,13,.05))}.sheet-hidden{visibility:hidden;pointer-events:none}.sheet-fly{position:fixed;top:0;left:0;z-index:1;pointer-events:none;transform-origin:top left;perspective:1400px}.sheet-fly-flip,.sheet-fly-rot{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.sheet-fly-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.sheet-fly-face-back{transform:rotateX(180deg)}.answer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:14px 0}.answer-tile{display:flex;flex-direction:column;gap:8px}.answer-tile.clickable{cursor:pointer}.answer-tile.picked .card{outline:3px solid var(--danger);transform:translateY(-4px)}.pick-hint{font-size:12px;color:var(--accent-deep);font-weight:700}.contenders{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.choice-buttons{display:flex;gap:calc(12px * var(--play-scl));flex-wrap:wrap;justify-content:center;margin-top:calc(16px * var(--play-scl))}.peace-headline{flex:1 1 100%;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.peace-waiting.hidden{visibility:hidden}.expanded-area.round .br-anchor.round-card{cursor:default;box-sizing:border-box;padding:calc(4px * var(--play-scl))}.expanded-area.round .br-anchor.round-card.selectable{cursor:pointer}.expanded-area.round .br-anchor.round-card.selectable:hover{translate:0 -6px}.answer-slot .slot-action{width:calc(150px * var(--play-scl));height:var(--slot-action-height);min-height:var(--slot-action-height);padding:calc(6px * var(--play-scl)) calc(12px * var(--play-scl));font-size:21px}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.answer-slot .slot-action.off{visibility:hidden;animation:none}.answer-slot.skipable .slot-skip{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:calc(112px * var(--play-scl));z-index:2;width:auto;min-width:calc(84px * var(--play-scl));padding:calc(8px * var(--play-scl)) calc(14px * var(--play-scl));font-size:12px;background:none;border:none;opacity:0;pointer-events:none;transition:opacity .12s ease}.answer-slot.skipable:hover .slot-skip{opacity:1;pointer-events:auto}.game.mobile{grid-template-columns:1fr;grid-template-areas:"play";padding:0 0 var(--status-bar-h)}.game.mobile .game-header{padding-right:10px;padding-left:6px;gap:8px}.game.mobile .game-bottom-bar{gap:10px;padding:8px 12px}.game.mobile .game-bottom-mascot{width:48px}.game.mobile .game-bottom-hint{font-size:11px;line-height:1.2}.game.mobile .game-title{min-width:0}.game.mobile .game-title .header-logo{width:118px}.game-header-actions{display:flex;align-items:center;gap:10px;flex:none;pointer-events:auto}.players-toggle{flex:none}.sidebar-shell{grid-area:sidebar;display:flex;min-height:0}.sidebar-shell .players-sidebar{flex:1;grid-area:auto}.game.mobile .sidebar-shell{grid-area:auto;position:fixed;top:0;right:0;bottom:var(--status-bar-h);width:min(320px,86vw);z-index:90;display:flex;min-height:0;transition:transform .28s cubic-bezier(.2,.8,.2,1);transform:translate(105%);box-shadow:var(--shadow-300)}.game.mobile .sidebar-shell.open{transform:translate(0)}.game.mobile .sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;bottom:var(--status-bar-h);background:#0c0c0d73;z-index:85;animation:sidebar-fade-in .25s ease both}@keyframes sidebar-fade-in{0%{opacity:0}to{opacity:1}}.game.mobile .game-play.browsing{grid-template-rows:minmax(0,1fr) 34%;grid-template-areas:"display" "hand";gap:8px;padding:0 8px}.game.mobile .game-play.browsing .m-hand{grid-area:hand;min-height:0;display:flex;align-items:center;justify-content:center}.game.mobile .game-play.round.stacked .m-hand{position:absolute;left:0;right:0;bottom:0;height:34%;display:flex;align-items:center;justify-content:center;pointer-events:none}.game.mobile .game-play.round.stacked .game-stage{flex:0 1 38%}.game.mobile .answer-slot.skipable .slot-skip{position:static;order:2;width:auto;min-width:calc(84px * var(--play-scl));margin:0 auto;padding:calc(8px * var(--play-scl)) calc(16px * var(--play-scl));font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--muted-soft);opacity:1;pointer-events:auto;transition:none}.game.mobile .answer-slot .slot-action{order:3}.game.mobile .answer-slot-waiting:not(.skipped) .waiting-hint{display:none}.game.mobile .answer-slot-waiting .spinner{width:28px;height:28px;border-width:4px}.game.mobile .arguing-placeholder,.game.mobile .spot-flip-wrap{width:var(--m-card);height:var(--m-card)}.game.mobile .game-play.browsing .m-hand .m-front-label{display:none}.hand-return-fly{position:fixed;pointer-events:none;z-index:8}.m-hand.return-flying .stack.return-target .stack-cards .stack-card:first-child{opacity:0}.return-badge{display:none}.game.mobile .return-badge{position:absolute;left:calc(131px * var(--play-scl));top:calc(-11px * var(--play-scl));width:calc(30px * var(--play-scl));height:calc(30px * var(--play-scl));border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-deep);color:var(--on-accent);opacity:0;visibility:hidden;pointer-events:none;z-index:3;margin-top:0;transition:margin-top .15s ease,opacity .15s ease}.game.mobile .return-badge.on{opacity:1;visibility:visible;pointer-events:auto}.game.mobile .return-badge.popping{visibility:visible;animation:badge-pop .3s cubic-bezier(.3,0,.4,1) forwards;pointer-events:none}@keyframes badge-pop{0%{transform:scale(1);opacity:1}55%{transform:scale(1.3);opacity:1}to{transform:scale(0);opacity:0}}.return-badge:before,.return-badge:after{content:"";position:absolute;left:50%;top:50%;background:var(--on-accent)}.return-badge:before{width:calc(16px * var(--play-scl));height:calc(4.2px * var(--play-scl));border-radius:calc(2.1px * var(--play-scl));transform:translate(-50%,-50%) rotate(45deg)}.return-badge:after{width:calc(4.2px * var(--play-scl));height:calc(16px * var(--play-scl));border-radius:calc(2.1px * var(--play-scl));transform:translate(-50%,-50%) rotate(45deg)}.m-hand{min-width:0}.m-hand.leaving .m-pile{animation:m-hand-exit .45s cubic-bezier(.4,0,1,1) forwards}.m-hand .m-pile{animation:m-hand-in .32s ease both}@keyframes m-hand-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes m-hand-exit{to{opacity:0;transform:translateY(28px) scale(.9)}}.m-pile{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:auto}.m-front-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-weight:700;text-align:center;pointer-events:none}.m-hint{font-size:11px;color:var(--muted);font-weight:500;text-align:center;pointer-events:none}.game.mobile .m-pile .stack-area{position:relative;left:auto;right:auto;bottom:auto;display:block;width:var(--m-card);height:calc(var(--m-card) + 20px);padding:0;pointer-events:auto;animation:none}.game.mobile .game-play.round.stacked.stacks-exited .m-pile .stack-area{animation:none}.game.mobile .m-pile .stack{position:absolute;inset:0 auto auto 0;width:var(--m-card);height:var(--m-card);flex-direction:row;align-items:flex-start;gap:0;cursor:default;transition:transform .3s cubic-bezier(.2,.8,.2,1);will-change:transform}.game.mobile .m-pile .stack.active .stack-cards,.game.mobile .m-pile .stack:hover .stack-cards{transform:none}.game.mobile .m-pile .stack-cards{width:var(--m-card);height:var(--m-card);transition:none}.game.mobile .answer-slots.solo .answer-slot:not(.me){display:none}.game.mobile .game-play.answer-carousel .game-stage{flex:1 1 auto}.game.mobile .game-play.answer-carousel .play-filler{display:none}.game.mobile .answer-slots.carousel{--carousel-card: var(--m-card);position:absolute;left:0;right:0;bottom:0;height:34%;z-index:4;flex:none;align-items:center;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-inline:calc(50% - var(--carousel-card) / 2);scrollbar-width:none}.game.mobile .answer-slots.carousel::-webkit-scrollbar{display:none}.game.mobile .answer-slots.carousel .answer-slots-row{flex:none;align-items:center;justify-content:flex-start;gap:calc(16px * var(--play-scl));animation:carousel-in .45s cubic-bezier(.2,.8,.2,1) .2s both}.game.mobile .answer-slots.carousel .answer-slot{flex:none;scroll-snap-align:center}.game.mobile .answer-slots.carousel .card-sm{--card-size: var(--carousel-card)}.game.mobile .answer-slots.carousel .answer-slot-card,.game.mobile .answer-slots.carousel .answer-slot-back,.game.mobile .answer-slots.carousel .answer-slot-placeholder,.game.mobile .answer-slots.carousel .answer-slot-waiting,.game.mobile .answer-slots.carousel .slot-timer,.game.mobile .answer-slots.carousel .slot-flip{width:var(--carousel-card);height:var(--carousel-card)}.game.mobile .answer-slots.carousel .slot-action{width:var(--carousel-card)}.game.mobile .game-play.answer-carousel .continue-panel,.game.mobile .game-play.answer-carousel .judge-actions{position:absolute;left:0;right:0;bottom:calc(34% + calc(10px * var(--play-scl)));z-index:5;padding:0 calc(16px * var(--play-scl))}@keyframes carousel-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.game.mobile .game-play.answer-carousel.prize-select .game-stage{flex:0 0 36%}.game.mobile .prize-slots{position:absolute;left:0;right:0;bottom:34%;height:30%;z-index:5;display:flex;align-items:center;justify-content:center;gap:calc(24px * var(--play-scl));padding:0 calc(16px * var(--play-scl)) 48px}.game.mobile .prize-slot-label{opacity:.65}.game.mobile .game-play.answer-carousel.prize-select .judge-actions{bottom:calc(34% + calc(6px * var(--play-scl)));z-index:6}.game.mobile .answer-slots.carousel .answer-slot-card.prize-flying{pointer-events:none}.game.mobile .answer-slots.carousel .answer-slot-card.prize-flying>*{visibility:hidden}.prize-fly{position:fixed;top:0;left:0;z-index:60;pointer-events:none;transform-origin:top left}.prize-fly .card{width:100%;height:100%}.game.mobile .game-play.answer-carousel.turn-carousel .game-stage{flex:0 0 40%;justify-content:flex-start;overflow:visible;padding-top:calc(8px * var(--play-scl))}.game.mobile .game-play.answer-carousel.turn-carousel .arguing-spot{position:absolute;left:0;right:0;bottom:34%;height:26%;z-index:3}.game.mobile .game-play.answer-carousel.turn-carousel .arguing-spacer{display:none}.game.mobile .game-play.answer-carousel.turn-carousel .continue-panel{bottom:calc(60% + calc(6px * var(--play-scl)));z-index:6}.animated-message{font-family:Pathological PT,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:800}.animated-word{display:inline-block;white-space:nowrap}.animated-word .animated-char+.animated-char{margin-left:var(--msg-char-gap, .05em)}.animated-message--exiting .animated-char{animation:none!important}.animated-message--exiting .animated-char-inner{animation:message-char-out var(--msg-exit-dur, .22s) ease-in both;animation-delay:0s!important}@keyframes message-char-out{to{opacity:0;transform:scale(0)}}.animated-char{display:inline-block;animation:var(--wave-name, message-wave) var(--wave-cycle, .9s) var(--msg-wave-ease, ease-out) infinite;animation-delay:calc(var(--g, 0) * var(--wave-interval, .15s));will-change:transform}.animated-char-inner{display:inline-block;transform-origin:50% 50%;animation:message-char-pop var(--msg-pop-dur, .42s) cubic-bezier(.2,.9,.3,1) backwards;animation-delay:calc(var(--i, 0) * var(--msg-stagger, 22ms));will-change:transform,opacity}@keyframes message-char-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes message-wave{0%{transform:translateY(0)}8.333%{transform:translateY(calc(-1 * var(--msg-wave-lift, 3px)))}16.666%,to{transform:translateY(0)}}.animated-message--warp-top{transform:perspective(var(--msg-warp-perspective, 420px)) rotateX(var(--msg-warp-angle, 10deg))}.animated-message--warp-bottom{transform:perspective(var(--msg-warp-perspective, 420px)) rotateX(calc(-1 * var(--msg-warp-angle, 10deg)))}.animated-message--warp-left{transform:perspective(var(--msg-warp-perspective, 420px)) rotateY(calc(-1 * var(--msg-warp-angle, 10deg)))}.animated-message--warp-right{transform:perspective(var(--msg-warp-perspective, 420px)) rotateY(var(--msg-warp-angle, 10deg))}.animated-message--wave-only .animated-char-inner{animation:none}@media (prefers-reduced-motion: reduce){.animated-char,.animated-char-inner,.animated-message--exiting .animated-char-inner{animation:none}.animated-message--warp-top,.animated-message--warp-bottom,.animated-message--warp-left,.animated-message--warp-right{transform:none}}@media (prefers-reduced-motion: reduce){.btn.big{animation:none}}.replenish-pile.clickable .replenish-pile-stack,.answer-slot-back.presentable{transform-origin:50% 45%;animation:click-nudge 2.6s cubic-bezier(.36,.07,.19,.97) infinite}@keyframes click-nudge{0%,68%,to{transform:none}71%{transform:scale(1.035) rotate(-1.2deg)}74%{transform:scale(1.035) rotate(1.2deg)}77%{transform:scale(1.02) rotate(.6deg)}80%{transform:none}}@media (prefers-reduced-motion: reduce){.replenish-pile.clickable .replenish-pile-stack,.answer-slot-back.presentable{animation:none}}.game.mobile .game-play.browsing .m-hand{animation:browse-in .45s ease .16s both}.game-play.browsing.browse-hold .game-stage,.game-play.browsing.browse-hold .expanded-area,.game-play.browsing.browse-hold .stack-area,.game-play.browsing.browse-hold .m-hand,.game-play.browsing.browse-hold .question-deck,.game-play.browsing.browse-hold .replenish-pile{animation-play-state:paused}.card-back-disabled.card--hovering:after,.slot-disabled.card--hovering:after,.answer-slot.pick-disabled .card.card--hovering:after{opacity:0}.card-back-disabled.card--hovering.card--tiltable{transform:none;scale:1;box-shadow:none}.slot-disabled.card--hovering.card--tiltable,.answer-slot.pick-disabled .card.card--hovering.card--tiltable{transform:none;scale:1;box-shadow:var(--shadow-300)}.game-title{gap:10px}.early-access-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-100);font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1;text-transform:uppercase;white-space:nowrap}.game.mobile .early-access-badge{font-size:9px}.game-title .early-access-badge{padding:0;background:none;box-shadow:none;color:var(--accent)}.home-early-access-badge{display:flex;width:max-content;margin:calc(14px - (min(520px,90vw)*.07463)) auto 0}.beta-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--accent-deep) 52%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.beta-gate-panel{flex:none;width:min(420px,92vw);display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:center}.beta-gate-panel .early-access-badge{align-self:center}.beta-gate-panel h2{margin:0;font-size:22px}.beta-gate-panel .muted{margin:0 0 4px}.beta-gate-panel input[type=text]{text-align:center;letter-spacing:2px;font-weight:600}.beta-gate-panel .btn{width:100%}.beta-gate-panel .error-text{margin:0}.screen.home{justify-content:flex-start;overflow-y:auto}.home-content{width:100%;display:flex;flex-direction:column;align-items:center;margin:auto 0}.sidebar-socials{flex:none;display:flex;flex-direction:column;gap:8px;padding-top:12px}.sidebar-social-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.sidebar-social-panel:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:var(--shadow-100)}.sidebar-social-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-social-title{font-size:12px;font-weight:700;line-height:1.2;color:var(--text)}.sidebar-social-url{font-size:9px;line-height:1.2;color:var(--muted);overflow-wrap:anywhere}.sidebar-social-qr{width:82.8px;height:82.8px;flex:none;padding:5px;border-radius:8px;background:var(--label-brand-primary)}