:root{color-scheme:dark;--tg-app-bg: #101416;--tg-app-text: #fff5dc;--tg-app-muted: #b7aaa0;--tg-app-button: #38cfff;--tg-app-button-text: #06161c;--tg-app-panel: #172020;--gold: #f9d56e;--cyan: #38cfff;--cyan-soft: #bdf7ff;--pink: #ff8fb8;--green: #60d394;--ink: #101416;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--tg-app-bg);color:var(--tg-app-text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 8%,rgba(56,207,255,.16),transparent 13rem),radial-gradient(circle at 84% 24%,rgba(249,213,110,.13),transparent 15rem),linear-gradient(135deg,#0e1314,#14201f 48%,#171112)}button{font:inherit}.app-shell{width:min(100%,500px);min-height:100vh;margin:0 auto;padding:max(15px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto minmax(470px,1fr) auto auto auto;gap:10px}.top-bar,.tower-panel,.game-panel,.meter-panel,.gift-receipt,.shelf{border:1px solid rgba(255,245,220,.1);background:#121919d1;box-shadow:0 18px 44px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.phase-playing{grid-template-rows:auto minmax(520px,1fr) auto auto}.top-bar{min-height:74px;padding:14px;border-radius:8px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.eyebrow,.tower-copy span,.gift-receipt span,.target span,.hud span,.meter-heading span,.shelf-heading span,.best-chip span,.stage-copy span,.run-pulse span{display:block;margin:0;color:var(--tg-app-muted);font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{margin:2px 0 0;color:var(--tg-app-text);font-size:clamp(1.55rem,7vw,2.25rem);line-height:.95;letter-spacing:0}.best-chip,.target{min-width:78px;padding:10px 12px;border-radius:8px;background:#fff5dc14;text-align:right}.best-chip strong,.target strong{display:block;margin-top:2px;color:var(--cyan-soft);font-size:1.2rem}.sound-toggle{grid-column:1 / -1;min-height:34px;border-radius:8px;border:1px solid rgba(255,245,220,.12);color:var(--tg-app-text);background:#fff5dc12;cursor:pointer;font-size:.78rem;font-weight:900}.tower-panel{padding:10px;border-radius:8px;display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center}.gift-art{width:70px;aspect-ratio:1;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 45% 28%,rgba(56,207,255,.28),transparent 42%),linear-gradient(135deg,#f9d56e2e,#38cfff1f)}.gift-art img,.idle-stage img{width:100%;height:100%;object-fit:contain}.tower-copy strong{display:block;margin-top:2px;color:var(--tg-app-text);font-size:1rem}.tower-copy p{margin:2px 0 0;color:var(--tg-app-muted);font-size:.82rem;line-height:1.25}.game-panel{position:relative;min-height:470px;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(56,207,255,.13),transparent 24%),linear-gradient(180deg,rgba(249,213,110,.06),transparent 38%),#101416}.phaser-hop-host{position:absolute;inset:0;display:grid;place-items:center}.phaser-hop-host canvas{max-width:100%;max-height:100%;display:block;object-fit:contain}.idle-stage{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center}.idle-stage picture{width:min(92%,330px);aspect-ratio:1;filter:drop-shadow(0 24px 44px rgba(0,0,0,.42));animation:plush-bob 1.8s ease-in-out infinite}.stage-copy{width:min(88%,310px);padding:12px;border-radius:8px;background:#101416c2;border:1px solid rgba(255,245,220,.12)}.stage-copy strong{display:block;margin-top:4px;color:var(--gold);font-size:clamp(1.45rem,8vw,2.2rem);line-height:1}.hud{position:absolute;top:10px;left:10px;right:10px;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;pointer-events:none}.hud div{min-width:0;padding:9px 8px;border-radius:8px;background:#0c1012ad;border:1px solid rgba(255,245,220,.1);text-align:center}.hud strong{display:block;color:var(--tg-app-text);font-size:clamp(1rem,5vw,1.35rem);line-height:1.05}.climb-callout{position:absolute;left:12px;right:12px;bottom:12px;z-index:6;min-height:56px;padding:10px 12px;border-radius:8px;border:1px solid rgba(126,236,255,.2);background:radial-gradient(circle at 12% 50%,rgba(46,232,255,.2),transparent 34%),linear-gradient(135deg,#071114d1,#0a1f24c7);box-shadow:0 16px 34px #00000047,inset 0 0 0 1px #fff5dc0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.climb-callout span{display:block;color:var(--cyan-soft);font-size:.7rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.climb-callout strong{display:block;margin-top:3px;color:var(--tg-app-text);font-size:clamp(.92rem,4.2vw,1.08rem);line-height:1.12}.meter-panel{padding:12px;border-radius:8px}.gift-receipt{padding:12px;border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:radial-gradient(circle at 16% 50%,rgba(56,207,255,.18),transparent 36%),linear-gradient(135deg,#60d3942e,#121919db)}.gift-receipt strong{display:block;margin-top:2px;color:var(--gold);font-size:1.1rem}.gift-receipt p{margin:3px 0 0;color:var(--tg-app-text);font-size:.9rem;line-height:1.24}.gift-receipt small{max-width:116px;color:var(--green);font-size:.72rem;font-weight:900;line-height:1.1;text-align:right}.meter-heading,.shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.meter-heading strong{color:var(--cyan-soft)}.meter-track{height:13px;margin-top:9px;border-radius:999px;background:#fff5dc1a;overflow:hidden}.meter-track span{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--cyan-soft),var(--gold));transition:width .12s ease-out}.meter-panel p{min-height:36px;margin:9px 0 0;color:var(--tg-app-text);font-size:.94rem;line-height:1.28}.actions{min-height:54px;display:grid;grid-template-columns:1fr .72fr;gap:10px;align-items:stretch}.primary-action,.secondary-action{min-height:54px;border:0;border-radius:8px;cursor:pointer;font-weight:900;letter-spacing:0}.primary-action{color:var(--tg-app-button-text);background:linear-gradient(135deg,var(--cyan),var(--gold));box-shadow:0 16px 30px #38cfff3d}.secondary-action{color:var(--tg-app-text);background:#fff5dc14;border:1px solid rgba(255,245,220,.12)}.hop-controls{grid-column:1 / -1;min-height:64px;display:grid;grid-template-columns:1fr .88fr 1fr;gap:10px}.lane-button,.run-pulse{min-width:0;min-height:64px;border-radius:8px;border:1px solid rgba(255,245,220,.12);background:#fff5dc14}.lane-button{color:var(--tg-app-text);cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #38cfff0f}.lane-button span{display:block;transform:translateY(-2px);color:var(--gold);font-size:3.15rem;font-weight:900;line-height:.8}.lane-button:active{transform:translateY(1px);background:#38cfff2b}.run-pulse{display:grid;place-items:center;padding:8px;text-align:center;background:#0c1012b8}.run-pulse strong{color:var(--cyan-soft);font-size:1.55rem;line-height:.92}.shelf{padding:10px;border-radius:8px}.shelf-heading strong{color:var(--green);font-size:.82rem}.shelf-row{min-height:44px;margin-top:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:8px}.shelf-row article{min-width:0;min-height:54px;padding:8px;border-radius:8px;border:1px solid rgba(255,245,220,.12);background:radial-gradient(circle at 12% 24%,rgba(56,207,255,.22),transparent 32%),#fff5dc0f}.shelf-row article strong,.shelf-row article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-row article strong{color:var(--tg-app-text);font-size:.82rem}.shelf-row article small{margin-top:2px;color:var(--tg-app-muted);font-size:.7rem}.shelf-row p{margin:0;color:var(--tg-app-muted);font-size:.86rem}.render-lab-shell{width:min(100%,470px);min-height:100vh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.render-lab-copy{padding:12px 14px;border-radius:8px;border:1px solid rgba(255,245,220,.1);background:#0b1516e6;box-shadow:0 18px 44px #00000042}.render-lab-copy span{display:block;color:var(--tg-app-muted);font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.render-lab-copy strong{display:block;margin-top:2px;color:var(--tg-app-text);font-size:clamp(1.32rem,6vw,1.85rem);line-height:1}.render-lab-copy p{margin:6px 0 0;color:var(--tg-app-muted);font-size:.9rem;line-height:1.25}.render-lab-frame{height:min(760px,calc(100svh - 122px));min-height:0;border-radius:8px;overflow:hidden;border:1px solid rgba(126,236,255,.18);background:#071516;box-shadow:0 22px 70px #00000061}.render-lab-host{width:100%;height:100%;display:grid;place-items:center}.render-lab-host canvas{max-width:100%;max-height:100%;display:block}.confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:10}.confetti-piece{position:absolute;top:-20px;left:var(--x);width:9px;height:15px;border-radius:2px;background:var(--color);animation:confetti-fall var(--duration) ease-in var(--delay) forwards}@keyframes confetti-fall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate3d(var(--drift),520px,0) rotate(540deg);opacity:0}}@keyframes plush-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@media(max-width:430px){.app-shell{grid-template-rows:auto auto minmax(448px,58svh) auto auto auto}.phase-playing{grid-template-rows:auto minmax(500px,64svh) auto auto}.phase-playing .game-panel{min-height:clamp(500px,64svh,590px)}}.phase-playing .tower-panel,.phase-playing .shelf{display:none}@media(max-height:760px){.app-shell{gap:8px}.game-panel{min-height:420px}.tower-copy p,.shelf{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}