*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body.game-body--quiet{--bg: #06060A;--violet: #7C5CFC;--teal: #2DD4BF;--white: #F0F0F5;--muted: rgba(240,240,245,.45);--subtle: rgba(240,240,245,.15)}body{background:var(--bg);color:var(--white);font-family:Inter,sans-serif;min-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;flex-shrink:0}.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}main{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:80px 24px 120px}#breathCanvas{display:block}#phaseLabel{margin-top:40px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);transition:opacity .6s ease;min-height:16px}#phraseWrap{margin-top:28px;min-height:52px;display:flex;align-items:center;justify-content:center;width:100%;max-width:380px;text-align:center}#phraseText{font-family:Fraunces,serif;font-weight:300;font-style:italic;font-size:22px;line-height:1.4;color:var(--white);opacity:0;transition:opacity 1.2s ease}#phraseText.visible{opacity:1}#progressDots{display:flex;gap:8px;margin-top:32px;opacity:0;transition:opacity .8s ease}#progressDots.visible{opacity:1}.dot{width:6px;height:6px;border-radius:50%;background:#f0f0f52e;transition:background .6s ease,transform .4s ease}.dot.done{background:linear-gradient(135deg,var(--violet),var(--teal));transform:scale(1.15)}.dot.active{background:#f0f0f580}#startOverlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);transition:opacity .8s ease}#startOverlay.hidden{opacity:0;pointer-events:none}.start-eyebrow{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.start-title{font-family:Fraunces,serif;font-weight:300;font-style:italic;font-size:52px;color:var(--white);margin-bottom:12px}.start-sub{font-size:15px;color:var(--muted);text-align:center;max-width:280px;line-height:1.6;margin-bottom:44px}.session-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f0f0f54d;margin-bottom:14px}.session-options{display:flex;gap:10px;margin-bottom:36px}.session-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 20px;border:1px solid rgba(240,240,245,.12);border-radius:14px;cursor:pointer;background:none;transition:border-color .2s,background .2s;color:var(--white);font-family:Inter,sans-serif}.session-opt:hover{border-color:#f0f0f54d;background:#f0f0f50a}.session-opt.selected{border-color:#7c5cfc99;background:#7c5cfc14}.opt-count{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--violet),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.opt-label{font-size:11px;color:var(--muted);letter-spacing:.04em}.opt-time{font-size:10px;color:#f0f0f538;letter-spacing:.04em}.start-btn{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}.start-btn:hover{border-color:#f0f0f580;background:#f0f0f50d}#endOverlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06060af0;padding:40px 24px;opacity:0;pointer-events:none;transition:opacity 1.2s ease;text-align:center}#endOverlay.visible{opacity:1;pointer-events:all}.end-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.end-title{font-family:Fraunces,serif;font-weight:300;font-style:italic;font-size:44px;color:var(--white);margin-bottom:12px}.end-sub{font-size:15px;color:var(--muted);max-width:300px;line-height:1.6;margin-bottom:36px}.end-divider{width:36px;height:1px;background:var(--subtle);margin:0 auto 20px}.end-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;margin-bottom:8px}.end-reveal-btn:hover{color:var(--white)}#endAncientText{max-width:360px;text-align:center;overflow:hidden;max-height:0;opacity:0;transition:max-height .7s ease,opacity .7s ease;margin-bottom:0}#endAncientText.open{max-height:200px;opacity:1;margin-bottom:12px}.ancient-body{font-family:Fraunces,serif;font-weight:300;font-size:14px;line-height:1.7;color:var(--muted)}.ancient-source{font-size:11px;letter-spacing:.1em;color:#f0f0f540;text-transform:uppercase;margin-top:8px}.end-actions{display:flex;gap:12px;margin-top:32px;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;transition:opacity .2s}.btn-primary:hover{opacity:.88}.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;transition:border-color .2s,background .2s;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:#f0f0f580;background:#f0f0f50d}#stopBtn{position:fixed;bottom:28px;right:28px;z-index:100;background:none;border:none;color:#f0f0f52e;font-size:12px;letter-spacing:.06em;cursor:pointer;font-family:Inter,sans-serif;transition:color .2s;opacity:0;pointer-events:none}#stopBtn.visible{opacity:1;pointer-events:all}#stopBtn:hover{color:var(--muted)}