.snk-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.snk-board{aspect-ratio:1;border-radius:var(--r-md);background:var(--game);touch-action:none;-webkit-tap-highlight-color:transparent;width:min(100%,560px);box-shadow:var(--hard);position:relative;overflow:hidden}.snk-canvas{width:100%;height:100%;display:block}.snk-board:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 0 0 0 3px var(--ink);position:absolute;inset:0}.snk-board--wrap:before{content:"";z-index:1;border:2.5px dashed var(--white);pointer-events:none;border-radius:11px;position:absolute;inset:6px}.snk-overlay{z-index:2;text-align:center;animation:snk-fade .2s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.snk-overlay--start{pointer-events:none;justify-content:flex-end;padding-bottom:9%}.snk-card{background:var(--white);border:var(--edge);border-radius:var(--r-md);max-width:min(360px,100%);box-shadow:var(--hard);animation:snk-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:6px;padding:14px 20px 15px;display:flex}.snk-overlay--pause,.snk-overlay--over{background:#fff7ddb8}.snk-overlay-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(18px,4.4vw,24px);font-weight:800;line-height:1.1}.snk-overlay--pause .snk-overlay-title,.snk-overlay--over .snk-overlay-title{letter-spacing:-.04em;font-size:clamp(30px,7vw,42px)}.snk-overlay-sub{color:var(--ink-2);text-wrap:balance;max-width:34ch;margin:0;font-size:14px;font-weight:600}@keyframes snk-fade{0%{opacity:0}}@keyframes snk-pop{0%{opacity:0;transform:translateY(10px)scale(.94)rotate(-1.5deg)}}.snk-pad{touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:54px 54px;grid-template-columns:repeat(3,76px);grid-template-areas:".up.""left down right";gap:6px;display:none}.snk-pad.is-on{display:grid}@media (pointer:coarse){.snk-pad{display:grid}}.snk-pad button{border:var(--edge);background:var(--white);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease-spring), box-shadow .12s var(--ease-spring), background .12s;border-radius:14px;place-items:center;display:grid}@media (hover:hover){.snk-pad button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}}.snk-pad button:active{box-shadow:0 0 0 var(--ink);background:var(--game);transform:translate(3px,3px)}.snk-pad-up{grid-area:up}.snk-pad-left{grid-area:left}.snk-pad-down{grid-area:down}.snk-pad-right{grid-area:right}.snk-hint-touch{display:none}@media (pointer:coarse){.snk-hint-keys{display:none}.snk-hint-touch{display:inline}}.snk-dialog-hint{color:var(--ink-3);margin:0;font-size:13px;font-weight:600}@media (pointer:coarse){.snk-dialog-hint{display:none}}