:root{--stw-bg: #14101a;--stw-panel: #221a2e;--stw-accent: #ffb020;--stw-text: #f5f0ff;--stw-locked: #4a4256;--stw-star-on: #ffd34d;--stw-star-off: #3a3344}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--stw-bg);color:var(--stw-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none}#app{position:fixed;inset:0}#pixi-root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#pixi-root canvas{display:block}#screen-root{position:absolute;inset:0;z-index:10;pointer-events:none}.stw-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:#14101aeb;pointer-events:auto}.stw-screen--game{background:transparent;justify-content:space-between;pointer-events:none}.stw-title{font-size:28px;font-weight:800;text-align:center}.stw-subtitle{font-size:16px;opacity:.8;text-align:center}.stw-btn{appearance:none;border:none;border-radius:14px;padding:14px 26px;font-size:18px;font-weight:700;background:var(--stw-accent);color:#1a1206;cursor:pointer}.stw-btn:active{transform:scale(.97)}.stw-btn--ghost{background:var(--stw-panel);color:var(--stw-text)}.stw-hud__top{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:18px;pointer-events:none}.stw-hud__timer{font-size:48px;font-weight:800;line-height:1;letter-spacing:1px;padding:8px 22px;border-radius:16px;background:#00000073;text-shadow:0 2px 0 rgba(0,0,0,.4);font-variant-numeric:tabular-nums}.stw-hud__remaining{font-size:20px;font-weight:700;opacity:.92;background:#0006;border-radius:10px;padding:4px 12px}.stw-hud__bottom{width:100%;display:flex;justify-content:center;padding:18px;pointer-events:none}.stw-hud__powerbar{display:flex;gap:.75rem;justify-content:center;align-items:flex-end;pointer-events:none}.stw-powerup{pointer-events:auto;appearance:none;border:none;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:4.5rem;padding:.4rem .6rem;border-radius:.75rem;background:var(--stw-accent);color:#1a1206;cursor:pointer}.stw-powerup__icon{font-size:1.6rem;line-height:1}.stw-powerup__label{font-size:.7rem;font-weight:700}.stw-powerup__count{font-size:.8rem;opacity:.9}.stw-powerup:disabled{opacity:.4;cursor:default}.stw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:520px;pointer-events:auto}.stw-cell{aspect-ratio:1;border-radius:14px;border:none;background:var(--stw-panel);color:var(--stw-text);font-size:22px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.stw-cell--locked{background:var(--stw-locked);color:#2a2530;cursor:default}.stw-cell__stars{font-size:13px;letter-spacing:2px}.star-on{color:var(--stw-star-on)}.star-off{color:var(--stw-star-off)}.stw-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:420px;background:var(--stw-panel);border-radius:12px;padding:14px 18px}.stw-seg{display:flex;gap:6px}.stw-seg button{border:none;border-radius:8px;padding:8px 12px;font-weight:700;background:var(--stw-bg);color:var(--stw-text);cursor:pointer}.stw-seg button[aria-pressed=true]{background:var(--stw-accent);color:#1a1206}input[type=range]{width:160px}.stw-results__stars{font-size:48px;letter-spacing:8px}.stw-results__streak{text-align:center;font-size:1.1rem;margin:.25rem 0 .75rem;opacity:.95}.stw-celebration{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:auto;cursor:pointer;background:radial-gradient(120% 80% at 50% 0%,#ffd1662e,#0000 60%)}.stw-celebration__banner{margin-top:8%;font-size:2.4rem;font-weight:900;color:#ffd166;text-shadow:0 3px 0 rgba(0,0,0,.45);animation:stw-celebration-pop .6s ease-out both}.stw-celebration__stars{font-size:2.2rem;letter-spacing:.25rem;color:#ffd166;margin-top:.3rem}.stw-celebration__hint{position:absolute;bottom:6%;font-size:1rem;color:#fff;animation:stw-celebration-blink 1.2s ease-in-out infinite}@keyframes stw-celebration-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes stw-celebration-blink{0%,to{opacity:.4}50%{opacity:1}}.stw-screen--boot{justify-content:flex-start;gap:10px;padding-top:3vh;overflow-y:auto}.stw-logo{display:block;width:94%;max-width:520px;height:auto;margin:.5rem auto 0}.stw-home{display:block;width:100%;max-width:600px;height:auto;margin:0 auto .25rem}.stw-install{margin-top:-2px}.stw-install-hint{max-width:320px;line-height:1.35}.stw-lives{font-weight:700;letter-spacing:.02em}.stw-hud__lives{margin-top:4px;padding:2px 10px;border-radius:10px;background:#00000073;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}.stw-cell--next{outline:3px solid #ffd23f;outline-offset:2px;animation:stw-next-glow 1.2s ease-in-out infinite}@keyframes stw-next-glow{0%,to{box-shadow:0 0 10px #ffd23f99;transform:scale(1)}50%{box-shadow:0 0 22px #ffd23f,0 0 40px #ffb428b3;transform:scale(1.06)}}.stw-update-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%);z-index:1000;max-width:min(92vw,520px);padding:12px 18px;border-radius:14px;background:linear-gradient(180deg,#3b7be8,#1f57c4);color:#fff;font-weight:700;text-align:center;box-shadow:0 6px 20px #00000073;animation:stw-update-pop .25s ease-out}@keyframes stw-update-pop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.stw-btn--electric{font-size:1.35em;font-weight:800;letter-spacing:.03em;padding:18px 30px;color:#06121f;background:linear-gradient(180deg,#8efbff,#19a8ff 55%,#0a63ff);border:2px solid #d6fbff;border-radius:16px;text-shadow:0 1px 0 rgba(255,255,255,.5);animation:stw-electric 1.1s ease-in-out infinite}@keyframes stw-electric{0%,to{box-shadow:0 0 16px #3cbeffcc,0 0 36px #3cbeff73,inset 0 1px #fff9;transform:scale(1)}50%{box-shadow:0 0 28px #82f0ff,0 0 64px #50d2ffbf,inset 0 1px #ffffffbf;transform:scale(1.04)}}.stw-tutorial{pointer-events:none}.stw-tutorial .stw-hud__top{padding-top:46px}.stw-tutorial .stw-hud__bottom{padding-bottom:104px}.stw-tut__title{position:absolute;top:8px;left:0;right:0;text-align:center;font-size:26px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.75)}.stw-tut__callout{position:absolute;max-width:60%;padding:10px 14px;border-radius:12px;background:#0a0c14d1;color:#fff;font-weight:700;font-size:15px;line-height:1.25;text-align:center;border:2px solid rgba(255,255,255,.28);box-shadow:0 4px 14px #00000080}.stw-tut__callout--clock{top:15%;left:4%}.stw-tut__callout--score{top:15%;right:4%}.stw-tut__callout--items{top:49%;left:50%;transform:translate(-50%);border-color:#ffd23f;box-shadow:0 0 16px #ffd23f99}.stw-tut__callout--power{bottom:19%;left:50%;transform:translate(-50%)}.stw-tut__play{position:absolute;bottom:26px;left:0;right:0;width:max-content;margin:0 auto;pointer-events:auto;z-index:5}.stw-install-sheet{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%);z-index:2000;width:min(92vw,420px);padding:16px 18px 18px;background:#1b1b24;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:18px;box-shadow:0 14px 44px #0009;pointer-events:auto;animation:stw-install-rise .3s ease-out}@keyframes stw-install-rise{0%{opacity:0;transform:translate(-50%,22px)}to{opacity:1;transform:translate(-50%)}}.stw-install-sheet__close{position:absolute;top:8px;right:10px;background:none;border:none;color:#9aa;font-size:17px;line-height:1;cursor:pointer}.stw-install-sheet__icon{display:block;width:54px;height:54px;border-radius:12px;margin:2px auto 8px}.stw-install-sheet__title{text-align:center;font-weight:800;font-size:18px;margin-bottom:6px}.stw-install-sheet__body{font-size:14px;line-height:1.45;text-align:center;color:#d8d8e0}.stw-install-sub{font-size:13px;color:#b9b9c8;margin:2px 0 12px}.stw-install-steps{list-style:none;text-align:left;margin:0;padding:0;display:grid;gap:11px}.stw-install-steps li{display:flex;align-items:center;gap:11px;font-size:15px}.stw-install-steps li i{color:#9a9ab0;font-style:normal;font-size:12.5px}.stw-install-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#4aa3ff29;color:#4aa3ff}.stw-install-share{display:inline-flex;vertical-align:-4px;color:#4aa3ff}.stw-install-sheet__actions{display:flex;justify-content:center;margin-top:14px}.stw-install-arrow{position:fixed;left:50%;z-index:2001;font-size:40px;color:#4aa3ff;text-shadow:0 2px 12px rgba(74,163,255,.85);pointer-events:none}.stw-install-arrow--down{bottom:2px;animation:stw-arrow-down 1s ease-in-out infinite}.stw-install-arrow--up{top:6px;right:16px;left:auto;animation:stw-arrow-up 1s ease-in-out infinite}@keyframes stw-arrow-down{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,9px)}}@keyframes stw-arrow-up{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}