@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Mono:wght@400;500&display=swap";:root{--c-teal-1: #598e81;--c-teal-2: #699582;--c-teal-3: #84a48c;--c-sage-1: #acbc8e;--c-sage-2: #bcc596;--c-sage-3: #b9bca1;--c-sage-4: #c1c2a3;--c-sage-5: #dcd8ab;--c-cream-1: #f6e4a9;--c-cream-2: #f6e4a9;--c-cream-3: #f2d694;--c-gold-1: #eed388;--c-gold-2: #f9d49d;--c-amber-1: #efb576;--c-amber-2: #f4be82;--c-amber-3: #f6c293;--c-orange-1: #e99566;--c-orange-2: #eda376;--c-orange-3: #f0a989;--c-rust-1: #d96a59;--c-rust-2: #e38069;--c-rust-3: #e3a083;--c-rust-4: #d0947a;--c-red-1: #b95955;--c-red-2: #cc7065;--c-red-3: #d3967a;--c-maroon-1: #924a4a;--c-maroon-2: #8c4647;--c-maroon-3: #a76257;--c-maroon-4: #a36057;--bg-void: #0b0804;--bg-deep: #110d08;--bg-base: #17100b;--bg-raised: #1e1510;--bg-surface: #261b14;--bg-elevated: #2e2118;--bg-glass: rgba(30, 21, 16, .75);--bg-glass-light: rgba(238, 211, 136, .06);--fire-core: #fff4c2;--fire-inner: #ffd05b;--fire-mid: var(--c-amber-1);--fire-outer: var(--c-orange-1);--fire-edge: var(--c-rust-1);--fire-smoke: rgba(100, 80, 60, .4);--text-brightest: var(--c-cream-1);--text-bright: var(--c-gold-1);--text-mid: var(--c-amber-2);--text-dim: var(--c-amber-1);--text-muted: rgba(239, 181, 118, .45);--text-ghost: rgba(239, 181, 118, .22);--accent-warm: var(--c-amber-1);--accent-fire: var(--c-rust-1);--accent-cool: var(--c-teal-1);--accent-sage: var(--c-sage-1);--border-faint: rgba(239, 181, 118, .09);--border-subtle: rgba(239, 181, 118, .16);--border-mid: rgba(239, 181, 118, .28);--border-glow: rgba(233, 149, 102, .45);--font-display: "Cinzel Decorative", serif;--font-body: "Crimson Pro", Georgia, serif;--font-mono: "DM Mono", monospace;--text-xs: .72rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--text-2xl: 1.7rem;--text-3xl: 2.2rem;--text-4xl: 3rem;--text-5xl: 4.2rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-sm: 6px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-2xl: 36px;--r-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 24px rgba(0, 0, 0, .65);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .75);--shadow-fire: 0 0 40px rgba(233, 149, 102, .18), 0 0 80px rgba(233, 149, 102, .08);--shadow-glow: 0 0 20px rgba(238, 211, 136, .12);--shadow-inner: inset 0 2px 8px rgba(0, 0, 0, .4);--ease-out: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--t-fast: .15s;--t-base: .28s;--t-slow: .5s;--z-bg: -1;--z-base: 1;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-top: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:300;line-height:1.6;color:var(--text-bright);background:var(--bg-void);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-rust-1);border-radius:var(--r-full)}::selection{background:#e9956659;color:var(--c-cream-1)}:focus-visible{outline:2px solid var(--c-amber-1);outline-offset:3px;border-radius:var(--r-sm)}input,textarea{user-select:text;-webkit-user-select:text}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:var(--z-overlay);transition:opacity var(--t-slow) var(--ease-smooth)}.screen.active{opacity:1;pointer-events:all}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#env-canvas{position:fixed;inset:0;z-index:var(--z-bg);pointer-events:none}.grain-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 40%,rgba(8,5,3,.55) 75%,rgba(4,2,1,.85) 100%)}.fire-glow-halo{position:fixed;bottom:-80px;left:50%;transform:translate(-50%);width:700px;height:350px;border-radius:50%;background:radial-gradient(ellipse,rgba(233,149,102,.22) 0%,rgba(185,89,85,.1) 40%,transparent 70%);pointer-events:none;z-index:2;animation:haloPulse 3s ease-in-out infinite alternate}@keyframes haloPulse{0%{opacity:.8;transform:translate(-50%) scaleX(1)}to{opacity:1;transform:translate(-50%) scaleX(1.08)}}.trees-layer{position:fixed;bottom:0;left:0;right:0;height:38vh;pointer-events:none;z-index:3}.trees-layer svg{width:100%;height:100%;display:block}#ember-canvas{position:fixed;inset:0;z-index:4;pointer-events:none}.campfire-unit{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:center}.fire-logs{width:120px;height:28px;position:relative;margin-bottom:-6px}.fire-logs svg{width:100%;height:100%}.flame-system{position:relative;width:100px;height:120px;display:flex;align-items:flex-end;justify-content:center}.flame{position:absolute;bottom:0;border-radius:50% 50% 30% 30%/60% 60% 40% 40%;transform-origin:bottom center;mix-blend-mode:screen}.flame-xl{width:70px;height:110px;left:50%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 85%,rgba(255,200,80,.9) 0%,rgba(233,149,102,.8) 35%,rgba(185,89,85,.5) 65%,transparent 100%);animation:flameXL 1.1s ease-in-out infinite alternate;z-index:3}.flame-lg{width:55px;height:90px;left:calc(50% - 8px);background:radial-gradient(ellipse at 50% 80%,rgba(255,220,100,.85) 0%,rgba(217,106,89,.7) 45%,transparent 100%);animation:flameLG .85s ease-in-out infinite alternate;z-index:2}.flame-left{width:38px;height:70px;left:calc(50% - 26px);background:radial-gradient(ellipse at 55% 80%,rgba(239,181,118,.8) 0%,rgba(185,89,85,.5) 55%,transparent 100%);animation:flameLeft 1.3s ease-in-out infinite alternate;z-index:2}.flame-right{width:38px;height:70px;right:calc(50% - 26px);background:radial-gradient(ellipse at 45% 80%,rgba(239,181,118,.8) 0%,rgba(185,89,85,.5) 55%,transparent 100%);animation:flameRight 1s ease-in-out infinite alternate;z-index:2}.flame-core{width:28px;height:55px;left:50%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 75%,rgba(255,248,200,1) 0%,rgba(255,210,80,.9) 30%,rgba(239,181,118,.6) 70%,transparent 100%);animation:flameCore .7s ease-in-out infinite alternate;z-index:4}@keyframes flameXL{0%{transform:translate(-50%) scaleX(1) scaleY(1) rotate(-1deg)}33%{transform:translate(-50%) scaleX(.92) scaleY(1.04) rotate(1.5deg)}66%{transform:translate(-50%) scaleX(1.05) scaleY(.97) rotate(-.5deg)}to{transform:translate(-50%) scaleX(.96) scaleY(1.06) rotate(2deg)}}@keyframes flameLG{0%{transform:scaleX(1) scaleY(1) rotate(2deg)}50%{transform:scaleX(1.08) scaleY(.94) rotate(-2deg)}to{transform:scaleX(.93) scaleY(1.07) rotate(1deg)}}@keyframes flameLeft{0%{transform:scaleX(1) rotate(-3deg)}50%{transform:scaleX(1.1) rotate(2deg)}to{transform:scaleX(.9) rotate(-4deg)}}@keyframes flameRight{0%{transform:scaleX(1) rotate(3deg)}50%{transform:scaleX(.92) rotate(-2deg)}to{transform:scaleX(1.08) rotate(4deg)}}@keyframes flameCore{0%{transform:translate(-50%) scaleY(1) opacity 1}50%{transform:translate(-50%) scaleY(1.1) opacity .95}to{transform:translate(-50%) scaleY(.92) opacity 1}}.fire-ground-glow{width:130px;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(233,149,102,.6) 0%,rgba(185,89,85,.3) 50%,transparent 100%);margin-top:-4px;animation:groundGlow 1.5s ease-in-out infinite alternate}@keyframes groundGlow{0%{transform:scaleX(1);opacity:.7}to{transform:scaleX(1.1);opacity:1}}#start-screen{gap:var(--sp-8);text-align:center;padding-bottom:25vh}.start-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.35em;text-transform:uppercase;color:var(--c-gold-2);opacity:0}.start-title{font-family:var(--font-display);font-size:clamp(3.2rem,9vw,7rem);font-weight:700;color:var(--c-cream-1);line-height:1;letter-spacing:-.01em;text-shadow:0 0 60px rgba(238,211,136,.5),0 0 120px rgba(238,211,136,.2),0 4px 0 rgba(100,40,20,.6);opacity:0}.start-tagline{font-family:var(--font-body);font-weight:300;font-style:italic;font-size:var(--text-lg);color:var(--c-amber-1);letter-spacing:.04em;opacity:0}.start-rules{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap;opacity:0}.rule-pill{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;padding:6px 14px;border:1px solid var(--border-subtle);border-radius:var(--r-full);color:var(--text-dim);background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-gather{position:relative;padding:16px 52px;font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;letter-spacing:.08em;color:var(--bg-void);background:linear-gradient(135deg,var(--c-cream-1) 0%,var(--c-amber-1) 50%,var(--c-rust-1) 100%);border:none;border-radius:var(--r-full);cursor:pointer;transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base) var(--ease-out);box-shadow:0 4px 24px #e9956666,0 0 60px #e9956626,inset 0 1px #ffffff4d;overflow:hidden;opacity:0}.btn-gather:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent);opacity:0;transition:opacity var(--t-fast)}.btn-gather:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 36px #e9956680,0 0 80px #e9956633,inset 0 1px #ffffff4d}.btn-gather:hover:before{opacity:1}.btn-gather:active{transform:translateY(-1px) scale(1.01)}#onboarding-screen{padding-bottom:20vh}.onboarding-card{width:min(460px,92vw);background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:var(--sp-10) var(--sp-10);box-shadow:var(--shadow-lg),var(--shadow-fire);text-align:center;position:relative;overflow:hidden}.onboarding-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--c-amber-1),transparent);opacity:.6}.card-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--c-cream-1);margin-bottom:var(--sp-2);text-shadow:0 0 30px rgba(238,211,136,.3)}.card-sub{font-family:var(--font-body);font-style:italic;font-size:var(--text-sm);color:var(--c-orange-2);margin-bottom:var(--sp-8);line-height:1.5}.form-field{margin-bottom:var(--sp-4);text-align:left}.form-field label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--c-orange-3);margin-bottom:var(--sp-2)}.form-field input,.form-field select{width:100%;padding:12px 16px;background:#0b0804b3;border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--c-gold-2);font-family:var(--font-body);font-size:var(--text-base);font-weight:300;outline:none;transition:border-color var(--t-base),box-shadow var(--t-base);-webkit-appearance:none}.form-field input:focus,.form-field select:focus{border-color:var(--c-amber-1);box-shadow:0 0 0 3px #efb5761f}.form-field input::placeholder{color:var(--text-ghost);font-style:italic}.form-field select option{background:var(--bg-raised);color:var(--text-bright)}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-muted);pointer-events:none}.btn-join{width:100%;padding:14px;margin-top:var(--sp-4);background:linear-gradient(135deg,var(--c-amber-2),var(--c-rust-1));border:none;border-radius:var(--r-md);color:var(--bg-void);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base);box-shadow:0 4px 20px #d96a594d}.btn-join:hover{transform:translateY(-2px);box-shadow:0 6px 28px #d96a5973}.btn-join:active{transform:translateY(0)}#prompt-reveal{position:fixed;inset:0;z-index:var(--z-modal);background:#080503f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);pointer-events:none;opacity:0}#game-screen{padding:0;justify-content:flex-start;background:transparent}.game-header{position:relative;z-index:var(--z-raised);width:100%;padding:var(--sp-3) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);background:linear-gradient(180deg,#0b0804eb,#0b0804b3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-faint);flex-shrink:0}.players-strip{display:flex;align-items:center;gap:6px;flex-shrink:0}.player-pip{width:34px;height:34px;border-radius:var(--r-full);border:2px solid var(--border-subtle);overflow:hidden;position:relative;transition:border-color var(--t-base),transform var(--t-base) var(--ease-spring);background:var(--bg-raised);flex-shrink:0}.player-pip img{width:100%;height:100%;object-fit:cover;display:block}.player-pip.is-human{border-color:var(--c-amber-1);box-shadow:0 0 10px #efb5764d}.player-pip .pip-online{position:absolute;bottom:1px;right:1px;width:7px;height:7px;border-radius:50%;background:#5adf8a;border:1.5px solid var(--bg-deep)}.player-pip.speaking{border-color:var(--c-rust-1);transform:scale(1.12);box-shadow:0 0 12px #d96a5980}.header-topic{flex:1;text-align:center;min-width:0}.topic-label{font-family:var(--font-mono);font-size:.9rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase;color:var(--c-amber-1);display:block}.topic-text{font-family:var(--font-body);font-style:italic;font-size:var(--text-sm);font-weight:300;color:var(--c-amber-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-wrap{flex-shrink:0}.timer-ring{position:relative;width:48px;height:48px}.timer-ring svg{width:48px;height:48px;transform:rotate(-90deg)}.timer-ring-track{fill:none;stroke:#ffffff0d;stroke-width:3}.timer-ring-fill{fill:none;stroke:var(--c-amber-1);stroke-width:3;stroke-linecap:round;stroke-dasharray:125.6;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .5s ease}.timer-digits{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--text-bright);letter-spacing:-.02em}.timer-wrap.urgent .timer-ring-fill{stroke:var(--c-rust-1)}.timer-wrap.urgent .timer-digits{color:var(--c-rust-1)}.chat-column{flex:1;display:flex;flex-direction:column;width:100%;max-width:680px;margin:0 auto;padding:0 var(--sp-4);overflow:hidden;min-height:0}.chat-feed{flex:1;overflow-y:auto;padding:var(--sp-4) 0 var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-2);scroll-behavior:smooth}.msg-row{display:flex;align-items:flex-end;gap:var(--sp-2);max-width:88%}.msg-row.from-other{align-self:flex-start}.msg-row.from-self{align-self:flex-end;flex-direction:row-reverse}.msg-avatar-wrap{width:30px;height:30px;border-radius:var(--r-full);overflow:hidden;flex-shrink:0;border:1.5px solid var(--border-subtle);background:var(--bg-raised)}.msg-avatar-wrap img{width:100%;height:100%;object-fit:cover;display:block}.msg-body{display:flex;flex-direction:column;gap:2px}.msg-row.from-self .msg-body{align-items:flex-end}.msg-name{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;color:var(--c-amber-3);padding:0 6px}.msg-row.from-self .msg-name{color:var(--c-amber-3)}.msg-bubble{padding:9px 14px;border-radius:var(--r-lg);font-size:var(--text-sm);font-weight:300;line-height:1.55;word-break:break-word;position:relative}.from-other .msg-bubble{background:var(--bg-elevated);border:1px solid var(--border-faint);color:var(--text-bright);border-bottom-left-radius:var(--r-sm)}.from-self .msg-bubble{background:linear-gradient(135deg,var(--c-amber-2) 0%,var(--c-rust-1) 100%);color:var(--bg-void);font-weight:500;border-bottom-right-radius:var(--r-sm);box-shadow:0 2px 16px #e9956640}.typing-row{display:flex;align-items:flex-end;gap:var(--sp-2);align-self:flex-start}.typing-bubble{padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-faint);border-radius:var(--r-lg);border-bottom-left-radius:var(--r-sm);display:flex;gap:5px;align-items:center}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:typeBounce 1.1s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes typeBounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-5px);opacity:1}}.sys-msg{text-align:center;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:var(--c-amber-3);padding:var(--sp-2) var(--sp-4);position:relative}.sys-msg:before,.sys-msg:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--border-faint)}.sys-msg:before{left:0}.sys-msg:after{right:0}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-row,.typing-row{animation:msgSlideIn .3s var(--ease-spring)}.chat-input-bar{flex-shrink:0;padding:var(--sp-3) 0 var(--sp-4)}.input-shell{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-full);padding:6px 6px 6px 18px;transition:border-color var(--t-base),box-shadow var(--t-base)}.input-shell:focus-within{border-color:var(--border-glow);box-shadow:0 0 0 3px #e995661a,var(--shadow-fire)}.chat-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-body);font-weight:300;font-size:var(--text-base);color:var(--text-bright);line-height:1}.chat-input::placeholder{color:var(--text-ghost);font-style:italic}.chat-input:disabled{opacity:.35}.btn-send{width:36px;height:36px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--c-amber-1),var(--c-rust-1));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base);box-shadow:0 2px 12px #e995664d}.btn-send:hover{transform:scale(1.1);box-shadow:0 4px 20px #e9956666}.btn-send:active{transform:scale(.95)}.btn-send:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.btn-send svg{fill:var(--bg-void);width:16px;height:16px}.msg-counter{text-align:center;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:var(--text-ghost);margin-top:var(--sp-2);transition:color var(--t-base)}.msg-counter.warn{color:var(--c-amber-1)}.msg-counter.danger{color:var(--c-rust-1)}#voting-screen{background:#080503fa;justify-content:flex-start;padding:var(--sp-10) var(--sp-6) var(--sp-6);overflow-y:auto;gap:var(--sp-8)}.voting-header{text-align:center;flex-shrink:0}.voting-title{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3rem);color:var(--c-cream-1);text-shadow:0 0 40px rgba(238,211,136,.35);margin-bottom:var(--sp-2)}.voting-sub{font-family:var(--font-body);font-style:italic;font-size:var(--text-sm);color:var(--text-muted)}.vote-grid{display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:center;width:100%;max-width:720px}.vote-card{width:130px;background:var(--bg-raised);border:1.5px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-3);text-align:center;position:relative;transition:transform var(--t-slow) var(--ease-smooth),opacity var(--t-slow),border-color var(--t-base),box-shadow var(--t-base);overflow:hidden}.vote-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--border-mid),transparent);opacity:0;transition:opacity var(--t-base)}.vote-card.has-vote:before{opacity:1}.vote-card.eliminated{opacity:.2;filter:grayscale(.8);transform:scale(.88)}.vote-card.has-vote{border-color:var(--c-amber-1);box-shadow:0 0 24px #efb57633,var(--shadow-fire)}.vote-card.is-winner{border-color:var(--c-teal-1);box-shadow:0 0 32px #598e8166}.vote-card.is-loser{border-color:var(--c-rust-1);box-shadow:0 0 32px #d96a5966}.sus-tag{position:absolute;top:7px;right:7px;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border-radius:var(--r-full);background:#e9956626;color:var(--c-amber-1);border:1px solid rgba(233,149,102,.25);opacity:0;transition:opacity var(--t-base)}.vote-card.has-vote .sus-tag{opacity:1}.vote-card-avatar{width:60px;height:60px;border-radius:var(--r-full);overflow:hidden;margin:0 auto var(--sp-2);border:2px solid var(--border-subtle);background:var(--bg-surface);transition:border-color var(--t-base)}.vote-card.has-vote .vote-card-avatar{border-color:var(--c-amber-1)}.vote-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}.vote-card-name{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--sp-1)}.vote-card-count{font-family:var(--font-display);font-size:1.6rem;color:var(--c-amber-1);line-height:1;margin-bottom:var(--sp-1)}.vote-pips{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;min-height:12px}.vote-pip{width:8px;height:8px;border-radius:50%;animation:pipPop .4s var(--ease-spring)}@keyframes pipPop{0%{transform:scale(0) translateY(-6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.vote-log{width:100%;max-width:480px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-faint);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-6);font-family:var(--font-body);font-style:italic;font-size:var(--text-sm);font-weight:300;color:var(--text-dim);text-align:center;min-height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#result-screen{background:#080503fa;gap:var(--sp-6);text-align:center;padding:var(--sp-12) var(--sp-8)}.result-icon-wrap{width:100px;height:100px;margin:0 auto}.result-icon-wrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(238,211,136,.3))}.result-heading{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4rem);line-height:1.1}.result-heading.win{color:var(--c-teal-2);text-shadow:0 0 50px rgba(89,142,129,.45)}.result-heading.lose{color:var(--c-rust-1);text-shadow:0 0 50px rgba(217,106,89,.45)}.result-desc{font-family:var(--font-body);font-weight:300;font-style:italic;font-size:var(--text-lg);color:var(--text-dim);max-width:400px;line-height:1.7}.result-stats{display:flex;gap:var(--sp-10);justify-content:center}.stat-block{text-align:center}.stat-num{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--c-amber-1);text-shadow:0 0 30px rgba(239,181,118,.3);line-height:1}.stat-lbl{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--c-red-1);font-weight:900;margin-top:var(--sp-1)}.btn-again{padding:14px 48px;background:linear-gradient(135deg,var(--c-cream-1),var(--c-amber-1),var(--c-rust-1));border:none;border-radius:var(--r-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;letter-spacing:.06em;color:var(--bg-void);cursor:pointer;transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base);box-shadow:0 4px 24px #e9956659}.btn-again:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 36px #e9956680}@media(max-width:600px){.game-header{padding:var(--sp-2) var(--sp-4)}.topic-text{font-size:.75rem}.players-strip{gap:4px}.player-pip{width:28px;height:28px}.chat-column{padding:0 var(--sp-2)}.vote-card{width:105px}.onboarding-card{padding:var(--sp-8)}}#fire-transition{position:fixed;inset:0;z-index:var(--z-top);background:#000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0}#fire-transition.active{pointer-events:all}.ft-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 50% 62%,transparent 15%,rgba(4,2,1,.65) 50%,rgba(2,1,0,.98) 100%);pointer-events:none}.ft-campfire{position:absolute;bottom:4vh;left:50%;transform:translate(-50%);transform-origin:50% 100%;width:200px;display:flex;flex-direction:column;align-items:center}.ft-flame-system{position:relative;width:160px;height:190px;display:flex;align-items:flex-end;justify-content:center}.ft-flame{position:absolute;bottom:0;border-radius:50% 50% 30% 30%/60% 60% 40% 40%;transform-origin:bottom center;mix-blend-mode:screen}.ft-flame-xl{width:110px;height:170px;left:50%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 85%,rgba(255,200,80,.95) 0%,rgba(233,149,102,.85) 35%,rgba(185,89,85,.55) 65%,transparent 100%);animation:ftFlameXL 1s ease-in-out infinite alternate}.ft-flame-lg{width:85px;height:140px;left:calc(50% - 10px);background:radial-gradient(ellipse at 50% 80%,rgba(255,230,110,.9) 0%,rgba(217,106,89,.75) 45%,transparent 100%);animation:ftFlameLG .8s ease-in-out infinite alternate}.ft-flame-left{width:60px;height:110px;left:calc(50% - 42px);background:radial-gradient(ellipse at 55% 80%,rgba(239,181,118,.85) 0%,rgba(185,89,85,.5) 55%,transparent 100%);animation:ftFlameLeft 1.2s ease-in-out infinite alternate}.ft-flame-right{width:60px;height:110px;right:calc(50% - 42px);background:radial-gradient(ellipse at 45% 80%,rgba(239,181,118,.85) 0%,rgba(185,89,85,.5) 55%,transparent 100%);animation:ftFlameRight .95s ease-in-out infinite alternate}.ft-flame-core{width:44px;height:86px;left:50%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 70%,rgba(255,252,210,1) 0%,rgba(255,215,85,.95) 30%,rgba(239,181,118,.65) 70%,transparent 100%);animation:ftFlameCore .65s ease-in-out infinite alternate;z-index:4}@keyframes ftFlameXL{0%{transform:translate(-50%) scaleX(1) scaleY(1) rotate(-1deg)}50%{transform:translate(-50%) scaleX(.93) scaleY(1.05) rotate(1.5deg)}to{transform:translate(-50%) scaleX(1.04) scaleY(.97) rotate(-.5deg)}}@keyframes ftFlameLG{0%{transform:scaleX(1) rotate(2deg)}to{transform:scaleX(.92) rotate(-2deg)}}@keyframes ftFlameLeft{0%{transform:scaleX(1) rotate(-3deg)}to{transform:scaleX(.9) rotate(-4deg)}}@keyframes ftFlameRight{0%{transform:scaleX(1) rotate(3deg)}to{transform:scaleX(1.08) rotate(4deg)}}@keyframes ftFlameCore{0%{transform:translate(-50%) scaleY(1)}to{transform:translate(-50%) scaleY(1.12)}}.ft-logs{width:180px;height:38px;margin-top:-10px}.ft-logs svg{width:100%;height:100%}.ft-ground-glow{width:200px;height:26px;border-radius:50%;background:radial-gradient(ellipse,rgba(233,149,102,.7) 0%,rgba(185,89,85,.35) 50%,transparent 100%);margin-top:-6px;animation:ftGlow 1.4s ease-in-out infinite alternate}@keyframes ftGlow{0%{transform:scaleX(1);opacity:.7}to{transform:scaleX(1.1);opacity:1}}.ft-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:700px;height:450px;border-radius:50%;background:radial-gradient(ellipse,rgba(233,149,102,.4) 0%,rgba(185,89,85,.2) 40%,transparent 70%);opacity:0;pointer-events:none}.ft-ember{position:absolute;bottom:14vh;left:50%;pointer-events:none}.ft-ember-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#fa4;box-shadow:0 0 6px #ffaa44e6}.ft-text-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;z-index:2}.ft-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,7rem);font-weight:700;color:var(--c-cream-1);text-shadow:0 0 60px rgba(238,211,136,.8),0 0 120px rgba(238,211,136,.4);letter-spacing:.05em;line-height:1}.ft-sub{font-family:var(--font-body);font-style:italic;font-size:clamp(1rem,2.5vw,1.5rem);color:var(--c-amber-1);letter-spacing:.2em;text-transform:uppercase}#roster-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#040201f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;opacity:0;pointer-events:none;overflow:hidden;padding:var(--sp-8) 0 var(--sp-8)}#roster-overlay.active{pointer-events:all}.roster-panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);height:100%}.roster-title-wrap{text-align:center;flex-shrink:0;padding:0 var(--sp-6)}.roster-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.4em;text-transform:uppercase;color:var(--c-teal-2);margin-bottom:var(--sp-2);display:block}.roster-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);color:var(--c-cream-1);text-shadow:0 0 40px rgba(238,211,136,.35);line-height:1.1}.roster-sub{font-family:var(--font-body);font-style:italic;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--sp-1)}.roster-close{position:absolute;top:var(--sp-5);right:var(--sp-5);width:42px;height:42px;border-radius:var(--r-full);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-dim);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-base),color var(--t-base),transform var(--t-base) var(--ease-spring);z-index:10}.roster-close:hover{background:var(--bg-raised);color:var(--c-cream-1);transform:scale(1.1) rotate(90deg)}.rcar-wrap{width:100%;flex:1;overflow:hidden;position:relative;display:flex;align-items:center}.rcar-wrap:before,.rcar-wrap:after{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:2}.rcar-wrap:before{left:0;background:linear-gradient(90deg,rgba(4,2,1,.97),transparent)}.rcar-wrap:after{right:0;background:linear-gradient(-90deg,rgba(4,2,1,.97),transparent)}.rcar-track{display:flex;align-items:center;width:100%;height:100%;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;padding:var(--sp-4) 0;padding-top:24px;padding-bottom:24px}.rcar-track:active{cursor:grabbing}.rcar-card{flex-shrink:0;width:130px;background:var(--bg-raised);border:1.5px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-3) var(--sp-3);text-align:center;cursor:pointer;position:relative;overflow:visible;transition:border-color var(--t-base);will-change:transform}.rcar-card:hover{border-color:var(--cc, var(--c-amber-1))}.rcar-glow{position:absolute;inset:-8px;border-radius:var(--r-xl);background:radial-gradient(ellipse,var(--cc, rgba(233,149,102,.4)) 0%,transparent 70%);opacity:0;pointer-events:none;z-index:-1;filter:blur(10px)}.rcar-avatar{width:72px;height:72px;border-radius:var(--r-full);overflow:hidden;margin:0 auto var(--sp-3);border:2px solid var(--border-subtle);background:var(--bg-surface);transition:border-color var(--t-base)}.rcar-card:hover .rcar-avatar{border-color:var(--cc, var(--c-amber-1))}.rcar-avatar img{width:100%;height:100%;object-fit:cover;display:block}.rcar-name{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--sp-1)}.rcar-hint{font-family:var(--font-body);font-style:italic;font-size:.62rem;color:var(--text-ghost);transition:color var(--t-base)}.rcar-card:hover .rcar-hint{color:var(--cc, var(--c-amber-1))}.btn-roster{position:fixed;bottom:var(--sp-6);right:var(--sp-6);padding:10px 20px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--r-full);cursor:pointer;display:flex;align-items:center;gap:var(--sp-2);transition:color var(--t-base),border-color var(--t-base),transform var(--t-base) var(--ease-spring),box-shadow var(--t-base);z-index:var(--z-raised)}.btn-roster:hover{color:var(--c-amber-1);border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 4px 20px #e9956633}.btn-roster svg{width:14px;height:14px;fill:currentColor;opacity:.7}#char-modal-backdrop{position:fixed;inset:0;z-index:calc(var(--z-modal) + 10);background:#040201d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;padding:var(--sp-6)}#char-modal-backdrop.active{pointer-events:all}#char-modal{width:min(480px,92vw);background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--r-xl);overflow:hidden;position:relative;box-shadow:var(--shadow-lg),var(--shadow-fire)}#char-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--cc, var(--c-amber-1)),transparent)}.cmod-header{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-6) var(--sp-6) var(--sp-4)}#cmod-avatar{width:80px;height:80px;border-radius:var(--r-full);overflow:hidden;flex-shrink:0;border:3px solid var(--cc, var(--c-amber-1));box-shadow:0 0 20px #e995664d;background:var(--bg-surface)}#cmod-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cmod-header-text{flex:1;min-width:0}#cmod-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--c-cream-1);line-height:1.2;margin-bottom:var(--sp-2)}#cmod-tags{display:flex;flex-wrap:wrap;gap:5px}.cmod-trait{font-family:var(--font-mono);font-size:.57rem;letter-spacing:.06em;padding:2px 8px;border-radius:var(--r-full);background:#e995661a;color:var(--c-amber-1);border:1px solid rgba(233,149,102,.2)}.cmod-body{padding:0 var(--sp-6) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);max-height:50vh;overflow-y:auto}.cmod-label{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-teal-2);margin-bottom:var(--sp-1);display:block}.cmod-text{font-family:var(--font-body);font-size:var(--text-sm);font-weight:300;color:var(--text-dim);line-height:1.6}.cmod-style-text{font-style:italic;color:var(--text-dim)}#char-modal-close{position:absolute;top:var(--sp-4);right:var(--sp-4);width:32px;height:32px;border-radius:var(--r-full);background:var(--c-cream-3);border:1px solid var(--border-faint);color:var(--bg-void);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-base),color var(--t-base),transform var(--t-base) var(--ease-spring)}#char-modal-close:hover{background:var(--bg-elevated);color:var(--c-cream-1);transform:rotate(90deg) scale(1.1)}@media(max-width:600px){.rcar-card{width:108px}.btn-roster{bottom:var(--sp-4);right:var(--sp-4)}#cmod-avatar{width:64px;height:64px}#cmod-name{font-size:var(--text-lg)}}#prompt-reveal{gap:0;padding:0 var(--sp-6)}.reveal-eyebrow{margin-bottom:var(--sp-4)}.reveal-prompt{margin-bottom:var(--sp-5)}.reveal-divider{margin-bottom:var(--sp-8)}.reveal-countdown{margin-top:var(--sp-6);font-size:var(--text-5xl);filter:drop-shadow(0 0 28px rgba(239,181,118,.35))}#pause-overlay{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;background:#040201e0;-webkit-backdrop-filter:blur(10px) brightness(.4);backdrop-filter:blur(10px) brightness(.4);opacity:0}#pause-overlay:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80vw;height:45vh;background:radial-gradient(ellipse at 50% 100%,rgba(185,89,85,.22) 0%,rgba(233,149,102,.1) 35%,transparent 70%);pointer-events:none}.pause-panel{position:relative;z-index:2;width:min(360px,86vw);display:flex;flex-direction:column;align-items:center;gap:20px;padding:36px 28px 28px;background:linear-gradient(160deg,#1c1208,#120d06);border:1px solid rgba(239,181,118,.22);border-radius:20px;box-shadow:0 0 0 1px #e995660d,0 24px 80px #000000d9,0 0 60px #b959551f;overflow:hidden}.pause-panel:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,80,.65) 50%,transparent)}.pause-badge{display:flex;align-items:center;gap:12px}.pause-badge-bar{display:block;width:32px;height:1px;background:#efb57659}.pause-badge-text{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.52em;text-transform:uppercase;color:var(--c-amber-1);animation:pausePulse 2s ease-in-out infinite}@keyframes pausePulse{0%,to{opacity:1}50%{opacity:.38}}.pause-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);color:var(--c-cream-1);line-height:1;text-align:center;text-shadow:0 0 28px rgba(238,211,136,.5),0 0 60px rgba(238,211,136,.18);letter-spacing:.02em;margin-top:-4px}.pause-topic{font-family:var(--font-body);font-style:italic;font-size:.82rem;color:#efb57659;text-align:center;line-height:1.5;max-width:280px;margin-top:-8px}.pause-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,181,118,.12) 30%,rgba(239,181,118,.12) 70%,transparent)}.pause-menu{width:100%;display:flex;flex-direction:column;gap:5px}.pause-btn{width:100%;display:flex;align-items:center;gap:12px;padding:11px 16px;background:transparent;border:1px solid rgba(239,181,118,.09);border-radius:10px;color:#efb57680;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.07em;cursor:pointer;position:relative;overflow:hidden;transition:color .22s ease,background .22s ease,border-color .22s ease,transform .15s cubic-bezier(.34,1.56,.64,1)}.pause-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(233,149,102,.07) 50%,transparent 80%);transform:translate(-100%);transition:transform .45s ease}.pause-btn:hover:before{transform:translate(100%)}.pause-btn:after{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2px;background:var(--c-amber-1);border-radius:2px;transform:scaleY(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.pause-btn:hover{background:#e9956612;border-color:#efb57638;color:var(--c-cream-1);transform:translate(5px)}.pause-btn:hover:after{transform:scaleY(1)}.pause-btn:active{transform:translate(2px) scale(.99)}.pause-btn--primary{border-color:#efb57642;color:var(--c-amber-1);background:#efb5760d}.pause-btn--primary:hover{background:#efb5761c;border-color:#efb57673;box-shadow:0 0 18px #e995661a}.pause-btn-icon{font-size:.78rem;width:15px;text-align:center;flex-shrink:0;opacity:.8}.pause-btn-label{flex:1;text-align:left}.pause-btn-hint{font-size:.52rem;letter-spacing:.1em;color:#efb57638;border:1px solid rgba(239,181,118,.1);padding:2px 6px;border-radius:4px}.pause-stats{width:100%;display:flex;align-items:stretch;background:#0603018c;border:1px solid rgba(239,181,118,.07);border-radius:10px;overflow:hidden}.pause-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px}.pause-stat-val{font-family:var(--font-display);font-size:1.1rem;color:var(--c-amber-1);line-height:1;text-shadow:0 0 14px rgba(239,181,118,.3)}.pause-stat-lbl{font-family:var(--font-mono);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:#efb57647;text-align:center;line-height:1.3}.pause-stat-divider{width:1px;background:#efb57612;align-self:stretch}@media(max-width:600px){.pause-panel{padding:28px 20px 22px;gap:16px}}.btn-tutorial{position:fixed;bottom:var(--sp-6);left:var(--sp-6);padding:10px 20px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--r-full);cursor:pointer;display:flex;align-items:center;gap:var(--sp-2);transition:color var(--t-base),border-color var(--t-base),transform var(--t-base) var(--ease-spring),box-shadow var(--t-base);z-index:var(--z-raised);opacity:0}.btn-tutorial:hover{color:var(--c-amber-1);border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 4px 20px #e9956633}.btn-tutorial svg{width:14px;height:14px;fill:currentColor;opacity:.7}#tutorial-backdrop{position:fixed;inset:0;z-index:calc(var(--z-modal) + 5);background:#040201eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none!important;padding:var(--sp-6);visibility:hidden}#tutorial-backdrop.active{pointer-events:all!important;visibility:visible}#tutorial-backdrop.active{pointer-events:all}#tutorial-modal{width:min(500px,94vw);background:linear-gradient(160deg,#1c1208,#120d06);border:1px solid var(--border-mid);border-radius:var(--r-xl);overflow:hidden;position:relative;box-shadow:var(--shadow-lg),var(--shadow-fire);display:flex;flex-direction:column}#tutorial-modal:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,80,.6) 50%,transparent);z-index:2}.tut-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6) var(--sp-4);border-bottom:1px solid var(--border-faint)}.tut-eyebrow{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.4em;text-transform:uppercase;color:var(--c-teal-2);display:block;margin-bottom:3px}.tut-heading{font-family:var(--font-display);font-size:var(--text-xl);color:var(--c-cream-1);text-shadow:0 0 30px rgba(238,211,136,.25);line-height:1.1}.tut-close{width:36px;height:36px;border-radius:var(--r-full);background:var(--bg-elevated);border:1px solid var(--border-faint);color:var(--text-dim);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-base),color var(--t-base),transform var(--t-base) var(--ease-spring);flex-shrink:0}.tut-close:hover{background:var(--bg-raised);color:var(--c-cream-1);transform:rotate(90deg) scale(1.1)}.tut-viewport{position:relative;overflow:hidden;min-height:310px;flex:1}.tut-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);padding:var(--sp-8) var(--sp-8) var(--sp-6);text-align:center;opacity:0;pointer-events:none}.tut-slide.active{opacity:1;pointer-events:all}.tut-icon{width:68px;height:68px;border-radius:var(--r-full);background:#efb5760f;border:1.5px solid rgba(239,181,118,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 0 28px #e9956614,inset 0 1px #ffffff0a}.tut-icon svg{width:28px;height:28px;fill:none;stroke:var(--c-amber-1);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tut-icon:after{content:"";position:absolute;inset:-7px;border-radius:var(--r-full);border:1px solid rgba(239,181,118,.1);animation:tutRingPulse 3s ease-in-out infinite}@keyframes tutRingPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:.15}}.tut-slide-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--c-cream-1);text-shadow:0 0 30px rgba(238,211,136,.2);line-height:1.2}.tut-slide-body{font-family:var(--font-body);font-weight:300;font-style:italic;font-size:var(--text-base);color:var(--text-dim);line-height:1.75;max-width:360px}.tut-slide-body strong{color:var(--c-amber-1);font-weight:600;font-style:normal}.tut-pills{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.tut-pill{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;padding:5px 14px;border:1px solid var(--border-subtle);border-radius:var(--r-full);color:var(--text-dim);background:var(--bg-glass);display:flex;align-items:center;justify-content:center;text-align:center}.tut-pill.lit{color:var(--c-amber-1);border-color:#efb5764d;background:#efb5760f}.tut-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6) var(--sp-5);border-top:1px solid var(--border-faint);flex-shrink:0}.tut-arrow{width:40px;height:40px;border-radius:var(--r-full);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-base),color var(--t-base),border-color var(--t-base),transform var(--t-base) var(--ease-spring)}.tut-arrow:hover:not(:disabled){background:var(--bg-raised);color:var(--c-amber-1);border-color:var(--border-glow);transform:scale(1.1)}.tut-arrow:disabled{opacity:.2;cursor:not-allowed}.tut-arrow svg{width:16px;height:16px;fill:currentColor}.tut-dots{display:flex;gap:7px;align-items:center}.tut-dot{height:7px;width:7px;border-radius:var(--r-full);background:var(--border-mid);border:none;cursor:pointer;padding:0;transition:background var(--t-base),width var(--t-base) var(--ease-spring),box-shadow var(--t-base)}.tut-dot.active{background:var(--c-amber-1);width:22px;box-shadow:0 0 8px #efb57673}.tut-cta{padding:11px 32px;background:linear-gradient(135deg,var(--c-cream-1) 0%,var(--c-amber-1) 50%,var(--c-rust-1) 100%);border:none;border-radius:var(--r-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;letter-spacing:.05em;color:var(--bg-void);cursor:pointer;transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base);box-shadow:0 4px 20px #e9956659;opacity:0;pointer-events:none;position:absolute;right:var(--sp-6)}.tut-cta.visible{opacity:1;pointer-events:all}.tut-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 28px #e9956680}@media(max-width:600px){.btn-tutorial{bottom:var(--sp-4);left:var(--sp-4)}.tut-slide{padding:var(--sp-6) var(--sp-5) var(--sp-4);gap:var(--sp-4)}.tut-slide-body{font-size:var(--text-sm)}}