:root{--bg:#07101f;--panel:#0c1830;--panel2:#111f3c;--line:#29405f;--text:#edf5ff;--muted:#8fa6c2;--cyan:#65e8ff;--gold:#ffd56a;--danger:#ff6b72;--success:#6ff0a4;--purple:#c48cff;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);touch-action:none;overscroll-behavior:none}
button{font:inherit;color:inherit;border:0;cursor:pointer}button:disabled{opacity:.45;cursor:default}
#renderCanvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;outline:none;touch-action:none;background:radial-gradient(circle at 50% 40%,#18304d,#07101f 70%)}
.hidden{display:none!important}.boot-screen{position:fixed;inset:0;z-index:500;background:radial-gradient(circle at 50% 38%,#173455,#07101f 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:opacity .45s}.boot-logo{font-weight:950;letter-spacing:.18em;font-size:clamp(25px,5vw,58px);text-shadow:0 0 28px #4cdfff}.boot-subtitle{color:var(--cyan);letter-spacing:.55em;font-weight:800}.boot-bar{width:min(520px,72vw);height:8px;border:1px solid #315379;background:#07111f;border-radius:99px;overflow:hidden;margin-top:25px}.boot-bar i{display:block;width:4%;height:100%;background:linear-gradient(90deg,#488cff,#6dffff);box-shadow:0 0 18px #65e8ff;transition:width .25s}.boot-screen div:last-child{color:var(--muted);font-size:13px}
.top-hud{position:fixed;z-index:40;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:calc(10px + var(--safe-top));display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:12px}.profile-chip,.currency-bar{pointer-events:auto;background:linear-gradient(135deg,rgba(10,25,48,.93),rgba(14,34,62,.82));border:1px solid rgba(110,181,255,.35);box-shadow:0 8px 30px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.profile-chip{display:flex;align-items:center;gap:8px;border-radius:16px;padding:7px 12px}.profile-chip span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#355ec9,#43cfe4);font-size:11px;font-weight:900}.profile-chip b{font-size:13px}.currency-bar{display:flex;gap:7px;border-radius:14px;padding:6px}.currency{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:9px;background:rgba(3,10,23,.55);font-size:12px;font-weight:800}.currency img{width:18px;height:18px}.quest-tracker{position:fixed;z-index:10;left:max(14px,env(safe-area-inset-left));top:calc(72px + var(--safe-top));width:min(260px,42vw);pointer-events:none;background:rgba(7,17,33,.74);border-left:3px solid var(--cyan);border-radius:6px 12px 12px 6px;padding:9px 11px;backdrop-filter:blur(7px);font-size:12px}.quest-tracker b{display:block;margin-bottom:3px}.quest-tracker span{color:var(--muted)}
.lobby-controls{position:fixed;inset:0;z-index:25;pointer-events:none;transition:opacity .16s,visibility .16s}.camera-area{position:absolute;right:0;top:65px;bottom:0;width:62%;z-index:1;pointer-events:auto;touch-action:none}.joystick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:calc(24px + var(--safe-bottom));z-index:3;width:128px;height:128px;border-radius:50%;border:2px solid rgba(140,211,255,.35);background:radial-gradient(circle at 30% 30%,rgba(86,177,242,.28),rgba(43,91,132,.34) 42%,rgba(8,18,34,.7));box-shadow:inset 0 0 28px rgba(63,189,255,.22),0 14px 34px rgba(0,0,0,.18);pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;width:58px;height:58px;left:35px;top:35px;border-radius:50%;background:linear-gradient(145deg,rgba(138,226,255,.96),rgba(46,114,196,.88));border:2px solid rgba(220,249,255,.82);box-shadow:0 5px 24px rgba(35,188,255,.52)}.action-button{position:absolute;z-index:3;pointer-events:auto;background:linear-gradient(145deg,rgba(26,66,102,.94),rgba(12,35,62,.96));border:1px solid rgba(112,204,255,.55);border-radius:50%;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 7px 25px rgba(0,0,0,.32),inset 0 0 16px rgba(101,232,255,.08)}.interact-button{right:max(29px,env(safe-area-inset-right));bottom:calc(30px + var(--safe-bottom));width:88px;height:88px}.menu-button{right:max(128px,env(safe-area-inset-right));bottom:calc(35px + var(--safe-bottom));width:70px;height:70px}.action-button:not(:disabled):active{transform:scale(.94)}
.battle-controls{position:fixed;inset:0;z-index:30;pointer-events:none;transition:opacity .16s,visibility .16s}.battle-top-row{position:absolute;top:calc(62px + var(--safe-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;pointer-events:auto;white-space:nowrap}.hud-button,.exit-battle{background:linear-gradient(180deg,rgba(10,23,43,.96),rgba(7,18,34,.92));border:1px solid #36577b;border-radius:11px;padding:8px 11px;font-size:11px;font-weight:850;box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 0 16px rgba(255,255,255,.02)}.hud-button.active{border-color:var(--cyan);box-shadow:0 0 16px rgba(101,232,255,.28),inset 0 0 18px rgba(101,232,255,.08);color:var(--cyan)}.wave-label,.timer-label{background:rgba(7,16,31,.88);border:1px solid rgba(127,176,226,.3);border-radius:9px;padding:8px 11px;font-size:12px;font-weight:850}.boss-bar{position:absolute;top:calc(108px + var(--safe-top));left:50%;transform:translateX(-50%);width:min(620px,75vw);text-align:center;font-size:12px;pointer-events:none}.boss-bar>div{height:13px;margin-top:5px;background:#1b1420;border:1px solid #773848;border-radius:99px;overflow:hidden}.boss-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#a52f45,#ff6575);box-shadow:0 0 14px #ff5267;transition:width .12s}.battle-portraits{position:absolute;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translateX(-50%);display:flex;gap:9px;pointer-events:auto}.battle-unit{position:relative;width:clamp(82px,11vw,118px);height:clamp(98px,15vh,138px);background:linear-gradient(180deg,rgba(24,48,80,.96),rgba(8,18,34,.98));border:1px solid #3a5a7c;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.36),inset 0 0 20px rgba(255,255,255,.02)}.battle-unit img{width:100%;height:66%;object-fit:cover}.battle-unit .unit-name{position:absolute;left:5px;right:5px;top:4px;text-shadow:0 1px 3px #000;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{position:absolute;left:6px;right:6px;height:7px;border-radius:8px;background:#151c28;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.bar i{display:block;height:100%;transition:width .1s}.hp-bar{bottom:20px}.hp-bar i{background:linear-gradient(90deg,#28b96e,#70efa7)}.energy-bar{bottom:8px}.energy-bar i{background:linear-gradient(90deg,#4b7cff,#70eaff)}.battle-unit.ready{border-color:#ffe087;box-shadow:0 0 22px rgba(255,224,135,.5),0 0 34px rgba(92,230,255,.36)}.battle-unit.dead{filter:grayscale(1);opacity:.55}.exit-battle{position:absolute;right:max(14px,env(safe-area-inset-right));top:calc(62px + var(--safe-top));pointer-events:auto;color:#ffabb0;border-color:#723b48}
body.modal-open .lobby-controls,body.modal-open .battle-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.modal-open .lobby-controls *,body.modal-open .battle-controls *{pointer-events:none!important}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(2,7,15,.78);backdrop-filter:blur(7px);touch-action:none}.modal-panel{position:fixed;z-index:110;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1060px,94vw);height:min(760px,88vh);background:linear-gradient(145deg,rgba(11,24,46,.99),rgba(8,16,32,.99));border:1px solid #355778;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.04);overflow:hidden;display:flex;flex-direction:column}.modal-panel header{height:74px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #263b57;background:linear-gradient(90deg,rgba(33,65,104,.42),transparent)}.modal-panel header small{color:var(--cyan);font-size:9px;letter-spacing:.24em;font-weight:900}.modal-panel h2{margin:3px 0 0;font-size:24px}.close-button{width:42px;height:42px;border-radius:50%;background:#142841;border:1px solid #365c80;font-size:25px}.modal-content{flex:1;overflow:auto;padding:17px;touch-action:pan-y;-webkit-overflow-scrolling:touch}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-thumb{background:#304e6e;border-radius:99px}
.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.menu-tile,.card,.world-card,.stage-card,.unit-card,.item-card,.quest-card{background:linear-gradient(145deg,rgba(23,45,76,.82),rgba(10,23,43,.92));border:1px solid #294663;border-radius:15px;padding:13px;position:relative;overflow:hidden}.menu-tile{min-height:116px;text-align:left}.menu-tile:active,.card:active,.world-card:active,.stage-card:active,.unit-card:active{transform:translateY(1px)}.menu-tile b{font-size:16px;display:block;margin-bottom:6px}.menu-tile span,.muted{font-size:12px;color:var(--muted)}.menu-tile .tile-icon{font-size:28px;margin-bottom:8px;color:var(--cyan)}
.section-title{display:flex;justify-content:space-between;align-items:end;margin:2px 0 12px}.section-title h3{margin:0;font-size:18px}.section-title p{margin:0;color:var(--muted);font-size:12px}.button-row{display:flex;gap:9px;flex-wrap:wrap}.primary,.secondary,.danger,.small-button{border-radius:10px;padding:10px 14px;font-weight:850;font-size:12px}.primary{background:linear-gradient(135deg,#3187c4,#36c8d6);color:#03101d}.secondary{background:#162d4b;border:1px solid #355a7d}.danger{background:#5e2732;border:1px solid #a84859}.small-button{padding:7px 10px;background:#183351;border:1px solid #365b7d}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.world-card{min-height:205px;padding:18px;cursor:pointer}.world-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 5%,var(--world-color),transparent 55%);opacity:.22}.world-card>*{position:relative}.world-card h3{font-size:22px;margin:5px 0 8px}.world-card .progress{height:8px;border-radius:9px;background:#102037;overflow:hidden;margin:15px 0}.world-card .progress i{display:block;height:100%;background:var(--world-color)}.locked{filter:grayscale(.75);opacity:.58}.tabs{display:flex;gap:6px;margin-bottom:14px;overflow:auto}.tab{flex:none;background:#122944;border:1px solid #294b6e;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:850}.tab.active{background:#245579;color:var(--cyan);border-color:#54bfe4}.stage-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stage-card h4{margin:0 0 6px;font-size:14px}.stage-card .stars{color:var(--gold);letter-spacing:.08em}.stage-card .recommended{font-size:11px;color:var(--muted);margin:7px 0}.enemy-preview{display:flex;gap:5px;font-size:10px;flex-wrap:wrap}.enemy-chip{background:#152b46;border-radius:7px;padding:4px 6px;color:#bcd1e6}.team-layout{display:grid;grid-template-columns:minmax(390px,1fr) minmax(300px,.75fr);gap:15px}.team-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.team-slot{min-height:210px;background:#0a1a30;border:1px dashed #3a5c7d;border-radius:14px;padding:8px;position:relative}.team-slot img,.unit-card img{width:100%;aspect-ratio:1/1;border-radius:10px;object-fit:cover;background:#10213a}.team-slot .slot-index{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#071425;border:1px solid #3b5d7f;font-size:10px;font-weight:900}.team-slot b{display:block;font-size:11px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-slot select{width:100%;margin-top:5px;background:#112a47;color:#dceeff;border:1px solid #315475;border-radius:7px;padding:5px;font-size:10px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.unit-card{padding:8px;cursor:pointer}.unit-card b{display:block;font-size:11px;margin-top:5px}.unit-card span{font-size:10px;color:var(--muted)}.rarity-Mythic{border-color:#d687ff!important;box-shadow:inset 0 0 24px rgba(203,98,255,.12)}.rarity-Legendary{border-color:#ffd36f!important}.rarity-Epic{border-color:#779cff!important}.rarity-Rare{border-color:#5b819b!important}.unit-detail{display:grid;grid-template-columns:260px 1fr;gap:18px}.unit-detail>div:first-child img{width:100%;border-radius:17px;border:1px solid #365b7b}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.stat{background:#0d2038;border:1px solid #24435f;border-radius:9px;padding:8px}.stat small{display:block;color:var(--muted);font-size:9px}.stat b{font-size:14px}.equip-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.equip-slot{background:#0c1e34;border:1px solid #294661;border-radius:10px;padding:9px;min-height:73px}.summon-banner{padding:24px;border-radius:18px;border:1px solid #513a72;background:radial-gradient(circle at 80% 20%,rgba(181,108,255,.3),transparent 45%),linear-gradient(145deg,#1b2445,#161329);min-height:230px}.summon-banner h3{font-size:28px;margin:6px 0}.summon-results{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:14px}.summon-result{background:#0d1d34;border:1px solid #36506d;border-radius:12px;padding:7px;text-align:center;animation:reveal .35s both}.summon-result img{width:100%;border-radius:9px}.summon-result b{font-size:10px}.duplicate{font-size:9px;color:var(--gold)}@keyframes reveal{from{opacity:0;transform:scale(.75) rotateY(60deg)}to{opacity:1;transform:none}}
.quest-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.quest-card .quest-main{flex:1}.quest-progress{height:7px;background:#0a1425;border-radius:8px;overflow:hidden;margin-top:7px}.quest-progress i{display:block;height:100%;background:linear-gradient(90deg,#3e87d1,#62e8e5)}.reward-chips{display:flex;gap:5px;flex-wrap:wrap}.reward-chip{padding:5px 7px;background:#152b46;border:1px solid #2e4d6e;border-radius:7px;font-size:10px}.settings-row{display:grid;grid-template-columns:180px 1fr 60px;gap:12px;align-items:center;margin:12px 0}.settings-row input[type=range]{width:100%}.settings-row select{background:#132944;color:white;border:1px solid #365777;border-radius:8px;padding:8px}.mail-card{background:#0d2038;border:1px solid #2b4864;border-radius:12px;padding:12px;margin-bottom:8px}.mail-card h4{margin:0 0 5px}.mail-card p{font-size:12px;color:var(--muted)}
.combat-text-layer{position:fixed;inset:0;z-index:35;pointer-events:none}.combat-text{position:absolute;font-weight:950;font-size:16px;text-shadow:0 2px 4px #000;animation:floatText .9s forwards}.combat-text.damage{color:#f3fbff}.combat-text.crit{color:#ffd268;font-size:21px}.combat-text.heal{color:#68f0a3}@keyframes floatText{0%{opacity:0;transform:translate(-50%,0) scale(.7)}15%{opacity:1;transform:translate(-50%,-8px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-70px) scale(.9)}}.notification-layer{position:fixed;z-index:120;left:50%;top:calc(75px + var(--safe-top));transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:rgba(8,22,41,.96);border:1px solid #3a6287;border-radius:11px;padding:10px 14px;box-shadow:0 9px 30px rgba(0,0,0,.4);font-size:12px;animation:toastIn .25s both}.toast.error{border-color:#9f4554;color:#ffbbc1}.toast.success{border-color:#398b64;color:#a9ffd0}@keyframes toastIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.result-panel{position:fixed;z-index:130;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,92vw);background:linear-gradient(145deg,#102542,#081528);border:1px solid #4d7091;border-radius:24px;padding:28px;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.7)}.result-panel h1{font-size:42px;letter-spacing:.17em;margin:0 0 4px;text-shadow:0 0 25px #6aeaff}.result-stars{font-size:38px;color:var(--gold);letter-spacing:.12em}.result-stats,.result-rewards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:15px 0}.result-actions{display:flex;justify-content:center;gap:10px}.result-actions button{padding:12px 18px;border-radius:10px;background:#1b3d62;border:1px solid #47749b;font-weight:900}.result-actions button:last-child{background:linear-gradient(135deg,#2f8bb9,#47d6d2);color:#06131e}.result-glow{position:absolute;inset:-2px;z-index:-1;border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(95,236,255,.25),transparent 55%)}.orientation-notice{position:fixed;z-index:200;bottom:18px;left:50%;transform:translateX(-50%);background:#0c1e35;border:1px solid #426486;border-radius:11px;padding:10px 14px;font-size:11px}
@media(max-width:850px){.menu-grid{grid-template-columns:repeat(3,1fr)}.grid-3,.stage-list{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}.team-layout{grid-template-columns:1fr}.team-slots{grid-template-columns:repeat(5,minmax(75px,1fr));overflow:auto}.collection-grid{grid-template-columns:repeat(5,1fr)}.unit-detail{grid-template-columns:190px 1fr}.currency:nth-child(n+4){display:none}.joystick{width:112px;height:112px}.joystick-knob{left:30px;top:30px;width:52px;height:52px}}
@media(max-width:600px){.modal-panel{width:96vw;height:91vh;border-radius:16px}.modal-content{padding:11px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:8px}.menu-tile{min-height:96px;padding:10px}.grid-2,.grid-3,.grid-4,.stage-list{grid-template-columns:1fr}.world-card{min-height:150px}.team-slots{grid-template-columns:repeat(5,92px)}.collection-grid{grid-template-columns:repeat(3,1fr)}.unit-detail{grid-template-columns:1fr}.unit-detail>div:first-child{display:grid;grid-template-columns:130px 1fr;gap:10px}.summon-results{grid-template-columns:repeat(2,1fr)}.battle-unit{width:68px;height:97px}.battle-top-row{gap:3px;top:calc(54px + var(--safe-top))}.hud-button,.wave-label,.timer-label{padding:6px 7px;font-size:9px}.boss-bar{top:calc(91px + var(--safe-top));width:84vw}.exit-battle{top:calc(54px + var(--safe-top));font-size:9px;padding:7px}.profile-chip b{display:none}.currency{font-size:10px;padding:3px}.quest-tracker{display:none}.settings-row{grid-template-columns:110px 1fr 45px}}
@media(orientation:portrait) and (max-width:700px){.battle-portraits{bottom:calc(12px + var(--safe-bottom));gap:4px}.battle-unit{width:17vw;height:100px}.orientation-notice:not(.hidden){display:block}}

/* 0.11 comprehensive patch — coherent fantasy sci-fi UI */
:root{--panel-texture:url('../assets/ui/panels/panel_grid.svg');--rarity-rare:#6795af;--rarity-epic:#7592ff;--rarity-legendary:#f0c75c;--rarity-mythic:#c77dff;--ui-shadow:0 18px 48px rgba(0,0,0,.38)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#040a14}
h1,h2,h3,.boot-logo,.unit-name,.profile-chip b{font-family:Cambria,Georgia,"Times New Roman",serif;letter-spacing:.025em}
button{touch-action:manipulation}
.boot-screen:before{content:"";position:absolute;inset:0;background:var(--panel-texture);background-size:260px;opacity:.06;pointer-events:none}.boot-screen>*{position:relative}.boot-retry{margin-top:14px;padding:10px 18px;border:1px solid #6fdff3;border-radius:9px;background:#102b43;color:#eafaff;font-weight:850;letter-spacing:.06em}
.top-hud{filter:drop-shadow(0 10px 24px rgba(0,0,0,.25))}.profile-chip,.currency-bar{background-color:rgba(7,18,35,.94);background-image:linear-gradient(rgba(255,255,255,.018),rgba(255,255,255,0)),var(--panel-texture);background-size:auto,190px;border-color:rgba(107,203,240,.4)}
.action-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.action-button img{width:27px;height:27px;filter:drop-shadow(0 0 8px rgba(101,232,255,.45))}.action-button span{font-size:10px;text-transform:uppercase;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interact-button{padding:8px}.menu-button{padding:8px}
.modal-panel{background-color:#08162b;background-image:linear-gradient(145deg,rgba(22,50,82,.68),rgba(6,15,30,.94)),var(--panel-texture);background-size:auto,220px;border-color:rgba(103,179,224,.48)}.modal-panel:before{content:"";position:absolute;inset:0;border-radius:22px;box-shadow:inset 0 0 80px rgba(25,103,145,.08);pointer-events:none}.modal-panel header,.modal-content{position:relative}.close-button{display:grid;place-items:center}.close-button img{width:19px;height:19px}
.menu-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:14px;border:1px solid rgba(95,177,222,.42);border-radius:16px;background:radial-gradient(circle at 84% 16%,rgba(71,194,227,.2),transparent 36%),rgba(5,19,37,.74)}.menu-hero small{color:var(--cyan);font-weight:900;letter-spacing:.18em}.menu-hero h3{font-size:27px;margin:3px 0}.menu-hero p{margin:0;color:var(--muted)}.menu-team-power{text-align:right;min-width:130px}.menu-team-power span{display:block;font-size:9px;color:var(--muted);letter-spacing:.12em}.menu-team-power b{font-size:23px;color:#e8faff}
.menu-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.menu-tile{display:flex;align-items:center;gap:13px;min-height:92px;background-color:#0a1b31;background-image:linear-gradient(135deg,rgba(61,112,153,.16),transparent 58%),var(--panel-texture);background-size:auto,160px;border-color:rgba(82,143,187,.42);transition:transform .14s,border-color .14s,box-shadow .14s}.menu-tile:hover,.menu-tile:focus-visible{transform:translateY(-2px);border-color:#62d9ef;box-shadow:0 12px 30px rgba(0,0,0,.3),inset 0 0 24px rgba(74,193,225,.08)}.menu-tile .tile-icon{display:grid;place-items:center;flex:none;width:47px;height:47px;border:1px solid rgba(104,205,236,.38);border-radius:12px;background:linear-gradient(145deg,#173653,#0a2038)}.menu-tile .tile-icon img{width:29px;height:29px;filter:drop-shadow(0 0 9px rgba(101,232,255,.36))}.menu-tile-copy{min-width:0}.menu-tile-copy b{font-size:15px}.menu-tile-copy span{display:block;line-height:1.35;margin-top:4px}
.card,.world-card,.stage-card,.unit-card,.item-card,.quest-card,.team-slot,.mail-card{background-color:#0b1d34;background-image:linear-gradient(145deg,rgba(42,91,132,.15),rgba(4,13,26,.42)),var(--panel-texture);background-size:auto,180px;box-shadow:0 9px 24px rgba(0,0,0,.16)}
.rarity-Rare{border-color:var(--rarity-rare)!important}.rarity-Epic{border-color:var(--rarity-epic)!important;box-shadow:inset 0 0 24px rgba(117,146,255,.09)}.rarity-Legendary{border-color:var(--rarity-legendary)!important;box-shadow:inset 0 0 25px rgba(240,199,92,.11)}.rarity-Mythic{border-color:var(--rarity-mythic)!important;box-shadow:inset 0 0 28px rgba(199,125,255,.13)}
.battle-top-row{top:calc(54px + var(--safe-top));max-width:calc(100vw - 130px)}.auto-cluster{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(81,137,184,.35);border-radius:12px;background:rgba(5,15,29,.72)}.hud-button{display:flex;align-items:center;justify-content:center;gap:5px}.hud-button img,.exit-battle img{width:17px;height:17px}.compact-toggle{padding:7px 8px;min-width:52px}.compact-toggle span{font-size:9px}.icon-button span{white-space:nowrap}.exit-battle{display:flex;align-items:center;gap:5px}
.battle-unit{border-width:2px}.battle-portrait-wrap{position:relative;width:100%;height:68%;overflow:hidden;background:radial-gradient(circle at 50% 32%,rgba(84,171,213,.2),transparent 60%)}.battle-portrait{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 32%}.element-badge,.class-badge{position:absolute!important;width:20px!important;height:20px!important;object-fit:contain!important;padding:2px;border-radius:50%;background:#07172a;border:1px solid rgba(216,244,255,.54)}.element-badge{left:4px;bottom:3px}.class-badge{right:4px;bottom:3px}.ultimate-ready{position:absolute;inset:23px 6px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,225,133,.72);border-radius:9px;background:rgba(8,22,37,.75);opacity:0;transform:scale(.9);transition:opacity .15s,transform .15s;pointer-events:none}.ultimate-ready img{width:27px!important;height:27px!important;object-fit:contain!important}.ultimate-ready span{font-size:8px;font-weight:950;color:#ffe18b;letter-spacing:.1em}.battle-unit.ready .ultimate-ready{opacity:1;transform:scale(1)}
.hp-bar i,.energy-bar i,.boss-bar i{transition:width .22s cubic-bezier(.2,.8,.2,1)}
.combat-text{will-change:transform,opacity}.combat-text.miss{color:#e7f1f7;font-size:13px}.combat-text.shield{color:#73dfff;font-size:14px}.combat-text.dot{color:#ff9a65}.combat-text.boss{color:#ff848e;font-size:18px}.combat-text.heal{color:#68f0a3}
.screen-flash{position:fixed;inset:0;z-index:34;pointer-events:none;opacity:0;background:rgba(120,225,255,.18)}.screen-flash.active{animation:screenFlash .22s ease-out}.screen-flash.active.ultimate{background:radial-gradient(circle,rgba(255,224,115,.28),rgba(83,198,255,.08) 46%,transparent 75%)}@keyframes screenFlash{0%{opacity:0}25%{opacity:1}100%{opacity:0}}
.result-panel{background-color:#08172b;background-image:radial-gradient(circle at 50% 0,rgba(72,205,233,.16),transparent 45%),var(--panel-texture);background-size:auto,190px}.result-stars{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0}.result-stars img{width:42px;height:42px;filter:drop-shadow(0 0 10px rgba(255,212,100,.35))}.defeat-mark{font-size:16px;color:#ff9ca6;letter-spacing:.12em}.auto-countdown{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px auto;padding:9px 12px;border:1px solid #35617e;border-radius:10px;background:#081a2f;max-width:360px}.auto-countdown b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2e88a7;color:white}.auto-countdown button{padding:7px 10px;border-radius:7px;background:#3d2430;color:#ffbcc4;border:1px solid #794151}
.settings-section{padding:14px;border:1px solid #294863;border-radius:14px;background:rgba(5,17,32,.58);margin-bottom:12px}.settings-section h3{margin-top:0}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 2px;border-bottom:1px solid rgba(74,111,143,.22)}.settings-toggle:last-child{border-bottom:0}.settings-toggle span{display:flex;flex-direction:column}.settings-toggle small{color:var(--muted);margin-top:2px}.settings-toggle input{position:absolute;opacity:0;pointer-events:none}.settings-toggle i{position:relative;width:48px;height:25px;border-radius:99px;background:#15273c;border:1px solid #405c77;transition:.15s}.settings-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#7890a7;transition:.15s}.settings-toggle input:checked+i{background:#164c63;border-color:#5fe3ef}.settings-toggle input:checked+i:after{left:26px;background:#9df6ff;box-shadow:0 0 10px rgba(101,232,255,.5)}
@media(max-width:1000px){.menu-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.battle-top-row{max-width:calc(100vw - 100px)}.compact-toggle span{display:none}.compact-toggle{min-width:35px;padding:7px}.auto-cluster{gap:2px}}
@media(max-width:720px){.menu-hero{padding:13px}.menu-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.menu-tile{min-height:76px;padding:9px}.menu-tile .tile-icon{width:40px;height:40px}.battle-top-row{left:10px;right:62px;transform:none;max-width:none;justify-content:center}.hud-button,.wave-label,.timer-label{padding:5px 6px}.icon-button span{display:none}.auto-cluster{overflow:hidden}.battle-portraits{gap:4px}.battle-unit{width:16.5vw;min-width:60px}.element-badge,.class-badge{width:17px!important;height:17px!important}.result-panel{padding:20px}.result-stars img{width:34px;height:34px}}
.unit-card{position:relative}.unit-card-badges{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;pointer-events:none}.unit-card-badges img{width:23px!important;height:23px!important;padding:3px;border-radius:50%!important;background:rgba(4,15,29,.88)!important;border:1px solid rgba(218,246,255,.55);object-fit:contain!important}.stars{display:flex;gap:3px;align-items:center}.stars img{width:17px;height:17px}.card-corner-icon{position:absolute;right:12px;top:12px;width:28px;height:28px;opacity:.65;filter:drop-shadow(0 0 7px rgba(93,220,244,.35))}

/* 0.13 licensed asset foundation — Kenney UI framing */
:root{--kenney-button:url('../assets/ui/kenney/button_primary.png');--kenney-square:url('../assets/ui/kenney/button_square.png');--kenney-rank:url('../assets/ui/kenney/ranks/gold_rank030.png')}
.profile-chip span{background-color:transparent;background-image:var(--kenney-rank);background-size:100% 100%;background-position:center;color:#f6fbff;text-shadow:0 1px 4px #07101f;box-shadow:0 0 14px rgba(255,215,105,.22)}
.primary{background-color:#2a91bd;background-image:linear-gradient(rgba(37,145,186,.38),rgba(9,56,89,.36)),var(--kenney-button);background-size:100% 100%;background-repeat:no-repeat;border:1px solid rgba(154,237,255,.45);box-shadow:0 7px 18px rgba(0,0,0,.22);color:#eaffff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.secondary,.hud-button,.exit-battle{background-color:#102846;background-image:linear-gradient(rgba(8,26,47,.42),rgba(4,14,29,.5)),var(--kenney-button);background-size:100% 100%;background-repeat:no-repeat;border-color:rgba(92,163,207,.46)}
.action-button:before{content:"";position:absolute;inset:7px;border-radius:50%;background-image:var(--kenney-square);background-size:100% 100%;opacity:.13;pointer-events:none}.action-button>*{position:relative;z-index:1}
.menu-tile:after{content:"";position:absolute;right:-18px;bottom:-23px;width:80px;height:80px;background-image:var(--kenney-square);background-size:contain;opacity:.055;transform:rotate(18deg);pointer-events:none}
input[type="range"]{height:18px;background:linear-gradient(90deg,#2c91bc,#17314d);border:1px solid #355f80;border-radius:99px;padding:2px}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background-image:var(--kenney-square);background-size:100% 100%;box-shadow:0 0 10px rgba(101,232,255,.35)}
@media(hover:hover) and (pointer:fine){button,.unit-card,.stage-card,.world-card,.menu-tile{cursor:url('../assets/ui/kenney/cursors/hand_point.png') 7 2,pointer}#renderCanvas,.camera-area{cursor:url('../assets/ui/kenney/cursors/target_round_a.png') 16 16,crosshair}.modal-content{cursor:url('../assets/ui/kenney/cursors/cursor_menu.png') 4 4,default}}

/* 0.14 anime vertical slice — readable depth, cooldowns and world identity */
.world-select-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;margin-bottom:14px;border:1px solid rgba(91,190,225,.4);border-radius:15px;background:linear-gradient(120deg,rgba(13,45,72,.92),rgba(9,20,39,.84))}.world-select-summary small{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.16em}.world-select-summary h3{font-size:23px;margin:3px 0}.world-select-summary p{margin:0;color:var(--muted);font-size:12px}.world-select-summary>div:last-child{text-align:right;min-width:125px}.world-select-summary>div:last-child span{display:block;font-size:9px;color:var(--muted);letter-spacing:.12em}.world-select-summary>div:last-child b{font-size:23px;color:#eafcff}.world-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.world-card-v14{min-height:310px;padding:0 16px 16px;text-align:left}.world-card-v14:before{background:linear-gradient(180deg,transparent 35%,rgba(2,9,20,.75)),radial-gradient(circle at 82% 8%,var(--world-color),transparent 58%);opacity:.32}.world-visual{position:relative;height:126px;margin:0 -16px 13px;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--world-color) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--world-color) 27%,#061225),#071425)}.world-visual:before{content:"";position:absolute;left:-5%;right:-5%;bottom:-24px;height:75px;background:linear-gradient(145deg,transparent 35%,color-mix(in srgb,var(--world-color) 52%,#10233b) 36% 58%,transparent 59%),linear-gradient(35deg,transparent 42%,color-mix(in srgb,var(--world-color) 34%,#071526) 43% 63%,transparent 64%)}.world-visual i{position:absolute;bottom:18px;width:14px;border-radius:8px 8px 2px 2px;background:color-mix(in srgb,var(--world-color) 65%,#dffcff);box-shadow:0 0 18px color-mix(in srgb,var(--world-color) 60%,transparent)}.world-visual i:nth-child(1){left:20%;height:48px}.world-visual i:nth-child(2){left:47%;height:72px}.world-visual i:nth-child(3){right:19%;height:38px}.world-visual span{position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:99px;background:rgba(3,12,24,.76);border:1px solid color-mix(in srgb,var(--world-color) 52%,transparent);font-size:9px;font-weight:900}.world-ashen_dominion{background:linear-gradient(180deg,#4b190f,#170a0d)}.world-astral_citadel{background:linear-gradient(180deg,#172f68,#080e2d)}.world-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#c7d8ea}.world-card-v14 .progress{margin:10px 0 0}
.battle-unit.featured-hero{border-color:#ffb65d!important;box-shadow:0 10px 30px rgba(0,0,0,.42),0 0 18px rgba(255,139,65,.2)}.skill-strip{position:absolute;left:6px;right:6px;bottom:31px;z-index:4;display:flex;justify-content:center;gap:3px;pointer-events:none}.skill-strip span{--cooldown:0;position:relative;width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(255,199,107,.58);border-radius:6px;background:linear-gradient(145deg,#5a2a1c,#13233b);overflow:hidden}.skill-strip span:after{content:"";position:absolute;inset:0;background:rgba(2,8,17,.78);transform:scaleY(var(--cooldown));transform-origin:bottom;transition:transform .08s linear}.skill-strip b{position:relative;z-index:2;font-size:8px;color:#ffe2a5}.skill-strip i{position:absolute;z-index:3;inset:0;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:950;color:white;text-shadow:0 1px 2px #000}.skill-strip span:not(.cooling){box-shadow:0 0 8px rgba(255,180,83,.48)}
.boss-bar>span{position:relative;display:block;height:13px;margin-top:5px;background:#1b1420;border:1px solid #773848;border-radius:99px;overflow:hidden}.boss-bar>span:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,237,225,.62) calc(25% - 1px) 25%);pointer-events:none}.boss-bar>span i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#982d46,#ff6575,#ff9d6d);box-shadow:0 0 14px #ff5267}
@media(max-width:720px){.world-select-grid{grid-template-columns:1fr}.world-select-summary{align-items:flex-start}.world-card-v14{min-height:220px}.world-visual{height:82px}.skill-strip{left:3px;right:3px;gap:2px}.skill-strip span{width:17px;height:17px;border-radius:5px}.skill-strip b,.skill-strip i{font-size:7px}}
@media(orientation:landscape) and (max-height:520px){.battle-unit{height:94px}.battle-portrait-wrap{height:62%}.skill-strip{bottom:29px}.battle-portraits{bottom:calc(6px + var(--safe-bottom))}}