:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%;height:100%;touch-action:none}.game-root{width:100%;height:100dvh;overflow:hidden}.stage-shell{position:relative;width:100%;height:100%}.stage-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.08),transparent 30%),radial-gradient(circle at 82% 86%,rgba(0,0,0,.18),transparent 34%),repeating-linear-gradient(45deg,#3e2012ad 0px 60px,#4a2614b3 60px 120px),linear-gradient(180deg,#3a2015,#2f160f);pointer-events:none;z-index:0}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:1}.overlay-root{position:absolute;inset:0;pointer-events:none;z-index:2;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.hud-bar{pointer-events:auto;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.hud-pill{margin:0;background:#160e0bcc;border:1px solid rgba(255,205,132,.38);color:#fff4d0;border-radius:999px;padding:.34rem .72rem;font-size:.84rem;letter-spacing:.01em}.power-up-pill{border-color:#88f6ff99;color:#ddf9ff}.menu-home{pointer-events:auto;width:min(1200px,100%);height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,2.2vw,1.8rem);transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-home.profile-active{transform:translateY(-26%)}.menu-logo{width:min(460px,88vw);height:auto;display:block;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}.ring-row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.8rem,3vw,2.2rem)}.ring-mode{width:clamp(118px,20vw,188px);aspect-ratio:1;border-radius:50%;border:8px solid transparent;background:radial-gradient(circle at 50% 50%,#22140c80 0 60%,#120a06d6 61% 100%);box-shadow:0 10px 18px #0000005c,inset 0 0 16px #ffffff1a;position:relative;overflow:hidden;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:800;cursor:pointer;transition:transform .1s ease}.ring-fruit{position:absolute;inset:0;display:grid;place-items:center}.ring-fruit-image{width:64%;height:64%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 8px 8px rgba(0,0,0,.34))}.ring-label{position:absolute;left:50%;bottom:4px;transform:translate(-50%);background:#00000073;border-radius:999px;padding:.26rem .55rem;font-size:clamp(.64rem,1.4vw,.92rem);white-space:nowrap}.ring-red{border-color:#d31a1a;box-shadow:0 0 30px #fc404075,0 10px 18px #0000005c}.ring-orange{border-color:#f08c18;box-shadow:0 0 30px #ffa52e80,0 10px 18px #0000005c}.ring-green{border-color:#4ea230;box-shadow:0 0 30px #79d15480,0 10px 18px #0000005c}.ring-mode.selected{transform:translateY(-2px) scale(1.04)}.ring-mode:not(:disabled):hover{transform:scale(1.06)}.ring-mode.locked{opacity:.68;cursor:not-allowed}.menu-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:center}.primary-button,.ghost-button,.profile-button{border-radius:999px;padding:.48rem .9rem;font-weight:700;letter-spacing:.02em;transition:transform .1s ease}.primary-button{border:1px solid #ffd08f;background:linear-gradient(180deg,#7f4e1f,#603110);color:#fff4de}.profile-button,.ghost-button{border:1px solid rgba(255,213,144,.4);background:#1c120ed9;color:#ffeac9}.primary-button:not(:disabled):hover,.ghost-button:not(:disabled):hover,.profile-button:not(:disabled):hover{transform:scale(1.05)}.music-toggle-button{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,213,144,.4);background:#1c120ed9;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;pointer-events:auto;transition:transform .15s ease,background .15s ease}.music-toggle-button:hover{transform:scale(1.1);background:#1c120ef2}.music-toggle-button:active{transform:scale(.95)}.profile-panel{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:min(760px,94vw);max-height:60vh;overflow-y:auto;display:grid;gap:.68rem;padding-bottom:max(12px,env(safe-area-inset-bottom));transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}.profile-panel.open{transform:translate(-50%) translateY(0)}.profile-card{background:#110c09db;border:1px solid rgba(255,211,142,.35);border-radius:14px;padding:.72rem .86rem;color:#ffeccf}.meta-label{margin:0;font-size:.94rem;font-weight:700}.meta-subtle{margin:.42rem 0 0;font-size:.83rem;color:#f5d8aa}.progress-track{width:100%;height:9px;margin-top:.48rem;background:#ffffff26;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fde047)}.objective-list{list-style:none;margin:.58rem 0 0;padding:0;display:grid;gap:.5rem}.objective-list li{background:#ffffff0f;border-radius:9px;padding:.42rem .52rem}.objective-list li.done{outline:1px solid rgba(255,227,151,.65)}.objective-row{display:flex;justify-content:space-between;gap:.42rem;font-size:.84rem}.objective-list small{color:#eac897}.unlock-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.meta-subheading{margin:0;font-weight:700;font-size:.84rem;color:#ffe7be}.unlock-panel ul{margin:.42rem 0 0;padding-left:1rem;font-size:.78rem;color:#f5d8aa}.overlay-card{pointer-events:auto;width:min(420px,100%);margin:auto;margin-top:min(20vh,140px);background:#120c09eb;border:1px solid rgba(255,210,139,.42);border-radius:14px;padding:1rem;color:#ffe9c7}.overlay-card h2{margin-top:0}.overlay-actions{display:flex;gap:.56rem;flex-wrap:wrap;margin-top:.72rem}.reward-strip{margin-top:.55rem;padding:.5rem .56rem;border-radius:10px;background:#ffd78d1f;border:1px solid rgba(255,211,142,.36)}.reward-strip p{margin:.25rem 0}.next-objective{margin-top:.58rem;font-size:.9rem}.volume-controls{margin-top:.72rem;display:grid;gap:.48rem}.volume-row{display:flex;align-items:center;gap:.52rem}.volume-label{width:3.4rem;font-size:.84rem;color:#ffe9c7;flex-shrink:0}.volume-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:999px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#f8c05d,#d4922a);border:2px solid rgba(255,240,200,.6);cursor:pointer}.volume-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#f8c05d,#d4922a);border:2px solid rgba(255,240,200,.6);cursor:pointer}.volume-value{width:2.8rem;text-align:right;font-size:.78rem;color:#f5d8aa;flex-shrink:0}button:focus-visible{outline:3px solid #f8c05d;outline-offset:2px}@media(max-width:760px){.unlock-panel{grid-template-columns:1fr}.overlay-card{margin-top:16vh}}