*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body.game-body--type{--bg: #06060A;--violet: #7C5CFC;--teal: #2DD4BF;--white: #F0F0F5;--muted: rgba(240,240,245,.45);--subtle: rgba(240,240,245,.12)}body{background:var(--bg);color:var(--white);font-family:Inter,sans-serif;height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 32px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.compass-icon{width:28px;height:28px}.nav-wordmark{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;letter-spacing:.08em}.nav-wordmark .beav{color:var(--white)}.nav-wordmark .kat{background:linear-gradient(135deg,var(--violet),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-back{font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:.04em;transition:color .2s}.nav-back:hover{color:var(--white)}#bgCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}#gameArea{position:relative;z-index:10;width:100%;max-width:560px;height:100vh;display:flex;flex-direction:column;padding-top:72px}#fallZone{flex:1;position:relative;overflow:hidden;margin:0 16px}.falling-word{position:absolute;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:.04em;color:#f0f0f5bf;white-space:nowrap;transition:color .15s;text-transform:uppercase;user-select:none}.falling-word.active{color:var(--white)}.falling-word .typed-part{background:linear-gradient(135deg,var(--violet),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent}#dangerLine{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,92,252,.3),transparent)}#phraseBar{padding:16px 24px 12px;border-top:1px solid var(--subtle);min-height:60px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.phrase-word{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:100px;border:1px solid var(--subtle);color:#f0f0f54d;transition:all .35s ease}.phrase-word.caught{background:#7c5cfc1a;border-color:#7c5cfc66;color:var(--white)}#inputArea{padding:12px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:10px}#typeInput{width:100%;max-width:320px;background:#f0f0f50d;border:1px solid rgba(240,240,245,.15);border-radius:12px;color:var(--white);font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase;padding:14px 20px;outline:none;transition:border-color .2s;caret-color:var(--violet)}#typeInput:focus{border-color:#7c5cfc80}#typeInput.error{border-color:#ff505080;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}#scoreBar{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--muted);letter-spacing:.06em}.score-val{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;background:linear-gradient(135deg,var(--violet),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);text-align:center;padding:40px 24px;transition:opacity .7s ease}.overlay.hidden{opacity:0;pointer-events:none}.ov-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.ov-title{font-family:Fraunces,serif;font-weight:300;font-style:italic;font-size:48px;color:var(--white);margin-bottom:12px}.ov-sub{font-size:15px;color:var(--muted);max-width:300px;line-height:1.6;margin-bottom:48px}.phrase-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:40px;width:100%;max-width:360px}.phrase-opt{background:none;border:1px solid var(--subtle);color:var(--muted);font-family:Inter,sans-serif;font-size:13px;line-height:1.5;padding:12px 16px;border-radius:12px;cursor:pointer;transition:border-color .2s,color .2s,background .2s;text-align:left}.phrase-opt:hover{border-color:#7c5cfc66;color:var(--white);background:#7c5cfc0f}.phrase-opt.selected{border-color:#7c5cfc80;color:var(--white);background:#7c5cfc1a}.phrase-opt-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f0f0f54d;margin-bottom:3px}.btn-start{background:none;border:1px solid rgba(240,240,245,.2);color:var(--white);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:14px 36px;border-radius:100px;cursor:pointer;transition:border-color .2s,background .2s}.btn-start:hover{border-color:#f0f0f580;background:#f0f0f50d}#winOverlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06060af2;text-align:center;padding:40px 24px;opacity:0;pointer-events:none;transition:opacity 1s ease}#winOverlay.visible{opacity:1;pointer-events:all}.win-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.win-phrase{font-family:Fraunces,serif;font-weight:300;font-style:italic;font-size:28px;color:var(--white);margin-bottom:6px;max-width:400px;line-height:1.4}.win-stats{font-size:13px;color:var(--muted);margin-bottom:28px;line-height:2}.reveal-wrap{max-width:380px;margin-bottom:32px}.reveal-divider{width:36px;height:1px;background:var(--subtle);margin:0 auto 16px}.reveal-btn{background:none;border:none;color:var(--muted);font-size:13px;letter-spacing:.06em;cursor:pointer;font-family:Inter,sans-serif;transition:color .2s}.reveal-btn:hover{color:var(--white)}.reveal-text{max-width:360px;overflow:hidden;max-height:0;opacity:0;transition:max-height .7s ease,opacity .7s ease}.reveal-text.open{max-height:180px;opacity:1}.ancient-body{font-family:Fraunces,serif;font-weight:300;font-size:14px;line-height:1.7;color:var(--muted);margin-top:12px}.ancient-source{font-size:11px;letter-spacing:.1em;color:#f0f0f540;text-transform:uppercase;margin-top:8px}.win-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--violet),var(--teal));border:none;color:#0a0a12;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;border-radius:100px;cursor:pointer}.btn-ghost{background:none;border:1px solid rgba(240,240,245,.2);color:var(--white);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;border-radius:100px;cursor:pointer;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:#f0f0f580}#bob-catcher{position:absolute;bottom:6px;width:82px;height:auto;z-index:5;pointer-events:none;image-rendering:auto;filter:drop-shadow(0 6px 20px rgba(232,49,63,.3))}#bob-catcher.catching{animation:bobCatch .45s ease-out forwards;filter:drop-shadow(0 10px 28px rgba(45,212,191,.5))}#bob-catcher.missing{animation:bobMiss .48s ease-out forwards;filter:drop-shadow(0 6px 20px rgba(255,80,80,.4))}#bob-catcher.winning{animation:bobWin .65s ease-in-out infinite alternate;filter:drop-shadow(0 10px 32px rgba(45,212,191,.6))}.ov-bob{width:88px;height:auto;margin-bottom:8px;image-rendering:auto;filter:drop-shadow(0 8px 24px rgba(232,49,63,.35));animation:bobIdleFloat 2.2s ease-in-out infinite}.ov-bob.celebrate{animation:bobWin .65s ease-in-out infinite alternate;filter:drop-shadow(0 8px 28px rgba(45,212,191,.4))}@keyframes bobCatch{0%{transform:translateY(0) rotate(0) scale(1)}30%{transform:translateY(-18px) rotate(-5deg) scale(1.1)}65%{transform:translateY(-10px) rotate(5deg) scale(1.06)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes bobMiss{0%,to{transform:rotate(0) translateY(0)}20%{transform:rotate(-12deg) translateY(5px)}50%{transform:rotate(12deg) translateY(5px)}80%{transform:rotate(-5deg) translateY(2px)}}@keyframes bobWin{0%{transform:translateY(0) rotate(-4deg) scale(1)}to{transform:translateY(-18px) rotate(4deg) scale(1.08)}}@keyframes bobIdleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}