.snk-hud{grid-template-columns:1fr 1fr;gap:6px 8px;margin:0 0 6px;display:grid}.snk-player{background:#0000000a;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;padding:6px 10px;font-size:.9rem;display:flex;box-shadow:inset 0 0 0 1px #0000001a}.snk-player.is-right{text-align:right;justify-content:flex-end}.snk-player.is-turn{background:#7fb06933;box-shadow:inset 0 0 0 2px #3f7d52}.snk-score{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1}.snk-run{color:#2f6b45;font-size:.82rem;font-weight:700}.snk-on{color:color-mix(in srgb, currentColor 80%, transparent);grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:.86rem;display:flex}.snk-swatches{gap:2px;display:inline-flex}.snk-swatches i{background:radial-gradient(circle at 35% 30%, #fff8 0 18%, var(--c) 22%);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0003}.snk-status{min-height:1.4em;margin:0 0 6px;font-size:.92rem}.snk-status span{color:color-mix(in srgb, currentColor 75%, transparent)}.snk-board{background:radial-gradient(at 50% 20%,#e3ecd0,#bfd3a0);border-radius:14px;place-items:center;padding:8px;display:grid}.snk-svg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:8px;width:100%;max-height:min(62vh,560px);display:block}.snk-board.is-vertical .snk-svg{width:auto;max-width:100%;height:min(76vh,660px)}.snk-svg:focus-visible{outline-offset:2px;outline:3px solid #f2c23a}.snk-leaf{fill:#8fbf6f;opacity:.85}.snk-vine{fill:none;stroke:#a7cf86;stroke-width:.35px;opacity:.45}.snk-baulk{stroke:#ffffff45;stroke-width:.28px}.snk-d{fill:none;stroke:#ffffff45;stroke-width:.28px}.snk-d.is-active{stroke:#fffc;stroke-width:.4px;fill:#ffffff10}.snk-spot{fill:#ffffff60}.snk-guide{stroke:#fffc;stroke-width:.3px;stroke-dasharray:1.3 .9;fill:none;pointer-events:none}.snk-guide.is-object{stroke:#fde68a;stroke-dasharray:none;stroke-width:.35px;opacity:.85}.snk-guide.is-cue{stroke:#ffffffa0;stroke-dasharray:.5 .8;stroke-width:.28px}.snk-drop{stroke:#0005;stroke-width:.15px;pointer-events:none}.snk-ghost{fill:#fff2;stroke:#fffd;stroke-width:.28px;pointer-events:none}.snk-ghost.is-wrong{stroke:#ff8a7a;fill:#ff8a7a22}.snk-target-ring{fill:none;stroke:#fde68a;stroke-width:.26px;opacity:.55}.snk-hand{fill:none;stroke:#fff;stroke-width:.35px;stroke-dasharray:.8 .6;animation:1.6s linear infinite snk-hand}.snk-stick{pointer-events:none;filter:drop-shadow(.3px .5px .25px #0006)}@keyframes snk-hand{to{stroke-dashoffset:-2.8px}}@media (prefers-reduced-motion:reduce){.snk-hand{animation:none}}.snk-controls{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:10px 0 4px;display:flex}.snk-controls label{flex:220px;align-items:center;gap:10px;font-size:.92rem;display:flex}.snk-controls label>span{font-variant-numeric:tabular-nums;min-width:5.5em}.snk-controls input[type=range]{accent-color:#3f7d52;flex:1;min-width:120px;height:28px}.snk-nudge{gap:6px;display:flex}.snk-controls button{font:inherit;color:#26331f;cursor:pointer;background:#fffdf6;border:1px solid #0000002a;border-radius:10px;min-width:44px;min-height:44px;padding:8px 14px}.snk-controls .snk-shoot{color:#fff;background:#3f7d52;border-color:#2f6340;padding:8px 24px;font-weight:700}.snk-controls button:disabled{opacity:.5;cursor:default}@media (max-width:640px){.snk-player{padding:5px 7px;font-size:.82rem}.snk-score{font-size:1.15rem}.snk-on{font-size:.8rem}.snk-board{padding:4px}.snk-controls .snk-shoot{flex:100%}}.snk-decision{color:#3a2f12;background:#fff4d6;border-radius:12px;margin:0 0 8px;padding:10px 12px;font-size:.92rem;box-shadow:inset 0 0 0 2px #e0b94a}.snk-decision p{margin:0 0 8px}.snk-decision div{flex-wrap:wrap;gap:8px;display:flex}.snk-decision button,.snk-nominate button{font:inherit;color:#26331f;cursor:pointer;background:#fffdf6;border:1px solid #0000002a;border-radius:10px;min-height:44px;padding:8px 14px}.snk-decision button:first-child{color:#fff;background:#4d8a45;border-color:#3b6d35;font-weight:700}.snk-nominate{background:#0000000a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:4px 0;padding:6px 10px;font-size:.9rem;display:flex}.snk-nominate.is-needed{color:#3a2f12;background:#fff4d6;box-shadow:inset 0 0 0 2px #e0b94a}.snk-nominate>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.snk-nominate button[aria-pressed=true]{box-shadow:0 0 0 3px #4d8a45}.snk-nominate button:disabled{opacity:.5;cursor:default}.snk-nominate .snk-name{background:radial-gradient(circle at 36% 32%, #fff8 0 16%, var(--c) 34%);border:1px solid #0005;border-radius:50%;width:44px;min-width:44px;padding:0}.game-immersive .snk-stage{height:calc(var(--game-view-height) - 12px);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) clamp(150px,26%,230px);gap:4px 10px;display:grid}.game-immersive .snk-hud{grid-column:1/-1;min-height:46px;margin:0;padding-right:52px}.game-immersive :is(.snk-status,.snk-decision){grid-column:1;margin:0}.game-immersive .snk-status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-immersive .snk-board{grid-area:3/1;height:100%;min-height:0;padding:4px}.game-immersive .snk-board .snk-svg{width:100%;height:100%;max-height:none}.game-immersive .snk-controls{flex-flow:column;grid-area:2/2/5;align-items:stretch;gap:6px;min-height:0;margin:0;overflow:auto}.game-immersive .snk-controls label{flex-direction:column;flex:none;align-items:stretch;gap:2px}.game-immersive .snk-controls input[type=range]{min-width:0}.game-immersive .snk-nudge{justify-content:center}.game-immersive .snk-controls .snk-shoot{flex:none;order:-1}.game-immersive .snk-nominate{grid-area:4/1;margin:0}@media (max-width:600px){.mp-cue .snk-board.is-vertical .snk-svg{height:min(76vh,660px,100dvh - 300px)}}
