.sg-play{max-width:36rem;margin-left:auto;margin-right:auto}.sg-head{text-align:center}.sg-status{color:var(--ff-anvil,#2d2d2d);margin-top:var(--space-8);min-height:1.4em;font-weight:700}.sg-controls{justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-12);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.sg-diffs{gap:var(--space-4);display:inline-flex}.sg-diff{min-height:44px;padding-left:var(--space-16);padding-right:var(--space-16);border:2px solid var(--ff-outline,#2a1f1a);background:var(--ff-warm,#f2f3f7);color:var(--ff-anvil,#2d2d2d);cursor:pointer;border-radius:999px;font-weight:700}.sg-diff--on{background:var(--pc-select,#3a5fa8);color:#fff;border-color:var(--pc-select,#3a5fa8)}.sg-diff:focus-visible,.sg-reset:focus-visible{outline:3px solid var(--ff-focus,#3a5fa8);outline-offset:2px}.sg-hand{align-items:center;gap:var(--space-8);min-height:44px;margin-top:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.sg-hand-label{color:var(--ff-anvil,#2d2d2d);font-size:.95rem;font-weight:700}.sg-hand-empty{color:var(--ff-anvil,#2d2d2d);opacity:.5}.sg-hp{min-width:44px;min-height:44px;padding-left:var(--space-8);padding-right:var(--space-8);border:2px solid var(--sg-tile-ring,#6e5836);background:var(--ff-paper,#fff);color:var(--ff-anvil,#2d2d2d);cursor:pointer;align-items:center;gap:var(--space-4);border-radius:8px;font-weight:700;display:inline-flex}.sg-hp[disabled]{cursor:default;opacity:.85}.sg-hp--sel{outline:3px solid var(--pc-select,#3a5fa8);outline-offset:1px}.sg-hp:focus-visible{outline:3px solid var(--ff-focus,#3a5fa8);outline-offset:2px}.sg-hp-l{border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-weight:800;display:inline-flex}.sg-hp-l--b{background:var(--sg-tile-b,#f5ead0);color:var(--sg-tile-b-label,#3a2c18);border:1px solid var(--sg-tile-ring,#6e5836)}.sg-hp-l--w{background:var(--sg-tile-w,#5b6b86);color:var(--sg-tile-w-label,#f2f4f8);border:1px solid var(--sg-tile-ring,#6e5836)}.sg-stage{padding:var(--space-12);justify-content:center;display:flex}.sg-board-track{justify-content:center;width:100%;display:flex;overflow-x:auto}.sg-board{touch-action:manipulation;width:100%;min-width:360px}.sg-plate{fill:var(--sg-plate,#e8cf9a);stroke:var(--sg-plate-ring,#7a5a2e);stroke-width:3px}.sg-grid line{stroke:var(--sg-line,#8a6a38);stroke-width:1.4px}.sg-target{fill:var(--sg-target,#3a5fa8);opacity:.85;stroke:var(--sg-target,#3a5fa8);stroke-width:3px}.sg-tile-bg{stroke:var(--sg-tile-ring,#6e5836);stroke-width:1.5px}.sg-tile--b .sg-tile-bg{fill:var(--sg-tile-b,#f5ead0)}.sg-tile--w .sg-tile-bg{fill:var(--sg-tile-w,#5b6b86)}.sg-tile-t{font-size:22px;font-weight:800}.sg-tile--b .sg-tile-t{fill:var(--sg-tile-b-label,#3a2c18)}.sg-tile--w .sg-tile-t{fill:var(--sg-tile-w-label,#f2f4f8)}.sg-tile--pro .sg-tile-t{fill:var(--sg-pro,#c0392b)}.sg-tile-plus{fill:var(--sg-pro,#c0392b);font-size:15px;font-weight:800}.sg-tile--b .sg-tile-dir{fill:var(--sg-dir-b,#3a5fa8)}.sg-tile--w .sg-tile-dir{fill:var(--sg-dir-w,#e0b24a)}.sg-tile-t,.sg-tile-plus,.sg-tile-dir,.sg-tile-bg{pointer-events:none}.sg-tile--sel .sg-tile-bg{stroke:var(--pc-select,#3a5fa8);stroke-width:4px}.sg-tile--check .sg-tile-bg{stroke:var(--sg-check,#e05a5a);stroke-width:4px}.sg-hit{pointer-events:none}.sg-hit--on{pointer-events:all;cursor:pointer}.sg-hit--on:focus-visible{stroke:var(--ff-focus,#3a5fa8);stroke-width:3px;outline:none}.sg-promo{justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.sg-promo-q{color:var(--ff-anvil,#2d2d2d);font-weight:700}@media (prefers-reduced-motion:no-preference){.sg-tile-bg{transition:stroke .12s}}.dt-drill-stage{padding:var(--space-8);justify-content:center;display:flex}.dt-drill-mark{stroke-width:4px}.dt-drill-mark--from{stroke:var(--pc-select,#3a5fa8);stroke-dasharray:5 4}.dt-drill-mark--to{stroke:var(--pc-correct,#2e7d32)}.dt-drill-choices,.dt-rush-opts{margin-top:var(--space-12)}.dt-rush{gap:var(--space-12);flex-direction:column;display:flex}.dt-rush-intro,.dt-rush-result{text-align:center}.dt-rush-title{margin:0 0 var(--space-8);color:var(--ff-anvil,#2d2d2d);font-size:1.4rem;font-weight:800}.dt-rush-final{margin:var(--space-8) 0;color:var(--ff-anvil,#2d2d2d);font-size:1.15rem;font-weight:700}.dt-rush-hud{color:var(--ff-anvil,#2d2d2d);justify-content:space-between;font-weight:700;display:flex}.dt-rush-bar{height:var(--space-8);background:color-mix(in oklab, var(--ff-outline,#2a1f1a) 18%, transparent);border-radius:6px;overflow:hidden}.dt-rush-bar-fill{background:var(--pc-select,#3a5fa8);height:100%;transition:width 1s linear}@media (prefers-reduced-motion:reduce){.dt-rush-bar-fill{transition:none}}.dt-rush-q{text-align:center;margin:0}.dt-rush-board{justify-content:center;display:flex}.dt-predict-track,.dt-vision-track{gap:var(--space-16);flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;display:flex}.dt-predict-reveal{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.dt-predict-cap{margin:0;font-weight:700}.dt-vision-choices{margin-top:var(--space-12)}.dt-tsume-track{gap:var(--space-16);flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;display:flex}.dt-tsume-line{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-height:1.2em;color:var(--ff-muted,currentColor)}.dt-tsume-choices-host{width:100%}.dt-tsume-tiers{gap:var(--space-12);margin:var(--space-16) 0 var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.dt-tier-btn{min-height:44px}.dt-tier-btn[aria-pressed=true]{outline:3px solid var(--pc-select,currentColor);outline-offset:2px;font-weight:700}.dtl-board{width:100%;max-width:26rem;height:auto;margin-inline:auto;display:block}@media (width>=1000px){.pc-theme-droptale .sg-play{max-width:none}.pc-theme-droptale .ff-sxs-main{flex:auto;min-width:0}.pc-theme-droptale .ff-sxs-main .dtl-board-wrap{width:100%}.pc-theme-droptale .ff-sxs-main .dtl-board{width:100%;max-width:min(100%,100dvh - 13rem);max-height:calc(100dvh - 13rem);margin-inline:auto}.pc-theme-droptale .ff-sxs-main .sg-stage,.pc-theme-droptale .ff-sxs-main .dt-drill-stage,.pc-theme-droptale .ff-sxs-main .dt-predict-stage,.pc-theme-droptale .ff-sxs-main .dt-tsume-stage,.pc-theme-droptale .ff-sxs-main .dt-rush-stage{width:100%}.pc-theme-droptale .ff-sxs-main .sg-board-track,.pc-theme-droptale .ff-sxs-main .dt-predict-track,.pc-theme-droptale .ff-sxs-main .dt-tsume-track,.pc-theme-droptale .ff-sxs-main .dt-rush-board{width:100%;overflow:visible}.pc-theme-droptale .ff-sxs-main .sg-board{width:100%;max-width:min(100%,100dvh - 15rem);max-height:calc(100dvh - 15rem);margin-inline:auto}}.dtl-choice:not([class*=--correct]):not([class*=--incorrect]):not([class*=--wrong]){border:2px solid var(--ff-outline);background:var(--ff-warm);color:var(--ff-anvil);box-shadow:0 2px 0 var(--ff-outline);border-radius:.7rem}.dtl-continue{text-align:center;background:var(--ff-forge);color:#fff;border-color:var(--ff-forge);justify-content:center;font-weight:800}.dtl-continue:hover{transform:translateY(-1px)}.pc-theme-droptale.pc-immersive{--pc-env-bg:url(/play/droptale/env.webp) center / cover no-repeat, linear-gradient(to bottom, #efe4c8 0%, #e2d3a8 28%, #d6c493 56%, #c8b47e 100%);--pc-env-bg-dark:url(/play/droptale/env-dark.webp) center / cover no-repeat, linear-gradient(to bottom, #17130d 0%, #201a12 42%, #262019 100%);--pc-env-bg-flat:url(/play/droptale/env.webp) center / cover no-repeat, oklab(80.273% -.000192694 .0706944);--pc-env-bg-flat-dark:url(/play/droptale/env-dark.webp) center / cover no-repeat, #201a12}@media (width>=900px){.pc-theme-droptale.pc-immersive{max-width:min(1320px,96vw)}.pc-theme-droptale.pc-immersive>.pc-cast{max-width:72rem;margin-inline:auto}}.dt-kits{margin:.4rem 0 1rem}.dt-kits-summary{cursor:pointer;color:var(--ff-anvil);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;list-style:none;display:flex}.dt-kits-summary::-webkit-details-marker{display:none}.dt-kits-summary:before{content:"▸";color:var(--pc-select);font-weight:800}.dt-kits[open] .dt-kits-summary:before{content:"▾"}.dt-castle-stage{align-items:center;gap:var(--space-12,12px);flex-direction:column;width:100%;display:flex}.dt-castle-stage .sg-board{width:100%;max-width:24rem;height:auto}.dt-castle-halo{cursor:pointer}.dt-castle-halo circle{stroke:var(--pc-select,#3a5fa8);stroke-width:3px;stroke-dasharray:4 3;opacity:.9}.dt-castle-halo:hover circle{opacity:1;stroke-width:4px}.dt-castle-halo-l{fill:var(--pc-select,#3a5fa8);paint-order:stroke;stroke:#ffffffa6;stroke-width:2px;font-size:20px;font-weight:800}.dt-castle-halo--right circle{stroke:#2e8b57;stroke-dasharray:none;stroke-width:5px;opacity:1}.dt-castle-halo--right .dt-castle-halo-l{fill:#2e8b57}.dt-castle-halo--wrong circle{stroke:#c0392b;stroke-dasharray:none;stroke-width:5px;opacity:1}.dt-castle-halo--wrong .dt-castle-halo-l{fill:#c0392b}.dt-castle-reveal{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.dt-castle-cap{color:var(--ff-anvil);margin:0;font-weight:800}.dt-castle-choices{flex-direction:column;gap:.5rem;margin-top:.4rem;display:flex}
