@layer components{.gt-stage{background:radial-gradient(80% 50% at 50% 30%,#2b0c19 0%,#0a0507 70%);padding:0}.gt-board{flex-direction:column;justify-content:center;gap:8px;width:min(760px,100% - 24px);display:flex;position:absolute;top:46px;bottom:150px;left:50%;translate:-50%}.gt-found{text-align:center;height:clamp(60px,9vh,80px);animation:gt-land .46s var(--ease-pop) both;border-radius:14px;flex:none;align-content:center;place-items:center;gap:3px;padding:0 14px;display:grid}.gt-found b{letter-spacing:.01em;font-size:15px;font-weight:800}.gt-found span{opacity:.86;font-size:13.5px;font-weight:550}@keyframes gt-land{0%{opacity:0;transform:scale(.92)translateY(14px)}to{opacity:1;transform:none}}.gt-grid{min-height:0;max-height:calc(var(--rows) * 92px + (var(--rows) - 1) * 8px);flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(52px,1fr);gap:8px;display:grid;container-type:inline-size}.gt-board[data-rows="4"]{--rows:4}.gt-board[data-rows="3"]{--rows:3}.gt-board[data-rows="2"]{--rows:2}.gt-board[data-rows="1"]{--rows:1}.gt-tile{min-width:0;font-size:max(11px, min(20px, calc((25cqw - 14px) / (var(--len) * .6))));letter-spacing:-.01em;text-align:center;color:#0d0d0f;transition:transform .2s var(--ease-spring), background .14s ease, color .14s ease, box-shadow .14s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(#f6f3ec,#e8e3d8);border-radius:14px;place-items:center;padding:0 3px;font-weight:750;line-height:1.05;display:grid;position:relative;box-shadow:inset 0 -3px #0000001f,0 1px #ffffff14}.gt-tile span{overflow-wrap:anywhere}.gt-tile:active{transform:scale(.95)}.gt-tile.is-on{color:#fff;background:linear-gradient(#4b4258,#3a3246);transform:translateY(-2px);box-shadow:inset 0 -3px #00000059,0 8px 18px -8px #000000b3}.gt-tile:focus-visible{outline:3px solid var(--rn);outline-offset:2px}.gt-tile.is-hop{animation:gt-hop .3s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms)}.gt-tile.is-wrong{animation:gt-shake .38s var(--ease-out) both}@keyframes gt-hop{40%{transform:translateY(-14px)}to{transform:translateY(-2px)}}@keyframes gt-shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@media (hover:hover){.gt-tile:not(.is-on):hover{filter:brightness(1.04)}}.gt-toast{z-index:5;white-space:nowrap;color:#0d0d0f;animation:pop .26s var(--ease-pop) both;background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:650;position:absolute;top:52px;left:50%;translate:-50%;box-shadow:0 10px 24px -10px #0009}.gt-lives{left:50%;bottom:max(90px, calc(env(safe-area-inset-bottom) + 78px));color:var(--on-dark-dim);align-items:center;gap:7px;font-size:13.5px;font-weight:550;display:flex;position:absolute;translate:-50%}.gt-lives span{margin-right:4px}.gt-lives i{width:12px;height:12px;transition:background .3s ease, transform .3s var(--ease-pop);background:#ffffff24;border-radius:50%}.gt-lives i.on{background:var(--rn)}.gt-lives i:not(.on){transform:scale(.75)}.gt-actions{width:min(560px,100% - 32px);left:50%;bottom:max(22px, calc(env(safe-area-inset-bottom) + 12px));gap:8px;display:flex;position:absolute;translate:-50%}.gt-actions .key{flex:1 1 0;min-width:0;padding:0 10px}.gt-actions .gt-submit{flex:1.4 1 0}.gt-sum{justify-items:center;gap:14px;display:grid}.gt-sum-bars{gap:6px;width:min(100%,340px);display:grid}.gt-sum-bars .gt-found{border-radius:10px;height:auto;padding:8px 10px;animation:none}.gt-sum-bars .gt-found b{font-size:13px}.gt-sum-bars .gt-found span{font-size:12px}.gt-sum-grid{gap:4px;display:grid}.gt-sum-grid div{gap:4px;display:flex}.gt-sum-grid i{border-radius:5px;width:18px;height:18px}@media (prefers-reduced-motion:reduce){.gt-found,.gt-tile.is-hop,.gt-tile.is-wrong,.gt-toast{animation:none}}}