:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;background:#f6fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%,rgba(119,220,185,.28),transparent 26%),radial-gradient(circle at 90% 18%,rgba(255,127,117,.2),transparent 28%),linear-gradient(#f7fbff 0%,#edf7f4 48%,#fff7ed 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit;letter-spacing:0}.app-shell{width:min(100vw,460px);min-height:100vh;padding:calc(env(safe-area-inset-top) + 12px) 14px calc(env(safe-area-inset-bottom) + 88px);margin:0 auto;position:relative}.state-shell{text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.state-shell h1{margin:0;font-size:28px}.state-shell p{color:#6a7382;margin:0}.state-mascot{width:180px;height:180px}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:12px;display:grid}.balance-block,.energy-pill{backdrop-filter:blur(18px);background:rgba(255,255,255,.72);border:1px solid rgba(24,33,47,.09);border-radius:8px;min-height:58px;box-shadow:0 10px 28px rgba(55,85,112,.1)}.balance-block{gap:2px;padding:10px;display:grid}.balance-block.right{text-align:right}.label{color:#6a7382;text-transform:uppercase;font-size:11px;font-weight:800}.balance-block strong,.energy-pill strong{font-size:18px;line-height:1.1}.energy-pill{color:#1c7c6b;align-items:center;gap:8px;min-width:138px;padding:10px 12px;display:flex}.energy-pill span{color:#6a7382;font-size:11px;font-weight:700;display:block}.content{min-height:calc(100vh - 178px)}.play-screen{gap:14px;display:grid}.play-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric{color:#3b556e;background:rgba(255,255,255,.62);border:1px solid rgba(24,33,47,.08);border-radius:8px;justify-items:center;gap:4px;padding:10px 8px;display:grid}.metric span{color:#6a7382;font-size:11px;font-weight:800}.metric strong{color:#18212f;font-size:16px}.tap-stage{touch-action:manipulation;background:linear-gradient(135deg,rgba(255,214,112,.34),transparent 42%),linear-gradient(rgba(255,255,255,.86),rgba(220,246,237,.78));border:0;border-radius:8px;place-items:center;width:100%;min-height:min(55vh,430px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(24,33,47,.08),0 18px 40px rgba(55,85,112,.16)}.tap-stage:active .mascot{transform:translateY(5px)scale(.97)}.stage-glow{background:radial-gradient(circle,rgba(116,218,185,.34),transparent 68%);border-radius:999px;width:230px;height:230px;position:absolute}.mascot{z-index:1;filter:drop-shadow(0 20px 22px rgba(53,77,97,.2));width:min(72vw,320px);max-height:330px;transition:transform .12s,filter .16s}.mascot.tired{filter:grayscale(.2)drop-shadow(0 16px 18px rgba(53,77,97,.16));opacity:.82}.tap-burst{z-index:2;pointer-events:none;color:#ff6f61;font-size:22px;font-weight:900;animation:.78s ease-out forwards burst;position:absolute}@keyframes burst{0%{opacity:0;transform:translate(-50%,-20%)scale(.8)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-150%)scale(1.18)}}.energy-track{background:rgba(30,47,63,.1);border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(24,33,47,.12)}.energy-track span{border-radius:inherit;background:linear-gradient(90deg,#35c6a7,#7aa7ff,#ffb84d);height:100%;transition:width .18s;display:block}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-actions button,.ref-panel button,.shop-card button,.task-card{color:#18212f;background:#fff;border:0;border-radius:8px;min-height:48px;font-weight:900;box-shadow:0 10px 24px rgba(55,85,112,.12)}.quick-actions .primary,.ref-panel button,.shop-card button{color:#fff;background:linear-gradient(135deg,#1fb99a,#3d7cff)}.panel-list{gap:10px;padding-bottom:12px;display:grid}.shop-card{background:rgba(255,255,255,.76);border:1px solid rgba(24,33,47,.08);border-radius:8px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid;box-shadow:0 10px 26px rgba(55,85,112,.1)}.item-art{color:#fff;border-radius:8px;place-items:center;width:56px;height:56px;display:grid}.item-art.mint{background:linear-gradient(135deg,#36c6a8,#96e8cf)}.item-art.coral{background:linear-gradient(135deg,#ff6f61,#ffc0a1)}.item-art.violet{background:linear-gradient(135deg,#7a6cff,#d0b6ff)}.item-art.amber{background:linear-gradient(135deg,#ffb84d,#ffe08b)}.item-art.sky{background:linear-gradient(135deg,#3d7cff,#9bd7ff)}.item-copy{gap:3px;min-width:0;display:grid}.item-copy strong{font-size:15px}.item-copy span{color:#687284;font-size:12px;line-height:1.3}.shop-card button{min-width:84px;padding:0 10px;font-size:12px}.shop-card button:disabled{color:#687284;background:#d5dce6}.combo-panel,.ref-panel,.rank-list{background:rgba(255,255,255,.74);border:1px solid rgba(24,33,47,.08);border-radius:8px;gap:10px;padding:12px;display:grid;box-shadow:0 10px 26px rgba(55,85,112,.1)}.combo-panel strong,.ref-panel strong{font-size:24px}.combo-panel.quiet strong{font-size:16px}.combo-chips{flex-wrap:wrap;gap:8px;display:flex}.combo-chips span{color:#687284;background:#edf2f7;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:900}.combo-chips .done{color:#16856f;background:#dff8ef}.task-card{text-align:left;background:rgba(255,255,255,.76);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.task-card span{gap:4px;display:grid}.task-card small,.empty-copy{color:#687284}.task-card b{color:#1c7c6b}.rank-row{grid-template-columns:42px 1fr auto;align-items:center;gap:8px;min-height:38px;display:grid}.rank-row b{color:#1c7c6b}.rank-row span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.bottom-nav{left:50%;bottom:calc(env(safe-area-inset-bottom) + 10px);backdrop-filter:blur(18px);background:rgba(255,255,255,.84);border:1px solid rgba(24,33,47,.1);border-radius:8px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(100vw - 24px,436px);padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 46px rgba(55,85,112,.22)}.bottom-nav button{color:#687284;background:0 0;border:0;border-radius:8px;align-content:center;justify-items:center;gap:3px;min-width:0;height:54px;font-size:10px;font-weight:900;display:grid}.bottom-nav button.active{color:#16856f;background:#e7f8f2}.toast-stack{left:50%;bottom:calc(env(safe-area-inset-bottom) + 82px);pointer-events:none;z-index:5;gap:8px;width:min(100vw - 28px,420px);display:grid;position:fixed;transform:translate(-50%)}.toast{color:#fff;text-align:center;background:#1c7c6b;border-radius:8px;padding:12px 14px;font-weight:900;box-shadow:0 12px 32px rgba(55,85,112,.2)}.toast.warn{background:#d95d55}@media (max-width:370px){.app-shell{padding-left:10px;padding-right:10px}.energy-pill{min-width:124px}.balance-block strong,.energy-pill strong{font-size:15px}.shop-card{grid-template-columns:48px 1fr}.shop-card button{grid-column:1/-1;width:100%}}