@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/tile-rush/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/tile-rush/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff)format("woff")}:root{--games-display-font:"Bricolage Grotesque", system-ui, sans-serif;--games-accent:var(--accent,#c6fa68);--games-on-accent:var(--background,#0c100f);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink,#f4f2e9);background:var(--background,#0c1010);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,select{font:inherit;touch-action:manipulation}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden],.overlay[hidden]{display:none}#stage{background:var(--background);width:min(100%,400px);height:100dvh;margin-inline:auto;position:relative;overflow:hidden}.board-surface{inset:0 0 env(safe-area-inset-bottom,0px);width:100%;margin-inline:auto;position:absolute}.board-surface:after{content:"";z-index:12;border-inline:1px solid color-mix(in srgb, var(--ink) 18%, var(--background));pointer-events:none;position:absolute;inset:0}#board{touch-action:none;outline:none;width:100%;height:100%;display:block}.timer{top:max(76px, calc(env(safe-area-inset-top,0px) + 60px));width:100%;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-shadow:0 1px 12px var(--background), 0 0 3px var(--background);pointer-events:none;justify-content:center;align-items:baseline;gap:.25em;font-size:36px;font-weight:700;line-height:1;display:flex;position:absolute;left:0}.timer span{text-transform:uppercase;letter-spacing:0;font-size:.6em}#stage:not([data-screen=playing],[data-screen=miss]) .timer{visibility:hidden}.overlay{z-index:10;padding:max(64px, env(safe-area-inset-top,0px)) 22px max(24px, env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--background) 83%, transparent);text-align:center;place-items:center;display:grid;position:absolute;inset:0}.menu-content,.results-content{width:min(100%,400px)}h1,h2{letter-spacing:-.045em;margin:0;font-weight:800;line-height:1.1}h1{color:var(--accent);font-size:36px}h2{font-size:32px}#description{max-width:310px;margin:24px auto 32px;font-size:18px;font-weight:600;line-height:1.5}.menu-actions{gap:12px;width:190px;margin-inline:auto;display:grid}.primary,.secondary,select{border:1px solid #0000;border-radius:9px;min-height:48px;padding:11px 16px;font-size:16px;font-weight:650}.primary{background:var(--accent);color:var(--background)}.secondary,select{color:var(--ink);background:var(--panel);border-color:color-mix(in srgb, var(--ink) 18%, transparent)}.mode-select{width:100%;position:relative}.mode-select:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:17px;transform:translateY(-70%)rotate(45deg)}.mode-trigger{text-align:center;width:100%;padding-inline:36px;display:block}.mode-options{z-index:20;inset-inline:0;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:var(--panel);border-radius:9px;padding:4px;position:absolute;top:calc(100% + 6px);box-shadow:0 8px 24px #0005}.mode-select[data-open-above=true] .mode-options{top:auto;bottom:calc(100% + 6px)}.mode-options [role=option]{width:100%;min-height:44px;color:var(--ink);text-align:center;background:0 0;border:0;border-radius:5px;padding:10px 16px;font-size:16px;display:block}.mode-options [aria-selected=true]{background:color-mix(in srgb, var(--accent) 10%, var(--panel))}.mode-options [role=option]:hover,.mode-options [role=option]:focus-visible{background:color-mix(in srgb, var(--accent) 20%, var(--panel));outline:none}.text-button{min-height:44px;color:var(--muted);background:0 0;border:0;font-size:13px}.mode-note{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.5}.result-reason{color:var(--muted);margin:0 0 12px;font-size:13px}.result-stats{gap:14px;width:min(230px,100%);margin:28px auto;font-size:24px;font-weight:700;display:grid}.result-stats div{justify-content:space-between;align-items:baseline;gap:32px;display:flex}.result-stats dt{color:var(--muted);font-size:18px}.result-stats dd{font-variant-numeric:tabular-nums;margin:0}.result-stats .best-cps-stat{border-top:1px solid color-mix(in srgb, var(--accent) 25%, transparent);color:var(--accent);padding-top:14px}.result-stats .best-cps-stat dt{color:inherit}.result-actions{justify-content:center;gap:12px;display:flex}.result-actions button{min-width:110px}#new-best{color:var(--accent);margin:-13px 0 22px;font-size:13px}.finish-button{top:max(15px, env(safe-area-inset-top,0px));left:max(12px, env(safe-area-inset-left,0px));z-index:5;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);min-height:38px;color:var(--muted);background:var(--background);border-radius:8px;padding:6px 12px;font-size:12px;position:absolute}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lane-controls:focus-within{z-index:20;clip-path:none;justify-content:center;gap:12px;width:auto;height:auto;margin:0;display:flex;inset:auto 12px 12px;overflow:visible}.lane-controls button{border:1px solid var(--muted);width:48px;min-height:44px;color:var(--ink);background:var(--panel);border-radius:8px}@media (prefers-reduced-motion:no-preference){.menu-content,.results-content{animation:.24s cubic-bezier(.2,.8,.2,1) both menu-in}button{transition:transform .12s,background-color .12s}button:active{transform:scale(.96)}}@keyframes menu-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-height:500px){.overlay{padding-block:54px 12px}h1{font-size:34px}#description{margin:12px auto 18px;font-size:16px}.menu-actions{gap:8px}.primary,.secondary,select{min-height:42px;padding-block:7px}.text-button{min-height:32px}.mode-note{margin-top:7px}.result-stats{gap:8px;margin-block:16px;font-size:22px}.result-reason{margin-bottom:8px}#new-best{margin:-5px 0 12px}.timer{font-size:36px;top:66px}}
