:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#10191b;color:#f5f4e8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#172325,#0f1719)}button{font:inherit;touch-action:manipulation;cursor:pointer}h1,h2,h3,p{margin:0}.app-shell{min-height:100dvh;display:flex;justify-content:center}.phone-frame{width:min(100vw,520px);height:100dvh;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,#1d3a2f8c,#11181bf2 40%),#13201f;box-shadow:0 0 0 1px #ffffff0d}.eyebrow{color:#f6c66a;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ball-icon{display:inline-block;width:13px;height:13px;border-radius:50%;vertical-align:-1px;background:radial-gradient(circle at 34% 30%,#fff3c2 0 24%,transparent 25%),radial-gradient(circle at 60% 65%,rgba(0,0,0,.18) 0 18%,transparent 19%),#f2c14e;box-shadow:0 1px 2px #0006}.balls-pill{display:flex;align-items:center;gap:6px;border-radius:999px;padding:7px 13px;background:#f6c66a24;border:1px solid rgba(246,198,106,.45);color:#ffe6a8;font-weight:900;font-size:1rem}.home-screen{display:flex;flex-direction:column;gap:14px}.home-header{display:flex;align-items:center;justify-content:space-between}.home-header h1{font-size:1.5rem;line-height:1.05}.home-intro{color:#a9bcb4;font-size:.85rem}.map-list{display:flex;flex-direction:column;gap:10px}.map-card{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;background:#1b2b2c;display:flex;flex-direction:column;gap:10px}.map-card.locked{opacity:.55}.map-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.map-card-head strong{font-size:1.05rem}.map-card-head p{margin-top:2px;color:#a9bcb4;font-size:.8rem}.map-medals{display:flex;gap:2px;font-size:1rem;flex-shrink:0}.medal{filter:grayscale(1) opacity(.3)}.medal.earned{filter:none}.difficulty-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.difficulty-button{border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:8px 6px;background:#24363a;color:#f5f4e8;text-align:center;display:flex;flex-direction:column;gap:2px}.difficulty-button strong{font-size:.88rem}.difficulty-button span{font-size:.7rem;color:#b9cdc4;font-weight:700}.difficulty-button small{font-size:.64rem;color:#8ba39a}.difficulty-button.easy:not(.locked){border-color:#7dc8788c}.difficulty-button.medium:not(.locked){border-color:#f6c66a8c}.difficulty-button.hard:not(.locked){border-color:#e8615199}.difficulty-button:not(.locked):active{transform:translateY(1px)}.difficulty-button.locked{opacity:.45;cursor:default}.map-locked-note{color:#8ba39a;font-size:.78rem}.home-footer{color:#8ba39a;font-size:.76rem;text-align:center;padding:4px 0 8px}.play-screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.play-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.quit-button,.speed-button{border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:6px 10px;background:#ffffff0d;color:#cfe0d6;font-weight:800;font-size:.8rem}.speed-button{min-width:44px;color:#ffe6a8;border-color:#f6c66a66}.play-title{text-align:center;line-height:1.1}.play-title strong{display:block;font-size:.95rem}.play-title span{color:#f6c66a;font-size:.68rem;font-weight:900;text-transform:uppercase}.play-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stat-box{border-radius:9px;border:1px solid rgba(255,255,255,.1);padding:5px 8px;background:#22343a;min-width:0}.stat-box span{display:block;color:#a9bfb8;font-size:.62rem;font-weight:800;white-space:nowrap}.stat-box strong{display:block;font-size:1.05rem;font-variant-numeric:tabular-nums;line-height:1.2}.stat-box strong small{color:#8ba39a;font-size:.7rem}.stat-box.gold strong{color:#ffe6a8}.stat-box.warning strong{color:#f6c66a}.stat-box.danger{border-color:#e86151d9;animation:danger-pulse .8s ease-in-out infinite alternate}.stat-box.danger strong{color:#ff8a76}.stat-box.bonus-live span{color:#9dda74}.course-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#16261e;display:flex;justify-content:center;align-items:flex-start;scrollbar-width:thin}.course-scroll canvas{display:block;touch-action:pan-y}.course-scroll canvas.placing{cursor:crosshair}.palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.palette-card{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px;background:#202e34;color:#f5f4e8;text-align:left;display:flex;flex-direction:column;gap:2px;min-width:0}.palette-card.active{outline:2px solid #f6c66a;background:#33403a}.palette-card:disabled{opacity:.5;cursor:default}.palette-card strong{font-size:.85rem}.palette-card small{color:#8ba39a;font-size:.62rem;line-height:1.15}.palette-cost{color:#ffe6a8;font-size:.74rem;font-weight:900}.tower-dot{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(15,25,20,.55);flex-shrink:0}.tower-panel{border:1px solid rgba(246,198,106,.4);border-radius:10px;padding:9px 10px;background:#22343a;display:flex;flex-direction:column;gap:7px}.tower-panel-head{display:flex;align-items:center;gap:8px}.tower-panel-head strong{font-size:.92rem;flex:1}.sell-button{border:1px solid rgba(232,97,81,.6);border-radius:7px;padding:4px 9px;background:#e861511f;color:#ff9a88;font-weight:800;font-size:.74rem}.close-button{border:1px solid rgba(255,255,255,.2);border-radius:7px;width:26px;height:26px;background:#ffffff0f;color:#cfe0d6;font-size:.72rem;display:grid;place-items:center;padding:0}.upgrade-rows{display:flex;flex-direction:column;gap:5px}.upgrade-row{display:flex;align-items:center;gap:8px}.upgrade-label{width:72px;font-size:.76rem;font-weight:800;color:#cfe0d6}.upgrade-pips{flex:1;display:flex;gap:4px}.upgrade-pips i{width:16px;height:8px;border-radius:3px;background:#ffffff1f}.upgrade-pips i.filled{background:#f6c66a}.upgrade-row button{min-width:58px;border:0;border-radius:7px;padding:5px 8px;background:#f6c66a;color:#10231d;font-weight:900;font-size:.76rem;box-shadow:0 2px #b87927}.upgrade-row button:disabled{background:#3a4442;color:#93a5a0;box-shadow:none;cursor:default}.upgrade-row button:not(:disabled):active{transform:translateY(1px)}.tower-stat-line{color:#9fb3ab;font-size:.7rem}.hint-line{min-height:16px;color:#8ba39a;font-size:.72rem;text-align:center}.overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#050a0abf}.overlay-panel{width:min(380px,100%);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px;background:#172224;text-align:center;box-shadow:0 24px 80px #00000080;display:flex;flex-direction:column;gap:13px}.overlay-panel.won{border-color:#f6c66a80}.overlay-panel.lost{border-color:#e8615180}.overlay-panel h2{font-size:1.3rem}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.result-stats div{border-radius:9px;padding:8px 4px;background:#22343a}.result-stats span{display:block;color:#a9bfb8;font-size:.66rem;font-weight:800}.result-stats strong{font-size:1rem}.score-tally{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.score-tally span{border-radius:999px;padding:3px 9px;background:#ffffff14;color:#cfe0d6;font-size:.7rem;font-weight:800}.score-tally .penalty-tag{background:#6bc6dd26;color:#9fd8e8}.reward-breakdown{display:flex;flex-direction:column;gap:5px;border-radius:10px;padding:10px 12px;background:#f6c66a14;border:1px solid rgba(246,198,106,.3)}.reward-breakdown div{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#cfe0d6}.reward-breakdown strong{color:#ffe6a8}.reward-total{margin-top:3px;padding-top:7px;border-top:1px solid rgba(246,198,106,.3);font-weight:900}.reward-total strong{font-size:1.05rem}.lost-copy{color:#d6e3df;font-size:.84rem;line-height:1.35}.overlay-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.overlay-buttons .primary{border:0;border-radius:9px;padding:11px;background:#f6c66a;color:#10231d;font-weight:900;box-shadow:0 3px #b87927}.overlay-buttons .secondary{border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:11px;background:#ffffff0f;color:#f5f4e8;font-weight:800}.overlay-buttons button:active{transform:translateY(1px)}@keyframes danger-pulse{0%{box-shadow:inset 0 0 #e8615140}to{box-shadow:inset 0 0 0 4px #e8615140}}@media(min-width:700px){.app-shell{padding:16px 0}.phone-frame{height:calc(100dvh - 32px);border-radius:18px}}