.ct-controls{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.ct-stage{justify-content:center;display:flex}.ct-board{grid-template-columns:repeat(var(--ct-size,8), 1fr);aspect-ratio:1;border:3px solid var(--ff-outline);border-radius:.4rem;gap:0;width:min(92vw,42rem,100dvh - 13rem);display:grid;overflow:hidden}.ct-board--mini{width:min(70vw,20rem)}@media (aspect-ratio>=1) and (width>=1000px){.pc-theme-crowntales.pc-immersive .ct-board--mini{width:min(56vw,34rem,100dvh - 20rem)}}.ct-sq{aspect-ratio:1;cursor:default;border:none;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}button.ct-sq{cursor:pointer}button.ct-sq:disabled{cursor:default}.ct-sq--light{background:var(--ff-paper)}.ct-sq--dark{background:color-mix(in oklab, var(--pc-select) 22%, var(--ff-paper))}.ct-sq--sel{box-shadow:inset 0 0 0 3px var(--pc-select)}.ct-sq--dest:after{content:"";background:var(--pc-select);opacity:.55;border-radius:50%;width:34%;height:34%}.ct-disc{border:2px solid var(--ff-outline);border-radius:50%;justify-content:center;align-items:center;width:72%;height:72%;font-size:1.1rem;line-height:1;display:flex;box-shadow:0 2px 3px #00000059}.ct-disc--red{color:#fff2c8;background:#cf4040}.ct-disc--black{color:#e8b23a;background:#33333c}.ct-disc--king{box-shadow:0 0 0 3px var(--ff-spark), 0 2px 3px #00000059}.ct-sq{position:relative}.ct-sq--mark{box-shadow:inset 0 0 0 3px var(--ff-spark)}.ct-sq-badge{background:var(--ff-anvil);min-width:1.15rem;height:1.15rem;color:var(--ff-paper);border:1.5px solid var(--ff-paper);border-radius:999px;justify-content:center;align-items:center;padding:0 .15rem;font-size:.78rem;font-weight:800;line-height:1;display:flex;position:absolute;top:4%;left:4%;box-shadow:0 1px 2px #0006}.ct-shot-opts{gap:.5rem;margin-top:.6rem;display:grid}.ct-shot-opt{text-align:left}.ct-shot-opt--correct{border-color:var(--pc-correct);background:var(--pc-correct-bg)}.ct-shot-opt--wrong{border-color:var(--pc-incorrect);background:var(--pc-incorrect-bg)}@media (aspect-ratio>=1) and (width>=900px){.ff-sxs-main .ct-stage{width:auto;margin:0}.ff-sxs-main .ct-board{width:min(100dvh - 15rem,56vw,100vw - 40rem);max-width:min(100dvh - 15rem,56vw,100vw - 40rem)}}.ct-pattern-opts{gap:.5rem;margin-top:.7rem;display:grid}.ct-rush-intro{text-align:center}.ct-rush-title{margin:0 0 .4rem;font-size:1.25rem}.ct-rush-final{margin:.3rem 0;font-size:1.15rem;font-weight:700}.ct-rush-stage{align-self:stretch}.ct-rush-hud{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;width:100%;margin-bottom:.4rem;font-weight:700;display:flex}.ct-rush-time{color:var(--pc-select,var(--ff-anvil,inherit))}.ct-rush-q{text-align:center;margin:.4rem 0;font-weight:600}.ct-rush-board{justify-content:center;margin:.4rem 0;display:flex}.ct-rush-opts{margin-top:.6rem}.ct-rush-bar{background:color-mix(in oklab, var(--pc-select,#9c5b2e) 18%, var(--ff-paper,#fff));border:1px solid var(--ff-outline,#00000026);border-radius:4px;width:100%;height:8px;margin-bottom:.6rem;overflow:hidden}.ct-rush-bar-fill{background:var(--pc-select,#9c5b2e);height:100%;transition:width 1s linear}@media (prefers-reduced-motion:reduce){.ct-rush-bar-fill{transition:none}}.pc-theme-crowntales.pc-immersive{--pc-env-bg:url(/play/crowntales/env.webp) center / cover no-repeat, linear-gradient(to bottom, #efe4d4 0%, #e8dac2 26%, #e0d0b7 60%, #dac9ad 86%, #d6c5a8 100%);--pc-env-bg-dark:url(/play/crowntales/env-dark.webp) center / cover no-repeat, linear-gradient(to bottom, #13100b 0%, #16120c 42%, #12100a 74%, #0f0d08 100%);--pc-env-bg-flat:url(/play/crowntales/env.webp) center / cover no-repeat, oklab(88.0168% .00621108 .0361218);--pc-env-bg-flat-dark:url(/play/crowntales/env-dark.webp) center / cover no-repeat, #15110b}.ct-kits{margin:.4rem 0 1rem}.ct-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}.ct-kits-summary::-webkit-details-marker{display:none}.ct-kits-summary:before{content:"▸";color:var(--pc-select);font-weight:800}.ct-kits[open] .ct-kits-summary:before{content:"▾"}.ct-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}.ct-continue{text-align:center;background:var(--ff-forge);color:#fff;border-color:var(--ff-forge);justify-content:center;font-weight:800}.ct-continue:hover{transform:translateY(-1px)}
