/* v1.1: no change to v1.0 chemistry layout beyond narrow-screen fit and legibility */
html,body {scroll-behavior:auto}
#app .tutorial-banner.v11-tutorial-compact{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:9px 12px;max-height:none;box-shadow:0 3px 16px #101d26a8}
#app .v11-tutorial-compact b{flex:1 1 100%;font-size:14px}
#app .v11-tutorial-compact p{font-size:14px;margin:0;flex:1 1 100%}
#app .v11-tutorial-compact button{min-height:44px}
#app .v11-help{margin:6px 0;padding:7px 12px}
#app .v11-help summary{min-height:44px;cursor:pointer;font-weight:bold}
#app .compact-choice{width:100%;display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5}
#app input[type=checkbox],#home input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:20px;accent-color:#79e4c0;flex:none}
#app select,#home select{background:#17333e!important;color:#fff!important;border:1px solid #9acbd6!important;border-radius:9px!important;padding:10px!important;font-size:14px!important}
#app .card-reason,#app .locked-electrons,#app .v1-actions small{color:#f5fafb!important;background:#273e4b!important;font-size:14px!important}
#app .locked-electrons{border:1px solid #d2dee5}
#app .travelling-electrons{animation-fill-mode:both;min-width:80px;color:#fff1b8;text-shadow:0 1px 2px #050b17}
#app .electron-track::after{content:'e⁻ → e⁻ → e⁻';position:absolute;left:20%;top:38px;color:#fff1b8;opacity:1;font-size:14px}
.v1-local-board .v1-local-hand .card-reason{color:#f4f9f9!important;font-size:14px}
.v1-local-board button,.v1-local-board select, #app button{min-height:44px;min-width:44px}
@media(max-width:480px){
 #app{padding:7px}
 #app header{padding:4px 8px!important;min-height:48px!important}
 #app h1{font-size:20px!important;margin:0}
 #app header .top-buttons{gap:4px}
 #app header .top-buttons button{padding:6px!important;min-height:44px!important}
 #app .intro{padding:8px!important}
 #app .v1-team{padding:5px 0!important;gap:4px!important}
 #app .v1-fighter{display:grid!important;grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto auto;width:min(100%,330px)!important;min-height:88px!important;align-items:center}
 #app .v1-fighter>.v1-card-art{grid-row:1 / span 2;width:74px!important;height:92px!important;object-fit:cover!important}
 #app .v1-fighter .v1-name{padding:4px 7px!important;min-width:0}
 #app .v1-fighter .v1-name strong{font-size:15px!important}
 #app .v1-fighter .v1-unit-info{padding:3px 7px!important;min-width:0}
 #app .v1-bench{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;max-height:90px;justify-content:safe center;gap:5px!important;width:100%}
 #app .v1-bench>div{width:85px!important;flex:0 0 85px}
 #app .v1-bench .v1-fighter{display:block!important;width:85px!important;min-height:60px!important}
 #app .v1-bench .v1-fighter>.v1-card-art{display:none!important}
 #app .v1-bench .v1-fighter .v1-name{padding:3px!important}
 #app .v1-bench .v1-fighter .v1-unit-info{padding:2px!important}
 #app .v1-bench [data-swap]{padding:2px!important}
 #app .team-label{gap:3px!important;min-height:24px!important}
 #app .versus{padding:2px!important}
 #app .turn-banner{padding:5px!important;min-height:30px!important}
 #app .v1-hand{grid-template-rows:repeat(2,minmax(180px,auto))!important;grid-auto-columns:138px!important;gap:5px!important;padding:4px 2px 8px!important}
 #app .v1-hand-card{width:138px!important;padding:5px!important;min-height:180px!important}
 #app .v1-hand-card>.v1-card-art{height:83px!important}
 #app .v1-hand-card .card-reason{line-height:1.25!important}
 #app .hand-title{min-height:25px!important}
 #app .hand-title h2{font-size:16px;margin:2px}
 #app .v1-actions{padding:4px!important}
 dialog{padding:12px!important;max-height:87dvh}
 .v1-local-hand{grid-auto-columns:140px!important;gap:7px!important}
 .v1-local-hand>div{width:140px!important}
}
@media(max-width:360px){#app .v1-hand,.v1-local-hand{grid-template-rows:repeat(1,minmax(188px,auto))!important;grid-auto-columns:146px!important;scrollbar-width:auto}
#app .v1-hand-card{width:146px!important}.v1-local-hand{grid-template-rows:repeat(1,minmax(250px,auto))!important}}

.art-library-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 16px;border:1px solid #aeeedb;border-radius:12px;background:linear-gradient(140deg,#153e4d,#27616b);color:#f5fffa!important;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 0 12px #9cffdb31}.art-library-link:focus-visible{outline:3px solid #ffdf90;outline-offset:3px}