.snk{max-width:420px;margin:0 auto}.snk-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:10px}.snk-stat{flex:1 1 68px;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);text-align:center;line-height:1.2}.snk-stat span{display:block;font-size:var(--fs-xs);color:var(--muted)}.snk-stat b{font-size:19px;font-variant-numeric:tabular-nums}.snk-bar{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:10px}.snk-wrap{flex:1;display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--muted);cursor:pointer}.snk-bar .btn{flex:0 0 auto}.snk-boardwrap{position:relative}.snk-board{display:grid;grid-template-columns:repeat(20,1fr);gap:1px;padding:var(--sp-1);border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--line);direction:ltr;touch-action:none;-webkit-user-select:none;user-select:none}.snk-cell{aspect-ratio:1;border-radius:2px;background:var(--panel)}.snk-cell.is-body{background:var(--accent)}.snk-cell.is-head{background:var(--text)}.snk-cell.is-food{background:var(--hue-red);border-radius:50%}.snk-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);text-align:center;border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 88%,transparent)}.snk-over-title{font-size:var(--fs-xl);font-weight:700;margin:0}.snk-over-sub{color:var(--muted);margin:0}.snk-over-btns{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.snk-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--sp-2);max-width:260px;margin:10px auto 0;direction:ltr}.snk-key{padding:var(--sp-3) 0;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:18px;cursor:pointer}.snk-key:active{background:var(--panel2)}.snk-up{grid-column:2;grid-row:1}.snk-left{grid-column:1;grid-row:2}.snk-down{grid-column:2;grid-row:2}.snk-right{grid-column:3;grid-row:2}.snk-hint{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--muted)}