:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#020713;--surface:#050f1be6;--surface-strong:#020912f0;--text:#f7fbff;--muted:#8fa3b8;--border:#85b7dc33;--cyan:#24dfff;--cyan-deep:#08f;--cyan-border:#24dfffb8;--coral:#ff634f;--coral-deep:#ff2f4f;--coral-border:#ff634fb3;--gold:#ffd15d;--glow-cyan:0 0 22px #24dfff6b, 0 0 62px #08f3;--glow-coral:0 0 22px #ff634f6b, 0 0 62px #ff2f4f2e}*{box-sizing:border-box}html{background:var(--background);color:var(--text);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}img{max-width:100%;display:block}img.image-fit-contain{object-fit:contain;background:radial-gradient(circle,#24dfff1a,#0000 58%),#020b14}.app-shell{background:linear-gradient(90deg, #0088ff2e, transparent 18%, transparent 82%, #ff2f6f29), linear-gradient(180deg, #0a1428bf, transparent 28%), radial-gradient(ellipse at top, #0d294a94, transparent 42%), var(--background);min-height:100vh}.screen{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:22px 18px 28px;position:relative}.stack-screen{text-align:center;place-content:center;gap:18px;display:grid}.home-screen,.intro-screen,.result-screen{flex-direction:column;gap:14px;display:flex}.home-screen.arcade-page,.intro-screen.arcade-page,.result-screen{height:100svh;min-height:0;padding-bottom:0;overflow:hidden}.arcade-page,.result-screen{padding-top:11px}.arcade-page{overflow-x:hidden}.arcade-page:before,.arcade-page:after,.result-screen:before,.result-screen:after{pointer-events:none;content:"";opacity:.42;width:84px;position:absolute;top:90px;bottom:72px}.arcade-page:before,.result-screen:before{background:linear-gradient(118deg,#0000 18%,#0091ff38 21%,#0000 29%),linear-gradient(68deg,#0000 46%,#7c28ff38 52%,#0000 60%);left:-62px}.arcade-page:after,.result-screen:after{background:linear-gradient(244deg,#0000 18%,#ff305d33 21%,#0000 29%),linear-gradient(292deg,#0000 46%,#00d2ff29 52%,#0000 60%);right:-62px}.home-header,.run-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.home-header h1,.intro-copy h1,.result-hero h1{letter-spacing:0;margin:0;font-size:32px;line-height:1.04}.home-header p,.intro-copy p,.result-hero p,.muted{color:var(--muted);margin:6px 0 0}.brand-mark{border:1px solid var(--cyan-border);width:48px;height:48px;color:var(--cyan);box-shadow:var(--glow-cyan);border-radius:8px;place-items:center;font-weight:900;display:grid}.stat-strip,.intro-stats,.result-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-strip span,.intro-stats span,.result-summary span,.rule-cell{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--muted);border-radius:8px;padding:11px;font-size:12px;line-height:1.25}.stat-strip strong,.result-summary strong{color:var(--text);font-size:20px;line-height:1;display:block}.challenge-list{z-index:1;gap:12px;display:grid;position:relative}.challenge-tile{width:100%;min-height:118px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(90deg,#0077aa2e,#0000 32%),linear-gradient(#05111ff0,#020810f5);border:1px solid #24dfff45;border-radius:18px;grid-template-columns:108px minmax(0,1fr) 28px;align-items:center;gap:13px;padding:10px 12px 10px 10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 26px #24dfff14}.challenge-tile:before{pointer-events:none;content:"";background:radial-gradient(circle at 20% 0,#24dfff26,#0000 34%),radial-gradient(circle at 100% 100%,#ff2f4f1f,#0000 32%);position:absolute;inset:0}.challenge-tile:hover{border-color:var(--cyan-border);box-shadow:var(--glow-cyan);transform:translateY(-1px)}.challenge-cover{z-index:1;aspect-ratio:1.14;object-fit:cover;border:1px solid #24dfff2e;border-radius:12px;width:108px;position:relative}.challenge-copy{z-index:1;gap:5px;min-width:0;display:grid;position:relative}.challenge-copy strong{overflow-wrap:anywhere;min-width:0;font-size:17px;line-height:1.15;display:block}.challenge-copy>span{min-width:0;color:var(--muted);font-size:13px;line-height:1.25}.tile-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;font-weight:800;display:flex}.tile-meta span,.result-summary span{align-items:center;gap:5px;display:inline-flex}.tile-arrow{z-index:1;color:var(--cyan);filter:drop-shadow(0 0 10px #24dfffcc);position:relative}.home-actions,.result-actions{z-index:1;grid-template-columns:1fr;gap:10px;display:grid;position:relative}.button{min-height:48px;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 15px;font-size:15px;font-weight:800;display:inline-flex}.button-primary{color:#031019;box-shadow:var(--glow-cyan);background:linear-gradient(135deg,#22dfff,#0b82ff)}.button-secondary{background:#05121fe6;border-color:#24dfff40}.button-danger{background:linear-gradient(135deg,#ff785b,#e3314c)}.button:disabled{cursor:not-allowed;opacity:.55}.wide-button{width:100%}.howto-overlay{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 20%,#24dfff2e,#0000 34%),#00030ac2;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.howto-dialog{width:min(100%,430px);max-height:calc(100svh - 36px);box-shadow:0 0 0 1px #24dfff26 inset, var(--glow-cyan), 0 22px 70px #00000094;background:radial-gradient(circle at 12% 0,#24dfff29,#0000 34%),linear-gradient(#031423fa,#020810fa);border:2px solid #24dfff94;border-radius:20px;gap:14px;padding:16px;display:grid;overflow:hidden}.howto-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.howto-header h2{margin:3px 0 0;font-size:29px;line-height:1}.howto-kicker{color:var(--cyan);text-transform:uppercase;font-size:12px;font-weight:900}.howto-close{flex:none}.howto-rule-grid{gap:8px;display:grid}.howto-rule-grid span{min-height:46px;color:var(--text);background:#040e19d6;border:1px solid #24dfff38;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;font-size:14px;font-weight:800;line-height:1.18;display:grid}.howto-rule-grid svg{color:var(--cyan);filter:drop-shadow(0 0 10px #24dfff9e)}.howto-swipe-row{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-weight:900;display:grid}.howto-side{background:#040e19e6;border:1px solid;border-radius:14px;place-items:center;min-height:44px;display:grid}.howto-left{color:var(--coral);box-shadow:0 0 18px #ff634f24}.howto-right{color:var(--cyan);box-shadow:0 0 18px #24dfff24}.ghost-nav{width:fit-content;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.intro-cover{aspect-ratio:1.86;object-fit:cover;border-bottom:1px solid #24dfff57;border-radius:18px 18px 0 0;width:100%}.intro-arena{z-index:1;border:2px solid var(--cyan-border);box-shadow:0 0 0 1px #24dfff2e inset, var(--glow-cyan), 0 18px 52px #0000005c;background:linear-gradient(#02182aeb,#030a14fa),#07111f;border-radius:25px;position:relative;overflow:hidden}.intro-copy{text-align:center;gap:7px;padding:12px 14px 14px;display:grid}.intro-copy h1{text-shadow:0 0 18px #ffffff1f;font-size:clamp(25px,7.2vw,34px);line-height:1.05}.intro-copy p{font-size:14px;line-height:1.28}.rules-grid{z-index:1;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:relative}.rule-cell{min-height:46px;color:var(--text);text-align:center;background:#040e19e6;border-color:#24dfff3b;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.rule-left{border-color:var(--coral-border);color:var(--coral);box-shadow:0 0 18px #ff634f1f}.rule-right{border-color:var(--cyan-border);color:var(--cyan);box-shadow:0 0 18px #24dfff1f}.timer-select-cell{z-index:5;color:var(--gold);border-color:#ffd6665c;padding:0 9px;position:relative;box-shadow:0 0 18px #ffd6661a}.timer-select-cell.is-open{border-color:#ffd666c2;box-shadow:inset 0 0 0 1px #ffd6662e,0 0 26px #ffd66633}.timer-select-trigger{min-width:0;color:var(--text);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;outline:none;flex:auto;font-size:13px;font-weight:900;line-height:1}.timer-select-trigger:focus-visible{color:var(--gold)}.timer-select-chevron{transition:transform .16s}.timer-select-cell.is-open .timer-select-chevron{transform:rotate(180deg)}.timer-select-cell svg{flex:none}.timer-select-menu{z-index:30;background:radial-gradient(circle at 18% 0,#ffd15d2e,#0000 38%),linear-gradient(#071520,#020810);border:1px solid #ffd6667a;border-radius:14px;padding:4px;display:grid;position:absolute;bottom:calc(100% + 8px);left:-1px;right:-1px;overflow:hidden;box-shadow:0 16px 34px #00000070,0 0 26px #ffd66629}.timer-select-menu button{min-height:26px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;font-size:12px;font-weight:900;display:grid}.timer-select-menu button span{min-width:0;padding-inline:8px 4px}.timer-select-menu button:hover,.timer-select-menu button:focus-visible{color:var(--cyan);background:#24dfff1c;outline:none}.timer-select-menu button.selected{color:var(--gold);background:#ffd15d24}.intro-stats{z-index:1;grid-template-columns:1fr 1fr;position:relative}.run-screen{flex-direction:column;gap:8px;height:100svh;padding:11px 18px 0;transition:background .16s;display:flex;position:relative;overflow:hidden}.run-screen:before,.run-screen:after{pointer-events:none;content:"";opacity:.55;width:74px;position:absolute;top:88px;bottom:92px}.run-screen:before{background:linear-gradient(115deg,#0000 20%,#0091ff38 22%,#0000 28%),linear-gradient(70deg,#0000 48%,#7c28ff3d 52%,#0000 58%);left:-54px}.run-screen:after{background:linear-gradient(245deg,#0000 20%,#ff305d33 22%,#0000 28%),linear-gradient(290deg,#0000 48%,#00d2ff2e 52%,#0000 58%);right:-54px}.correct-pulse{background:linear-gradient(#3affd824,#0000 38%)}.arcade-header{z-index:1;grid-template-columns:56px minmax(0,1fr) 66px;align-items:center;gap:8px;min-height:58px;display:grid;position:relative}.arcade-square-button,.arcade-challenge-button{min-width:0;color:var(--text);cursor:pointer;background:#040d18d1;border:2px solid #24dfff80;border-radius:16px;display:grid;box-shadow:inset 0 0 22px #24dfff29}.arcade-square-button{place-items:center;width:56px;height:56px}.arcade-challenge-button{color:#ffffffc7;border-color:#ffffff4d;place-items:center;width:66px;height:56px;font-size:12px;font-weight:800}.arcade-challenge-button span{margin-top:-3px}.arcade-logo{min-width:0;color:var(--text);text-align:center;text-transform:none;text-shadow:0 0 8px #ff634fbf,0 0 18px #ff634f6b;white-space:nowrap;justify-self:center;padding:6px 16px 7px;font-size:clamp(28px,9.4vw,44px);font-style:italic;font-weight:1000;line-height:.95;position:relative}.arcade-logo span{margin-right:4px}.arcade-logo:before,.arcade-logo:after{content:"";border-top:2px solid #ae41ffa6;border-bottom:2px solid #ae41ff80;width:23px;position:absolute;top:5px;bottom:5px}.arcade-logo:before{border-left:2px solid #ae41ffa6;left:0;transform:skew(-22deg)}.arcade-logo:after{border-right:2px solid #00d1ff8c;right:0;transform:skew(-22deg)}.arcade-logo strong{color:var(--cyan);text-shadow:0 0 8px #24dfffd9,0 0 20px #0088ff9e}.arcade-hud{z-index:1;background:linear-gradient(#060f1cdb,#02070eb8);border:1px solid #85b7dc21;border-radius:17px;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:58px;display:grid;position:relative;box-shadow:0 14px 32px #0000003d}.arcade-hud div{place-items:center;gap:3px;min-width:0;padding:7px;display:grid}.arcade-hud div+div{border-left:1px solid #8fa3b857}.arcade-hud span{color:var(--muted);font-size:13px;font-weight:800}.arcade-hud strong{color:var(--text);align-items:center;gap:6px;font-size:26px;font-weight:1000;line-height:1;display:inline-flex}.arcade-hud div:nth-child(2) strong,.arcade-hud div:nth-child(3) strong{color:var(--gold)}.round-icon-button,.icon-copy{border:1px solid var(--border);width:42px;height:42px;color:var(--text);cursor:pointer;background:#09121ce0;border-radius:8px;place-items:center;display:grid}.streak-badge{min-width:56px;height:42px;color:var(--gold);border:1px solid #ffd66661;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-weight:900;display:inline-flex}.score-bar{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.score-bar strong{color:var(--gold);align-items:center;gap:6px;font-size:20px;display:inline-flex}.timer-row{z-index:1;grid-template-columns:38px minmax(0,1fr) 52px;align-items:center;gap:9px;min-height:34px;display:grid;position:relative}.timer-clock{border:4px solid var(--coral);width:30px;height:30px;box-shadow:var(--glow-coral);border-radius:50%;justify-self:center;position:relative}.timer-clock:before,.timer-clock:after{background:var(--coral);content:"";transform-origin:50% 100%;border-radius:999px;width:4px;position:absolute;top:50%;left:50%}.timer-clock:before{height:10px;transform:translate(-50%,-100%)rotate(0)}.timer-clock:after{height:12px;transform:translate(-50%,-100%)rotate(115deg)}.timer-row strong{color:var(--coral);text-shadow:var(--glow-coral);font-size:21px;font-weight:1000}.timer-bar{background:#03101cf2;border:3px solid #0079b0a3;border-radius:999px;height:15px;overflow:hidden;box-shadow:inset 0 0 14px #0000009e}.timer-bar span{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg, var(--coral-deep), #ff8848, var(--gold));width:100%;height:100%;display:block}.swipe-stage{touch-action:none;flex:auto;place-items:center;min-height:0;padding:2px 0;display:grid;position:relative}.swipe-card{z-index:2;border:3px solid var(--cyan-border);width:min(100%,392px);height:100%;max-height:520px;box-shadow:0 0 0 1px #24dfff33 inset, var(--glow-cyan), 0 18px 60px #0000007a;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:linear-gradient(#02182ae6,#030a14fa),#07111f;border-radius:25px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden;touch-action:none!important}.swipe-card:active{cursor:grabbing}.card-prompt{color:var(--text);text-align:center;padding:16px 16px 11px;font-size:clamp(23px,6.6vw,32px);font-weight:1000;line-height:1.05}.card-image-wrap{background:linear-gradient(#04213aad,#00050c1f),#06101a;border-top:1px solid #24dfff47;border-bottom:1px solid #24dfff66;min-height:0;overflow:hidden}.card-image-wrap img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%}.card-body{text-align:center;justify-items:center;gap:6px;padding:13px 16px 17px;display:grid}.difficulty{border:1px solid var(--border);width:fit-content;color:var(--muted);text-transform:uppercase;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:900}.difficulty-easy{color:var(--cyan)}.difficulty-medium{color:var(--gold)}.difficulty-hard{color:var(--coral)}.card-body h2{letter-spacing:0;text-shadow:0 0 18px #ffffff1f;margin:0;font-size:clamp(30px,9vw,40px);line-height:1}.card-body p{color:var(--muted);margin:0;font-size:clamp(18px,5vw,26px);font-style:italic}.swipe-label{z-index:3;pointer-events:none;text-transform:uppercase;background:#030a14c7;border:2px solid;border-radius:8px;padding:11px 13px;font-size:17px;font-weight:1000;position:absolute;top:44%}.swipe-label-left{color:var(--coral);text-shadow:var(--glow-coral);left:4px;transform:rotate(-8deg);box-shadow:0 0 22px #ff634f47}.swipe-label-right{color:var(--cyan);text-shadow:var(--glow-cyan);right:4px;transform:rotate(8deg);box-shadow:0 0 22px #24dfff47}.swipe-controls{z-index:1;grid-template-rows:auto auto;grid-template-columns:1fr 48px 1fr;align-items:center;gap:5px;min-height:108px;padding-top:0;font-size:21px;font-weight:1000;display:grid;position:relative}.swipe-controls:after{color:#8fa3b8bd;content:"или";grid-area:2/2;place-self:center;font-size:17px;font-weight:900}.choice-button,.death-rule{text-align:center;justify-content:center;align-items:center;display:inline-flex}.choice-button{cursor:pointer;min-width:0;font:inherit;background:0 0;border:0;line-height:1.05}.choice-button:disabled{cursor:default;opacity:.62}.choice-button span{max-width:100%}.choice-left{min-height:64px;color:var(--coral);text-shadow:var(--glow-coral);flex-direction:column;grid-area:2/1}.choice-right{min-height:64px;color:var(--cyan);text-shadow:var(--glow-cyan);flex-direction:column;grid-area:2/3}.death-rule{border:2px solid var(--coral-border);min-height:38px;color:var(--coral);box-shadow:var(--glow-coral);white-space:nowrap;background:#380b14d1;border-radius:18px;grid-area:1/1/auto/-1;justify-self:center;gap:5px;padding:6px 17px;font-size:17px}.arcade-bottom-nav{z-index:1;background:#01060ed1;border-top:1px solid #85b7dc29;flex:0 0 60px;grid-template-columns:repeat(3,1fr);height:60px;min-height:60px;margin:auto -18px 0;display:grid;position:relative}.arcade-bottom-nav button{color:#8fa3b8b8;cursor:pointer;background:0 0;border:0;place-items:center;gap:2px;font-size:12px;font-weight:800;display:grid}.arcade-bottom-nav button.active{color:var(--cyan-deep)}.arcade-bottom-nav button.active:after{background:var(--cyan-deep);width:52px;height:4px;box-shadow:var(--glow-cyan);content:"";border-radius:999px}.result-hero{border:2px solid var(--coral-border);box-shadow:var(--glow-coral), 0 18px 42px #00000052;background:radial-gradient(circle at 18% 8%,#ff634f2e,#0000 32%),linear-gradient(135deg,#ff2f4f29,#030a14f5);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;padding:11px 13px;display:grid}.result-hero svg{grid-row:1/span 2}.result-hero h1{font-size:28px}.result-hero p{margin:0;font-size:14px}.result-win{border-color:var(--cyan-border);box-shadow:var(--glow-cyan), 0 18px 42px #00000052;background:radial-gradient(circle at 18% 8%,#24dfff2e,#0000 32%),linear-gradient(135deg,#18d3ff29,#030a14f5)}.result-summary{grid-template-columns:repeat(2,1fr);gap:7px}.result-summary span{background:#020c16e0;border-color:#24dfff3d;min-height:43px;padding:8px 10px;box-shadow:inset 0 0 16px #24dfff0a}.result-summary strong{font-size:19px}.result-primary-actions{gap:0}.result-retry-button{border:2px solid #24dfffe6;min-height:58px;font-size:17px;box-shadow:0 0 28px #24dfff75,0 12px 34px #0088ff47}.result-secondary-actions .button{min-height:40px}.explanation-card{background:linear-gradient(#021526f0,#030a14fa),#06101a;border:1px solid #24dfff57;border-radius:16px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid;box-shadow:0 0 24px #24dfff1f}.explanation-card img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.challenge-cover.image-fit-contain,.intro-cover.image-fit-contain,.card-image-wrap img.image-fit-contain,.explanation-card img.image-fit-contain{object-fit:contain}.explanation-card img.image-fit-contain{aspect-ratio:1}.explanation-card h2{margin:5px 0 2px;font-size:22px;line-height:1}.explanation-card p{margin:5px 0 0;font-size:13px;line-height:1.18}.result-kicker{color:var(--gold);align-items:center;gap:6px;font-size:11px;font-weight:900;display:inline-flex}.completion-panel,.share-block{border:1px solid var(--cyan-border);background:linear-gradient(135deg,#0a334ab3,#020c16f0),#06101a;border-radius:14px;padding:10px;box-shadow:0 0 24px #24dfff1f}.share-block{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.share-block p{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;margin:0;font-size:13px;line-height:1.2;display:-webkit-box;overflow:hidden}.share-block .button{min-height:40px}.share-block .icon-copy{width:40px;height:40px}.error-text{color:var(--coral)}@media (height<=780px){.home-screen,.intro-screen,.result-screen{gap:10px}.result-screen{padding-top:8px}.result-screen .arcade-header{grid-template-columns:52px minmax(0,1fr) 60px;min-height:52px}.result-screen .arcade-square-button{width:52px;height:52px}.result-screen .arcade-challenge-button{width:60px;height:52px;font-size:11px}.result-screen .arcade-logo{padding-inline:12px;font-size:clamp(27px,8.4vw,36px)}.result-hero{padding:9px 11px}.result-hero h1{font-size:24px}.result-hero p{font-size:13px}.result-summary{gap:6px}.result-summary span{min-height:38px;padding:6px 8px;font-size:11px}.result-summary strong{font-size:18px}.result-retry-button{min-height:56px;font-size:17px}.explanation-card{grid-template-columns:104px minmax(0,1fr);gap:8px;padding:8px}.explanation-card h2{margin-top:4px;font-size:20px}.explanation-card p{margin-top:4px;font-size:12px;line-height:1.12}.explanation-subtitle,.explanation-short{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.explanation-subtitle{-webkit-line-clamp:1}.explanation-short{-webkit-line-clamp:2}.explanation-long{display:none}.result-kicker{font-size:10px}.share-block{grid-template-columns:1fr auto;gap:6px;padding:8px}.share-block p{display:none}.share-block .button{min-height:38px;padding-block:8px}.share-block .icon-copy{width:38px;height:38px}.result-secondary-actions .button{min-height:38px;padding-block:8px}}@media (height<=700px){.arcade-page,.result-screen{padding-top:8px}.home-screen,.intro-screen,.result-screen{gap:8px}.arcade-header{grid-template-columns:52px minmax(0,1fr) 60px;min-height:52px}.arcade-square-button{width:52px;height:52px}.arcade-challenge-button{width:60px;height:52px;font-size:11px}.arcade-logo{padding-inline:12px;font-size:clamp(27px,8.4vw,36px)}.arcade-hud{border-radius:14px;min-height:48px}.arcade-hud div{gap:2px;padding:5px}.arcade-hud span{font-size:11px}.arcade-hud strong{font-size:22px}.challenge-list{gap:8px}.challenge-tile{border-radius:14px;grid-template-columns:82px minmax(0,1fr) 20px;gap:9px;min-height:88px;padding:7px 8px}.challenge-cover{border-radius:10px;width:82px}.challenge-copy{gap:3px}.challenge-copy strong{font-size:15px}.challenge-copy>span:not(.tile-meta){-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.15;display:-webkit-box;overflow:hidden}.tile-meta{gap:5px;font-size:11px}.home-actions{gap:6px}.home-actions .button{min-height:40px;padding:9px 12px}.home-actions .button:disabled{display:none}.arcade-bottom-nav{flex-basis:56px;height:56px;min-height:56px}.arcade-bottom-nav button{font-size:11px}.arcade-bottom-nav button svg{width:22px;height:22px}.arcade-bottom-nav button.active:after{width:44px;height:3px}.howto-overlay{padding:10px}.howto-dialog{gap:9px;max-height:calc(100svh - 20px);padding:12px}.howto-header h2{font-size:24px}.howto-kicker{font-size:10px}.howto-rule-grid{gap:6px}.howto-rule-grid span{min-height:38px;padding:7px 9px;font-size:12px}.howto-swipe-row{gap:7px}.howto-side{min-height:36px;font-size:13px}}@media (height<=600px){.result-secondary-actions{display:none}}@media (width<=420px){.screen{padding-inline:14px}.arcade-header{grid-template-columns:52px minmax(0,1fr) 58px;gap:6px;min-height:52px}.arcade-square-button{width:52px;height:52px}.arcade-challenge-button{width:58px;height:52px;font-size:10px}.arcade-logo{padding-inline:8px;font-size:clamp(27px,8vw,32px)}.arcade-logo:before,.arcade-logo:after{width:16px}}@media (width>=520px){.app-shell{padding:20px 0}.screen{background:#040a11c7;border:1px solid #ffffff14;border-radius:8px;min-height:calc(100vh - 40px)}.home-screen.arcade-page,.intro-screen.arcade-page,.result-screen{height:calc(100vh - 40px)}.run-screen{height:calc(100vh - 40px);max-height:calc(100vh - 40px)}}