:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,rgba(80,180,255,.18),transparent 34%),linear-gradient(180deg,#0a1020,#05070e);color:#eef6ff}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior:none}.app-shell{min-height:100vh;min-height:100dvh;display:grid;gap:1.5rem;justify-items:center;align-content:start;padding:2rem;box-sizing:border-box}.app-shell--touch-locked{touch-action:none;overscroll-behavior:none}.app-header{width:fit-content;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.95rem 1rem}.app-header h1{margin:0;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:.08em;text-transform:uppercase;min-width:0}.game-layout{width:min(100%,59rem);display:grid;grid-template-columns:41rem 18rem;gap:1rem;align-items:start;justify-content:center}.canvas-frame{padding:.75rem;border-radius:1rem;background:#070d16d1;border:1px solid rgba(122,190,255,.24);box-shadow:0 24px 48px #00000059;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.board-canvas{touch-action:none;overscroll-behavior:none}.board-canvas canvas{touch-action:none}.tet-swipe-pad{touch-action:none;min-height:7rem;padding:1rem;border-radius:1rem;border:1px dashed rgba(122,190,255,.26);background:linear-gradient(180deg,#0a121feb,#070d16d6),radial-gradient(circle at top,rgba(80,180,255,.16),transparent 58%);color:#d8e8fa;box-sizing:border-box;display:grid;gap:.35rem;align-content:center;justify-items:center;text-align:center;user-select:none;-webkit-user-select:none}.tet-swipe-pad[aria-disabled=true]{opacity:.55}.tet-swipe-pad__title{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#9eb5ca}.tet-swipe-pad__hint{font-size:.95rem;line-height:1.35;max-width:28rem}.canvas-frame canvas{display:block;width:100%;height:100%;border-radius:.5rem;background:#06111f}.canvas-frame--preview canvas{aspect-ratio:1}@media (max-width: 48rem){.app-shell{padding:.75rem;gap:.9rem}.app-header,.game-layout{width:100%}.app-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.app-header--portrait{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.55rem}.app-header h1{font-size:clamp(1.6rem,7vw,2.4rem);flex:0 0 auto}.hud-panel{width:auto;flex:1 1 auto;min-width:0;justify-items:end}.hud-stats{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.hud-stat,.seed-display{padding-inline:.45rem}.app-header--portrait .hud-panel{width:100%;justify-items:start}.app-header--portrait .hud-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.game-layout{grid-template-columns:1fr;gap:.75rem;justify-items:center}.canvas-frame{padding:.5rem;border-radius:.9rem}.tet-swipe-pad{width:100%;max-width:100%}}.seed-display{display:inline-flex;flex-direction:column;gap:.15rem;margin:0;padding:.45rem .8rem;border:1px solid var(--seed-accent, rgba(170, 220, 255, .35));border-radius:999px;background:#080f1acc;box-shadow:inset 0 0 0 1px #ffffff0a;letter-spacing:.08em}.seed-display__button,.seed-display__input{width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;box-sizing:border-box}.seed-display__button{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;text-align:inherit;cursor:text}.seed-display__button:focus-visible,.seed-display__input:focus-visible{outline:2px solid color-mix(in srgb,var(--seed-accent, #f8e16c) 72%,white);outline-offset:2px}.seed-display__input{display:block;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;caret-color:var(--seed-accent, #f8e16c);text-align:inherit}.seed-display__label{font-size:.72rem;text-transform:uppercase;opacity:.8}.seed-display__value{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hud-panel{display:grid;justify-items:end}.hud-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.hud-stat{min-width:7.5rem;display:grid;gap:.2rem;padding:.55rem .75rem;border-radius:.85rem;background:#080f1ac7;border:1px solid rgba(170,220,255,.2);box-shadow:inset 0 0 0 1px #ffffff08}.hud-stat__topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hud-stat--score-toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;font:inherit;color:inherit;cursor:pointer;padding:0;border:0;background:transparent;box-shadow:none}.hud-stat--score-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--hud-score-accent, #8fd3ff) 72%,white);outline-offset:2px}.hud-stat--score-toggle:hover{background:transparent}.hud-score-toggle__icon{width:2.15rem;height:2.15rem;flex:0 0 auto;padding:.22rem;border-radius:999px;color:#f7fbff;background:color-mix(in srgb,var(--hud-score-accent, #8fd3ff) 52%,rgba(170,220,255,.2));box-shadow:0 0 0 1px #ffffff14;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.hud-stat__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.78}.hud-stat__value{font-variant-numeric:tabular-nums;font-size:1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hud-stat--health{border-color:color-mix(in srgb,var(--hud-health-accent, #ff8a80) 52%,rgba(170,220,255,.2))}.hud-stat--score{border-color:color-mix(in srgb,var(--hud-score-accent, #8fd3ff) 52%,rgba(170,220,255,.2))}.hud-stat--speed{border-color:color-mix(in srgb,var(--hud-speed-accent, #7dd3a7) 52%,rgba(170,220,255,.2))}.hud-panel__seed{align-self:end}@media (max-width: 48rem){.seed-display{padding:.3rem .55rem;gap:.08rem}.seed-display__label,.hud-stat__label{font-size:.62rem}.hud-panel{width:50%;justify-items:start;text-align:left;gap:.5rem}.hud-stats{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.hud-stat{min-width:0;padding:.42rem .55rem}.hud-stat__value{font-size:.95rem}.hud-score-toggle__icon{width:1.8rem;height:1.8rem;padding:.18rem}}