@import 'theme-palette.css?v=1';
@import 'theme-atlas.css?v=1';
html[data-swap-theme]{--cream:var(--skin-text);--muted:var(--skin-muted);--gold:var(--skin-line);--green:var(--skin-accent);--blue:var(--skin-accent);background:var(--skin-bg);color-scheme:dark}
html[data-swap-theme=cream],html[data-swap-theme=diamond]{color-scheme:light}
body{background:transparent!important;color:var(--skin-text);isolation:isolate}
#world-theme-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at top,var(--skin-halo),transparent 65%),var(--skin-bg)}
.world-theme-art{position:absolute;top:0;left:50%;transform:translateX(-50%);width:max(100vw,100vh);height:max(100vw,100vh);background-image:var(--theme-atlas);background-size:300% 300%;background-position:var(--skin-pos);opacity:.26;mask-image:linear-gradient(#000b,#0006 65%,transparent);-webkit-mask-image:linear-gradient(#000b,#0006 65%,transparent)}
html[data-swap-theme=standard] .world-theme-art{display:none}
#world-theme-motion{position:absolute;inset:0;width:100%;opacity:.4}
.world-theme-bar{max-width:1232px;margin:14px auto 0;padding:0 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--skin-text)}
.world-theme-bar label{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}
.world-theme-bar select{display:inline-block;margin:0;min-height:44px;max-width:220px;border-radius:999px;background:var(--skin-panel);border:1px solid var(--skin-line);color:var(--skin-text);font-size:13px;padding:10px 14px}
.world-theme-bar small{font-size:10px;color:var(--skin-muted)}
#theme-motion-toggle{margin-left:auto;padding:9px 12px;min-height:44px;border-radius:999px;border:1px solid var(--skin-line);background:var(--skin-panel);color:var(--skin-text);font:11px Arial;cursor:pointer}
body>header{background:color-mix(in srgb,var(--skin-bg) 88%,transparent);color:var(--skin-text);border-color:var(--skin-line)}
body :is(h1,h2,h3,h4,.brand,.arenahead h1,.catalogproduct h3,.handhead h2){color:var(--skin-text)}
body :is(p,.hint,.fine,footer,.boardlabel small,.eyebrow,.tag,.preview,.options label,.textbutton,.nav,header nav a){color:var(--skin-muted)}
body :is(.btn,.mainbutton){background:var(--skin-button);color:var(--skin-button-text);border-color:var(--skin-line);box-shadow:none}
body :is(.secondary,.sealeditem,.log,.actionpanel,.saveddeck,.digitalnotice,.seg,.counts,.summary,#cutcontrol,#deckbuilder){background:color-mix(in srgb,var(--skin-panel) 96%,transparent);color:var(--skin-text);border-color:var(--skin-line)}
body .catalogproduct{background:radial-gradient(ellipse at top,var(--skin-halo),transparent 65%),color-mix(in srgb,var(--skin-panel) 94%,transparent);border-color:var(--skin-line)}
body :is(input,select){background:var(--skin-panel);color:var(--skin-text);border-color:var(--skin-line)}
body :is(.nav.active,.digitalnotice strong,.sealeditem span,.builderhead strong,#binderstatus,#deckvalidation,.status,#cutcontrol label,#cutstatus){color:var(--skin-accent)}
body :is(.ownedcard p,.deckquantity small){color:var(--skin-muted)}
body :is(.deckadjust,.copycount,.deckadjust button,.deckquantity b){color:var(--skin-text);background:var(--skin-panel);border-color:var(--skin-line)}
body .seg button.active{background:var(--skin-button);color:var(--skin-button-text)}
body .board{background:radial-gradient(ellipse at center,var(--skin-halo),transparent 70%),color-mix(in srgb,var(--skin-panel) 96%,transparent);border-color:var(--skin-line);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--skin-line) 45%,transparent),inset 0 0 45px color-mix(in srgb,var(--skin-bg) 70%,transparent)}
body .wolf{background:radial-gradient(ellipse at center,var(--skin-halo),transparent),var(--skin-bg);color:var(--skin-muted);border-color:var(--skin-accent);box-shadow:inset 0 0 20px var(--skin-glow)}
body .gemrow{background:var(--skin-bg);border-color:var(--skin-line);color:var(--skin-text);box-shadow:inset 0 0 0 3px var(--skin-panel),inset 0 0 0 4px var(--skin-line)}
body .fieldbanner{background:linear-gradient(100deg,var(--skin-panel),var(--skin-halo),var(--skin-panel));color:var(--skin-text);border-color:var(--skin-line)}
body .matbrand,body .playerscore,body .playerscore>strong,body .deckdock b{color:var(--skin-text);text-shadow:none}
body .playerscore>strong small,body .deckdock{color:var(--skin-accent)}
body .playerscore>span,body .playerscore>small,body .deckdock small{color:var(--skin-muted)}
body .matcenter{border-color:var(--skin-line)}body .matcenter:before{background:radial-gradient(ellipse at center,var(--skin-halo),transparent 70%)}
body .turn #round{background:linear-gradient(130deg,var(--skin-panel),var(--skin-bg));border-color:var(--skin-line);color:var(--skin-text)}
body .turn b{color:var(--skin-accent);text-shadow:none}
body .message{background:var(--skin-panel);color:var(--skin-text);border-color:var(--skin-accent);box-shadow:inset 0 0 10px var(--skin-glow)}
body .message:before{color:var(--skin-accent);text-shadow:none}
body .move,body .panelclose{background:linear-gradient(var(--skin-panel),var(--skin-bg));color:var(--skin-text);border-color:var(--skin-line)}
body .move small,body .fighterwp,body .attacktools .textbutton{color:var(--skin-muted)}body .fighterinfo h3{color:var(--skin-text)}
body .move .damagecost{color:var(--skin-accent)}body .move.chosen{background:var(--skin-button);color:var(--skin-button-text);border-color:var(--skin-accent)}
body .handcard{background:var(--skin-panel);color:var(--skin-text);border-color:var(--skin-line)}
body .endbar #endturn{background:var(--skin-button);color:var(--skin-button-text);border-color:var(--skin-line);box-shadow:inset 0 1px 3px #fff5,0 3px 12px var(--skin-glow);text-shadow:none}
body #turnhint{color:var(--skin-accent)}
body :is(dialog,#inspect,#zoom,#cardview,#boxreader,#matchresult){background:var(--skin-panel);color:var(--skin-text);border-color:var(--skin-line)}
body .viewerhead{background:var(--skin-bg);border-color:var(--skin-line)}body .viewerhead span{color:var(--skin-muted)}
body .viewerclose,body #inspect .rotatecontrols button{background:var(--skin-button);color:var(--skin-button-text);border-color:var(--skin-line)}
body #inspect .rotatecontrols button[aria-pressed=true]{outline:2px solid var(--skin-accent);outline-offset:2px;background:var(--skin-button);box-shadow:none}
body #inspect #rotatehint,body #resultreason,body #matchresult small{color:var(--skin-muted)}body #resulttitle{color:var(--skin-text);text-shadow:none}
body .packfront{background:transparent;border:0;overflow:visible;box-shadow:none}body .packface.packfront img{object-fit:contain}
body .pack:not(.starterbox) .packfront img{clip-path:none;object-fit:contain}
body .catalogart{background:transparent}
body .arenahead .eyebrow,body #vaulthint{color:var(--skin-muted);text-shadow:none}
body .move.chosen small,body .move.chosen .damagecost{color:var(--skin-button-text)}
@media(max-width:700px){.world-theme-bar{padding:0 12px;gap:8px}.world-theme-bar small{flex-basis:100%;order:3}#theme-motion-toggle{font-size:10px;padding:8px}.world-theme-bar select{font-size:12px;max-width:180px}}
@media(prefers-reduced-motion:reduce){#world-theme-motion{opacity:.2}}

body .realdeckbox,body .boxrear{background:transparent;box-shadow:none}body .realdeckbox:after{display:none}
body #boxread{background:var(--skin-panel);color:var(--skin-text);border-color:var(--skin-line)}body .boxreadhead{background:var(--skin-bg);color:var(--skin-text)}body .readableguide p,body .boxcatalogcontrols small{color:var(--skin-muted)}body .boxcatalogcontrols button,body .boxreadhead button{background:var(--skin-button);color:var(--skin-button-text);border-color:var(--skin-line)}
body .boxprint :is(h3,h4,p){color:#f4e5b8}
