.g-tile-match{--tile:40px;--slot:40px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 0 4px}.g-tile-match .tm-field{position:relative;margin:0 auto}.g-tile-match .tm-tile{position:absolute;width:var(--tile);height:var(--tile);padding:0;margin:0;cursor:pointer;border:1px solid #a89f84;border-radius:18%;background:#fffdf5;box-shadow:2px 3px #9a9279,0 3px 7px rgba(0,0,0,.28);display:block;font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.g-tile-match .tm-tile[hidden]{display:none}.g-tile-match .tm-face{position:absolute;inset:11%;display:block;pointer-events:none}.g-tile-match .tm-face svg{width:100%;height:100%;display:block}.g-tile-match .tm-tile.is-blocked{cursor:default}.g-tile-match .tm-tile.is-blocked::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(28,32,48,.5);pointer-events:none}.g-tile-match .tm-tile.is-free:hover{transform:translateY(-2px)}.g-tile-match .tm-tile:focus-visible{outline:3px solid var(--focus);outline-offset:1px;z-index:500}.g-tile-match .tm-tile.is-hint{outline:3px solid var(--gold);outline-offset:1px;z-index:400;animation:tm-pulse .8s ease-in-out infinite alternate}.g-tile-match .tm-tray{display:flex;gap:4px;padding:6px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);max-width:100%}.g-tile-match .tm-slot{position:relative;width:var(--slot);height:var(--slot);border-radius:18%;border:2px dashed var(--line);box-sizing:border-box;flex:none}.g-tile-match .tm-slot.is-full{border:1px solid #a89f84;background:#fffdf5;box-shadow:1px 2px #9a9279;animation:tm-pop .14s ease-out}@keyframes tm-pulse{from{transform:scale(1)}to{transform:scale(1.08)}}@keyframes tm-pop{from{transform:scale(.7)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.g-tile-match .tm-tile.is-hint,.g-tile-match .tm-slot.is-full{animation:none}}