html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Arial Rounded MT Bold,Hiragino Maru Gothic ProN,Yu Gothic UI,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}#app{position:fixed;inset:0}#game-root{background:linear-gradient(#3fc4f4 0%,#9fe4fb 55%,#f5e6a8 100%);position:fixed;top:0;left:0;overflow:hidden}#game-root canvas{display:block}#hud{pointer-events:none;z-index:10;position:absolute}.pill{color:#5a3c00;background:#fffaecf2;border:3px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:0 3px #0000001f}.pill img{width:24px;height:24px}#hud-coins{position:absolute;top:12px;left:12px}#hud-center{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#hud-timer{font-size:22px}#hud-objective{color:#fff;background:#e34fd8eb;border-color:#fff;font-size:15px}#hud-right{pointer-events:auto;gap:8px;display:flex;position:absolute;top:12px;right:12px}#hud-hearts{letter-spacing:2px;text-shadow:0 2px #00000040;font-size:22px;position:absolute;top:54px;left:12px}.icon-btn{color:#5a3c00;cursor:pointer;background:#fffaecf2;border:3px solid #fff;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-size:20px;font-weight:900;display:flex;box-shadow:0 3px #0000001f}.icon-btn:active{transform:scale(.92)}#hud-prompt{color:#fff;background:#2ea050eb;font-size:17px;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}#hud-hint{color:#3c5a00;text-align:center;background:#fff8d2f2;max-width:80vw;font-size:14px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.screen{z-index:20;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen.dim{background:#1e284673}.panel{background:#fff6e3;border:5px solid #fff;border-radius:28px;flex-direction:column;align-items:center;gap:14px;max-width:min(92vw,620px);max-height:calc(100% - 28px);padding:26px 34px;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px #00000026,0 20px 50px #00000040}.panel h1{color:#e34fd8;text-shadow:0 2px #fff;margin:0;font-size:30px}.panel h2{color:#5a3c00;margin:0;font-size:22px}.btn{cursor:pointer;color:#fff;border:4px solid #fff;border-radius:999px;padding:12px 34px;font-family:inherit;font-size:20px;font-weight:900;transition:transform 80ms;box-shadow:0 5px #0000002e}.btn:active{transform:scale(.93)}.btn-green{background:linear-gradient(#5be15b,#2fa33c)}.btn-pink{background:linear-gradient(#ff8ad8,#e34fd8)}.btn-blue{background:linear-gradient(#62b6ff,#3e8fe3)}.btn-orange{background:linear-gradient(#ffb84d,#f28c28)}.btn-gray{background:linear-gradient(#b9bec7,#8d939e)}.btn:disabled{filter:grayscale(.7);opacity:.6;cursor:default}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#title-logo{filter:drop-shadow(0 6px #0000002e);width:100%;max-width:min(70vw,460px)}#title-sub{color:#fff;text-shadow:0 3px #0000004d;margin-top:-8px;font-size:22px;font-weight:900}#title-play{padding:16px 64px;font-size:30px;animation:1.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}#title-corner{gap:8px;display:flex;position:absolute;top:14px;right:14px}#title-coins{position:absolute;top:14px;left:14px}.stage-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stage-cell{cursor:pointer;color:#2b2b33;text-align:center;background:#d8f3ff;border:4px solid #fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:108px;min-height:86px;padding:6px;font-family:inherit;font-size:13px;font-weight:900;display:flex;box-shadow:0 4px #0000001f}.stage-cell.locked{color:#6e747e;cursor:default;filter:grayscale(.5);background:#c9cfd6}.stage-cell:not(.locked):active{transform:scale(.94)}.stage-cell .stars{color:#f5a623;letter-spacing:1px;font-size:15px}.stage-cell .best{color:#8d939e;font-size:11px;font-weight:700}.board-row{align-items:center;gap:10px;display:flex}.board-row .act-name{color:#5a3c00;text-align:right;width:128px;font-size:14px;font-weight:900}.big-stars{gap:14px;font-size:54px;display:flex}.big-stars .star{filter:grayscale()opacity(.35);transition:transform .3s cubic-bezier(.2,2.2,.4,1);transform:scale(0)}.big-stars .star.on{filter:none;transform:scale(1)}.result-line{color:#5a3c00;font-size:18px;font-weight:900}.result-line.gold{color:#e8890c;font-size:22px}.ward-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ward-cell{cursor:pointer;background:#fff;border:4px solid #fff;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:118px;padding:10px 6px;font-family:inherit;display:flex;box-shadow:0 4px #0000001f}.ward-cell.locked{background:#e8eaee}.ward-cell.equipped{background:#fff7cc;border-color:#ffd93b}.ward-swatch{border:3px solid #fff;border-radius:50%;width:54px;height:54px;box-shadow:0 2px #00000026}.ward-cell .nm{color:#2b2b33;font-size:13px;font-weight:900}.ward-cell .cost{color:#e8890c;font-size:12px;font-weight:900}.section-label{color:#9b59d0;align-self:flex-start;font-size:16px;font-weight:900}#toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.toast{color:#fff;background:#2b2b33eb;border:3px solid #ffd93b;border-radius:999px;padding:8px 22px;font-size:16px;font-weight:900;animation:.25s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.8)}to{opacity:1;transform:none}}#rotate-overlay{z-index:60;background:linear-gradient(#3fc4f4,#9fe4fb);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}#rotate-overlay .phone{font-size:64px;animation:1.6s ease-in-out infinite rot}@keyframes rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}#rotate-overlay .msg{color:#fff;text-shadow:0 2px #00000040;text-align:center;padding:0 24px;font-size:20px;font-weight:900}.hidden{display:none!important}@media (height<=480px){.panel{border-radius:20px;gap:8px;max-height:calc(100% - 12px);padding:12px 20px}.panel h1{font-size:20px}.panel h2{font-size:15px}.btn{padding:7px 20px;font-size:15px}.big-stars{gap:8px;font-size:34px}.result-line{font-size:14px}.result-line.gold{font-size:16px}#title-logo{max-width:min(46vw,300px)}#title-sub{margin-top:-4px;font-size:15px}#title-play{padding:10px 44px;font-size:20px}.stage-cell{width:84px;min-height:62px;font-size:11px}.ward-cell{width:92px;padding:6px 4px}.ward-swatch{width:38px;height:38px}.pill{padding:4px 12px;font-size:14px}#hud-timer{font-size:17px}}