/* Separate worlds and object-shaped controls; never loaded for print. */
html { --world-x: 0%; --world-y: 0%; }
html[data-skin="vegeta"] { --world-x: 100%; --world-y: 0%; }
html[data-skin="saiyan"] { --world-x: 0%; --world-y: 100%; }
html[data-skin="villains"] { --world-x: 100%; --world-y: 100%; --ki:#e55a9f; --ki-light:#ffdfec; --ki-secondary:#78dd95; --primary:#8d174f; --primary-strong:#671039; --skin-ink:#fff; --skin-accent:#267249; --shadow:4px 5px 0 #34152b55; }
.battle-art { background-image:url("../img/dbz-universes.6c716abf7670.png"); background-size:200% 200%; background-position:var(--world-x) var(--world-y); }
@media (orientation:portrait) { .battle-art { background-size:369.8vh 208vh; } }
html:not([data-scene="home"]) .battle-art { background-image:url("../img/dbz-places.c825e9e0d203.png"); background-size:300% 200%; background-position:var(--place-x,0%) var(--place-y,0%); }
html[data-scene="interventions"] { --place-x:50%; --place-y:0%; }
html[data-scene="warranty"] { --place-x:0%; --place-y:100%; }
html[data-scene="sales"] { --place-x:100%; --place-y:0%; }
html[data-scene="clients"] { --place-x:0%; --place-y:0%; }
html[data-scene="imports"] { --place-x:50%; --place-y:100%; }
html[data-scene="security"] { --place-x:100%; --place-y:100%; }
html:not([data-skin="classic"]) .battle-title { min-height:210px; padding:24px; margin:16px 0; background-image:url("../img/dbz-universes.6c716abf7670.png"); background-size:200% 200%; background-position:var(--world-x) var(--world-y); border-bottom:4px solid var(--ki); }
html[data-scene="home"] .battle-title { background-image:none; }
html[data-skin="goku"] .main-nav a { width:108px; height:108px; min-height:108px; flex:0 0 108px; padding:10px; display:flex; flex-direction:column; justify-content:center; text-align:center; border-radius:50%; border:3px solid #b76b09; background:radial-gradient(circle at 30% 20%,#fff5ae,#ffb32d 60%,#db7f13); color:#492707; font-size:12px; line-height:1.2; box-shadow:inset -5px -6px #a9581833,2px 3px 0 #0005; }
html[data-skin="goku"] .main-nav .object-token { border:0; box-shadow:none; background:none; margin:0 0 4px; color:#ac250b; }
html[data-skin="goku"] .button { border-radius:30px 24px 32px 16px; }
html[data-skin="vegeta"] .topbar { background:#e9f4fa; color:#17334a; border-color:#298bb9; }
html[data-skin="vegeta"] .topbar :is(.brand,.skin-tools label) { color:#17334a; }
html[data-skin="vegeta"] .main-nav :is(a,button) { background:#fff; color:#143d58; border:2px solid #278aab; border-radius:24px; box-shadow:inset 0 -6px #d7e9f2; }
html[data-skin="vegeta"] .button { border-radius:28px; border-top:5px solid #63cce7; }
html[data-skin="saiyan"] .topbar { background:#25221b; border-color:#ffda36; }
html[data-skin="saiyan"] .button { border-radius:0; border-left-width:10px; transform:skew(-5deg); box-shadow:5px 5px 0 #bd8b11; }
html[data-skin="saiyan"] .main-nav :is(a,button) { border-top:3px solid #ffda36; border-bottom:3px solid #ffda36; background:#302e25; }
html[data-skin="villains"] .topbar { background:#241522; border-color:#cf407d; }
html[data-skin="villains"] .main-nav :is(a,button) { background:#321f30; border-left:6px solid #64c68b; border-radius:18px 3px 18px 3px; }
html[data-skin="villains"] .button { border-radius:20px 3px 20px 3px; border-color:#71284e; box-shadow:4px 4px 0 #38754c; }
html:not([data-skin="classic"]) .object-token { flex:0 0 30px; width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; margin-right:8px; font-size:15px; line-height:1; color:#a6270c; background:radial-gradient(circle at 32% 25%,#fff8c1,#ffb126 48%,#d57503); border:2px solid #a75b08; border-radius:50%; box-shadow:inset -3px -3px 0 #bd640a55,0 0 0 2px #ffe9a955; text-shadow:none; }
html[data-skin="vegeta"] .object-token { border-radius:14px; background:linear-gradient(90deg,#fff 50%,#42c9e8 50%); color:#17334a; border-color:#17334a; }
html[data-skin="saiyan"] .object-token { border-radius:3px; background:#ffe571; color:#28353c; clip-path:polygon(30% 0,100% 0,65% 40%,95% 40%,15% 100%,35% 55%,0 55%); }
html[data-skin="villains"] .object-token { border-radius:50% 50% 10% 10%; background:#fff0f5; color:#89184a; border:3px solid #ae2f70; }
html[data-skin="classic"] .object-token { display:none; }
html:not([data-skin="classic"]) .button { display:inline-flex; align-items:center; justify-content:center; }
html:not([data-skin="classic"]) .back-to-top { width:60px; height:60px; min-width:60px; border-radius:50%; padding:0; background:radial-gradient(circle at 30% 25%,#fff5af,#ffb12a 50%,#c86a08); color:#712408; border:3px solid #a65b08; font-size:24px; }
html[data-motion="on"] .battle-title { animation:scene-arrival .7s ease-out both; }
@keyframes scene-arrival { from { opacity:.25; transform:translateY(12px); } to { opacity:1; transform:none; } }
html[data-motion="off"] .battle-title { animation:none; }
@media(max-width:860px) { html:not([data-skin="classic"]) .battle-title { min-height:160px; padding:12px; } .object-token { margin-right:5px!important; } .main-nav a { flex-wrap:wrap; } html[data-skin="goku"] .main-nav a { justify-self:center; } }
@media(max-width:480px) { .skin-tools { grid-column:1/-1; padding-right:0; } .logout-form { grid-row:3; grid-column:2; } .main-nav { grid-row:4; } .skin-picker select { width:220px; } }
@media(prefers-reduced-motion:reduce) { .battle-title { animation:none!important; } }