*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%, #232340 0%, var(--bg) 55%, #131324 100%);color:var(--text);font-family:var(--font-text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow:hidden}.game{max-width:560px;height:100dvh;padding:max(8px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;gap:8px;margin:0 auto;display:flex;position:relative}.hud{justify-content:space-between;align-items:flex-end;gap:8px;padding:2px 2px 0;display:flex}.hud__cell{flex-direction:column;gap:6px;display:flex}.hud__cell--right{align-items:flex-end}.hud__label{font-family:var(--font-pixel);letter-spacing:.5px;color:var(--text-dim);font-size:7px}.hud__value{font-family:var(--font-pixel);color:var(--gold);text-shadow:0 2px #00000073;font-size:18px;font-weight:400;line-height:1.1}.hud__value--muted{color:var(--text-body);font-size:12px}.hud__streak{font-family:var(--font-pixel);text-align:center;color:var(--green-light);text-shadow:0 0 12px #7ec8508c;flex:auto;padding-bottom:2px;font-size:8px}.hud__streak[hidden]{display:none}.hud__row{align-items:center;gap:8px;display:flex}.hud__sound{font-family:var(--font-pixel);color:var(--text-service);cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #ffffff29;border-radius:5px;padding:3px 5px;font-size:7px;line-height:1}.hud__sound:active{transform:translateY(1px)}.hud__sound--off{color:var(--text-dim);opacity:.65;text-decoration:line-through}.hud__daily{font-family:var(--font-pixel);letter-spacing:.4px;color:var(--text-dim);white-space:nowrap;justify-content:center;align-items:baseline;gap:6px;margin-top:-2px;font-size:7px;line-height:1.5;display:flex}.hud__daily-label{color:var(--text-service)}.hud__daily-text{color:var(--text-body)}.hud__daily--done .hud__daily-text{color:var(--green-light);text-shadow:0 0 10px #7ec85080}.playfield{flex-direction:column;flex:auto;justify-content:center;gap:20px;min-height:0;display:flex}.board-wrap{place-items:center;display:grid;position:relative}.board,.tray,.drag{display:block}.highlight{pointer-events:none;margin:auto;position:absolute;inset:0}.tray-wrap{place-items:center;padding:0 0 2px;display:grid}.tray-wrap--nope{animation:.26s ease-in-out tray-nope}@keyframes tray-nope{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.tray{touch-action:none;background:#2d2d4466;border-radius:16px;box-shadow:inset 0 0 0 1px #7ec8501f}.loading{font-family:var(--font-pixel);color:var(--text-dim);background:#1a1a2eb3;place-items:center;margin:0;font-size:8px;line-height:1.8;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}.bar{justify-content:space-between;align-items:center;gap:12px;padding:0 2px;display:flex}.btn{min-height:44px;font-family:var(--font-pixel);color:var(--text);border-radius:var(--radius-btn);cursor:pointer;touch-action:manipulation;background:#2d2d44e6;border:1px solid #7ec85040;padding:0 16px;font-size:9px;line-height:1.4}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(135deg, var(--btn-from), var(--btn-to));color:var(--btn-text);box-shadow:var(--shadow-btn);border:0}.btn--ghost{color:var(--text-body)}.bar__link{color:var(--text-service);font-size:12px;text-decoration:none}.drag{z-index:5;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.drag[hidden]{display:none}.popups{z-index:6;pointer-events:none;position:fixed;inset:0}.popup{font-family:var(--font-pixel);color:var(--gold);text-shadow:0 2px #0000008c;font-size:12px;animation:.9s ease-out forwards popup-float;position:absolute;transform:translate(-50%,-50%)}.popup--lines{color:var(--green-light);font-size:14px}@keyframes popup-float{0%{opacity:0;transform:translate(-50%,-30%)scale(.9)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)scale(1.05)}}.over{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121220d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.over[hidden]{display:none}.over__card{text-align:center;background:linear-gradient(180deg, var(--bg-card-top), var(--bg-card-bottom));border:var(--border-card);border-radius:var(--radius-card);width:100%;max-width:340px;box-shadow:var(--shadow-card);padding:22px 18px 20px}.over__title{font-family:var(--font-pixel);color:var(--green-light);margin:0 0 12px;font-size:13px;line-height:1.5}.over__lead{color:var(--text-body);margin:0 0 18px;font-size:14px;line-height:1.45}.over__stats{justify-content:center;gap:18px;margin:0 0 10px;display:flex}.over__stat dt{font-family:var(--font-pixel);color:var(--text-dim);margin-bottom:8px;font-size:7px}.over__stat dd{font-family:var(--font-pixel);color:var(--gold);margin:0;font-size:14px}.over__total{color:var(--text-service);margin:0 0 14px;font-size:12px;line-height:1.4}.over__daily{border:1px dashed #7ec85059;border-radius:10px;flex-direction:column;gap:7px;margin:0 0 16px;padding:10px 12px;display:flex}.over__daily-label{font-family:var(--font-pixel);color:var(--text-dim);font-size:7px}.over__daily-text{font-family:var(--font-pixel);color:var(--text-body);font-size:8px;line-height:1.6}.over__daily--done{background:#7ec85014;border-color:#7ec850b3}.over__daily--done .over__daily-text{color:var(--green-light)}.over__actions{gap:8px;display:flex}.over__actions .btn{flex:1 1 0;min-width:0;padding:0 8px;font-size:8px}.over__note{text-align:left;white-space:pre-line;color:var(--text-service);-webkit-user-select:text;user-select:text;background:#1a1a2e99;border:1px dashed #7ec85040;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.popup{animation-duration:.3s}}