.arc-root{min-height:100vh;min-height:100dvh;background:radial-gradient(1100px 480px at 85% -5%,color-mix(in srgb,var(--game-tint, var(--color-accent)) 10%,transparent),transparent 60%),radial-gradient(900px 420px at -10% 30%,var(--color-accent-glow),transparent 55%),var(--color-bg-subtle);color:var(--color-text-primary);font-family:var(--font-sans)}.arc-shell{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad) 6rem}@media(min-width:768px){.arc-shell{padding:0 var(--container-pad-md) 6rem}}.arc-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:#ffffffc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--color-shadow-glossy)}.arc-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--color-border-default);background:#ffffffb3;color:var(--color-text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}a.arc-chip,button.arc-chip{min-height:2.75rem;padding:.55rem .95rem;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s}a.arc-chip:hover,button.arc-chip:hover{border-color:var(--color-accent);color:var(--color-accent-text)}.arc-chip-gold{border-color:var(--color-border-subtle);background:var(--color-accent-subtle);color:var(--color-accent-text)}.arc-chip-live{border-color:#10b98159;background:#10b98114;color:#047857}.arc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:999px;border:1px solid transparent;background:var(--color-text-primary);color:#fff;font-weight:650;font-size:.92rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.arc-btn:hover{transform:translateY(-1px);box-shadow:var(--color-shadow-elevated)}.arc-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.arc-btn-gold{background:linear-gradient(135deg,var(--color-accent) 0%,#FFB366 100%);color:#3a1d05}.arc-btn-ghost{background:#ffffffb3;border-color:var(--color-border-default);color:var(--color-text-secondary)}.arc-btn-ghost:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.arc-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--header-h);padding:.5rem 1rem;margin:0 -1rem 1.25rem;background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border-subtle)}.arc-nav-brand{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.25rem;margin:-.25rem;color:var(--color-text-primary);text-decoration:none;font-weight:650;font-size:.95rem;letter-spacing:-.01em;min-width:0}.arc-nav-brand img{height:2.25rem;width:auto}.arc-hero{padding:2.25rem 1.5rem;text-align:left;position:relative;overflow:hidden}.arc-hero-title{font-family:var(--font-display);font-style:italic;font-size:clamp(1.7rem,4.5vw,2.8rem);font-weight:500;letter-spacing:-.03em;line-height:1.12}.arc-hero-title em{font-style:italic;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-text) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.arc-grid{display:grid;gap:.85rem;grid-template-columns:1fr}@media(min-width:640px){.arc-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.arc-grid{grid-template-columns:repeat(3,1fr)}}.arc-game-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.35rem;text-align:left;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;color:var(--color-text-primary);text-decoration:none}.arc-game-card:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:var(--color-shadow-elevated)}.arc-game-icon{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;border-radius:.95rem;border:1px solid var(--color-border-subtle);background:var(--color-bg-muted)}.arc-game-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.arc-game-tag{font-size:.82rem;color:var(--color-text-secondary);line-height:1.5}.arc-game-skill{margin-top:auto;padding-top:.65rem;border-top:1px solid var(--color-border-subtle);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary)}.game-arena{--game-tint: var(--color-accent);position:relative;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:46rem;margin:0 auto}.game-arena:before{content:"";position:absolute;inset:-3rem -1rem auto;height:16rem;background:radial-gradient(60% 100% at 50% 0%,color-mix(in srgb,var(--game-tint) 13%,transparent),transparent 75%);pointer-events:none;z-index:-1}.arc-stage-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem}.arc-round-pill{font-size:.75rem;font-weight:700;color:var(--color-accent-text);letter-spacing:.08em;text-transform:uppercase}.game-arena .arc-round-pill{color:color-mix(in srgb,var(--game-tint) 72%,var(--color-text-primary))}.arc-messages{display:flex;flex-direction:column;gap:.7rem;padding:1.25rem;min-height:16rem;max-height:52vh;overflow-y:auto;scroll-behavior:smooth}.arc-bubble{max-width:85%;padding:.8rem 1rem;border-radius:1.1rem;font-size:.94rem;line-height:1.55;border:1px solid var(--color-border-default);white-space:pre-wrap;word-break:break-word;animation:fade-up .45s cubic-bezier(.16,1,.3,1) both}.arc-bubble-ai{align-self:flex-start;background:var(--color-bg-muted);border-bottom-left-radius:.3rem}.arc-bubble-user{align-self:flex-end;background:color-mix(in srgb,var(--game-tint, var(--color-accent)) 10%,#ffffff);border-color:color-mix(in srgb,var(--game-tint, var(--color-accent)) 30%,transparent);border-bottom-right-radius:.3rem}.arc-bubble-feedback{align-self:flex-start;max-width:85%;font-size:.78rem;color:var(--color-accent-text);padding:0 .35rem;display:flex;gap:.4rem;align-items:flex-start}.ga-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--game-tint) 40%,transparent);background:color-mix(in srgb,var(--game-tint) 12%,#ffffff);color:color-mix(in srgb,var(--game-tint) 75%,var(--color-text-primary));flex-shrink:0}.arc-inputbar{display:flex;gap:.6rem;padding:.9rem;background:linear-gradient(135deg,#ffffffe6,#ffffffa3);border-color:#ffffffe0;box-shadow:0 14px 34px #3f23101a,inset 0 1px #ffffffe6;transition:border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),background .25s;animation:arcInputEnter .45s cubic-bezier(.16,1,.3,1) both}.arc-inputbar:focus-within{border-color:color-mix(in srgb,var(--game-tint, var(--color-accent)) 48%,#ffffff);box-shadow:0 18px 42px color-mix(in srgb,var(--game-tint, var(--color-accent)) 16%,transparent),inset 0 1px #fffffff2;transform:translateY(-1px)}.arc-inputbar-recording{border-color:color-mix(in srgb,#dc2626 45%,#ffffff);box-shadow:0 16px 38px #dc262621,inset 0 1px #fffffff2}.arc-inputbar-processing{opacity:.92}.arc-mode-switch{display:flex;width:100%;justify-content:center;gap:.35rem;padding:.25rem;border:1px solid rgba(255,255,255,.86);border-radius:999px;background:#ffffff80}.arc-mode-btn{min-height:2.35rem!important;padding:.45rem .9rem!important}.arc-voice-stage{display:flex;width:100%;flex-direction:column;align-items:center;gap:.55rem;padding:.2rem 0 .1rem;animation:arcInputEnter .28s ease-out both}@keyframes arcInputEnter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.arc-input{flex:1;min-width:0;padding:.8rem 1rem;border-radius:.95rem;border:1px solid var(--color-border-default);background:#ffffffb8;color:var(--color-text-primary);font-size:.95rem;font-family:var(--font-sans);outline:none;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}.arc-input:focus{border-color:var(--game-tint, var(--color-accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--game-tint, var(--color-accent)) 10%,transparent)}.arc-input:hover:not(:disabled){border-color:color-mix(in srgb,var(--game-tint, var(--color-accent)) 28%,var(--color-border-default));background:#ffffffe6}.arc-input::placeholder{color:var(--color-text-tertiary)}.arc-send{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.95rem;border:none;background:linear-gradient(135deg,var(--game-tint, var(--color-accent)),color-mix(in srgb,var(--game-tint, var(--color-accent)) 70%,#ffffff));color:#fff;cursor:pointer;flex-shrink:0;box-shadow:0 8px 18px color-mix(in srgb,var(--game-tint, var(--color-accent)) 28%,transparent);transition:filter .2s,transform .2s,box-shadow .2s}.arc-send:hover{filter:brightness(1.08)}.arc-send:not(:disabled):active{transform:scale(.92);box-shadow:0 3px 8px color-mix(in srgb,var(--game-tint, var(--color-accent)) 20%,transparent)}.arc-send:disabled{opacity:.45;cursor:not-allowed}.arc-timerbar{height:.45rem;border-radius:999px;overflow:hidden;background:var(--color-bg-muted)}.arc-timerbar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--game-tint, var(--color-accent)),color-mix(in srgb,var(--game-tint, var(--color-accent)) 55%,#ffffff));transition:width 1s linear}.arc-timerbar.arc-danger>div{background:linear-gradient(90deg,#dc2626,#f87171)}.arc-dim-row{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.arc-dim-label{width:7.5rem;color:var(--color-text-secondary);flex-shrink:0}.arc-dim-meter{flex:1;height:.5rem;border-radius:999px;background:var(--color-bg-muted);overflow:hidden}.arc-dim-meter>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-text))}.arc-dim-value{width:2.6rem;text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.arc-final{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;align-items:center;text-align:center;position:relative;overflow:hidden}.arc-final-score{font-family:var(--font-display);font-style:italic;font-size:4.5rem;font-weight:500;letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-text) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.arc-reward-row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.arc-option{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:.9rem 1.1rem;border-radius:.95rem;border:1px solid var(--color-border-default);background:#fff;color:var(--color-text-primary);font-size:.93rem;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.arc-option:hover{border-color:var(--game-tint, var(--color-accent))}.arc-option[aria-pressed=true]{border-color:var(--game-tint, var(--color-accent));background:color-mix(in srgb,var(--game-tint, var(--color-accent)) 8%,#ffffff)}.arc-prompt-card{padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.arc-prompt-hi{font-size:clamp(1.3rem,4vw,1.9rem);font-weight:700;letter-spacing:-.02em}.arc-lives{display:inline-flex;gap:.3rem;color:#dc2626}.arc-chain-strip{display:flex;flex-wrap:wrap;gap:.45rem;padding:1.1rem 1.25rem;max-height:12rem;overflow-y:auto}.arc-chain-word{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--color-border-default);font-size:.85rem;font-weight:600}.arc-chain-word.arc-ai{background:var(--color-bg-muted);color:var(--color-text-secondary)}.arc-chain-word.arc-user{background:color-mix(in srgb,var(--game-tint, var(--color-accent)) 10%,#ffffff);border-color:color-mix(in srgb,var(--game-tint, var(--color-accent)) 32%,transparent);color:color-mix(in srgb,var(--game-tint, var(--color-accent)) 70%,var(--color-text-primary))}.arc-twister-text{font-family:var(--font-display);font-style:italic;font-size:clamp(1.2rem,3.5vw,1.7rem);font-weight:500;line-height:1.5;letter-spacing:-.01em}.arc-record-btn{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--game-tint, var(--color-accent)) 45%,transparent);background:color-mix(in srgb,var(--game-tint, var(--color-accent)) 10%,#ffffff);color:color-mix(in srgb,var(--game-tint, var(--color-accent)) 80%,var(--color-text-primary));cursor:pointer;transition:transform .2s,background .2s}.arc-record-btn:hover{transform:scale(1.05)}.arc-record-btn.arc-rec{background:#dc26261a;border-color:#dc262680;color:#dc2626;animation:arcPulse 1.2s ease-in-out infinite}@keyframes arcPulse{0%,to{box-shadow:0 0 #dc262647}50%{box-shadow:0 0 0 14px #dc262600}}.arc-note{font-size:.8rem;color:var(--color-text-tertiary);line-height:1.5}.arc-error{padding:.8rem 1rem;border-radius:.9rem;border:1px solid rgba(220,38,38,.3);background:#dc26260f;color:#b91c1c;font-size:.85rem}.arc-result-line{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem 0;border-bottom:1px solid var(--color-border-subtle);font-size:.85rem;text-align:left}.arc-result-line:last-child{border-bottom:none}.arc-spin{animation:arcSpin .9s linear infinite}@keyframes arcSpin{to{transform:rotate(360deg)}}.game-arena--roast_battle{--game-tint: #EA580C}.game-arena--crush_convo{--game-tint: #EC4899}.game-arena--fight_confidence{--game-tint: #16A34A}.game-arena--roast_battle .ga-avatar,.game-arena--crush_convo .ga-avatar,.game-arena--fight_confidence .ga-avatar{animation:gaBob 2.8s ease-in-out infinite}@keyframes gaBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.game-arena--interview_boss{--game-tint: #B8860B}.ga-eq{display:inline-flex;align-items:flex-end;gap:3px;height:1.1rem}.ga-eq span{width:3px;height:100%;border-radius:999px;background:color-mix(in srgb,var(--game-tint) 75%,var(--color-text-primary));transform-origin:bottom;animation:gaEq 1.1s ease-in-out infinite}.ga-eq span:nth-child(2){animation-delay:.15s}.ga-eq span:nth-child(3){animation-delay:.3s}.ga-eq span:nth-child(4){animation-delay:.45s}.ga-eq span:nth-child(5){animation-delay:.6s}@keyframes gaEq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.game-arena--story_relay{--game-tint: #8B5CF6}.game-arena--story_relay .arc-bubble-ai{transform-origin:top center;animation:gaPageTurn .6s cubic-bezier(.16,1,.3,1) both}@keyframes gaPageTurn{0%{opacity:0;transform:perspective(600px) rotateX(-14deg) translateY(8px)}to{opacity:1;transform:perspective(600px) rotateX(0) translateY(0)}}.ga-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ga-sparkles i{position:absolute;bottom:-6px;width:5px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--game-tint) 65%,#FFD98A);opacity:0;animation:gaSparkle 3.6s ease-in infinite}.ga-sparkles i:nth-child(1){left:12%;animation-delay:0s}.ga-sparkles i:nth-child(2){left:34%;animation-delay:1.1s}.ga-sparkles i:nth-child(3){left:58%;animation-delay:.5s}.ga-sparkles i:nth-child(4){left:78%;animation-delay:1.7s}.ga-sparkles i:nth-child(5){left:90%;animation-delay:2.4s}@keyframes gaSparkle{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:.9}to{opacity:0;transform:translateY(-130px) scale(1)}}.game-arena--rapid_fire{--game-tint: #F59E0B}.ga-ring{--p: 100;position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:999px;background:conic-gradient(var(--game-tint) calc(var(--p) * 1%),var(--color-bg-muted) 0);font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;flex-shrink:0}.ga-ring:before{content:"";position:absolute;inset:5px;border-radius:999px;background:#fff}.ga-ring>span{position:relative}.ga-ring.ga-low{animation:pulse .9s cubic-bezier(.65,0,.35,1) infinite;background:conic-gradient(#DC2626 calc(var(--p) * 1%),var(--color-bg-muted) 0)}.game-arena--word_chain{--game-tint: #7C3AED}.game-arena--word_chain .arc-chain-word{animation:gaPop .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes gaPop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.ga-shake{animation:gaShake .4s ease-in-out}@keyframes gaShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.game-arena--tongue_twister{--game-tint: #0EA5E9}.ga-wave{position:relative;display:flex;align-items:center;gap:3px;width:100%;max-width:18rem;height:2.4rem;overflow:hidden}.ga-wave span{flex:1;border-radius:999px;background:color-mix(in srgb,var(--game-tint) 35%,var(--color-bg-muted))}.ga-wave span:nth-child(odd){height:40%}.ga-wave span:nth-child(2n){height:85%}.ga-wave span:nth-child(3n){height:60%}.ga-wave:after{content:"";position:absolute;top:0;bottom:0;width:2px;border-radius:999px;background:color-mix(in srgb,var(--game-tint) 85%,var(--color-text-primary));animation:gaPlayhead 2.4s linear infinite}@keyframes gaPlayhead{0%{left:0}to{left:100%}}.ga-wave.ga-idle:after{animation-play-state:paused;opacity:.35}.game-arena--bol_quiz{--game-tint: #E11D48}.game-arena--bolo_copy{--game-tint: #7C3AED}.ga-segments{display:flex;gap:4px;width:100%}.ga-segments i{flex:1;height:.4rem;border-radius:999px;background:var(--color-bg-muted);overflow:hidden;position:relative}.ga-segments i.ga-done:after,.ga-segments i.ga-active:after{content:"";position:absolute;inset:0;border-radius:999px;background:var(--game-tint);transform-origin:left}.ga-segments i.ga-active:after{animation:gaFillIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes gaFillIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ga-flash-good{animation:gaFlashGood .5s ease-out}@keyframes gaFlashGood{0%{background:#10b98140}to{background:#fff}}.game-arena--stage{--game-tint: #D4A017}.ga-spotlight{position:absolute;top:-35%;left:50%;width:130%;height:90%;transform:translate(-50%);background:radial-gradient(50% 60% at 50% 0%,color-mix(in srgb,var(--game-tint) 22%,transparent),transparent 70%);transform-origin:top center;animation:gaSway 3.8s ease-in-out infinite;pointer-events:none}@keyframes gaSway{0%,to{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}}.arc-root :is(a,button,input,[role=button]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:.5rem}@media(prefers-reduced-motion:reduce){.arc-game-card,.arc-btn,.arc-record-btn{transition:none}.arc-record-btn.arc-rec,.ga-avatar,.ga-eq span,.ga-sparkles i,.ga-wave:after,.ga-spotlight,.ga-ring.ga-low,.game-arena--story_relay .arc-bubble-ai,.game-arena--word_chain .arc-chain-word,.arc-bubble{animation:none}.ga-sparkles{display:none}}