.tk-game{grid-template:"top""board"minmax(0,1fr)"bottom"/minmax(0,1fr);gap:.5rem;padding:.5rem .6rem .7rem;display:grid;position:absolute;inset:0}.tk-top{flex-wrap:wrap;grid-area:top;justify-content:space-between;align-items:center;gap:.4rem .8rem;min-width:0;display:flex}.tk-board-area{grid-area:board;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.tk-bottom{flex-direction:column;grid-area:bottom;align-items:center;gap:.45rem;min-width:0;display:flex}.tk-row{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.tk-status{text-align:center;min-height:1.4em;color:var(--gk-muted);margin:0;font-size:1rem;line-height:1.35}@media (aspect-ratio>=5/4) and (width>=700px),(aspect-ratio>=3/2) and (height<=540px){.tk-game{grid-template:"board top""board bottom"minmax(0,1fr)/minmax(0,1fr) minmax(15rem,19rem);column-gap:1.2rem;padding:.8rem 1rem}.tk-top{flex-direction:column;justify-content:flex-start;align-items:stretch}.tk-bottom{justify-content:flex-start;align-items:stretch}.tk-row{justify-content:flex-start}.tk-status{text-align:left}}.tk-board{--tk-w:48px;--tk-h:48px;--tk-ms:.16s;--tk-gap:calc(var(--tk-w) * var(--tk-gap-share,.06));width:calc(var(--tk-cols) * var(--tk-w));height:calc(var(--tk-rows) * var(--tk-h));touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.tk-board[data-swipe=cell],.tk-board[data-swipe=board]{touch-action:none}.tk-slots{grid-template-columns:repeat(var(--tk-cols),var(--tk-w));grid-template-rows:repeat(var(--tk-rows),var(--tk-h));pointer-events:none;display:grid;position:absolute;inset:0}.tk-slot{margin:calc(var(--tk-gap) / 2);border-radius:14%}.tk-tiles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tk-tile{width:calc(var(--tk-w) - var(--tk-gap));height:calc(var(--tk-h) - var(--tk-gap));translate:calc(var(--c) * var(--tk-w) + var(--tk-gap) / 2) calc(var(--r) * var(--tk-h) + var(--tk-gap) / 2);transition:translate var(--tk-ms) cubic-bezier(.3,.7,.4,1),scale var(--tk-ms) ease-out,opacity var(--tk-ms) ease-out;background:var(--gk-card);z-index:1;border-radius:14%;place-items:center;display:grid;position:absolute;top:0;left:0;overflow:hidden}.tk-board.tk-instant .tk-tile,.tk-tile.tk-instant{transition:none!important}.tk-tile.tk-enter-pop{scale:0}.tk-tile.tk-enter-fade{opacity:0}.tk-tile.tk-leaving{z-index:0}.tk-tile.tk-leave-pop{opacity:0;transition:translate var(--tk-ms) ease,scale .18s ease-in,opacity .18s ease-in;scale:.2}.tk-tile.tk-leave-fade{opacity:0;transition:opacity .18s ease-in}.tk-tile.tk-ghost{z-index:1}.tk-tile.tk-pop{z-index:2;animation:.26s ease-out tk-bounce}.tk-board .tk-tile.tk-hint{animation:.9s ease-in-out 2 tk-glow}.tk-tile.tk-nope{animation:.3s ease-in-out tk-shake}.tk-board .tk-tile.tk-glow{box-shadow:0 0 0 3px var(--gk-gold),0 0 14px 4px #e8c66f}@keyframes tk-bounce{45%{scale:1.16}to{scale:1}}@keyframes tk-glow{50%{box-shadow:0 0 0 3px var(--gk-gold),0 0 16px 6px #e8c66f}}@keyframes tk-shake{25%{transform:translate(-7%)}75%{transform:translate(7%)}}.tk-cells{grid-template-columns:repeat(var(--tk-cols),var(--tk-w));grid-template-rows:repeat(var(--tk-rows),var(--tk-h));z-index:3;display:grid;position:absolute;inset:0}.gk-shell .tk-cell,.gk-shell button.tk-cell:hover{cursor:pointer;width:100%;min-width:0;height:100%;min-height:0;color:inherit;background:0 0;border:0;border-radius:14%;margin:0;padding:0}.gk-shell div.tk-cell{cursor:default}.gk-shell .tk-cell:focus-visible{outline:3px solid var(--gk-focus);outline-offset:-3px;box-shadow:inset 0 0 0 6px #fffbe9cc}@media (hover:hover){.gk-shell button.tk-cell:hover{box-shadow:inset 0 0 0 2px #2c443755}}.gk-shell .tk-cell.tk-selected,.gk-shell button.tk-cell.tk-selected:hover{box-shadow:inset 0 0 0 4px var(--gk-gold),inset 0 0 0 7px #fffbe9cc}.tk-modes{flex-wrap:wrap;gap:.4rem;display:flex}.gk-shell .tk-modes button{text-align:left;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.4rem .75rem;line-height:1.15;display:flex}.tk-mode-name{font-size:1.02rem}.tk-mode-note{color:var(--gk-muted);font-size:.78rem}.tk-hud{flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;margin:0;display:flex}.tk-hud-item{flex-direction:column;min-width:3.6rem;display:flex}.tk-hud-item[hidden]{display:none}.tk-hud dt{letter-spacing:.06em;text-transform:uppercase;color:var(--gk-muted);font-size:.74rem}.tk-hud dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.3rem;line-height:1.2}.tk-card{z-index:20;background:var(--gk-paper);border:1px solid var(--gk-rule);text-align:center;border-radius:16px;flex-direction:column;width:min(23rem,100% - 1rem);max-height:calc(100% - 1rem);padding:1.1rem 1.2rem;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 12px 40px #0004}.tk-card[hidden]{display:none}.tk-card-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gk-muted);margin:0 0 .2rem;font-size:.78rem}.tk-card-title{margin:0 0 .5rem;font-size:1.6rem;font-weight:400;line-height:1.15}.tk-card-eyebrow,.tk-card-title,.tk-card-actions{flex:none}.tk-card-body{min-height:0;overflow:auto}.tk-card-extra{flex:none;min-height:0;max-height:55%;overflow:auto}.tk-card-extra[hidden]{display:none}.tk-card-body p{margin:.4rem 0;line-height:1.45}.tk-card-actions{flex-direction:column;gap:.45rem;margin-top:.8rem;display:flex}.tk-board-area:has(.tk-card:not([hidden])) .tk-board{filter:saturate(.7)brightness(.95)}.tk-dev-note{z-index:4;color:var(--gk-muted);pointer-events:none;background:#fffbe9d9;border-radius:6px;margin:0;padding:.1rem .45rem;font-size:.72rem;position:absolute;bottom:.3rem;right:.4rem}