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