.approved-cast-load-status{z-index:91;color:#fff7dd;max-width:min(720px,100vw - 20px);font:700 12px/1.35 var(--font-ui);background:#5d214bee;border:2px solid #fff7dd;margin:0;padding:7px 10px;position:fixed;bottom:8px;left:10px}.cast-dialog{width:min(1120px,100vw - 24px);max-width:none;height:min(840px,100dvh - 24px);max-height:none;color:var(--ui-ink);border:3px solid var(--ui-ink);background:#eae3d1;border-radius:14px;padding:0;overflow:hidden;box-shadow:0 24px 80px #071018b8,inset 0 0 0 1px #fff8}.cast-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071019e8}.cast-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.cast-heading{z-index:2;color:#f8f2df;border-bottom:2px solid var(--ui-ink);background:linear-gradient(105deg,#17202a 0 57%,#2c2742 100%);padding:16px 22px 13px;position:relative}.cast-heading:after{content:"";opacity:.2;pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 10px,#dfe983 10px 12px);width:24%;height:100%;position:absolute;top:0;right:4%}.cast-heading .overline{color:var(--ui-acid);letter-spacing:.16em;margin:0 0 2px;font-size:10px}.cast-heading h2{color:#fff;letter-spacing:-.035em;margin:0;font:800 clamp(28px,4vw,46px)/.95 "Source Serif 4",Georgia,serif;position:relative}.cast-heading>p:last-child{color:#d8d7df;margin:6px 0 0;font-size:13px;position:relative}.cast-game-layout{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:14px;min-height:0;padding:14px;display:grid;overflow:hidden}.cast-stage-panel{border:2px solid var(--ui-ink);background:#d8d0b9;border-radius:10px;grid-template-rows:auto minmax(180px,1fr) auto;min-height:0;display:grid;overflow:hidden;box-shadow:5px 6px #263338}.cast-stage-label{z-index:2;color:#fff;min-height:42px;font:800 13px/1.1 var(--font-ui);background:#263338;justify-content:space-between;align-items:center;padding:7px 11px;display:flex}.cast-stage-label b{color:#22271d;background:var(--ui-acid);border-radius:999px;padding:5px 9px}.cast-stage{isolation:isolate;background:radial-gradient(circle at 50% 56%,#929cbd 0 18%,#555c7b 42%,#232b40 76%);min-height:0;position:relative;overflow:hidden}.cast-stage:before{content:"";z-index:-1;clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);background:linear-gradient(135deg,#d7e66e18,#0000 45%,#b9a7df24);border:1px solid #e8efb95c;position:absolute;inset:10% 7%}.cast-stage canvas{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cast-stage-halo{z-index:0;aspect-ratio:2.8;pointer-events:none;border:2px solid #f0f6b7aa;border-radius:50%;width:54%;position:absolute;bottom:10%;left:50%;transform:translate(-50%);box-shadow:0 0 28px #e2ec89a3,inset 0 0 22px #dbe77778}.cast-stage-status{z-index:3;color:#f8f4e4;max-width:calc(100% - 20px);font:700 11px/1.3 var(--font-ui);background:#111927c9;border-radius:4px;margin:0;padding:4px 7px;position:absolute;bottom:8px;left:10px}.cast-retry{z-index:4;position:absolute;top:10px;right:10px}.cast-selected-copy{border-top:2px solid var(--ui-ink);background:linear-gradient(90deg,#f5f0df,#e6dff0);min-height:96px;padding:11px 15px 13px}.cast-selected-copy>p:first-child{color:#5d214b;font:900 11px/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px}.cast-selected-copy h3{overflow-wrap:anywhere;margin:0;font:800 clamp(27px,3.4vw,40px)/1 "Source Serif 4",Georgia,serif}.cast-selected-copy>p:last-child{max-width:58ch;margin:5px 0 0;font-size:13px;line-height:1.35}.cast-builder{scrollbar-gutter:stable;min-height:0;padding:1px 3px 8px 1px;overflow:auto}.cast-side-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px;display:grid}.cast-side-tabs button{text-align:left;align-content:center;justify-items:start;min-height:54px;padding:7px 12px;display:grid}.cast-side-tabs span{font-size:16px;font-weight:900}.cast-side-tabs small{opacity:.7;font-size:10px}.cast-lineup{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:12px;display:grid}.cast-lineup button{grid-template-rows:36px auto auto;justify-items:center;min-width:0;min-height:84px;padding:5px 3px 6px;display:grid;position:relative;overflow:hidden}.cast-lineup img{object-fit:contain;filter:drop-shadow(0 2px 1px #0004);width:42px;height:36px}.cast-lineup span{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:900}.cast-lineup small{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;overflow:hidden}.cast-roster{border:2px solid var(--ui-ink);background:#f7f2e5;border-radius:9px;padding:11px}.cast-roster-heading p{color:#5d214b;font:900 10px/1.2 var(--font-ui);letter-spacing:.09em;text-transform:uppercase;margin:0}.cast-roster-heading h3{margin:2px 0 9px;font:800 25px/1 "Source Serif 4",Georgia,serif}.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.cast-choice{min-width:0;min-height:76px;color:var(--ui-ink);cursor:pointer;background:#fffdf7;border:2px solid #7a7468;border-radius:7px;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:7px;padding:6px;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.cast-choice:has(input:checked){border-color:var(--ui-ink);box-shadow:inset 0 0 0 3px var(--ui-acid), 3px 3px 0 #324547;background:#eef4c9}.cast-choice input{accent-color:#5d214b;width:20px;height:20px;position:absolute;top:5px;left:5px}.cast-choice img{object-fit:contain;width:60px;height:60px}.cast-choice span{gap:2px;min-width:0;display:grid}.cast-choice b{overflow-wrap:anywhere;font-size:13px;line-height:1.05}.cast-choice small{color:#5d214b;font-size:10px;font-weight:800}.cast-dialog button{min-height:48px;color:var(--ui-ink);border:2px solid var(--ui-ink);font:800 13px/1.15 var(--font-ui);cursor:pointer;background:#fffdf7;border-radius:6px;padding:8px 13px;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.cast-dialog button:active,.cast-choice:active{transform:scale(.97)}.cast-dialog [aria-pressed=true],.cast-dialog [aria-selected=true]{color:var(--ui-ink);background:var(--ui-acid);box-shadow:inset 0 0 0 2px #fff9}.cast-dialog button:focus-visible{outline:3px solid var(--ui-blue);outline-offset:2px;box-shadow:0 0 0 2px #fff, 0 0 0 6px var(--ui-blue)}.cast-choice:has(input:focus-visible){outline:3px solid var(--ui-blue);outline-offset:2px;box-shadow:0 0 0 2px #fff, 0 0 0 6px var(--ui-blue)}.cast-dialog button:disabled{cursor:wait;opacity:.6}.cast-actions{min-height:68px;padding:9px max(12px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:2px solid var(--ui-ink);background:#f4eedc;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.cast-action-status{color:#5d214b;text-align:right;min-width:0;font-size:11px;font-weight:800}.cast-actions .primary-button{color:#161d19;background:var(--ui-acid);box-shadow:3px 3px 0 var(--ui-ink)}@media (hover:hover){.cast-dialog button:hover,.cast-choice:hover{background-color:#f0e8d4}.cast-dialog [aria-pressed=true]:hover,.cast-dialog [aria-selected=true]:hover,.cast-actions .primary-button:hover{background-color:var(--ui-acid)}}@media (width<=700px){.approved-cast-load-status{max-width:calc(100vw - 12px);bottom:6px;left:6px}.cast-dialog{border-radius:10px;width:calc(100vw - 10px);height:calc(100dvh - 10px)}.cast-heading{padding:12px 14px 10px}.cast-heading h2{font-size:clamp(28px,10vw,38px)}.cast-heading>p:last-child{font-size:11px}.cast-game-layout{padding:9px;display:block;overflow:auto}.cast-stage-panel{grid-template-rows:40px minmax(185px,34dvh) auto;min-height:310px;margin-bottom:10px;box-shadow:3px 4px #263338}.cast-selected-copy{min-height:82px;padding:9px 12px}.cast-selected-copy h3{font-size:clamp(25px,9vw,34px)}.cast-builder{padding:0 0 8px;overflow:visible}.cast-lineup button{min-height:76px}.cast-lineup small{display:none}.cast-grid{grid-template-columns:1fr 1fr}.cast-choice{grid-template-columns:52px minmax(0,1fr);min-height:72px;padding:5px}.cast-choice img{width:52px;height:56px}.cast-actions{grid-template-columns:1fr 1fr;min-height:112px;padding-top:7px}.cast-action-status{text-align:center;grid-area:1/1/auto/-1;min-height:14px}.cast-actions [data-cast-reset]{grid-area:2/1}.cast-actions [data-cast-close]{grid-area:3/1}.cast-actions [data-cast-use]{grid-area:2/2/4;height:100%}}@media (width<=340px){.cast-heading>p:last-child{display:none}.cast-game-layout{padding:6px}.cast-stage-panel{grid-template-rows:38px 160px auto;min-height:276px}.cast-side-tabs{gap:5px}.cast-lineup{gap:3px}.cast-lineup button{min-height:67px;padding-inline:1px}.cast-lineup img{width:34px;height:31px}.cast-grid{grid-template-columns:1fr}}@media (width>=701px) and (height<=650px){.cast-heading{padding:8px 20px 7px}.cast-heading h2{font-size:36px}.cast-heading>p:last-child{margin-top:3px;font-size:11px}.cast-game-layout{gap:10px;padding:9px 12px}.cast-side-tabs{gap:6px;margin-bottom:6px}.cast-side-tabs button{min-height:48px}.cast-lineup{gap:4px;margin-bottom:6px}.cast-lineup button{grid-template-rows:30px auto;min-height:64px}.cast-lineup img{width:36px;height:30px}.cast-lineup small{display:none}.cast-roster{padding:7px}.cast-roster-heading p{display:none}.cast-roster-heading h3{margin-bottom:6px;font-size:21px}.cast-choice{grid-template-columns:46px minmax(0,1fr);min-height:62px}.cast-choice img{width:46px;height:46px}.cast-selected-copy{min-height:78px;padding:7px 12px 9px}.cast-selected-copy h3{font-size:30px}.cast-selected-copy>p:last-child{margin-top:2px;font-size:11px}}@media (height<=520px) and (orientation:landscape){.cast-dialog{border:0;border-radius:0;width:100vw;height:100dvh}.cast-heading{padding:7px 14px 6px}.cast-heading .overline,.cast-heading>p:last-child{display:none}.cast-heading h2{font-size:27px}.cast-game-layout{grid-template-columns:minmax(300px,1fr) minmax(360px,1fr);gap:8px;padding:7px;display:grid;overflow:hidden}.cast-stage-panel{grid-template-rows:36px minmax(120px,1fr) 68px;min-height:0;margin:0}.cast-selected-copy{min-height:0;padding:6px 10px}.cast-selected-copy h3{font-size:25px}.cast-selected-copy>p:last-child{margin-top:2px;font-size:10px}.cast-builder{padding:0 2px 4px 0;overflow:auto}.cast-side-tabs{margin-bottom:6px}.cast-side-tabs button{min-height:48px}.cast-lineup{margin-bottom:6px}.cast-lineup button{grid-template-rows:30px auto;min-height:66px}.cast-lineup img{height:30px}.cast-lineup small{display:none}.cast-roster{padding:7px}.cast-roster-heading p{display:none}.cast-roster-heading h3{margin-bottom:6px;font-size:20px}.cast-choice{grid-template-columns:46px minmax(0,1fr);min-height:62px}.cast-choice img{width:46px;height:46px}.cast-actions{grid-template-columns:auto minmax(0,1fr) auto auto;min-height:58px;padding:5px 8px}.cast-action-status{grid-area:auto}.cast-actions [data-cast-reset],.cast-actions [data-cast-close],.cast-actions [data-cast-use]{grid-area:auto;height:auto}}@media (prefers-reduced-motion:reduce){.cast-dialog *,.cast-dialog :before,.cast-dialog :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#app[data-reduced-motion=true]~.cast-dialog *,#app[data-reduced-motion=true]~.cast-dialog :before,#app[data-reduced-motion=true]~.cast-dialog :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
