/* NOVA Energy Pool – V66.56 */
.energy-pool-card{padding:14px!important}
.energy-pool-title{margin-bottom:11px}
.energy-pool-levels{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px
}
.energy-pool-levels button{
 position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:8px;
 min-width:0;padding:9px 10px;text-align:left;color:#143b5c;border:1px solid #cbdce9;border-radius:13px;
 background:linear-gradient(145deg,#fff,#f3f8fd);cursor:pointer;transition:.18s ease
}
.energy-pool-levels button:hover{transform:translateY(-2px);border-color:#61bfe4;box-shadow:0 8px 18px rgba(23,104,158,.13)}
.energy-pool-levels button.active{
 color:#fff;border-color:transparent;background:linear-gradient(135deg,#263f9c,#8c3db4 55%,#e45291);
 box-shadow:0 9px 22px rgba(87,49,166,.25)
}
.energy-pool-levels button>span{grid-row:1/4;align-self:center;font-size:25px;filter:drop-shadow(0 0 8px rgba(66,225,255,.48))}
.energy-pool-levels b,.energy-pool-levels small,.energy-pool-levels i{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.energy-pool-levels b{font-size:13px;line-height:1.2}.energy-pool-levels small{font-size:10px;color:#526f88;font-weight:850;letter-spacing:.055em;line-height:1.25}
.energy-pool-levels i{font-size:12px;color:#d78d00;font-style:normal;letter-spacing:1px}
.energy-pool-levels button.active small{color:#e6f7ff}.energy-pool-levels button.active i{color:#ffe37b}
.energy-pool-hud{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:9px}
.energy-pool-hud article{min-height:60px!important;padding:8px 10px!important}
.energy-pool-hud small{font-size:10px!important;line-height:1.2}
.energy-pool-hud strong{font-size:21px!important;line-height:1.15}
.energy-pool-info-bar{
 display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;padding:9px 11px;
 color:#143b5c;border:1px solid #b8d3e5;border-radius:15px;
 background:linear-gradient(135deg,#ffffff,#eef8ff 58%,#f0ebff);
 box-shadow:0 10px 24px rgba(31,91,131,.13)
}
.energy-pool-stage{
 position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid #48708d;border-radius:22px;background:#050c1a;
 box-shadow:0 20px 44px rgba(6,25,55,.24),inset 0 0 0 1px rgba(255,255,255,.08)
}
.energy-pool-stage.is-rotated{width:min(100%,560px);aspect-ratio:10/16;margin-inline:auto}
.energy-pool-rotator{position:absolute;inset:0;transform-origin:center}
.energy-pool-stage.is-rotated .energy-pool-rotator{
 left:50%;top:50%;right:auto;bottom:auto;width:160%;height:62.5%;transform:translate(-50%,-50%) rotate(90deg)
}
.energy-pool-arena-head{
 display:flex;align-items:center;gap:9px;min-width:0;color:inherit
}
.energy-pool-arena-head>span{
 width:46px;height:46px;display:grid;place-items:center;border:1px solid #a9cfe4;border-radius:13px;
 background:#e8f7ff;backdrop-filter:blur(7px);font-size:25px;box-shadow:0 0 24px rgba(67,184,222,.22)
}
.energy-pool-arena-head small,.energy-pool-arena-head b{display:block}
.energy-pool-arena-head small{font-size:10px;color:#356a8d;font-weight:900;letter-spacing:.09em;line-height:1.2}
.energy-pool-arena-head b{margin-top:3px;font-size:17px;line-height:1.15}
.energy-pool-info-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.energy-pool-combo{
 min-width:112px;padding:7px 11px;text-align:right;color:#173d59;border:1px solid #b4cede;border-radius:12px;
 background:#fff;backdrop-filter:blur(7px)
}
.energy-pool-combo small{font-size:9px!important;font-weight:900;letter-spacing:.07em}
.energy-pool-combo b{color:#6e3cc7!important;font-size:21px!important;line-height:1.1}
.energy-pool-info-button,.energy-pool-rotate{
 min-height:44px;padding:8px 12px!important;color:#123f61!important;border-color:#a9c9dd!important;
 background:#fff!important;white-space:nowrap;font-size:12px!important
}
.energy-pool-info-button:hover,.energy-pool-info-button.active,.energy-pool-rotate:hover{border-color:#2daed9!important;background:#e7f8ff!important}
.energy-pool-instructions{
 display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:-1px 0 9px;padding:12px 14px;
 color:#1d465f;border:1px solid #b9d6e7;border-radius:13px;background:#f4fbff;box-shadow:0 8px 20px rgba(31,91,131,.09)
}
.energy-pool-instructions[hidden]{display:none}
.energy-pool-instructions>span{font-size:23px;color:#217ea5}
.energy-pool-instructions b{display:block;margin-bottom:3px;font-size:14px;color:#153c58}
.energy-pool-instructions p{margin:0;font-size:12px!important;line-height:1.5;color:#41637a!important}
#energyPoolCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
.energy-pool-power{
 position:absolute;z-index:7;left:7%;right:7%;bottom:11px;height:10px;overflow:hidden;border:1px solid rgba(255,255,255,.3);
 border-radius:999px;background:rgba(0,0,0,.42);pointer-events:none
}
.energy-pool-power span{
 display:block;width:0;height:100%;border-radius:inherit;
 background:linear-gradient(90deg,#35e8cf 0 50%,#ffdc4a 74%,#ff5574 100%);box-shadow:0 0 16px #5fefff;
 transition:width .04s linear
}
.energy-pool-power b{
 position:absolute;inset:0;display:grid;place-items:center;color:#fff!important;font-size:8px!important;letter-spacing:.18em;text-shadow:0 1px 3px #000
}
.energy-pool-overlay{
 position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;
 color:#fff;text-align:center;background:linear-gradient(145deg,rgba(2,9,25,.78),rgba(26,13,59,.72));backdrop-filter:blur(7px)
}
.energy-pool-overlay[hidden]{display:none}
.energy-pool-overlay>span{font-size:58px;color:#78edff;filter:drop-shadow(0 0 21px #6a4dff);animation:energyPoolFloat 1.8s ease-in-out infinite alternate}
.energy-pool-overlay h4{margin:8px 0 6px;color:#fff!important;font-size:clamp(27px,4vw,43px);letter-spacing:.025em}
.energy-pool-overlay p{max-width:570px;margin:0 0 17px;color:#eaf7ff!important;font-size:15px!important;line-height:1.55}
.energy-pool-overlay .btn{min-width:220px;font-size:14px!important}
.energy-pool-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}
.energy-pool-controls .game-actions{display:flex;grid-template-columns:none;gap:7px;flex:0 0 auto}
.energy-pool-controls .game-help{margin:0;text-align:right;font-size:12px!important;line-height:1.4}
.energy-pool-legend{
 display:flex;align-items:center;gap:14px;margin-top:9px;padding:9px 11px;border:1px solid #d6e3ed;border-radius:12px;
 background:#f7fbfe;color:#3e6079;font-size:11px;font-weight:800
}
.energy-pool-legend span{display:flex;align-items:center;gap:5px}
.energy-pool-legend i{width:12px;height:12px;display:inline-block;border-radius:50%}
.energy-pool-legend i.goal{background:#ffc841;box-shadow:0 0 7px #ffb32d}
.energy-pool-legend i.portal{border:2px dashed #aa66ff;background:#19214b}
.energy-pool-legend i.magnet{border:2px solid #56e9c4;background:#153b42}
.energy-pool-legend i.prism{border-radius:2px;background:linear-gradient(135deg,#55e8ff,#ef64d4)}
.energy-pool-legend>b{margin-left:auto;color:#1c4b70!important;font-size:11px!important}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-info-bar{
 color:#fff;border-color:#567a96;background:linear-gradient(135deg,#07172b,#173c5d 58%,#31235e);
 box-shadow:0 10px 24px rgba(0,0,0,.22)
}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-arena-head>span{
 border-color:rgba(255,255,255,.28);background:rgba(3,12,29,.55);box-shadow:0 0 24px rgba(67,224,255,.25)
}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-arena-head small{color:#ccf5ff}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-arena-head small,
body.dark-mode #moduleModal.nova-games-modal .energy-pool-arena-head b{text-shadow:0 2px 6px #000}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-combo{
 color:#fff;border-color:rgba(255,255,255,.2);background:rgba(3,12,29,.48)
}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-combo b{color:#ffe36b!important}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-info-button,
body.dark-mode #moduleModal.nova-games-modal .energy-pool-rotate{
 color:#fff!important;border-color:rgba(255,255,255,.3)!important;background:rgba(4,16,38,.56)!important
}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-info-button:hover,
body.dark-mode #moduleModal.nova-games-modal .energy-pool-info-button.active,
body.dark-mode #moduleModal.nova-games-modal .energy-pool-rotate:hover{border-color:#6beaff!important;background:rgba(18,67,96,.8)!important}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-instructions{
 color:#e5f5ff;border-color:#557995;background:#12314a;box-shadow:0 8px 20px rgba(0,0,0,.18)
}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-instructions>span{color:#71e9ff}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-instructions b{color:#fff}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-instructions p{color:#d3e7f4!important}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-levels button,
body.dark-mode #moduleModal.nova-games-modal .energy-pool-legend{
 color:#fff;background:#173a57;border-color:#5c7f9b
}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-levels button.active{background:linear-gradient(135deg,#263f9c,#8c3db4 55%,#e45291)}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-levels small{color:#c9dfed}
body.dark-mode #moduleModal.nova-games-modal .energy-pool-legend>b{color:#e5f5ff!important}
@keyframes energyPoolFloat{to{transform:translateY(-8px) scale(1.04)}}
@media(max-width:900px){
 .energy-pool-levels{grid-template-columns:repeat(3,1fr)}
 .energy-pool-levels button:nth-child(4),.energy-pool-levels button:nth-child(5){grid-column:span 1}
}
@media(max-width:700px){
 .energy-pool-card{padding:6px!important}
 .energy-pool-title{display:flex!important;min-height:0!important;margin-bottom:7px;gap:6px;align-items:flex-start}
 .energy-pool-title>div{min-width:0}
 .energy-pool-title small{display:block;font-size:7px!important;line-height:1.25;letter-spacing:.055em!important}
 .energy-pool-title h3{margin-top:2px!important;font-size:14px!important;line-height:1.15!important}
 .energy-pool-title .game-live-badge{flex:0 0 auto;padding:4px 6px!important;font-size:7px!important}
 .energy-pool-levels{display:flex;gap:5px;margin-bottom:6px;padding:1px 0 4px;overflow-x:auto;scroll-snap-type:x proximity}
 .energy-pool-levels button{flex:0 0 118px;display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto auto;min-height:55px;padding:5px 7px;border-radius:9px;scroll-snap-align:start}
 .energy-pool-levels button>span{grid-row:1/4;font-size:20px}.energy-pool-levels button>b{display:block;font-size:10px}.energy-pool-levels button>small{display:block;font-size:8px}
 .energy-pool-levels button>i{position:static;text-align:left;font-size:8px}
 .energy-pool-hud{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin-bottom:5px}
 .energy-pool-hud article{min-height:46px!important;padding:5px 2px!important}
 .energy-pool-hud small{font-size:8px!important}.energy-pool-hud strong{font-size:14px!important}
 .energy-pool-info-bar{gap:6px;margin-bottom:5px;padding:6px 7px;border-radius:10px}
 .energy-pool-stage{border-radius:13px}
 .energy-pool-stage.is-rotated{width:min(100%,430px)}
 #energyPoolCanvas{min-height:0}
 .energy-pool-arena-head{gap:5px}
 .energy-pool-arena-head>span{width:34px;height:34px;border-radius:9px;font-size:19px}
 .energy-pool-arena-head small{font-size:7px}.energy-pool-arena-head b{font-size:12px}
 .energy-pool-info-actions{gap:3px}
 .energy-pool-combo{min-width:76px;padding:4px 7px;border-radius:8px}
 .energy-pool-combo small{font-size:7px!important}.energy-pool-combo b{font-size:15px!important}
 .energy-pool-info-button,.energy-pool-rotate{min-height:34px!important;padding:5px 7px!important;font-size:9px!important}
 .energy-pool-instructions{gap:7px;margin-bottom:5px;padding:8px 9px}
 .energy-pool-instructions>span{font-size:19px}
 .energy-pool-instructions b{font-size:11px}
 .energy-pool-instructions p{font-size:10px!important;line-height:1.4}
 .energy-pool-power{bottom:6px;height:7px}
 .energy-pool-overlay{padding:15px}.energy-pool-overlay>span{font-size:40px}.energy-pool-overlay h4{font-size:23px}
 .energy-pool-overlay p{max-width:320px;font-size:11px!important;margin-bottom:10px}.energy-pool-overlay .btn{min-width:170px;padding:7px 10px!important;font-size:11px!important}
 .energy-pool-controls{margin-top:5px;display:block}
 .energy-pool-controls .game-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px}
 .energy-pool-controls .btn{min-height:32px!important;padding:5px 3px!important;font-size:9px!important}
 .energy-pool-controls .game-help{margin-top:4px;text-align:center;font-size:9px!important;line-height:1.3}
 .energy-pool-legend{display:none}
 .mobile-game-focus:has(.energy-pool-game) .nova-games-output{overflow:visible!important;padding:0!important}
 .mobile-game-focus .energy-pool-game,.mobile-game-focus .energy-pool-card{min-height:0!important}
}
@media(max-width:430px) and (max-height:740px){
 .energy-pool-levels{display:flex}
 .energy-pool-overlay p{max-width:285px}
}
@media(max-width:380px){
 .energy-pool-info-button span,
 .energy-pool-rotate .energy-pool-rotate-label{display:none}
}
@media(prefers-reduced-motion:reduce){
 .energy-pool-overlay>span{animation:none}
}
