:root{--color-bg-start:#2f8df4;--color-bg-mid:#4d6cff;--color-bg-end:#7b4dff;--color-surface-1:#ffffff2e;--color-surface-2:#ffffff1c;--color-surface-glass:#0d18376b;--color-surface-border:#ffffff59;--color-surface-dark:#0d1837b8;--color-board-bg:#172b5b;--color-board-cell:#1e3670;--color-board-grid:#ffffff14;--color-board-danger:#ff3e6040;--color-text-primary:#fff;--color-text-secondary:#ffffffc7;--color-text-muted:#ffffff94;--color-text-inverse:#132044;--color-accent-primary:#fff;--color-accent-secondary:#2edbff;--color-accent-success:#4dff9a;--color-accent-warning:#ffd84d;--color-accent-danger:#ff3e60;--color-accent-combo:#ffe66d;--block-blue:#397bff;--block-cyan:#2edbff;--block-green:#2fde6d;--block-yellow:#ffd335;--block-orange:#ff8f2f;--block-red:#ff4a4a;--block-purple:#9d5cff;--block-pink:#ff55b8;--shadow-soft:0 10px 22px #0c1a4d29;--shadow-strong:0 18px 34px #08123d52;--glow-primary:0 0 24px #2edbff5c;--glow-success:0 0 24px #4dff9a57;--glow-danger:0 0 28px #ff3e6070;color:var(--color-text-primary);background:var(--color-board-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overscroll-behavior:none;margin:0}button,input,textarea,select{font:inherit}.app-shell{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--hud-height:74px;--tray-height:clamp(82px, 13dvh, 106px);--board-size:min(calc(100vw - 24px), calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--hud-height) - var(--tray-height) - 58px), 430px);min-height:100dvh;padding:calc(8px + var(--safe-top) + var(--tg-safe-area-inset-top,0px)) calc(12px + var(--tg-safe-area-inset-right,0px)) calc(10px + var(--safe-bottom) + var(--tg-safe-area-inset-bottom,0px)) calc(12px + var(--tg-safe-area-inset-left,0px));color:var(--color-text-primary);background:radial-gradient(circle at 14% 10%, #2edbff5c, transparent 27%), radial-gradient(circle at 86% 12%, #ff55b838, transparent 28%), radial-gradient(circle at 16% 86%, #2fde6d2e, transparent 24%), linear-gradient(155deg, var(--color-bg-start) 0%, var(--color-bg-mid) 48%, var(--color-bg-end) 100%);justify-content:center;display:flex;overflow:hidden}.screen{width:min(100%,430px);min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 18px);flex-direction:column;gap:10px;display:flex}.home-screen,.result-screen{justify-content:center}.game-screen{height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 18px);justify-content:flex-start;min-height:0;overflow:visible}.home-hero,.result-summary{text-align:center;padding:8px 12px 4px}.home-hero h1,.result-summary h1{letter-spacing:0;text-shadow:0 10px 22px #0a185240;margin:8px 0 6px;font-size:clamp(40px,13vw,62px);line-height:.94}.home-hero p,.result-summary p{max-width:340px;color:var(--color-text-secondary);margin:0 auto;font-size:15px;line-height:1.42}.logo-cubes{justify-content:center;align-items:center;gap:8px;height:82px;display:flex}.logo-cubes span{background:linear-gradient(145deg, #ffffff8a 0 22%, transparent 48%), var(--cube-color,var(--block-cyan));width:48px;height:48px;transform:translateY(var(--cube-y,0)) rotate(45deg) skew(-7deg, -7deg);border-radius:14px;box-shadow:0 18px 28px #101f5b42,inset 0 -12px #0c1c4e33}.logo-cubes span:nth-child(2){--cube-color:var(--block-pink);--cube-y:-18px}.logo-cubes span:nth-child(3){--cube-color:var(--block-yellow)}.mode-select{gap:8px;display:grid}.mode-select h2{text-align:center;margin:0;font-size:18px}.mode-card{border:2px solid var(--color-surface-border);min-height:70px;color:var(--color-text-inverse);text-align:left;touch-action:manipulation;background:#ffffffdb;border-radius:18px;padding:12px 14px;box-shadow:0 12px 26px #16234f2e}.mode-card strong,.mode-card span{display:block}.mode-card strong{color:var(--color-text-inverse);font-size:17px}.mode-card span{color:#132044b8;margin-top:3px;font-size:13px;line-height:1.25}.mode-card.is-selected{color:var(--color-text-primary);background:linear-gradient(135deg, var(--block-yellow), var(--block-orange) 48%, var(--block-pink));border-color:var(--color-accent-primary)}.mode-card.is-selected strong,.mode-card.is-selected span{color:var(--color-text-primary)}.button{color:#fff;min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:15px;padding:0 18px;font-weight:900}.button.primary{background:linear-gradient(135deg, var(--block-cyan), var(--block-blue) 52%, var(--block-purple));box-shadow:0 14px 28px #152d824d,inset 0 1px #ffffff47}.button.secondary{color:var(--color-text-inverse);background:#ffffffd1;border:1px solid #ffffff8f}.sound-toggle{min-height:44px;color:var(--color-text-primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d236833;border:1px solid #ffffff42;border-radius:14px;font-weight:900}.play-button{width:100%}.retention-panel,.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.retention-panel div,.stats-grid div,.hud>div,.combo-badge{border:1px solid var(--color-surface-border);background:var(--color-surface-1);box-shadow:inset 0 1px 0 #ffffff3b, var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:15px;padding:8px 9px}.mode-caption{color:var(--color-text-secondary);text-align:center;grid-column:1/-1;margin:-1px 0 0;font-size:12px;font-weight:800}.retention-panel span,.stats-grid span,.hud-label,.combo-badge span{color:var(--color-text-secondary);text-transform:uppercase;font-size:10px;font-weight:900;display:block}.retention-panel strong,.stats-grid strong,.hud strong,.combo-badge strong{color:var(--color-text-primary);margin-top:2px;font-size:18px;animation:.24s ease-out digitPop;display:block}.mode-title-row{color:var(--color-text-secondary);justify-content:space-between;align-items:center;min-height:24px;font-size:13px;font-weight:900;display:flex}.game-actions{align-items:center;gap:8px;display:inline-flex}.icon-button{color:#fff;background:#ffffff2e;border:0;border-radius:10px;width:34px;height:30px;font-size:18px;font-weight:900}.danger-label{text-align:center;min-width:68px;color:var(--color-text-primary);background:#4dff9a42;border-radius:999px;padding:5px 8px}.danger-Высоко{background:#ffd84d52}.danger-Опасно{box-shadow:var(--glow-danger);background:#ff3e606b}.hud{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;display:grid}.hud>div:last-child{text-align:right}.combo-badge{text-align:center;min-width:80px}.combo-badge.is-hot{background:#ffe66d59;animation:.76s ease-in-out infinite alternate comboBreath;box-shadow:0 0 24px #ffe66d6b,inset 0 1px #ffffff47}.pressure-wrap{gap:5px;display:grid}.pressure-meta{color:var(--color-text-secondary);justify-content:space-between;font-size:12px;font-weight:900;display:flex}.pressure-track{background:#0c1c4e40;border:1px solid #ffffff3d;border-radius:999px;height:12px;position:relative;overflow:hidden}.pressure-fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent-success), var(--color-accent-warning) 56%, var(--color-accent-danger));height:100%;transition:width .18s}.rise-marker{background:var(--color-accent-primary);width:3px;height:18px;box-shadow:0 0 10px var(--color-accent-primary);border-radius:2px;position:absolute;top:-3px}.pixi-board{width:var(--board-size);max-width:100%;height:var(--board-size);max-height:var(--board-size);aspect-ratio:1;touch-action:none;filter:drop-shadow(0 18px 34px #0c1a4d47);border-radius:24px;flex:none;align-self:center;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.piece-tray{height:var(--tray-height);flex:0 0 var(--tray-height);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.piece-button{touch-action:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 28% 18%,#ffffff42,#0000 38%),linear-gradient(145deg,#2edbff33,#7b4dff2e);border:1px solid #ffffff47;border-radius:20px;place-items:center;height:100%;min-height:0;animation:2.8s ease-in-out infinite alternate trayFloat;display:grid;box-shadow:inset 0 1px #ffffff3b,0 12px 24px #0d1e5b29}.piece-button.is-dragging{opacity:.45;transform:scale(.96)}.piece-button.is-invalid{animation:.3s ease-in-out invalidShake}.piece-mini{place-content:center;gap:4px;display:grid}.piece-cell{border-radius:7px;display:block;box-shadow:inset 0 7px #ffffff61,inset 0 -6px #05123633,0 6px 12px #05123638}.drag-ghost{z-index:40;pointer-events:none;filter:drop-shadow(0 18px 24px #08144666);background:0 0;border-radius:18px;padding:12px;position:fixed;transform:translate(-50%,-50%)scale(1.1)}.toast-message{z-index:45;color:var(--color-text-primary);background:#ff3e60eb;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900;position:fixed;top:22%;left:50%;transform:translate(-50%);box-shadow:0 12px 24px #0c1a4d38}.arrow-hint{min-height:52px;color:var(--color-text-inverse);background:#ffffffd1;border-radius:18px;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-weight:900;display:flex}.arrow-hint button{min-height:40px;color:var(--color-text-primary);background:linear-gradient(135deg, var(--block-orange), var(--block-pink));border:0;border-radius:12px;padding:0 12px;font-weight:900}.arrow-hint button:disabled{opacity:.48}.micro-goals{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:2px;display:grid}.micro-goals span{min-height:44px;color:var(--color-text-secondary);background:var(--color-surface-2);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff38;border-radius:14px;place-items:center;padding:6px;font-size:11px;font-weight:900;display:grid}.overline{color:var(--color-accent-combo);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.stats-grid{grid-template-columns:repeat(2,1fr)}.result-actions{grid-template-columns:1fr;gap:8px;display:grid}.overlay{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1120586b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pause-card{background:var(--color-surface-glass);border:1px solid var(--color-surface-border);border-radius:24px;gap:10px;width:min(100%,330px);padding:18px;display:grid;box-shadow:0 22px 42px #0a194e47}.pause-card h2{text-align:center;margin:0 0 4px}.admin-screen{padding-bottom:20px;overflow:auto}.admin-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-header h1{margin:2px 0 0}.admin-header span,.admin-note{color:var(--color-text-secondary)}.admin-grid{gap:10px;display:grid}.admin-card{background:var(--color-surface-1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff47;border-radius:18px;padding:12px}.admin-card h2,.admin-card p{margin:0}.admin-card h2{margin-bottom:8px;font-size:16px}.admin-card p{word-break:break-word;font-size:12px;line-height:1.45}.admin-actions{gap:8px;display:grid}.debug-panel{max-width:100%;color:var(--color-text-muted);align-self:center;font-size:11px}.debug-panel summary{cursor:pointer;opacity:.55;list-style:none}.debug-panel pre{white-space:pre-wrap;max-height:130px;margin:8px 0 0;overflow:auto}.rotate-notice{display:none}@media (orientation:landscape) and (height<=520px){.rotate-notice{z-index:100;background:linear-gradient(135deg, var(--color-bg-start), var(--color-bg-end));text-align:center;align-content:center;place-items:center;gap:8px;padding:24px;display:grid;position:fixed;inset:0}.rotate-notice strong{font-size:24px}}@keyframes dangerPulse{0%{filter:drop-shadow(0 0 #ff3e6000)}to{filter:drop-shadow(0 0 22px #ff3e606b)}}.game-screen.is-danger{animation:1s ease-in-out infinite alternate dangerPulse}@media (height<=780px){.app-shell{--hud-height:66px;--tray-height:82px}.screen{gap:7px}.hud>div,.combo-badge{padding:6px 8px}.piece-mini{transform:scale(.9)}}@keyframes digitPop{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes comboBreath{0%{transform:scale(1)}to{transform:scale(1.045)}}@keyframes trayFloat{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes invalidShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}