.sd-stage{--sd-height:490px;box-sizing:border-box;background:var(--sd-bed);max-width:800px;color:var(--sd-ink);background-image:radial-gradient(ellipse at 90% 5%, color-mix(in srgb, var(--sd-frame) 38%, transparent), transparent 60%);border-radius:22px;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"field side""note note";gap:16px 28px;margin:0 auto;padding:24px;display:grid}.sd-field{flex-direction:column;grid-area:field;align-items:center;gap:12px;min-width:0;display:flex}.sd-tray{grid-template-columns:1fr 3fr;gap:10px;width:100%;max-width:340px;height:65px;display:grid}.sd-tray>div{border-bottom:1px solid var(--sd-frame);min-width:0}.sd-tray span{letter-spacing:.08em;text-transform:uppercase;color:var(--sd-ink);font-size:11px;font-weight:700;display:block}.sd-tray canvas{object-fit:contain;width:100%;height:43px;display:block}.sd-coming>div{align-items:center;height:43px;display:flex}.sd-coming canvas{width:33.333%}.sd-tray .sd-tray-off{letter-spacing:0;text-transform:none;padding-top:10px;font-size:12px;font-weight:400}.sd-planter{border:1px solid var(--sd-leaf);background:var(--sd-frame);color:var(--sd-ink);box-shadow:0 6px 0 color-mix(in srgb, var(--sd-frame), #000 18%), 0 18px 32px #00000012;width:min(100%, var(--sd-height) * var(--sd-cols) / var(--sd-rows));box-sizing:content-box;border-radius:14px;padding:8px}.sd-board{width:100%;aspect-ratio:var(--sd-cols) / var(--sd-rows);background:var(--sd-bed);color:var(--sd-ink);outline-offset:5px;touch-action:manipulation;border-radius:7px;position:relative;overflow:hidden}.sd-board:focus-visible{outline:3px solid var(--sd-ink)}.sd-board canvas{width:100%;height:100%;display:block}.sd-sidebar{flex-direction:column;grid-area:side;justify-content:space-between;gap:18px;min-width:0;display:flex}.sd-story{text-align:center;color:var(--sd-leaf)}.sd-eyebrow{color:var(--sd-ink);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;display:block}.sd-illustration{width:190px;max-width:100%;height:130px;margin:6px auto -8px;display:block}.sd-story h2{color:var(--sd-ink);font-family:var(--font-accent);letter-spacing:-.04em;margin:0;font-size:30px;font-weight:400}.sd-story p{color:var(--sd-ink);margin:8px 0 0;font-size:12px;line-height:1.5}.sd-hud{border-block:1px solid var(--sd-frame);color:var(--sd-ink);grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin:0;padding:13px 0;display:grid}.sd-hud div{text-align:center;min-width:0}.sd-hud dt{font-size:11px;font-weight:600}.sd-hud dd{font-size:23px;font-family:var(--font-accent);font-variant-numeric:tabular-nums;margin:3px 0 0;line-height:1.15}.sd-hud small{font-size:13px}.sd-controls{gap:10px;min-width:0;display:grid}.sd-control-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.sd-control-main{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:12px;display:grid}.sd-movement{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.sd-stage[data-hand=right] .sd-control-main{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.sd-stage[data-hand=right] .sd-movement{grid-area:1/2}.sd-stage[data-hand=right] .sd-drop{grid-area:1/1}.sd-action{border:1px solid var(--sd-leaf);background:var(--sd-bed);min-width:0;min-height:52px;color:var(--sd-ink);cursor:pointer;touch-action:none;user-select:none;-webkit-touch-callout:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 2px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.sd-action>span{font-size:25px;line-height:1}.sd-action>.sd-reserve-state{font-size:11px;font-weight:700;line-height:25px}.sd-action small{text-align:center;font-size:11px;line-height:1.15}.sd-action[aria-disabled=true]{cursor:default;border-style:dashed}.sd-control-main .sd-action{min-height:60px;box-shadow:0 3px 0 color-mix(in srgb, var(--sd-frame), #000 12%)}.sd-drop{background:var(--sd-ink);color:var(--sd-bed)}.sd-begin,.sd-reserve{border-color:var(--sd-frame)}.sd-action:active:not([aria-disabled=true]),.sd-action[data-pressed=true]{box-shadow:inset 0 0 0 3px}.sd-action:focus-visible{outline:3px solid var(--sd-ink);outline-offset:3px}.sd-controls-disc{grid-template-columns:144px minmax(0,1fr);align-items:start;gap:12px}.sd-disc-group{justify-items:center;gap:5px;min-width:0;display:grid}.sd-disc{--dpad-size:144px;--line:var(--sd-frame);--paper:var(--sd-bed);--ink:var(--sd-ink);--gold:var(--sd-leaf);--focus:var(--sd-ink);box-sizing:border-box}.sd-disc[data-active=up] .game-dpad-up,.sd-disc[data-active=down] .game-dpad-down,.sd-disc[data-active=left] .game-dpad-left,.sd-disc[data-active=right] .game-dpad-right{box-shadow:inset 0 0 0 2px}.sd-disc-hint{white-space:nowrap;font-size:11px;line-height:14px}.sd-disc button{width:32%;height:32%}.sd-disc .game-dpad-up{top:1%;left:34%}.sd-disc .game-dpad-down{bottom:1%;left:34%}.sd-disc .game-dpad-left{top:34%;left:1%}.sd-disc .game-dpad-right{top:34%;right:1%}.sd-disc-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.sd-disc-actions .sd-action{min-height:44px}.sd-disc-drop,.sd-disc-actions .sd-begin{flex-direction:row;grid-column:1/-1}.sd-stage[data-hand=right] .sd-controls-disc{grid-template-columns:minmax(0,1fr) 144px}.sd-stage[data-hand=right] .sd-disc-group{grid-area:1/2}.sd-stage[data-hand=right] .sd-disc-actions{grid-area:1/1}.sd-stage[data-hand=right] .sd-disc-drop{grid-area:auto/1/auto/-1}.sd-caption{text-align:center;color:var(--sd-ink);flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:11px;display:flex}.sd-caption strong{font-weight:700}.sd-message{text-align:center;min-height:40px;color:var(--sd-ink);grid-area:note;margin:0;font-size:12px;line-height:20px}.sd-message strong,.sd-message span{display:block}.sd-message[data-bloom=true] strong{text-decoration:underline;text-decoration-color:var(--sd-leaf);text-underline-offset:3px}.sd-result-comparison,.sd-result-cascade{margin-top:8px;font-size:13px;display:block}.sd-result-comparison{font-weight:600}.sd-advanced{margin-block:18px}.sd-advanced summary{cursor:pointer;box-sizing:border-box;min-height:44px;padding-block:12px;font-weight:600}.sd-bindings{gap:8px;margin-bottom:16px;display:grid}.sd-bindings label{justify-content:space-between;align-items:center;gap:12px;display:flex}.sd-bindings input{text-align:center;width:100px;min-height:44px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px}.sd-inspect{max-width:100%;overflow:auto}.sd-inspect [role=row]{display:flex}.sd-inspect button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:var(--paper)}.sd-inspect-button{border:1px solid var(--sd-leaf);min-height:44px;color:var(--sd-ink);background:var(--sd-bed);cursor:pointer;border-radius:8px;padding:4px 12px}.sd .game-result-art svg{width:160px;max-height:100px;color:var(--muted)}@media (hover:hover) and (pointer:fine){.sd-action:hover:not([aria-disabled=true]){box-shadow:inset 0 0 0 1px var(--sd-leaf)}}@media (width<=640px){.sd-stage{--sd-height:430px;grid-template-columns:minmax(0,1fr);grid-template-areas:"stats""field""controls""caption""note";gap:10px;padding:14px 18px}.sd-sidebar{display:contents}.sd-story{display:none}.sd-hud{border-top:0;grid-area:stats;justify-self:center;width:100%;max-width:340px;padding:0 0 8px}.sd-hud dd{margin-top:1px;font-size:21px}.sd-controls{grid-area:controls;justify-self:center;gap:12px;width:100%;max-width:340px}.sd-tray{height:50px}.sd-tray canvas,.sd-coming>div{height:32px}.sd-field{gap:8px}.sd-planter{max-width:calc(100% - 14px);padding:6px}.sd-caption{grid-area:caption}.sd-message{min-height:32px;font-size:11px;line-height:16px}}:is(.game-frame:fullscreen,.game-frame-expanded) .sd-stage{--sd-height:min(520px, 100cqh - 156px);gap:10px 28px;max-width:800px;min-height:100cqh;padding-block:14px}@container game (width<=640px){:is(.game-frame:fullscreen,.game-frame-expanded) .sd-stage{--sd-height:min(520px, 100cqh - 392px);grid-template-columns:minmax(0,1fr);grid-template-areas:"stats""field""controls""caption""note";align-content:center;gap:7px;padding:8px 16px}:is(.game-frame:fullscreen,.game-frame-expanded) .sd-stage:has(.sd-caption button){--sd-height:min(520px, 100cqh - 424px)}.sd-sidebar{display:contents}.sd-story{display:none}.sd-hud{border-top:0;grid-area:stats;justify-self:center;width:100%;max-width:340px;padding:0 0 5px}.sd-controls{grid-area:controls;justify-self:center;width:100%;max-width:340px}.sd-caption{grid-area:caption}.sd-tray{height:50px}.sd-tray canvas,.sd-coming>div{height:32px}.sd-field{gap:8px}.sd-planter{max-width:calc(100% - 14px);padding:6px}}@container game (height<=500px) and (width>=641px){:is(.game-frame:fullscreen,.game-frame-expanded) .sd-stage{--sd-height:calc(100cqh - 76px);grid-template-columns:260px 320px;grid-template-areas:"field stats""field controls""field caption""field note";align-content:center;gap:4px 26px;max-width:650px;padding:4px 12px}:is(.game-frame:fullscreen,.game-frame-expanded) .sd-stage:has(.sd-caption button){--sd-height:calc(100cqh - 128px);grid-template-areas:"field stats""field controls""caption note"}.sd-sidebar{display:contents}.sd-story{display:none}.sd-hud{border-top:0;grid-area:stats;padding:1px 0}.sd-hud dd{margin-top:1px;font-size:20px}.sd-controls{grid-area:controls}.sd-caption{grid-area:caption}.sd-tray{height:44px}.sd-tray canvas,.sd-coming>div{height:28px}.sd-field{gap:6px}.sd-planter{padding:5px}.sd-message{min-height:32px;font-size:11px;line-height:16px}}@media (prefers-reduced-motion:reduce){.sd-stage *,.sd-stage :before,.sd-stage :after{transition:none!important;animation:none!important}}