/* Painted gold UI assets are original generated rasters; text and hit targets remain DOM. */
:root{--gold:#d7b76c;--gold-light:#fae6ae;--ink:#121b1d;--panel:#14272bdd;--paint-plate:url('/art/ui/2026-10-15/gold-v1/skill-plate.webp')}
h1,h2,h3,.slot-primary,.slot-category b{font-family:Batang,'Noto Serif KR',Georgia,serif}button{transition:filter .15s,box-shadow .15s,background-color .15s}.slot-header{border-color:#c6a76870}.slot-primary{color:#fff0b9;background:#162e31 var(--paint-plate) center/100% 152% no-repeat;border:0;border-radius:0;min-height:56px;padding:14px 24px;text-shadow:0 1px 3px #000}.slot-primary:hover:not(:disabled){background-color:#25483f;filter:brightness(1.2)}
.command-art{display:inline-block;flex:0 0 auto;width:64px;height:64px;background-image:url('/art/ui/2026-10-15/gold-v1/command-medallions.webp');background-size:200% 200%;background-repeat:no-repeat;vertical-align:middle;filter:drop-shadow(0 3px 2px #0006)}.art-attack{background-position:0 0}.art-special-attack{background-image:url('/art/ui/2026-10-16/attack-types/special-attack.webp');background-position:center;background-size:100% 100%}.art-defense{background-position:100% 0}.art-buff{background-position:0 100%}.art-commander{background-position:100% 100%}
.slot-army{position:relative;isolation:isolate;max-width:1380px;padding:22px 28px}.slot-army::before,.slot-selection::before,.slot-result::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#0b171be0,#0c191b97),url('/art/ui/2026-10-15/gold-v1/war-room.webp') center/cover no-repeat}.slot-selection,.slot-result{position:relative;isolation:isolate}.slot-army .slot-header small{letter-spacing:3px}.army-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.army-top p{margin-bottom:4px}.army-top small{color:#c5b691}.army-shortcuts{display:flex;gap:8px}.army-shortcuts button{background:#18272bce;border-color:#9b835a;font-size:13px}.slot-army .slot-roster{gap:10px;margin-bottom:18px}.slot-army .slot-roster-card{height:115px;border-radius:2px;border-color:#897248;box-shadow:inset 0 0 0 3px #142322}.slot-army .slot-roster-card.selected{box-shadow:0 0 18px #d9b75d50,inset 0 0 0 2px #ffe8ac}.slot-army .slot-roster-card .slot-portrait{opacity:.88}.slot-army .slot-roster-card b{padding-top:16px;background:linear-gradient(transparent,#101b1ef5)}.slot-army .slot-roster-card>span{background:#101b1ef5;color:#d8c795}.army-number{position:absolute;top:5px;left:8px;color:#ffe8aa;text-shadow:0 2px 3px #000;font:italic 16px Georgia,serif}.slot-army .slot-setup-grid{grid-template-columns:290px minmax(0,1fr);gap:22px}.army-character{min-width:0;align-self:start}.army-portrait{height:350px;position:relative;overflow:hidden;border:1px solid #a28651;background:linear-gradient(#243231,#0a1619);box-shadow:inset 0 0 0 4px #000}.army-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}.army-portrait>div{position:absolute;bottom:0;width:100%;padding:56px 18px 20px;background:linear-gradient(transparent,#0a1518f5 45%)}.army-portrait h2{font-size:32px;color:#ffe5a3;margin:6px 0}.army-portrait small,.army-portrait span{color:#dbc899;font-size:13px}.army-portrait p{font-size:13px;color:#d7d7c7;margin-bottom:7px}.army-portrait>.army-no-hero{height:100%;padding:28px 20px;display:grid;place-content:center;text-align:center;justify-items:center;background:transparent}.army-no-hero h2{font-size:22px}.army-hero-picker{margin-top:10px;padding:0 10px;background:#0d1e21e8;border:1px solid #766844}.army-hero-picker summary{font-size:14px;color:#e8d7ac}.army-hero-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 0 10px}.army-hero-picker button{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;gap:5px;padding:4px;font-size:12px;text-align:left;background:#1f2c2d;border-color:#655c42;align-items:center;min-width:0}.army-hero-picker img{width:32px;height:45px;object-fit:cover}.army-hero-picker button:disabled{opacity:.42}.slot-army .slot-build{padding:16px 20px;background:linear-gradient(130deg,#1e3030f5,#0c1a1ef5);border-color:#9a8056;border-radius:2px;box-shadow:inset 0 0 0 4px #09151780}.army-build-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.army-build-heading small{color:#d0b57d;letter-spacing:2px}.army-build-heading h2{font-size:25px;margin:4px 0}.army-build-heading>button{border-color:#726246;background:#182729;font-size:13px}.army-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border-bottom:1px solid #8c7648;padding-bottom:10px;margin-bottom:16px}.army-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:0;background:var(--paint-plate) center/100% 155% no-repeat;min-width:0;min-height:58px;padding:8px;color:#c9c4ac}.army-tabs button[aria-pressed=true]{box-shadow:none;background-color:#3a4438;color:#fff0c3;filter:brightness(1.2)}.army-tabs .command-art{width:35px;height:35px}.army-tabs b{font:700 16px Batang,serif}.army-panel h3{color:#e3c88f}.slot-army .slot-class-grid{gap:7px}.slot-army .slot-class-grid button{border-color:#83704c;background:linear-gradient(#38413a,#111f24);border-radius:2px;padding:3px 3px 6px;min-height:88px}.slot-army .class-thumbnail{height:64px}.slot-army .slot-class-grid b{font-size:12px;padding-top:4px}.army-utility{display:flex;gap:12px;align-items:center;margin-top:16px;padding:12px;background:#101c22a8;border-top:1px solid #a58c55}.army-utility small{font-size:12px;color:#cebd96}.army-utility h3{font-size:19px;margin:5px 0}.army-utility p{font-size:13px;margin:3px 0;color:#d1dbd1}.army-utility .command-art{width:56px;height:56px}.painted-loadout-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.painted-loadout{display:flex;gap:8px;padding:14px 18px;background:var(--paint-plate) center/100% 150% no-repeat;min-width:0}.painted-loadout .command-art{width:36px;height:36px;align-self:center}.painted-loadout>div{min-width:0;flex:1;display:grid;gap:3px}.painted-loadout small{color:#d3b87f;font-size:12px}.painted-loadout select{width:100%;min-width:0;background:#102023b0;border-color:#8a7c56;border-radius:2px;padding:6px;font-size:14px}.painted-loadout span{font-size:12px;line-height:1.45;color:#c0d0cc}.slot-army .slot-items button{border-color:#7d6c4b;background:linear-gradient(120deg,#253936,#0c1e26);border-radius:2px}.slot-army .slot-footer{padding:12px 15px;background:#101d1df5;border:1px solid #a88b55;box-shadow:0 -8px 26px #0007}.slot-army .slot-footer>span{color:#d7bd84}.slot-army .slot-choose-empty>.command-art{width:90px;height:90px;margin-bottom:20px}
/* Battlefield command console */
.slot-battle{min-height:740px;grid-template-rows:auto minmax(270px,1fr) auto auto;background:#101a1d}.slot-battle .slot-console{grid-template-columns:minmax(410px,43%) minmax(0,1fr);background:linear-gradient(125deg,#192b29,#09191e);border:1px solid #917442;gap:18px;padding:8px 12px}.slot-machine{position:relative;isolation:isolate;background:url('/art/ui/2026-10-15/gold-v1/slot-housing.webp') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;border-radius:0;padding:54px 34px 35px!important;min-width:0;align-self:stretch}.slot-machine h2{color:#f4d796;font-family:Batang,serif;letter-spacing:1px;font-size:14px;margin:0 0 7px;min-height:17px}.slot-machine::after{content:'';position:absolute;inset:20% 5% 8%;z-index:-1;pointer-events:none;border-radius:8px;transition:box-shadow .2s}.slot-machine.near-jackpot::after,.slot-machine.manual-jackpot::after{box-shadow:0 0 30px #ffd565, inset 0 0 26px #edc55e7c}.slot-machine.near-jackpot{filter:drop-shadow(0 0 7px #dbaa54)}.slot-reels{gap:5px}.slot-reel{border-color:#ad8b48;border-radius:2px;min-height:110px;background:linear-gradient(#6b512c,#eadbab 25%,#fff1cc 50%,#e5d09d 75%,#79603b)}.slot-reel>b{font-size:12px}.slot-category{gap:6px}.slot-category button{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:0;border-bottom:1px solid #77603e;border-radius:0;min-height:146px;background:linear-gradient(transparent,#25332f55);padding:8px 5px;box-shadow:none}.slot-category button:hover:not(:disabled){background:#39413277;filter:brightness(1.18)}.slot-category .command-art{width:66px;height:66px}.slot-category b{font-size:21px;color:#f4dfaa;letter-spacing:3px;margin-top:2px}.slot-category small{font-size:12px;line-height:1.4;color:#c3c7b8}.slot-subcategories button{background:#142c2c var(--paint-plate) center/100% 152% no-repeat;border:0;border-radius:0;padding:15px 20px;min-height:86px}.slot-subcategories button.selected{background-color:#4e5034;box-shadow:none;filter:brightness(1.15)}.slot-subcategories b{font:700 18px Batang,serif;color:#f4ddb1}.slot-subcategories small{font-size:12px}.slot-techniques>div{background:#102427 var(--paint-plate) center/100% 152% no-repeat;border:0;border-radius:0;padding:18px 22px;min-height:86px}.slot-techniques b{color:#f2deb3}.slot-techniques span{font-size:13px}.hero-rules{background:#142825b0;border-color:#bc9750}.hero-rules p{font-size:12px;line-height:1.5}.slot-ultimate-hint{background:#192d27ad;border-color:#bda064;padding:8px 12px}.slot-ultimate-hint p{font-size:12px;line-height:1.45}.slot-ultimate-hint small{font-size:12px}.slot-ultimate-hint b{font-size:13px}.slot-command-head{gap:8px}.slot-battle-tools button{border-color:#9b8152;border-radius:3px;font-size:12px;padding:5px 9px}.slot-huds{gap:38%}.slot-unit-hud{border-color:#a2854d!important;border-radius:1px;background:linear-gradient(135deg,#162e31f3,#12262be8)}.slot-unit-hud.ai{background:linear-gradient(135deg,#38242beb,#37272be8)}.hero-charge{color:#e9c977;font-size:12px}.slot-battle>#slot-log{border-color:#c2a360;background:#152526}
/* A continuous reel, with the exact nearest symbol recorded at the visible gold line. */
.manual-reel{padding:3px!important;gap:2px;min-height:192px!important;justify-content:flex-start}.reel-window{height:108px;min-height:108px;width:100%;position:relative;overflow:hidden;background:linear-gradient(#372d1d88,transparent 30%,#ffe6a522 65%,#4d372c66);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}.reel-track{position:absolute;left:0;top:0;width:100%;will-change:transform}.reel-glyph{height:64px;position:relative;display:grid;place-items:center}.reel-glyph .command-art{width:48px;height:48px;filter:drop-shadow(0 2px 2px #41250888)}.reel-rune{position:absolute;bottom:0;right:1px;min-width:19px;min-height:19px;border:1px solid #8e6523;border-radius:50%;background:#fff0b6;color:#2b2320;font:bold 14px Georgia,serif;display:grid;place-items:center}.reel-failure{font:48px Georgia,serif;color:#85382e;text-shadow:0 1px #ffead2}.reel-payline{position:absolute;z-index:2;top:53px;left:0;width:100%;height:2px;background:#c1973bb5;box-shadow:0 0 8px #fff3bf;pointer-events:none}.reel-payline::before,.reel-payline::after{content:'';position:absolute;top:-4px;border:5px solid transparent}.reel-payline::before{left:0;border-left-color:#8f4e13}.reel-payline::after{right:0;border-right-color:#8f4e13}.manual-reel .reel-current-name{height:30px;min-height:30px;margin:2px 0;font-size:12px;line-height:1.2;word-break:keep-all;overflow-wrap:anywhere;color:#233230}.manual-reel>button{height:44px;min-width:44px;flex-shrink:0;border-radius:2px;background:linear-gradient(#f7dda0,#ae803a);color:#211b12;border:1px solid #916a30;padding:2px;font-size:12px}.manual-reel.manual-stopped{box-shadow:inset 0 0 12px #ffe9a2;border-color:#ffe6a1!important}.manual-stopped .reel-track{transition:transform .14s cubic-bezier(.2,1.7,.4,1)}.manual-stopped>button{opacity:1;background:linear-gradient(#3c4f3b,#193227);color:#e9dda9;border-color:#76683a}.manual-controls{padding:8px 12px}.manual-kicker{color:#d8b56e;letter-spacing:3px;font:14px Batang,serif}.manual-controls h2{margin-top:10px!important;font-family:Batang,serif;color:#ffdf9d}.manual-controls p{font-size:13px;line-height:1.6;color:#c3caba}.manual-status{min-height:21px;color:#f1d080!important}.reel-countdown{position:relative;height:30px;margin-top:12px;background:#0b171b;border:1px solid #75603c;overflow:hidden}.reel-countdown i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#78552c,#d0b475);opacity:.5}.reel-countdown span{position:relative;display:block;text-align:center;line-height:28px;color:#f5dfb4;font-size:13px}#slot-outcome{font-size:12px;color:#eed5a3;line-height:1.4}.manual-jackpot .slot-reel{box-shadow:0 0 14px #f7d568}
@media(max-width:1100px){.slot-army{padding:16px}.slot-army .slot-setup-grid{grid-template-columns:240px minmax(0,1fr);gap:14px}.slot-army .slot-build{padding:14px}.slot-army .slot-class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.slot-army .army-portrait{height:330px}.slot-battle .slot-console{grid-template-columns:minmax(340px,44%) minmax(0,1fr);gap:10px;padding:7px}.slot-machine{padding:48px 25px 30px!important}.slot-category{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-category button{display:grid;grid-template-columns:55px 1fr;gap:2px;min-height:85px}.slot-category .command-art{width:52px;height:52px;grid-row:1/3}.slot-category b{font-size:18px}.slot-category small{grid-column:2;font-size:11px}.slot-techniques>div{padding:14px 16px}.painted-loadout{padding:12px}.painted-loadout .command-art{display:none}.slot-huds{gap:30%}}
@media(max-width:700px){.slot-army{padding:12px}.slot-army .slot-header small{letter-spacing:1px;font-size:11px}.army-top{align-items:flex-start}.army-top>div:first-child{flex:1}.army-top p{font-size:13px}.army-top small{display:none}.army-shortcuts{flex-direction:column;gap:4px}.army-shortcuts button{padding:5px 8px;font-size:12px}.slot-army .slot-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.slot-army .slot-roster-card{height:88px}.slot-army .slot-setup-grid{display:flex;gap:12px}.army-character{width:100%}.slot-army .army-portrait{height:200px}.army-portrait>img{object-position:50% 16%}.army-portrait>div{background:linear-gradient(90deg,#0b191ce8,transparent);height:100%;padding:20px 14px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.army-portrait h2{font-size:28px}.army-portrait p{max-width:55%}.army-hero-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-army .slot-build{padding:12px}.army-tabs{gap:4px}.army-tabs button{padding:8px 5px;gap:2px;min-height:52px}.army-tabs .command-art{width:29px;height:29px}.army-tabs b{font-size:15px}.army-build-heading h2{font-size:21px}.army-utility{gap:7px;padding:9px 0}.army-utility .command-art{width:44px;height:44px}.army-utility p{font-size:12px}.painted-loadout-grid{gap:6px}.painted-loadout{padding:12px 10px}.painted-loadout select{font-size:12px}.painted-loadout span{font-size:11px}.slot-army .slot-footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.slot-army .slot-footer>span{grid-column:1/-1;text-align:center}.slot-army .slot-footer>button{padding:8px;font-size:13px;min-height:50px}.slot-battle{height:auto;min-height:100dvh;padding:5px}.slot-stage{height:235px;flex-basis:235px}.slot-huds{gap:6px}.slot-battle .slot-console{grid-template-columns:minmax(0,1fr);padding:4px;gap:6px}.slot-machine{padding:45px 22px 29px!important}.slot-machine h2{font-size:12px;letter-spacing:0}.slot-reels{gap:3px}.manual-reel{min-height:190px!important;padding:2px!important}.manual-reel .reel-current-name{font-size:11px}.reel-glyph .command-art{width:44px;height:44px}.manual-reel>button{font-size:11px;min-width:44px}.slot-reel>b{font-size:11px}.manual-controls{padding:6px}.manual-controls h2{font-size:14px!important;margin:4px 0!important}.manual-kicker{font-size:12px}.manual-controls p{font-size:12px;margin:6px 0}.manual-controls .slot-primary{min-height:48px}.reel-countdown{margin-top:7px}.slot-category{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.slot-category button{display:flex;flex-direction:column;min-height:120px;padding:4px 2px}.slot-category .command-art{width:52px;height:52px}.slot-category b{font-size:16px;letter-spacing:1px}.slot-category small{font-size:10px;line-height:1.3}.slot-subcategories button{padding:14px 16px;min-height:82px}.slot-techniques>div{padding:14px;font-size:12px}.slot-techniques span{font-size:12px}.slot-battle-tools{gap:3px}.slot-battle-tools button{padding:5px 7px;font-size:11px}.slot-battle>#slot-log{min-height:38px}.hero-rules{font-size:12px}.hero-effect{font-size:11px}.slot-unit-hud .hero-charge{font-size:11px}.slot-selection .slot-pick-grid button{background:#142729d9;border-color:#927c50}.slot-result article{background:#132528e6;border-color:#927c50}}
@media(min-width:701px) and (max-height:480px){.slot-battle{height:auto;min-height:100dvh;grid-template-rows:auto 240px auto auto}.slot-battle .slot-console{grid-template-columns:minmax(340px,45%) minmax(0,1fr)}.slot-machine{padding-top:48px!important}.slot-category{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.manual-stopped .reel-track{transition:none}.slot-machine{filter:none}.slot-machine.near-jackpot::after{box-shadow:0 0 0 2px #f6d983}}
.slot-machine h2,#slot-outcome{position:relative;background:#12201ee6;border-radius:2px;text-shadow:0 1px 2px #000;padding:3px 5px}
.reel-result-art{height:56px;width:56px;position:relative;display:grid;place-items:center;flex-shrink:0}.reel-result-art .command-art{width:52px;height:52px}.reel-result-art .reel-failure{font-size:36px}.slot-reel.spinning .reel-result-art{animation:slot-roll .15s linear infinite}
@media(max-width:700px){.slot-battle .slot-stage{height:auto;flex:0 0 auto}.slot-battle .slot-huds{position:relative;inset:auto;flex-shrink:0;padding:4px;pointer-events:auto}.slot-battle #slot-canvas{height:175px;flex:0 0 175px;min-height:175px}.slot-battle-tools{position:relative;inset:auto;justify-content:flex-end;padding:3px}.reel-result-art{width:46px;height:50px}.reel-result-art .command-art{width:44px;height:44px}.slot-machine h2,#slot-outcome{font-size:11px}}
/* Keep portraits unobstructed at desktop sizes as well as on phones. */
@media(min-width:701px){.slot-battle{height:auto;min-height:100dvh;grid-template-rows:auto auto auto auto}.slot-battle .slot-stage{height:auto}.slot-battle .slot-huds{position:relative;inset:auto;gap:10px;padding:5px;pointer-events:auto}.slot-battle #slot-canvas{height:clamp(200px,19vw,265px);min-height:200px;flex:0 0 auto}.slot-battle .slot-battle-tools{position:relative;inset:auto;justify-content:flex-end;padding:4px}.slot-buff-strip:empty{display:none}}
@media(min-width:1101px){.slot-unit-hud{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);column-gap:10px;align-items:center}.slot-unit-hud>div:first-child{grid-column:1;grid-row:1;display:block;margin:0}.slot-unit-hud>div:first-child span{display:block;color:#d5c69b;font-size:12px}.slot-hp{grid-row:1;margin:0}.slot-unit-hud>.slot-hp:nth-child(2){grid-column:2}.slot-unit-hud>.slot-hp:nth-child(3){grid-column:3}.slot-unit-hud .hero-charge{grid-column:1;font-size:11px}.slot-unit-hud>.slot-buff-strip{grid-column:2/-1;margin:2px 0}.slot-unit-hud>small{grid-column:2/-1;font-size:12px;margin:0}.slot-unit-hud .slot-terrain{grid-column:2/-1;margin:0}}

/* Compact controls: the battlefield keeps its space through selection and spinning. */
.slot-battle .slot-header{margin-bottom:0}
.slot-battle .slot-buff-strip:empty{display:none}
.slot-battle .slot-machine{padding:22px 18px 10px!important;align-self:center;max-height:100%;overflow:auto;scrollbar-width:thin}
.slot-machine h2{font-size:12px;line-height:16px;min-height:16px;margin:0 0 3px;padding:0 4px;letter-spacing:0}
.slot-machine #slot-outcome{font-size:12px;line-height:16px;margin:3px 0 0;padding:0 4px}
.slot-reel{min-height:64px;gap:2px;padding:3px}
.slot-reel>b{font-size:11px;line-height:1.25}
.reel-result-art{width:36px;height:36px}
.reel-result-art .command-art{width:36px;height:36px}
.slot-machine .manual-reel{min-height:130px!important;padding:2px!important;gap:2px}
.reel-window{height:52px;min-height:52px}
.reel-payline{top:calc(50% - 1px)}
.reel-glyph .command-art{width:42px;height:42px}
.manual-reel .reel-current-name{height:26px;min-height:26px;font-size:11px;margin:0;line-height:1.15}
.manual-reel>button{height:44px;min-height:44px;min-width:44px}
.slot-machine.manual-active #slot-guards{display:none}
#slot-guards:empty{display:none}
.slot-category{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.slot-category button{display:flex;flex-direction:column;min-height:104px;padding:5px 3px;gap:3px}
.slot-category .command-art{width:46px;height:46px}
.slot-category b{font-size:18px;letter-spacing:1px}
.slot-category small{font-size:12px;line-height:1.3}
#slot-commands>h2{font-size:14px;margin-bottom:5px}
.slot-subcategories button{min-height:58px;padding:7px 12px}
.slot-subcategories b{font-size:15px}
.slot-subcategories small{font-size:12px}
.slot-command-title h2{font-size:14px!important}
.slot-techniques>div{min-height:64px;padding:9px 12px}
.slot-techniques span{font-size:12px}
.hero-rules{padding:6px 8px}
.hero-rules p{margin:3px 0}
.slot-execute{position:sticky;bottom:0;background:#132624f5;padding:5px 0;z-index:1;border-top:1px solid #9e84494d}
.slot-execute>button{min-height:48px}
.manual-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr);gap:4px 12px;padding:4px}
.manual-controls .manual-kicker,.manual-controls h2,.manual-controls>p{grid-column:1/-1}
.manual-controls h2{font-size:15px!important;margin:0!important}
.manual-controls>p{font-size:12px;line-height:1.4;margin:0}
.manual-controls .manual-status{margin:3px 0;min-height:17px}
.manual-controls>button{min-height:48px;width:100%;padding:8px}
.manual-controls .reel-countdown{margin:0;align-self:center}
.art-hero-ultimate{background-position:100% 100%;position:relative;filter:drop-shadow(0 0 6px #ffc74b)}
.ultimate-radiance{position:absolute;width:100%;height:100%;inset:0;stroke:#fff0ae;stroke-width:.65;filter:drop-shadow(0 0 3px #ffc34d);transform:scale(1.28)}
.slot-category button.ultimate-ready{background:radial-gradient(ellipse at 50% 35%,#b47b3255,transparent 75%);border:1px solid #edcb7a;box-shadow:inset 0 0 14px #ddb45626}
.slot-category .ultimate-ready b{color:#ffe7a3;font-size:16px;letter-spacing:0}
.slot-category .ultimate-ready small{color:#eed7a0}
@media(min-width:701px){
 .slot-battle{height:100dvh;min-height:720px;grid-template-rows:50px minmax(0,1fr) 26px 220px;padding:6px 12px;gap:5px}
 .slot-battle .slot-stage{height:auto;min-height:0;overflow:hidden}
 .slot-battle .slot-huds{flex:0 0 auto;padding:3px;gap:8px}
 .slot-battle #slot-canvas{height:0;min-height:0;flex:1 1 0}
 .slot-battle .slot-battle-tools{position:absolute;bottom:3px;right:5px;inset:auto 5px 3px auto;padding:0}
 .slot-battle>#slot-log{min-height:0;overflow:auto;scrollbar-width:thin}
 .slot-battle .slot-console{grid-template-columns:minmax(335px,32%) minmax(0,1fr);padding:4px 8px;gap:14px;min-height:0;overflow:hidden}
 #slot-commands{height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;align-content:center;padding:2px 5px}
 .slot-command-head{grid-template-columns:90px minmax(0,1fr)}
 .slot-techniques{grid-template-columns:repeat(4,minmax(0,1fr))}
 .slot-execute{flex-wrap:nowrap}
 .slot-execute>div{width:auto}
 .slot-unit-hud{padding:4px 8px}
 .slot-hp{margin:2px 0}
}
@media(max-width:700px){
 .slot-battle{padding:5px;gap:5px}
 .slot-battle #slot-canvas{height:clamp(260px,36dvh,340px);min-height:260px;flex:0 0 clamp(260px,36dvh,340px)}
 .slot-battle .slot-huds{padding:3px;gap:5px}
 .slot-battle .slot-battle-tools{position:absolute;inset:auto 3px 3px auto;padding:0}
 .slot-battle .slot-console{padding:3px;gap:4px;max-height:none}
 .slot-battle .slot-machine{width:100%;padding:21px 15px 9px!important;overflow:visible}
 .slot-machine h2,.slot-machine #slot-outcome{font-size:11px}
 .slot-machine h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #slot-commands{max-height:220px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 4px}
 .slot-category{gap:3px}
 .slot-category button{min-height:92px;padding:3px 1px}
 .slot-category .command-art{width:38px;height:38px}
 .slot-category b{font-size:15px}
 .slot-category .ultimate-ready b{font-size:13px}
 .slot-category small{font-size:11px}
 .manual-controls{grid-template-columns:1fr 1fr;gap:4px 7px;padding:2px}
 .manual-controls h2,.manual-controls>p:not(.manual-status){display:none}
 .manual-controls .manual-kicker{font-size:12px;letter-spacing:1px}
 .manual-controls .manual-status{font-size:11px;margin:0}
 .manual-controls>button{font-size:13px;min-height:44px;padding:5px}
 .slot-execute{gap:5px}
 .slot-execute>div,.slot-execute>p{display:none}
 .slot-execute>button{width:100%;min-width:0}
}
@media(min-width:701px) and (max-height:480px){
 .slot-battle{height:680px;min-height:680px;grid-template-rows:50px minmax(0,1fr) 26px 205px}
 .slot-battle .slot-console{grid-template-columns:335px minmax(0,1fr)}
 .slot-machine h2,.slot-machine #slot-outcome{font-size:11px}
}