/* Natural scrolling: no control overlays the player's HP. */
html,body,#viewport,#stage,#battle{height:auto!important;min-height:100dvh;overflow:visible!important}#stage{max-width:1050px}#home{height:auto!important;overflow:visible!important}.v1-local-board{padding:16px;background:linear-gradient(150deg,#1b3544,#102b39);color:#eefbff}.v1-local-active{width:240px;max-width:100%;margin:18px auto;text-align:center}.v1-local-bench{display:flex;gap:12px;overflow-x:auto;padding:10px;justify-content:safe center}.v1-local-bench>div{width:140px;flex:none}.v1-local-board .card{width:100%;position:relative;display:block;height:auto;aspect-ratio:auto;min-width:0!important}.v1-local-board .card-inner{display:flex;flex-direction:column;position:static}.v1-local-board .card-head,.v1-local-board .card-bottom,.v1-local-board .portrait,.v1-local-board .status-tags{position:static!important;inset:auto!important}.v1-local-board .card-head{padding:9px}.v1-local-board .portrait{height:180px;position:relative!important;width:100%}.v1-local-bench .portrait{height:110px}.v1-local-board .card-bottom{padding:8px;display:block}.v1-local-board .symbol{position:absolute;bottom:0;left:0;right:0;padding:6px;background:#0b263bcc;color:white}.v1-local-board .atomic{display:none}.v1-local-board .mini-energy{display:none}.v1-energy{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:8px 0}.v1-energy .energy-chip{width:auto;min-width:30px;min-height:28px;height:auto;padding:3px;font-size:14px}.v1-local-hand{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(330px,auto));grid-auto-columns:170px;gap:14px;overflow-x:auto;padding:10px 4px 20px}.v1-local-hand>div{width:170px;border-radius:12px;background:#233e49;padding:6px}.v1-local-hand .unavailable .portrait{filter:grayscale(.7)}.v1-local-hand .unavailable .card{border-color:#67757a}.v1-local-hand .portrait{height:140px}.v1-local-hand .card-reason{padding:6px}.empty-bench{width:130px;flex:none}.v1-local-board .hpbar{position:static;height:10px;min-height:10px}.drawer .controls{position:static!important}.detail-art .portrait{height:240px!important;position:relative!important}.home-content button{max-width:100%;white-space:normal}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body,button,select,input,small,.card small,.tag,.tabletop small{font-size:14px!important}button,select{min-height:44px;min-width:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}button:focus-visible{outline:3px solid #ffde7c;outline-offset:3px}select{width:100%}label{display:block;margin:12px 0}.controls,.top-buttons{display:flex;flex-wrap:wrap;gap:8px}header,.turn-banner,.team-label,.hand-title{height:auto!important;min-height:44px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.turn-banner span,.team-label span{white-space:normal;overflow:visible}.intro,.home-content,.deck-select,.deck-option,.home-links{min-width:0;max-width:100%}.home-links{flex-wrap:wrap}.home-content{padding:20px}.deck-select{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.v1-card-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}.formula-art{min-height:130px;display:grid;place-items:center;background:linear-gradient(135deg,#24454f,#182b49);color:#ffdf90;font-size:32px}.hero-cards .v1-card-art{width:30%;height:200px;border-radius:16px}.v1-team{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #41626a}.team-label{align-self:stretch}.v1-fighter{display:block;position:relative;width:240px;max-width:100%;padding:0;border:2px solid #97b9b7;border-radius:15px;background:#122c37;color:white;overflow:hidden;text-align:left}.v1-fighter>.v1-card-art{height:235px}.v1-name{display:flex;flex-direction:column;gap:4px;padding:10px;background:#173c49}.v1-name small{overflow-wrap:anywhere}.v1-unit-info{padding:10px}.v1-unit-info span{display:block;overflow-wrap:anywhere}.v1-bench{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.v1-bench>div{width:130px;max-width:44vw}.v1-bench .v1-fighter{width:100%}.v1-bench .v1-card-art{height:110px}.v1-bench .v1-name,.v1-bench .v1-unit-info{padding:6px}.v1-bench button[data-swap]{width:100%;margin-top:5px}.v1-hand{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(290px,auto));grid-auto-columns:170px;gap:12px;overflow-x:auto;padding:12px 4px 18px;scroll-snap-type:x proximity;align-items:stretch}.v1-hand-card{position:relative;display:flex;flex-direction:column;gap:5px;padding:8px;width:170px;border:2px solid #6b8794;border-radius:12px;background:#17323b;color:white;text-align:left;scroll-snap-align:start}.v1-hand-card>.v1-card-art{height:145px;border-radius:8px}.v1-hand-card small{overflow-wrap:anywhere}.v1-hand-card.available{border-color:#a3ffd2;box-shadow:0 0 12px #8bffbe88}.v1-hand-card.unavailable{background:#344146;border-color:#737e83}.v1-hand-card.unavailable>.v1-card-art{filter:grayscale(.75)}.card-reason{position:static!important;font-size:14px!important;line-height:1.5;margin:5px 0 0;color:#eff5f5;max-height:none}.v1-actions{position:static;display:flex;flex-wrap:wrap;gap:10px;padding:20px 0}.v1-actions button{flex:1 1 160px}.v1-actions small{display:block;margin-top:5px}.action-bar{position:static!important}.inline-help,.tutorial-banner{padding:14px;background:#193e49;border:1px solid #82b4b9;border-radius:12px;line-height:1.6}.tutorial-banner{border-color:#f9d87b}.locked-electrons{display:block;background:#586167;color:#fff;padding:5px;border-radius:6px;font-size:14px}.reaction-animation{padding:16px;border:1px solid #89d3c7;border-radius:12px}.electron-track{display:flex;align-items:center;justify-content:space-between;gap:10px}.travelling-electrons{animation:transfer 1.4s ease-in-out 2;color:#ffdf88}.covalent-bonds{display:flex;justify-content:center;gap:12px;font-size:40px}.covalent-bonds b{animation:bond 1.5s ease-in-out 2}.reaction-animation .locked-electrons{animation:lock 2s ease-in}.v1-name strong{position:static}.hp{height:10px;min-height:10px;margin:8px 0;background:#3d4f53}.hp i{display:block;height:100%;background:#8aefb9}.versus{text-align:center;padding:16px}dialog{max-width:min(680px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:20px;scroll-padding-top:20px}dialog>.v1-card-art{height:260px;object-fit:contain}dialog h2{margin-top:0}dialog button{margin:4px}#app{width:min(1050px,100%);padding:16px;margin:auto}.table-hand-card{width:160px!important}.table-hand{grid-auto-columns:160px!important}.card{min-width:140px!important}.card-head{display:grid!important;grid-template-columns:1fr!important;gap:4px;height:auto!important}.card-head b,.card-head span{position:static!important;overflow-wrap:anywhere}.card-english{display:block;line-height:1.3}.portrait .v1-card-art{position:absolute;inset:0;z-index:1}.portrait .symbol{z-index:2;max-width:95%;font-size:20px!important;line-height:1.2;overflow-wrap:anywhere}.tabletop .card{height:auto!important;min-height:210px}.tabletop .mini{min-width:110px!important}.table-bench{overflow-x:auto}.drawer{max-width:calc(100vw - 20px);overflow-x:hidden}.drawer .detail-art .v1-card-art{height:220px;object-fit:contain}.table-energy{white-space:normal}.save-status{line-height:1.5;color:#bfd4dc}
@keyframes transfer{from{transform:translateX(-22px);opacity:.4}to{transform:translateX(22px);opacity:1}}@keyframes bond{from{opacity:.1}to{opacity:1}}@keyframes lock{from{opacity:.1}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:480px){#app{padding:12px}.v1-hand{grid-auto-columns:160px}.v1-hand-card{width:160px}.top-buttons{width:100%}.top-buttons button{flex:1 1 60px}.table-hand{grid-template-rows:repeat(2,240px)!important}.home-content{padding:14px}.v1-fighter{width:230px}.v1-bench>div{width:130px}.card-bottom{white-space:normal!important}.tabletop{padding-bottom:15px!important}}

/* Text and interactive controls remain readable in legacy sheets. */
.detail-title{display:flex;flex-wrap:wrap;gap:10px}.detail-title h2{overflow-wrap:anywhere;min-width:0}.detail-title>div{min-width:0;flex:1 1 180px}a.linkbutton,summary,input[type="checkbox"]{min-height:44px;min-width:44px}summary{padding:12px 0}.v1-local-hand .playable{box-shadow:0 0 12px #8bffbe88}.home-content .primary{height:auto!important;padding:14px}.v1-local-board header span{overflow-wrap:anywhere}.v1-local-hand .card,.v1-fighter{touch-action:pan-x pan-y}
.electron-track{position:relative;min-height:70px;align-items:flex-start}.electron-track>.travelling-electrons{position:absolute;top:28px;left:15%;white-space:nowrap;animation:electron-transfer 2.6s ease-in-out forwards}.reaction-animation .locked-electrons{animation:electron-lock 2.6s ease-in forwards}@keyframes electron-transfer{0%{left:10%;opacity:0}15%{opacity:1}80%{left:65%;opacity:1}100%{left:65%;opacity:0}}@keyframes electron-lock{0%,80%{opacity:.25}100%{opacity:1}}@media(prefers-reduced-motion:reduce){.electron-track>.travelling-electrons,.reaction-animation .locked-electrons{animation:none!important}}