/* Hallmark · macrostructure: original arcade workbench · tone: playful · anchor hue: cyan
 * scope: restore original gameplay and information architecture; dark arcade chrome only */
@import url('tokens.css');
.stage-advice{font-size:var(--text-xs);color:var(--color-muted);padding:var(--space-xs) 0 var(--space-sm)}.header-actions button,#speed-btn{min-width:44px;min-height:44px}.party-strip .contribution-line{flex-basis:100%;padding-top:var(--space-xs)}
:root{--color-paper:oklch(20% .024 270);--color-panel:oklch(25% .027 270);--color-night:oklch(16% .028 270);--color-night-2:oklch(23% .035 270);--color-ink:oklch(95% .012 85);--color-muted:oklch(74% .027 250);--color-rule:oklch(39% .034 260);--color-accent:oklch(79% .12 190);--color-accent-dark:oklch(70% .13 190);--color-accent-ink:oklch(19% .028 270);--color-focus:oklch(86% .16 85);--color-fog:oklch(16% .028 270 / .85);--color-shadow:oklch(10% .03 270 / .4)}
html,body{overflow-x:clip}.nav-slab{background:var(--color-night);border-bottom:1px solid var(--color-rule);padding-block:var(--space-md)}.brand-mark{transform:none;background:var(--color-clear);border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-sm)}.brand h1{font-size:var(--text-lg)}.quiet-btn:hover{background:var(--color-panel)}.workbench{max-width:1320px}.trip-bar{margin-bottom:var(--space-md)}.stage-heading h2{font-size:var(--text-xl)}.wallet strong{font-family:var(--font-number)}.phase-badge{border-color:var(--color-rule);border-radius:var(--radius-xs);color:var(--color-night)}.map-button{border:1px solid var(--color-rule);color:var(--color-ink);padding-inline:var(--space-md)}.battle-shell{border:1px solid var(--color-rule);border-radius:var(--radius-sm);overflow:hidden}.battle-hud{top:var(--space-md);left:var(--space-md);right:var(--space-md)}.battle-hud .health,.battle-hud .progress,.battle-hud .combo{border-radius:var(--radius-xs);padding:var(--space-sm);text-shadow:none}.battle-controls{background:var(--color-fog);border-top:1px solid var(--color-rule);padding:var(--space-sm) var(--space-md)}.battle-button{border-color:var(--color-rule);background:var(--color-panel);color:var(--color-ink)}.ultimate-button{background:var(--color-gold);color:var(--color-night);border-color:var(--color-gold);border-radius:var(--radius-xs);box-shadow:none}.primary-btn{box-shadow:none;border:1px solid var(--color-accent);border-radius:var(--radius-xs);min-height:44px}.primary-btn:hover{background:var(--color-accent-dark);transform:none}.battle-overlay{background:var(--color-fog)}.intro h2{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.2}.intro-kicker{color:var(--color-accent)}.intro>small{color:var(--color-muted)}.party-strip{border-bottom:1px solid var(--color-rule);padding:var(--space-md) 0;gap:var(--space-md)}.party-slot{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-xs)}.party-slot.empty{border-style:dashed;color:var(--color-muted)}.synergy-tag{color:var(--color-green);border-color:var(--color-rule);background:var(--color-clear)}.management{grid-template-columns:270px minmax(0,1fr);gap:var(--space-lg);margin-top:var(--space-lg)}.training{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-md)}.upgrade-row button{border-color:var(--color-rule);background:var(--color-night-2);color:var(--color-accent);border-radius:var(--radius-xs)}.panel-heading{border-color:var(--color-rule)}.weapon-equipped{background:var(--color-night);border-color:var(--color-rule);border-radius:var(--radius-xs)}.collection-tabs{border-bottom:1px solid var(--color-rule);gap:var(--space-lg)}.tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab span{background:var(--color-night-2);color:var(--color-muted)}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.ally-card,.weapon-card{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:var(--radius-sm);box-shadow:none}.ally-card:hover{transform:none}.ally-art{background:var(--color-night);height:180px}.card-level{background:var(--color-night);color:var(--color-accent);border:1px solid var(--color-rule);border-radius:var(--radius-xs)}.card-detail h3{font-size:var(--text-md)}.card-detail p{font-size:var(--text-xs);line-height:1.7;color:var(--color-muted);min-height:42px}.card-detail small{color:var(--color-accent);font-size:10px}.card-actions button{background:var(--color-night-2);border-color:var(--color-rule);color:var(--color-ink);font-size:var(--text-xs);min-height:44px;border-radius:var(--radius-xs)}.card-actions .selected{border-color:var(--color-accent);color:var(--color-accent)}.card-actions .recruit{background:var(--color-accent);color:var(--color-accent-ink)}.card-lock{font-size:var(--text-xs);color:var(--color-muted)}.foot-stmt{padding:var(--space-md) 0;border-color:var(--color-rule)}.foot-stmt>p{font-size:var(--text-lg);color:var(--color-muted)}.foot-stmt>div{color:var(--color-muted)}dialog{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-rule);border-radius:var(--radius-sm)}dialog::backdrop{background:var(--color-fog)}.modal-top{border-color:var(--color-rule)}.stage-card{background:var(--color-panel);color:var(--color-ink);border-color:var(--color-rule);min-width:0}.stage-card.current{border-color:var(--color-accent)}.stage-card small{color:var(--color-accent)}.setting-row input[type=text]{background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule);min-height:44px}.credits-list a{color:var(--color-cyan)}.boss-info{background:var(--color-fog);border-left:2px solid var(--color-red);padding:var(--space-sm);font-size:var(--text-xs)}.contribution-line{font-size:var(--text-xs);color:var(--color-muted)}.stage-reward{font-size:10px;color:var(--color-muted);display:block;margin-top:var(--space-xs)}.battle-status-note{font-size:10px;color:var(--color-red)}.overlay-actions{flex-wrap:wrap}.overlay-actions>button{min-height:44px}.battle-overlay .intro.result{max-width:650px}.intro.result h2{font-size:28px}.intro.result p{font-size:var(--text-sm)}
@media(max-width:900px){.management{grid-template-columns:1fr}.training{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.panel-heading,.save-status{grid-column:1/-1}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.brand h1{font-size:var(--text-sm)}.brand-mark{width:32px;height:36px;font-size:22px}.wallet strong{font-size:var(--text-lg)}.stage-heading h2{font-size:var(--text-lg)}.trip-bar{gap:var(--space-sm)}.battle-hud{top:var(--space-sm);left:var(--space-sm);right:var(--space-sm);gap:var(--space-xs)}.battle-hud .health,.battle-hud .progress,.battle-hud .combo{padding:var(--space-xs)}.control-hint{display:none}.battle-controls{justify-content:flex-end;padding:var(--space-xs) var(--space-sm)}.combat-buttons{width:100%;justify-content:space-between}.battle-button,.ultimate-button{font-size:var(--text-xs);min-height:44px;padding:var(--space-xs) var(--space-sm)}.intro h2{font-size:25px}.intro.result h2{font-size:22px}.intro.result p{font-size:11px;line-height:1.5}.intro.result .primary-btn,.intro.result .battle-button{font-size:11px;min-height:44px;padding:var(--space-sm);margin-top:var(--space-xs)}.battle-overlay{padding:var(--space-md)}.training{padding:var(--space-md);gap:var(--space-md)}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.ally-art{height:150px}.card-detail{padding:var(--space-sm)}.card-detail h3{font-size:var(--text-sm)}.card-actions{gap:var(--space-xs);flex-wrap:wrap}.card-actions button{font-size:11px;padding:var(--space-xs);flex:1;white-space:nowrap}.collection-tabs{gap:var(--space-md)}.collection-heading p{font-size:11px}.party-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:var(--space-xs)}.party-slot{min-width:0;padding:var(--space-xs);gap:var(--space-xs);flex-direction:column;text-align:center}.party-slot img{width:38px;height:44px}.party-slot strong{font-size:10px}.party-slot small{font-size:9px}.party-slot.empty{min-width:0;font-size:9px}.party-caption{display:flex;align-items:center;justify-content:space-between}.party-caption small{margin-left:var(--space-sm)}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-card{padding:var(--space-sm)}.stage-card strong{font-size:11px}.stage-heading .map-button{min-height:44px;font-size:11px}.health{width:110px}.progress{width:115px}.intro.result .overlay-actions{gap:var(--space-xs)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.weapon-preview{text-align:center}.weapon-preview canvas{display:block;width:100%;max-width:440px;height:auto;margin:auto;touch-action:manipulation}.weapon-preview h3{margin-top:var(--space-md)}.weapon-preview p{color:var(--color-muted);font-size:var(--text-sm)}.weapon-preview small{display:block;margin-top:var(--space-sm)}.loot-pulse{transform:scale(1.05);color:var(--color-gold)!important}#coins{display:inline-block;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.weapon-card .card-actions{flex-wrap:wrap}
#combo-bonus{font-size:8px;color:var(--color-gold);margin-top:var(--space-xs);white-space:nowrap}.battle-hud .combo{width:88px}.weapon-card{min-width:0}
@media(max-width:600px){.battle-hud .combo{width:57px}#combo-bonus{font-size:7px}.battle-hud .progress{width:92px}.card-actions [data-preview]{min-width:68px}.weapon-preview small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.loot-pulse{transform:none}}
.weapon-card .card-actions button{flex:0 0 auto;min-width:max-content;padding-inline:var(--space-sm)}
@media(max-width:600px){.training{display:block}.training #upgrade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm) var(--space-md)}.training .upgrade-row{gap:var(--space-xs);padding:var(--space-sm) 0}.training .upgrade-row>div{min-width:0}.training .upgrade-row strong{font-size:11px}.training .upgrade-row small{font-size:9px;line-height:1.5}.training .upgrade-row button{min-width:58px;font-size:10px;padding:var(--space-xs)}.training .weapon-equipped{margin-top:var(--space-md);padding:var(--space-sm);gap:var(--space-md)}.training .save-status{margin-top:var(--space-sm)}.battle-overlay .intro.result h2{font-size:18px}.battle-overlay .intro.result p{font-size:10px}.stage-advice{font-size:11px}}
/* Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V4 — existing arcade components */
.mission-strip{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-panel);border:1px solid var(--color-rule);border-left:3px solid var(--color-accent);margin-bottom:var(--space-md);border-radius:var(--radius-sm)}
.mission-strip small{display:block;color:var(--color-muted);margin-bottom:var(--space-sm)}.need-chips{display:flex;gap:var(--space-sm);flex-wrap:wrap}.need-chip{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-xs);white-space:nowrap}.need-chip.ready{color:var(--color-green);border-color:var(--color-green)}.need-chip.missing,.danger{color:var(--color-gold)}
.loadout-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-sm) 0 var(--space-lg)}.loadout-bar button,.role-filters button,.prep-footer>button,.loadout-list button,.prep-team>button{min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-ink);border-radius:var(--radius-sm);white-space:nowrap}.loadout-bar span{font-size:var(--text-xs);color:var(--color-muted)}.loadout-bar .danger{color:var(--color-gold)}
.role-filters{display:flex;gap:var(--space-sm);margin:0 0 var(--space-md);flex-wrap:wrap}.role-filters .selected,.swap-card.selected{border-color:var(--color-accent);color:var(--color-accent)}button:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.role-filters button:hover,.loadout-bar button:hover,.swap-card:hover{background:var(--color-night-2)}.prep-footer button:active,.swap-card:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}
.prep-intel{border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-md)}.prep-intel>small{font-family:var(--font-number);color:var(--color-accent)}.prep-intel h3{font-size:var(--text-xl);margin:var(--space-sm) 0}.prep-intel p,.prep-section p{line-height:1.8;font-size:var(--text-sm);margin:var(--space-sm) 0}.prep-note{display:block;color:var(--color-muted);font-size:var(--text-xs);line-height:1.7}.enemy-scout{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}.enemy-scout>span{width:78px;text-align:center}.enemy-scout img{height:55px;width:55px;object-fit:contain}.enemy-scout small{display:block;font-size:9px;color:var(--color-muted)}
.prep-section{margin-top:var(--space-lg)}.prep-section h3,.prep-section>label{display:block;margin-bottom:var(--space-sm);font-weight:700}.prep-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.prep-team .prep-slot{display:grid;grid-template-columns:42px minmax(0,1fr);gap:var(--space-xs) var(--space-sm);text-align:left;padding:var(--space-sm);white-space:normal}.prep-slot img{grid-row:span 3;width:42px;height:58px;object-fit:contain}.prep-slot strong{font-size:var(--text-sm)}.prep-slot small{font-size:10px;color:var(--color-muted)}.prep-slot>span{font-size:var(--text-xs);color:var(--color-accent)}.prep-synergies{font-size:var(--text-xs);color:var(--color-accent);padding:var(--space-sm) 0}.prep-section select{width:100%;min-height:44px;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule);padding:var(--space-sm);font:inherit;font-size:var(--text-sm)}.prep-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) 0;background:var(--color-paper)}.prep-footer .primary-btn{background:var(--color-accent);color:var(--color-accent-ink)}
.swap-list{display:grid;gap:var(--space-sm);margin-top:var(--space-md)}.swap-card{display:flex;align-items:center;gap:var(--space-md);width:100%;text-align:left;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule);padding:var(--space-sm);border-radius:var(--radius-sm)}.swap-card img{width:56px;height:65px;object-fit:contain;flex-shrink:0}.swap-card>span{display:grid;gap:var(--space-xs)}.swap-card strong{font-size:var(--text-sm)}.swap-card small{color:var(--color-accent)}.swap-card span span{font-size:var(--text-xs);color:var(--color-muted);line-height:1.7}.loadout-list article{padding:var(--space-md) 0;border-bottom:1px solid var(--color-rule)}.loadout-list article>div{display:flex;gap:var(--space-sm);flex-wrap:wrap}.loadout-list p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.8;padding:var(--space-sm) 0}.ally-card .card-actions{flex-wrap:wrap}.ally-card .card-actions button{flex:1 0 auto}
@media(max-width:600px){.mission-strip{padding:var(--space-sm);gap:var(--space-sm)}.mission-strip small{font-size:10px}.mission-strip>button{font-size:11px;white-space:nowrap;padding:var(--space-sm)}.need-chip{font-size:10px}.need-chips{gap:var(--space-xs)}.loadout-bar span{flex-basis:100%;line-height:1.6}.prep-footer{flex-wrap:wrap}.prep-footer>button{font-size:var(--text-xs)}.prep-team .prep-slot{grid-template-columns:30px minmax(0,1fr);gap:var(--space-xs)}.prep-slot img{width:30px;height:44px}.prep-slot strong{font-size:11px}.prep-slot small{font-size:9px}.prep-intel h3{font-size:var(--text-lg)}.swap-card img{width:40px}.swap-card{gap:var(--space-sm)}.swap-card span span{font-size:10px}.role-filters{gap:var(--space-xs)}.role-filters button{font-size:12px;padding:var(--space-sm) var(--space-md)}.prep-team>button[data-choose-slot]{font-size:10px;padding:var(--space-xs)}.party-slot.empty{min-height:75px}}
#modal[open]{display:flex;flex-direction:column;max-height:90dvh;overflow:hidden}#modal .modal-top{flex-shrink:0}#modal-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:var(--space-xs)}.prep-footer{position:static}.prep-slot:not(:has(img)){display:flex;justify-content:center;align-items:center;gap:var(--space-sm);min-height:78px}.party-slot .unit-work{font-family:var(--font-number);font-size:10px;color:var(--color-accent)}
.party-strip{flex-wrap:wrap}.party-strip .synergies{margin-left:0;flex:1 1 260px;min-width:220px}.synergy-tag{white-space:nowrap;background:var(--color-night-2);border:1px solid var(--color-rule);color:var(--color-accent)}.party-strip .contribution-line{flex:0 0 100%;width:100%}
#modal-content:has(>.prep-scroll){display:flex;flex-direction:column;overflow:hidden}.prep-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:var(--space-xs)}.prep-footer{flex-shrink:0;border-top:1px solid var(--color-rule);margin-top:var(--space-sm);padding-bottom:var(--space-sm)}#modal-content>.prep-note{flex-shrink:0}
@media(max-width:600px){.prep-footer{margin-top:var(--space-xs);padding:var(--space-sm) 0}.prep-footer>button{font-size:11px;padding:var(--space-sm)}#modal-content>.prep-note{font-size:9px}.modal-top h2{font-size:var(--text-lg)}}
.prep-team .prep-slot:not(:has(img)){display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;font-size:var(--text-xs);gap:var(--space-sm)}.party-slot>span{display:grid;min-width:0;max-width:100%;gap:2px}.party-slot small{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.party-slot>span{width:100%;gap:2px}.party-slot .unit-work{display:block;font-size:9px;line-height:1.5}.party-slot strong{white-space:nowrap}}

/* Readable gold milestones in the companion training drawer. */
.neon-game .ally-card .card-level.awakened,.neon-game .ally-card .card-level.true-awakened{background:#f4d580;color:#291805;border:1px solid #d5ad43;text-shadow:none;font-weight:900}

/* Independent normal / true-awakening / swap targets on a short landscape phone. */
.neon-game .crew-card:not(.crew-empty){display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:4px;min-height:48px;padding:3px}
.neon-game .crew-card .skill-trigger{min-height:44px;min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:14px 13px 12px;column-gap:5px;padding:2px 3px;position:relative;text-align:left}
.neon-game .crew-card .slot-art{grid-column:1;grid-row:1/4;width:32px;height:39px;object-fit:contain;margin:0;position:static}
.neon-game .skill-trigger strong{grid-column:2;grid-row:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}
.neon-game .skill-trigger .crew-role{grid-column:2;grid-row:2;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.neon-game .skill-trigger .unit-work{grid-column:2;grid-row:3;font-size:9px;line-height:12px;white-space:nowrap;position:static;letter-spacing:0}
.neon-game .skill-trigger .skill-status{position:absolute;right:3px;top:2px;font-size:9px;line-height:13px;color:#c7faff;max-width:33px;overflow:hidden;white-space:nowrap}
.neon-game .skill-trigger .action-meter{position:absolute;left:37px;right:4px;bottom:1px;height:2px;width:auto}
.neon-game .crew-awakening{min-width:44px;min-height:44px;padding:3px 1px;border:1px solid #b8985d;background:#253047;color:#f5e4bf;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:3px;border-radius:8px;font-weight:800}
.neon-game .crew-awakening b{font-size:9px;white-space:nowrap}.neon-game .crew-awakening small{font-size:10px;color:inherit}
.neon-game .crew-awakening.awake-ready{background:linear-gradient(#ffe9a6,#edc970);color:#291805;border-color:#ffe6a0;box-shadow:0 0 9px #efd78244;text-shadow:none}
.neon-game .crew-awakening:disabled{opacity:.70}.neon-game .crew-card .crew-swap{min-width:44px;min-height:44px;padding:3px;font-size:10px}
.awakening-detail{margin-top:12px;padding:12px;border:1px solid #b39059;border-radius:12px;background:#111b2d;color:#eef7ff}.awakening-detail header{display:flex;align-items:center;justify-content:space-between;gap:8px}.awakening-detail header b,.awakening-detail header span{background:#f4d580;color:#291805;padding:5px 8px;border-radius:7px;font-weight:900}.awakening-detail strong{display:block;color:#fff0bd}.awakening-detail em{font-size:12px;font-style:normal;margin-left:8px}.awakening-detail p{font-size:12px;line-height:1.6}.awakening-detail small{font-size:11px;line-height:1.5;color:#bcd0e6}
.neon-game .card-level.trained{background:#34405b;color:#edf5ff}.neon-game .ally-card .card-level.true-awakened{background:#f4d580;color:#291805;text-shadow:none;font-weight:900}
@media(orientation:landscape) and (max-height:520px){.neon-game .battle-layout{grid-template-columns:minmax(0,1fr) 270px}.neon-game .crew-card:not(.crew-empty){height:49px}.neon-game #party-slots{gap:3px}.neon-game .crew-panel{padding:5px}.neon-game .crew-header{padding:4px}}

/* v21: no locked skill placeholders; extra actions appear only after unlocking. */
.neon-game #party-slots .crew-card:not(.crew-empty){grid-template-columns:minmax(0,1fr) 44px;padding:0;gap:3px;border:0;box-shadow:inset 0 0 0 1px var(--role-color);height:auto;min-height:44px}
.neon-game #party-slots .crew-card:has(.crew-awakening){grid-template-columns:minmax(0,1fr) 44px 44px}
.neon-game #party-slots .crew-card:has(.crew-awakening) .crew-awakened-mark{display:none}
.neon-game #party-slots .skill-trigger{grid-template-columns:32px minmax(0,1fr);grid-template-rows:14px 13px 12px;min-height:44px;padding:2px 4px 3px;column-gap:5px;row-gap:0}
.neon-game #party-slots .skill-trigger strong{display:flex;align-items:center;gap:4px;min-width:0;width:100%;padding-right:26px;line-height:14px;font-size:12px;overflow:hidden}
.neon-game #party-slots .skill-trigger strong>span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.neon-game #party-slots .crew-awakened-mark{flex:none;color:#f4d580;font-size:11px;line-height:12px;overflow:visible}
.neon-game #party-slots .skill-trigger .slot-art{width:32px;height:39px;position:static;grid-column:1;grid-row:1/4;object-fit:contain;max-height:39px}
.neon-game #party-slots .skill-trigger .crew-role{font-size:9px;line-height:13px;min-width:0;width:100%;text-align:left}
.neon-game #party-slots .skill-trigger .unit-work{display:block;position:static;grid-column:2;grid-row:3;align-self:center;justify-self:start;width:100%;font-size:9px;line-height:12px;min-height:12px;margin:0;padding:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.neon-game #party-slots .skill-trigger .skill-status{position:absolute;grid-column:auto;grid-row:auto;right:4px;top:calc((100% - 39px)/2);bottom:auto;left:auto;max-width:26px;font-size:9px;line-height:13px;margin:0;padding:0;color:#c7faff;white-space:nowrap;overflow:hidden}
.neon-game #party-slots .skill-trigger .crew-role{position:static;grid-column:2;grid-row:2;align-self:center;justify-self:start;margin:0;padding:0}
.neon-game #party-slots .skill-trigger{align-content:center;justify-items:stretch}
.neon-game #party-slots .skill-trigger .unit-work{display:flex;gap:3px;align-items:center;text-overflow:clip}
.unit-work .work-damage,.unit-work .work-heal{flex:none;white-space:nowrap}.unit-work .work-support{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.neon-game #party-slots .skill-trigger .action-meter{height:2px;bottom:1px;left:37px;right:4px}
.neon-game #party-slots .skill-trigger:has(.awakening-meter) .action-meter{bottom:4px}
.awakening-meter{position:absolute;left:37px;right:4px;bottom:1px;height:2px;background:#59472355;pointer-events:none}
.awakening-meter i{display:block;height:100%;width:0;background:#f4d580}
.neon-game #party-slots .crew-awakening{width:44px;height:100%;min-height:44px;min-width:44px;border-radius:7px;box-shadow:none;gap:2px;padding:2px}
.neon-game #party-slots .crew-awakening b{font-size:17px;line-height:18px}.neon-game #party-slots .crew-awakening small{font-size:9px;line-height:11px}
.neon-game #party-slots .crew-swap{width:44px;min-height:44px;border-radius:7px;border-left:1px solid var(--glass-border)}
@media(min-width:640px) and (orientation:landscape){
 .neon-game.landscape-play .arena-header{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(42px,.62fr) 44px 44px;min-width:0}
 .neon-game.landscape-play .arena-header .wallet{width:100%;min-width:0;max-width:none;padding-inline:3px}
 .neon-game.landscape-play .arena-header .health{min-width:0}
 .neon-game.landscape-play .arena-header #party-status{grid-column:1/-1;grid-row:3;max-width:100%;height:27px;min-height:27px;overflow-x:auto;margin:0;padding:0;pointer-events:auto}
 .neon-game.landscape-play #party-slots{grid-template-rows:repeat(5,minmax(44px,1fr));gap:3px}
 .neon-game.landscape-play .party-strip{overflow:hidden;padding:0}
 .neon-game.landscape-play .party-caption>strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:8px;letter-spacing:0}
 .neon-game.landscape-play .party-caption>small{flex:none}
}
@media(min-width:640px) and (max-width:740px) and (orientation:landscape){
 .neon-game.landscape-play .arena-header .wallet .coin-icon{display:none}
 .neon-game.landscape-play .arena-header .wallet strong{font-size:11px;min-width:0;max-width:100%}
 .neon-game.landscape-play .arena-header .health-data>div:first-child{font-size:8px;white-space:nowrap;overflow:hidden}
 .neon-game.landscape-play .arena-header #map-btn{min-width:0;padding-inline:4px}
 .neon-game.landscape-play .arena-header #stage-name{font-size:10px;max-height:24px;overflow:hidden}
 .neon-game.landscape-play #party-slots .crew-card:has(.crew-awakening) .skill-trigger{grid-template-columns:25px minmax(0,1fr);column-gap:3px;padding-inline:3px}
 .neon-game.landscape-play #party-slots .crew-card:has(.crew-awakening) .slot-art{width:25px;height:35px}
 .neon-game.landscape-play #party-slots .crew-card:has(.crew-awakening) .skill-trigger strong{font-size:10px;padding-right:22px}
 .neon-game.landscape-play #party-slots .crew-card:has(.crew-awakening) .skill-status{font-size:8px;max-width:22px}
 .neon-game.landscape-play #party-slots .crew-card:has(.crew-awakening) .unit-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px;font-size:8px}
 .neon-game.landscape-play #party-slots .crew-card:has(.crew-awakening) .unit-work span{overflow:hidden;text-overflow:ellipsis}
 .neon-game.landscape-play #party-slots .crew-card:has(.crew-awakening) .unit-work .work-support{display:none}
}
@media(min-width:640px) and (orientation:landscape) and (max-height:335px){
 .neon-game.landscape-play .party-caption{display:none}
 .neon-game.landscape-play #party-slots{gap:2px}
 .neon-game.landscape-play .combat-dock{padding:3px;gap:2px}
 .neon-game.landscape-play .reserve-panel{padding:2px}
}
.neon-game:not(.landscape-play) #party-slots{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(5,minmax(44px,auto));gap:6px}
@media(min-width:1000px) and (min-height:600px){
 .neon-game #party-slots .skill-trigger{grid-template-columns:48px minmax(0,1fr);grid-template-rows:20px 17px 16px;column-gap:6px;padding:6px}
 .neon-game #party-slots .skill-trigger .slot-art{width:48px;height:58px;max-height:58px}
 .neon-game #party-slots .skill-trigger strong{font-size:15px;line-height:20px}
 .neon-game #party-slots .skill-trigger .crew-role{font-size:11px;line-height:17px}
 .neon-game #party-slots .skill-trigger .unit-work{font-size:10px;line-height:16px}
 .neon-game #party-slots .skill-trigger .skill-status{top:calc((100% - 53px)/2)}
 .neon-game #party-slots .skill-trigger .action-meter,.neon-game #party-slots .awakening-meter{left:60px}
}
