:root{--lapis-0: #070c1f;--lapis-1: #14224c;--ink: #f2e7c8;--muted: #cdb87e;--gold: #c99a34;--gold-lite: #f4e2a1;--vermilion: #c14a2c;--teal: #8fe3c2;--panel: rgba(12, 20, 46, .9);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--lapis-0);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#app{position:relative}#game{position:absolute;inset:0;display:block}#ui{position:absolute;inset:0;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.mandala{cursor:crosshair}.hud-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:0 14px}.stage{display:flex;flex-direction:column;gap:6px}.stage-name{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:21px;letter-spacing:.3px;color:var(--gold-lite);text-shadow:0 2px 8px rgba(0,0,0,.6)}.dots{display:flex;gap:5px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff29;transition:background .25s,transform .25s}.dot.on{background:var(--gold);transform:scale(1.15);box-shadow:0 0 8px var(--gold)}.top-right{display:flex;align-items:center;gap:10px}.score{text-align:right;font-family:system-ui,sans-serif}.score small{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.score b{font-size:22px;font-weight:800;color:var(--gold-lite);font-variant-numeric:tabular-nums}.mute{pointer-events:auto;border:none;background:#ffffff1a;color:var(--ink);width:40px;height:40px;border-radius:12px;font-size:18px;cursor:pointer}.mind{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:7px;font-family:Georgia,serif}.mind .mult{font-size:26px;font-weight:700;color:var(--muted);transition:transform .15s,color .2s;text-shadow:0 0 12px rgba(244,226,161,.4)}.mind .mind-lbl{font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.mind .clarity{font-family:system-ui,sans-serif;font-size:11px;color:var(--gold-lite);opacity:0;transition:opacity .3s}.mind .clarity.on{opacity:1;animation:pulse .9s infinite alternate}.warn{position:absolute;top:108px;left:50%;transform:translate(-50%);font-family:system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--vermilion);text-shadow:0 0 10px rgba(193,74,44,.6);opacity:0;transition:opacity .2s}.warn.on{opacity:1;animation:pulse .5s infinite alternate}.breath{position:absolute;right:22px;bottom:96px;width:66px;height:66px;display:grid;place-items:center}.breath>span{position:absolute;width:54px;height:54px;border-radius:50%;border:2px solid rgba(201,154,52,.5);transition:transform .08s linear}.breath.peak>span{border-color:var(--gold-lite);box-shadow:0 0 14px #f4e2a1b3}.breath>em{font-family:system-ui,sans-serif;font-style:normal;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.meters{position:absolute;left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.meter-row{display:flex;align-items:center;gap:10px}.meter-row .lbl{width:92px;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right}.bar{flex:1;height:14px;border-radius:999px;background:#0006;border:1px solid rgba(201,154,52,.35);overflow:hidden}.bar>i{display:block;height:100%;width:0%;border-radius:999px;transition:width .14s ease-out}.bar.enl>i{background:linear-gradient(90deg,#8a5f1c,var(--gold-lite))}.bar.full>i{background:linear-gradient(90deg,#3f8f6b,#b7c15a)}.bar.full.hot>i{background:linear-gradient(90deg,#c98a2a,var(--vermilion));box-shadow:0 0 14px #c14a2cb3}@keyframes pulse{to{transform:translate(-50%) scale(1.1)}}.evolve-flash,.golden-flash{position:absolute;inset:0;pointer-events:none}.evolve-flash{background:radial-gradient(circle at center,rgba(143,227,194,.45),transparent 60%);animation:flash .5s ease-out forwards}.golden-flash{background:radial-gradient(circle at center,rgba(244,226,161,.55),transparent 62%);animation:flash .5s ease-out forwards}@keyframes flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.banner{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;animation:banner 1.6s ease-out forwards}.banner-title{font-family:Georgia,serif;font-size:40px;font-weight:700;color:var(--gold-lite);text-shadow:0 3px 18px rgba(0,0,0,.7)}.banner-sub{font-size:15px;font-style:italic;color:var(--muted);margin-top:4px}@keyframes banner{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(1)}}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0408149e;backdrop-filter:blur(8px);pointer-events:auto;z-index:60}.overlay.show{display:flex;animation:fade .3s ease-out}@keyframes fade{0%{opacity:0}}.panel{width:min(90vw,400px);background:var(--panel);border:1px solid rgba(201,154,52,.4);border-radius:20px;padding:26px 24px 22px;text-align:center;box-shadow:0 20px 60px #0009,inset 0 0 0 1px #c99a341a}.logo{font-size:52px;line-height:1}.logo.glow{filter:drop-shadow(0 0 22px var(--gold));animation:pulseScale 1s infinite alternate}@keyframes pulseScale{to{transform:scale(1.08)}}.panel h1{font-family:Georgia,serif;font-size:32px;font-weight:700;margin:8px 0 2px;color:var(--gold-lite)}.tag{color:var(--muted);font-size:14.5px;margin-bottom:16px}.how{list-style:none;text-align:left;display:flex;flex-direction:column;gap:9px;margin:0 auto 20px;max-width:320px;font-size:14px;line-height:1.35;color:#f2e7c8e0}.how b{color:var(--gold-lite)}.stats{display:flex;gap:10px;justify-content:center;margin:6px 0 18px}.stats div{flex:1;background:#ffffff0d;border-radius:12px;padding:12px 6px;font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:3px}.stats span{font-size:22px;font-weight:800;color:var(--gold-lite);font-variant-numeric:tabular-nums}.btn{pointer-events:auto;display:block;width:100%;margin-top:10px;padding:15px;border:none;border-radius:14px;font-size:17px;font-weight:800;cursor:pointer;background:linear-gradient(180deg,var(--gold-lite),var(--gold));color:#2a1c00;box-shadow:0 8px 20px #c99a344d;transition:transform .1s}.btn:active{transform:scale(.97)}.btn.share{background:linear-gradient(180deg,var(--teal),#57b892);color:#06231a}.dead .panel{border-color:#c14a2c80}