.app--tetris{grid-template-rows:auto auto 1fr}.app--tetris>.topbar{grid-row:1}.app--tetris>.tt-tray{grid-row:2}.app--tetris>.tt-board{grid-row:3}:root{--tt-well-bg:#0a1222;--tt-grid:#ffffff0b;--tt-slot:#ffffff0d}:root[data-theme=light]{--tt-well-bg:#1d2942;--tt-grid:#ffffff0f;--tt-slot:#18284612}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--tt-well-bg:#1d2942;--tt-grid:#ffffff0f;--tt-slot:#18284612}}.tt-tray{justify-content:space-between;align-items:flex-end;gap:12px;padding:2px 16px 6px;display:flex}.tt-tray-group{flex-direction:column;gap:3px;min-width:0;display:flex}.tt-tray-group--next{align-items:flex-end}.tt-tray-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:.62rem;font-weight:700}.tt-next-row{gap:6px;display:flex}.tt-slot{background:var(--tt-slot);border-radius:9px;place-items:center;width:44px;height:34px;padding:4px;display:grid}.tt-slot--hold{color:inherit;font:inherit;cursor:pointer;touch-action:none;border:0}.tt-slot--hold:disabled{cursor:default}.tt-slot.is-spent{opacity:.38}.tt-mini{grid-template-columns:repeat(var(--mini-cols), 1fr);grid-template-rows:repeat(var(--mini-rows), 1fr);width:calc(var(--mini-cols) * 7px);height:calc(var(--mini-rows) * 7px);gap:1px;display:grid}.tt-mini-cell{background:var(--p);box-shadow:inset 0 -2px 0 var(--p-shade);border-radius:2px}.tt-board{min-height:0;padding:0 16px calc(12px + env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-items:center;display:grid;container-type:size}.tt-board.is-loading .tt-frame{visibility:hidden}.tt-frame{isolation:isolate;aspect-ratio:10/20;background:var(--tt-well-bg);width:min(100cqw,50cqh - 6px,360px);box-shadow:0 14px 34px var(--shadow), inset 0 1px 0 var(--glass);border-radius:12px;padding:5px;position:relative}.tt-well{grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);gap:1px;width:100%;height:100%;display:grid}.tt-cell{background:var(--tt-grid);border-radius:2px}.tt-cell[data-cell]{background:var(--p);box-shadow:inset 0 -2px 0 var(--p-shade), inset 0 1px 0 #ffffff38}.tt-cell[data-cell^=g]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--p) 55%, transparent);background:0 0}.tt-cell[data-cell="0"],.tt-cell[data-cell=g0]{--p:var(--tt-p0);--p-shade:var(--tt-p0-shade)}.tt-cell[data-cell="1"],.tt-cell[data-cell=g1]{--p:var(--tt-p1);--p-shade:var(--tt-p1-shade)}.tt-cell[data-cell="2"],.tt-cell[data-cell=g2]{--p:var(--tt-p2);--p-shade:var(--tt-p2-shade)}.tt-cell[data-cell="3"],.tt-cell[data-cell=g3]{--p:var(--tt-p3);--p-shade:var(--tt-p3-shade)}.tt-cell[data-cell="4"],.tt-cell[data-cell=g4]{--p:var(--tt-p4);--p-shade:var(--tt-p4-shade)}.tt-cell[data-cell="5"],.tt-cell[data-cell=g5]{--p:var(--tt-p5);--p-shade:var(--tt-p5-shade)}.tt-cell[data-cell="6"],.tt-cell[data-cell=g6]{--p:var(--tt-p6);--p-shade:var(--tt-p6-shade)}.tt-well.is-clearing{animation:.22s ease-out tt-flash}.tt-well.is-clearing[data-clear="4"]{animation-duration:.36s}@keyframes tt-flash{0%{filter:brightness(2.1)}to{filter:brightness()}}@media (prefers-reduced-motion:reduce){.tt-well.is-clearing{animation:none}}.tt-resume{z-index:2;background:color-mix(in srgb, var(--tt-well-bg) 84%, transparent);color:#eef3fb;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;border-radius:12px;place-items:center;font-size:1rem;font-weight:700;display:grid;position:absolute;inset:0}.tt-resume[hidden]{display:none!important}@media (max-height:680px){.tt-slot{width:38px;height:29px}}