:root{--pineapple: #ffd93d;--krusty: #e63946;--jelly: #ff69b4;--ocean: #1a8f9e;--deep: #0b3d54;--sand: #f4e8c1;--coral: #ff6b35;--foam: #e8f4f8;--ink: #1a1a2e;--display: "Luckiest Guy", system-ui, sans-serif;--body: "Baloo 2", system-ui, sans-serif;--fs-title: clamp(2.4rem, 8vw, 5rem);--fs-header: clamp(1.5rem, 4.5vw, 2.6rem);--fs-button: clamp(1.05rem, 2.6vw, 1.5rem);--fs-body: clamp(.9rem, 2vw, 1.1rem);--fs-hud: clamp(.95rem, 2.3vw, 1.5rem);--fs-hud-label: clamp(.6rem, 1.4vw, .8rem);--bubble-fill: radial-gradient(circle at 30% 20%, rgba(26, 143, 158, .4), rgba(11, 61, 84, .72));--bubble-border: 1px solid rgba(232, 244, 248, .5);--bubble-shadow: 0 10px 40px rgba(7, 30, 44, .55), inset 0 1px 0 rgba(232, 244, 248, .6)}.t-display{font-family:var(--display);letter-spacing:.5px}.t-body{font-family:var(--body)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,3vh,28px);padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));font-family:var(--body);color:var(--foam);transition:opacity .32s ease,transform .32s ease}.screen.is-hidden{opacity:0;transform:scale(1.04);pointer-events:none}.bubble-frame{position:relative;background:var(--bubble-fill);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border-radius:36px;border:var(--bubble-border);box-shadow:var(--bubble-shadow);overflow:hidden}.bubble-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 16%,rgba(255,255,255,.45),transparent 55%);pointer-events:none}.panel{position:relative;background:var(--bubble-fill);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border-radius:36px;border:var(--bubble-border);box-shadow:var(--bubble-shadow);padding:clamp(20px,4vw,40px);width:min(92vw,560px);max-height:86vh;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5vh,22px);animation:panelIn .42s cubic-bezier(.2,1.4,.4,1) both}.panel:before{content:"";position:absolute;inset:0;border-radius:36px;background:radial-gradient(ellipse at 25% 16%,rgba(255,255,255,.4),transparent 55%);pointer-events:none}.panel--wide{width:min(94vw,760px)}@keyframes panelIn{0%{transform:scale(.1);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.logo{font-family:var(--display);font-size:var(--fs-title);line-height:.95;text-align:center;background:linear-gradient(180deg,var(--pineapple),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(11,61,84,.7)) drop-shadow(0 0 18px rgba(255,217,61,.5));animation:wobble 4s ease-in-out infinite}.logo .sub{display:block;font-size:.4em;background:linear-gradient(180deg,var(--foam),var(--jelly));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(11,61,84,.6))}@keyframes wobble{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}.tagline{font-size:var(--fs-body);color:var(--foam);opacity:.85;text-align:center}.bubble-btn{position:relative;font-family:var(--display);font-size:var(--fs-button);letter-spacing:.5px;color:var(--ink);background:linear-gradient(180deg,var(--pineapple),#f5b733);border:2px solid rgba(255,255,255,.7);border-radius:26px;padding:clamp(12px,1.8vh,18px) clamp(22px,4vw,40px);min-width:clamp(180px,40vw,280px);cursor:pointer;box-shadow:0 6px #0b3d5473,0 8px 18px #071e2c66;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;text-align:center;user-select:none;overflow:hidden}.bubble-btn:before{content:"";position:absolute;top:6%;left:8%;right:8%;height:36%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);pointer-events:none}.bubble-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.bubble-btn:active{transform:translateY(4px) scale(.97);box-shadow:0 2px #0b3d5473,inset 0 3px 10px #0b3d5466}.bubble-btn:focus-visible{outline:3px solid var(--foam);outline-offset:3px}.bubble-btn[disabled],.bubble-btn.is-disabled{filter:grayscale(.6) opacity(.5);pointer-events:none}.bubble-btn--secondary{background:linear-gradient(180deg,var(--ocean),#126b78);color:var(--foam)}.bubble-btn--danger{background:linear-gradient(180deg,var(--krusty),#b32533);color:var(--foam)}.bubble-btn--ghost{background:#e8f4f81f;color:var(--foam);box-shadow:none;border-color:#e8f4f859}.bubble-btn--sm{min-width:0;font-size:var(--fs-body);padding:8px 16px;border-radius:18px}.menu-list{display:flex;flex-direction:column;gap:clamp(10px,2vh,16px);align-items:center}.menu-list .bubble-btn:nth-child(odd){transform:rotate(-1.5deg)}.menu-list .bubble-btn:nth-child(2n){transform:rotate(1.5deg)}.menu-list .bubble-btn:hover{transform:translateY(-2px) rotate(0)}.panel-title{font-family:var(--display);font-size:var(--fs-header);color:var(--pineapple);filter:drop-shadow(0 2px 0 rgba(11,61,84,.7));text-align:center}#hud{position:absolute;inset:0;pointer-events:none;font-family:var(--body);color:var(--foam)}#hud.is-hidden{display:none}.hud-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;gap:clamp(8px,1.6vw,16px);justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.hud-cluster{display:flex;gap:clamp(8px,1.6vw,14px)}.hud-chip{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px clamp(10px,1.6vw,16px);border-radius:20px;background:var(--bubble-fill);border:var(--bubble-border);box-shadow:var(--bubble-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-chip .label{font-size:var(--fs-hud-label);text-transform:uppercase;letter-spacing:1px;opacity:.8;font-weight:700}.hud-chip .value{font-family:var(--display);font-size:var(--fs-hud);color:var(--pineapple);font-variant-numeric:tabular-nums;display:inline-block;min-width:3ch;text-align:center}.hud-chip.jelly .value{color:var(--jelly)}.hud-chip.level .value{color:var(--foam)}.lives{display:flex;gap:4px;align-items:center}.life{width:clamp(18px,3vw,26px);height:clamp(18px,3vw,26px);border-radius:6px;background:linear-gradient(180deg,#3fc1f0,#1f8fd0);border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 6px #071e2c66;position:relative}.life:after{content:"";position:absolute;inset:28% 24% auto;height:22%;border-radius:999px;background:#ffffffd9}.life.is-spent{filter:grayscale(.8) opacity(.25)}.hud-power{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:clamp(54px,11vw,78px);height:clamp(54px,11vw,78px);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--jelly) calc(var(--ratio, 0) * 360deg),rgba(232,244,248,.12) 0);transition:opacity .3s ease;opacity:0}.hud-power.is-active{opacity:1}.hud-power.is-warning{animation:ringPulse .4s ease-in-out infinite}.hud-power .core{width:78%;height:78%;border-radius:50%;background:var(--bubble-fill);border:var(--bubble-border);display:grid;place-items:center;font-family:var(--display);font-size:var(--fs-hud-label);color:var(--foam)}@keyframes ringPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}.touch-dpad{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));width:150px;height:150px;display:none;pointer-events:auto}.touch-pause{position:absolute;top:max(70px,calc(env(safe-area-inset-top) + 64px));right:max(14px,env(safe-area-inset-right));display:none;pointer-events:auto}body.is-touch .touch-dpad,body.is-touch .touch-pause{display:block}.dpad-btn{position:absolute;width:52px;height:52px;border-radius:16px;background:#1a8f9e59;border:2px solid rgba(232,244,248,.6);color:var(--foam);font-size:1.4rem;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;user-select:none}.dpad-btn:active{background:#ffd93d80}.dpad-up{top:0;left:49px}.dpad-down{bottom:0;left:49px}.dpad-left{top:49px;left:0}.dpad-right{top:49px;right:0}.scroll-area{width:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:20px;background:#e8f4f814;border:1px solid rgba(232,244,248,.18)}.row .row-main{display:flex;flex-direction:column;gap:2px;text-align:left}.row .row-name{font-weight:700;font-size:var(--fs-body);color:var(--foam)}.row .row-desc{font-size:.82em;opacity:.75}.row .row-cost{font-family:var(--display);color:var(--pineapple);font-variant-numeric:tabular-nums}.row.is-owned{border-color:var(--ocean)}.lb-rank{font-family:var(--display);color:var(--pineapple);min-width:2ch;text-align:center}.lb-score{font-family:var(--display);color:var(--foam);font-variant-numeric:tabular-nums}.field{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.field label{font-weight:700}.field input[type=range]{flex:1;accent-color:var(--jelly)}.field input[type=text]{flex:1;font-family:var(--body);font-size:var(--fs-body);padding:8px 12px;border-radius:14px;border:2px solid rgba(232,244,248,.4);background:#071e2c66;color:var(--foam)}.seg{display:flex;gap:6px}.seg button{font-family:var(--body);font-weight:700;padding:6px 12px;border-radius:12px;border:2px solid rgba(232,244,248,.35);background:transparent;color:var(--foam);cursor:pointer}.seg button.is-on{background:var(--jelly);color:var(--ink);border-color:var(--jelly)}.jelly-balance{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:var(--fs-header);color:var(--jelly)}.muted{opacity:.7;font-size:.85em}.center{text-align:center}.row-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#071e2c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .25s ease}.overlay.is-hidden{opacity:0;pointer-events:none}.banner{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:var(--fs-title);color:var(--pineapple);filter:drop-shadow(0 3px 0 rgba(11,61,84,.8));pointer-events:none;text-align:center;animation:bannerPop .4s ease both}.banner.is-hidden{display:none}@keyframes bannerPop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;width:100%}.summary-grid .k{opacity:.8}.summary-grid .v{font-family:var(--display);color:var(--pineapple);text-align:right;font-variant-numeric:tabular-nums}.toast{position:absolute;bottom:12%;left:50%;transform:translate(-50%);background:var(--bubble-fill);border:var(--bubble-border);padding:10px 18px;border-radius:18px;color:var(--foam);font-weight:700;opacity:0;transition:opacity .3s ease}.toast.is-show{opacity:1}@media(prefers-reduced-motion:reduce){.logo,.panel,.banner,.hud-power.is-warning{animation:none!important}.screen{transition:opacity .2s ease}}@media(max-width:480px){.hud-chip .label{display:none}.panel{border-radius:26px}}body.perf-no-blur *,body.perf-no-blur *:before,body.perf-no-blur *:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}