/* Other World Club 6.0 — Phaser game shell */
.owc-phaser-game{position:absolute;inset:0;overflow:hidden;background:#050811;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}
.owc-phaser-stage{position:absolute;inset:0;z-index:1;background:#050811}
.owc-phaser-stage canvas{display:block!important;width:100%!important;height:100%!important;touch-action:none}
.owc-pg-hud{position:absolute;z-index:20;left:0;right:0;top:0;padding:max(10px,env(safe-area-inset-top)) 12px 8px;display:grid;grid-template-columns:48px 1fr auto;gap:8px;align-items:start;pointer-events:none;background:linear-gradient(180deg,rgba(3,7,15,.88),rgba(3,7,15,.42) 70%,transparent)}
.owc-pg-hud button,.owc-pg-hud .owc-pg-wallet{pointer-events:auto}
.owc-pg-exit{width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(8,16,28,.82);color:#fff;font-size:25px;line-height:1;box-shadow:0 8px 28px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.owc-pg-stagebox{text-align:center;min-width:0}.owc-pg-stagebox>small{display:block;color:#6fe7ff;font-size:8px;font-weight:900;letter-spacing:.18em}.owc-pg-stagebox>div{display:flex;align-items:baseline;justify-content:center;gap:7px}.owc-pg-stagebox b{font-size:31px;line-height:1;color:#fff;text-shadow:0 0 18px rgba(91,229,255,.22)}.owc-pg-stagebox em{font-style:normal;color:#9eafbe;font-size:9px;font-weight:800}.owc-pg-stagebox span{display:block;margin-top:3px;color:#91a0ae;font-size:7px;font-weight:800;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.owc-pg-wallet{display:flex;gap:5px}.owc-pg-money{min-width:84px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(7,15,26,.82);backdrop-filter:blur(12px);display:grid;grid-template-columns:22px auto;grid-template-rows:auto auto;column-gap:6px;align-items:center}.owc-pg-money>i{grid-row:1/3;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}.owc-pg-money>small{font-size:5px;color:#7f91a2;font-weight:950;letter-spacing:.12em}.owc-pg-money>b{font-size:11px;line-height:1.1;color:#fff}.owc-pg-money.credits>i{background:radial-gradient(circle at 35% 30%,#fff8b1,#f0b93e 40%,#8c5b10);color:#7b4c00;box-shadow:0 0 15px rgba(255,205,92,.22)}.owc-pg-money.club>i{background:linear-gradient(145deg,#876cff,#3ccfea);color:#fff;box-shadow:0 0 15px rgba(96,111,255,.22)}
.owc-pg-enemyhud{position:absolute;z-index:16;top:86px;left:50%;transform:translateX(-50%);width:min(590px,88vw);pointer-events:none}.owc-pg-enemyline{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.owc-pg-enemyline>div{min-width:0}.owc-pg-enemyline small{display:block;color:#8295a7;font-size:7px;font-weight:900;letter-spacing:.13em}.owc-pg-enemyline h2{margin:1px 0 0!important;color:#fff!important;font-size:19px!important;line-height:1.05!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 9px rgba(0,0,0,.5)}.owc-pg-progress{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(7,14,24,.78);color:#d9e9f4;font-size:9px;font-weight:950}.owc-pg-progress.boss{border-color:rgba(255,91,111,.4);color:#ff9cab}.owc-pg-progress.mega{border-color:rgba(255,208,85,.45);color:#ffe58c;box-shadow:0 0 16px rgba(255,187,48,.12)}
.owc-pg-hp{margin-top:6px}.owc-pg-hp>div{height:12px;padding:2px;border-radius:8px;background:rgba(4,8,14,.82);border:1px solid rgba(255,255,255,.09);overflow:hidden}.owc-pg-hp>div>b{display:block;height:100%;width:100%;border-radius:5px;background:linear-gradient(90deg,#fe365c,#ff6e76);box-shadow:0 0 16px rgba(255,69,89,.28);transition:width .13s linear}.owc-pg-hp>span{display:block;margin-top:2px;text-align:right;color:#8fa1b0;font-size:7px}.owc-pg-hp i{font-style:normal}.owc-pg-bossclock{margin-top:5px;display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center}.owc-pg-bossclock>span{color:#ff7489;font-size:6px;font-weight:950;letter-spacing:.1em}.owc-pg-bossclock>div{height:4px;background:#20131a;border-radius:6px;overflow:hidden}.owc-pg-bossclock>div>b{display:block;height:100%;background:#ff526f;width:100%}.owc-pg-bossclock>i{font-style:normal;color:#ff9eab;font-size:8px;font-weight:950}
.owc-pg-tap-hint{position:absolute;z-index:15;left:50%;bottom:86px;transform:translateX(-50%);padding:7px 12px;border:1px solid rgba(86,230,255,.18);border-radius:999px;background:rgba(5,14,24,.68);color:#96efff;font-size:7px;font-weight:950;letter-spacing:.08em;pointer-events:none;transition:.3s}.owc-pg-tap-hint.hide{opacity:0;transform:translate(-50%,12px)}
.owc-pg-drawer{position:absolute;z-index:30;left:0;right:0;bottom:0;height:min(56dvh,500px);min-height:330px;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg,rgba(9,18,30,.985),rgba(5,10,18,.995));border-top:1px solid rgba(119,225,255,.16);box-shadow:0 -24px 70px rgba(0,0,0,.42);transform:translateY(0);transition:transform .27s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(18px);touch-action:pan-y}.owc-pg-drawer.is-collapsed{transform:translateY(calc(100% - 62px - env(safe-area-inset-bottom)))}
.owc-pg-handle{position:absolute;left:50%;top:-15px;transform:translateX(-50%);width:52px;height:25px;border:1px solid rgba(111,232,255,.18);border-bottom:none;border-radius:14px 14px 0 0;background:#0a1725;color:#79e9ff;display:grid;place-items:center;font-size:14px;z-index:2}.owc-pg-tabs{height:62px;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(7,14,24,.82)}.owc-pg-tabs button{border:0;background:transparent;color:#607587;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:850}.owc-pg-tabs button i{font-style:normal;font-size:17px;line-height:1}.owc-pg-tabs button span{font-size:5.5px;letter-spacing:.06em}.owc-pg-tabs button.is-active{color:#79eaff;text-shadow:0 0 15px rgba(91,229,255,.28)}
.owc-pg-body{height:calc(100% - 62px);overflow:auto;-webkit-overflow-scrolling:touch;padding:8px 9px 20px}.owc-pg-panel{display:none}.owc-pg-panel.is-active{display:block}.owc-pg-buybar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;padding:5px 7px;border-radius:10px;background:#081321;border:1px solid rgba(255,255,255,.05)}.owc-pg-buybar>span{color:#71879a;font-size:6px;font-weight:950;letter-spacing:.1em}.owc-pg-buybar>div{display:flex;gap:4px}.owc-pg-buybar button{min-width:47px;padding:6px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#101d2b;color:#72879a;font-size:7px;font-weight:900}.owc-pg-buybar button.is-active{border-color:#5bdff8;background:#12374b;color:#fff;box-shadow:0 0 14px rgba(62,217,248,.08)}
.owc-pg-maincard{display:grid;grid-template-columns:72px 1fr 120px;gap:10px;align-items:center;padding:9px;border:1px solid rgba(107,226,251,.1);border-radius:14px;background:linear-gradient(135deg,#0b1927,#07111c)}.owc-pg-main-avatar{position:relative;width:70px;height:72px;border-radius:14px;background:radial-gradient(circle at 50% 35%,rgba(79,225,255,.18),transparent 65%);overflow:hidden}.owc-pg-main-avatar:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(87,229,255,.12)}.owc-pg-main-info small,.owc-pg-panelhead small{color:#63e8ff;font-size:5.5px;font-weight:950;letter-spacing:.11em}.owc-pg-main-info h3,.owc-pg-panelhead h3{margin:2px 0!important;color:#fff!important;font-size:14px!important}.owc-pg-main-info p{margin:0!important;color:#8da0af;font-size:7px;line-height:1.35}.owc-pg-main-info b{color:#dff8ff}.owc-pg-milestone{margin-top:7px}.owc-pg-milestone span{display:block;color:#72879b;font-size:5px}.owc-pg-milestone>div{height:4px;margin-top:3px;background:#101d2b;border-radius:5px;overflow:hidden}.owc-pg-milestone>div>b{display:block;height:100%;width:0;background:linear-gradient(90deg,#34c8f0,#7d71ff)}.owc-pg-mainbuy{min-height:63px;border:1px solid rgba(74,218,244,.28);border-radius:11px;background:linear-gradient(180deg,#174259,#0f3043);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.owc-pg-mainbuy span{font-size:6px;font-weight:950}.owc-pg-mainbuy b{color:#ffe071;font-size:11px}.owc-pg-mainbuy small{font-size:5px;color:#70dff5}
.owc-pg-panelhead{display:flex;justify-content:space-between;align-items:end;margin:3px 2px 8px}.owc-pg-panelhead>b{color:#a9bac8;font-size:8px}.owc-pg-panelhead i{font-style:normal;color:#fff}.owc-pg-list{display:grid;gap:6px}.owc-pg-hero-card,.owc-pg-tech-card{display:grid;grid-template-columns:58px minmax(0,1fr) 116px;gap:8px;align-items:center;min-height:70px;padding:7px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:#091522}.owc-pg-hero-portrait{position:relative;width:56px;height:58px;border-radius:10px;background:radial-gradient(circle at 50% 35%,rgba(86,229,255,.15),transparent 70%);overflow:hidden}.owc-pg-hero-portrait b{position:absolute;inset:auto 5px 5px;display:block;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--accent,#5de7ff),transparent)}.owc-pg-hero-copy small{color:var(--accent,#64e6ff);font-size:5px;font-weight:950;letter-spacing:.08em}.owc-pg-hero-copy h4,.owc-pg-tech-card h4{margin:1px 0!important;color:#fff!important;font-size:10px!important}.owc-pg-hero-copy p,.owc-pg-tech-card p{margin:0!important;color:#72879a;font-size:6px;line-height:1.3}.owc-pg-hero-card button,.owc-pg-tech-card button{min-height:49px;border:1px solid rgba(78,220,247,.24);border-radius:9px;background:linear-gradient(180deg,#163e54,#0e2b3d);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.owc-pg-hero-card button em,.owc-pg-tech-card button em{font-style:normal;font-size:5.5px;font-weight:950}.owc-pg-hero-card button b{color:#ffe074;font-size:8px}.owc-pg-hero-card.locked{opacity:.58}.owc-pg-hero-card button:disabled,.owc-pg-tech-card button:disabled{background:#101922;border-color:rgba(255,255,255,.05);color:#637587}
.owc-pg-tech-card{grid-template-columns:44px minmax(0,1fr) 110px}.owc-pg-tech-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,rgba(131,96,255,.23),rgba(45,32,78,.5));border:1px solid rgba(145,112,255,.17);font-size:19px;color:#beaaff}.owc-pg-tech-card button b{color:#bda9ff;font-size:8px}
.owc-pg-skillgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.owc-pg-skill{min-height:96px;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#091522;color:#fff;text-align:left;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr auto;gap:5px 7px}.owc-pg-skill>i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(75,220,246,.22),rgba(28,49,68,.35));font-style:normal;font-size:17px}.owc-pg-skill span b{display:block;font-size:8px}.owc-pg-skill span small{display:block;margin-top:3px;color:#6e8396;font-size:5.7px;line-height:1.3}.owc-pg-skill>em{grid-column:2;font-style:normal;color:#66dff7;font-size:6px;font-weight:900}.owc-pg-skill.active{border-color:#5ce7ff;box-shadow:inset 0 0 18px rgba(82,225,248,.07)}.owc-pg-skill:disabled{opacity:.46}.owc-pg-mana{min-width:145px}.owc-pg-mana span{display:block;text-align:right;color:#71879a;font-size:6px}.owc-pg-mana b{color:#71e6ff}.owc-pg-mana i{font-style:normal}.owc-pg-mana>div{height:5px;margin-top:3px;border-radius:5px;background:#101b29;overflow:hidden}.owc-pg-mana>div>b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#536dff,#6de6ff)}
.owc-pg-portal{text-align:center;padding:5px 8px 22px}.owc-pg-portalart{position:relative;width:100px;height:100px;margin:0 auto 5px}.owc-pg-portalart i{position:absolute;inset:8px;border-radius:50%;border:4px solid rgba(129,94,255,.45);animation:owcPgPortal 5s linear infinite}.owc-pg-portalart i:nth-child(2){inset:22px;border-color:rgba(80,226,255,.52);animation-direction:reverse;animation-duration:3.6s}.owc-pg-portalart i:nth-child(3){inset:34px;border-width:2px;border-style:dashed}.owc-pg-portalart b{position:absolute;inset:0;display:grid;place-items:center;color:#b7a2ff;font-size:40px;text-shadow:0 0 24px #7658ff}@keyframes owcPgPortal{to{transform:rotate(360deg)}}.owc-pg-portal>small{color:#8c7faf;font-size:6px;font-weight:950;letter-spacing:.11em}.owc-pg-portal h3{margin:3px 0!important;color:#fff!important;font-size:18px!important}.owc-pg-portal p{max-width:480px;margin:0 auto 9px!important;color:#72879a;font-size:7px}.owc-pg-portalstats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:480px;margin:0 auto 9px}.owc-pg-portalstats span{padding:7px;border-radius:10px;background:#0a1521;color:#647b8f;font-size:5px}.owc-pg-portalstats b{display:block;margin-top:2px;color:#fff;font-size:12px}.owc-pg-portal button{min-width:220px;padding:10px 16px;border:1px solid #8c74ff;border-radius:11px;background:linear-gradient(180deg,#4a3b8c,#302761);color:#fff;font-size:7px;font-weight:950;letter-spacing:.06em}.owc-pg-portal button:disabled{opacity:.42}
.owc-pg-toast{position:absolute;z-index:60;left:50%;bottom:76px;transform:translate(-50%,10px);padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(5,12,20,.94);color:#e0eaf2;font-size:8px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;max-width:88vw;overflow:hidden;text-overflow:ellipsis}.owc-pg-toast.show{opacity:1;transform:translate(-50%,0)}.owc-pg-toast.ok{color:#75f0c7;border-color:rgba(91,237,188,.24)}
.owc-pg-modal{position:absolute;z-index:80;inset:0;background:rgba(2,7,12,.84);backdrop-filter:blur(12px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.2s}.owc-pg-modal.show{opacity:1;pointer-events:auto}.owc-pg-modal>div{width:min(390px,86%);padding:22px;border:1px solid rgba(94,226,250,.15);border-radius:20px;background:#091522;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5)}.owc-pg-modal span{color:#6ee9ff;font-size:7px;font-weight:950;letter-spacing:.12em}.owc-pg-modal h3{margin:5px 0!important;color:#fff!important;font-size:22px!important}.owc-pg-modal p{margin:0!important;color:#93a5b4;font-size:8px;line-height:1.5}.owc-pg-modal button{margin-top:12px;padding:10px 22px;border:1px solid #5de4fb;border-radius:10px;background:#12384a;color:#fff;font-size:7px;font-weight:950}
.owc-pg-engine-error{position:absolute;z-index:100;inset:0;display:grid;place-items:center;background:#050a12;padding:25px;text-align:center}.owc-pg-engine-error div{max-width:420px}.owc-pg-engine-error b{display:block;color:#fff;font-size:19px}.owc-pg-engine-error p{color:#8ca0af;font-size:10px;line-height:1.5}
@media(max-width:720px){.owc-pg-hud{grid-template-columns:42px 1fr auto}.owc-pg-exit{width:39px;height:39px;border-radius:12px}.owc-pg-stagebox b{font-size:24px}.owc-pg-wallet{gap:3px}.owc-pg-money{min-width:65px;padding:5px 6px;grid-template-columns:18px auto;column-gap:4px}.owc-pg-money>i{width:18px;height:18px;font-size:9px}.owc-pg-money>small{font-size:4px}.owc-pg-money>b{font-size:9px}.owc-pg-enemyhud{top:72px;width:90vw}.owc-pg-enemyline h2{font-size:16px!important}.owc-pg-drawer{height:min(57dvh,460px);min-height:310px}.owc-pg-drawer.is-collapsed{transform:translateY(calc(100% - 58px - env(safe-area-inset-bottom)))}.owc-pg-tabs{height:58px}.owc-pg-body{height:calc(100% - 58px)}.owc-pg-tabs button i{font-size:15px}.owc-pg-maincard{grid-template-columns:56px minmax(0,1fr) 103px}.owc-pg-main-avatar{width:54px;height:58px}.owc-pg-main-info h3{font-size:12px!important}.owc-pg-mainbuy{min-height:54px}.owc-pg-hero-card{grid-template-columns:48px minmax(0,1fr) 94px;padding:6px}.owc-pg-hero-portrait{width:46px;height:50px}.owc-pg-tech-card{grid-template-columns:37px minmax(0,1fr) 94px}.owc-pg-tech-icon{width:34px;height:34px;font-size:17px}.owc-pg-skillgrid{grid-template-columns:1fr}.owc-pg-skill{min-height:62px;grid-template-columns:34px 1fr auto;grid-template-rows:1fr}.owc-pg-skill>i{grid-row:1}.owc-pg-skill>em{grid-column:3;align-self:center}}
@media(max-width:430px){.owc-pg-hud{grid-template-columns:36px 1fr auto;padding-left:7px;padding-right:7px;gap:4px}.owc-pg-exit{width:34px;height:34px;font-size:21px}.owc-pg-stagebox b{font-size:21px}.owc-pg-money{min-width:56px;padding:4px 5px}.owc-pg-money.club{min-width:50px}.owc-pg-money>small{font-size:3.6px}.owc-pg-money>b{font-size:8.5px}.owc-pg-enemyhud{top:66px}.owc-pg-maincard{grid-template-columns:45px minmax(0,1fr) 87px;gap:5px;padding:6px}.owc-pg-main-avatar{width:43px;height:48px}.owc-pg-main-info p{font-size:6px}.owc-pg-mainbuy{min-height:50px}.owc-pg-hero-card{grid-template-columns:42px minmax(0,1fr) 86px}.owc-pg-hero-portrait{width:40px;height:45px}.owc-pg-hero-copy h4{font-size:9px!important}.owc-pg-tech-card{grid-template-columns:32px minmax(0,1fr) 84px}.owc-pg-tech-icon{width:30px;height:30px}.owc-pg-portalart{width:82px;height:82px}.owc-pg-portal h3{font-size:16px!important}}
/* Compact portrait silhouettes inside upgrade drawer; battlefield art is rendered by Phaser. */
.owc-pg-main-avatar:after,.owc-pg-hero-portrait:after{content:"";position:absolute;left:50%;top:15%;transform:translateX(-50%);width:27px;height:27px;border-radius:48% 48% 42% 42%;background:linear-gradient(180deg,#dca184 0 48%,#122b3b 49% 100%);border:3px solid #07111b;box-shadow:0 22px 0 8px #203b50,0 0 18px rgba(86,231,255,.08)}
.owc-pg-main-avatar:before{z-index:2;inset:auto;left:50%;top:28%;transform:translateX(-50%);width:30px;height:8px;border-radius:5px;background:#5ae9ff;border:2px solid #0b1a26;box-shadow:0 0 11px rgba(83,232,255,.48)}
.owc-pg-hero-portrait:before{content:"";position:absolute;z-index:3;left:50%;top:29%;transform:translateX(-50%);width:25px;height:7px;border-radius:5px;background:var(--accent,#5de7ff);border:2px solid #08111a;box-shadow:0 0 10px color-mix(in srgb,var(--accent,#5de7ff) 55%,transparent)}
.owc-pg-hero-card.heavy .owc-pg-hero-portrait:after{width:32px;height:29px;box-shadow:0 23px 0 11px #473942}.owc-pg-hero-card.sniper .owc-pg-hero-portrait:after{box-shadow:0 22px 0 6px #29364d,23px 28px 0 -9px var(--accent)}.owc-pg-hero-card.engineer .owc-pg-hero-portrait:after{box-shadow:0 22px 0 7px #244d4a,-22px 7px 0 -8px var(--accent)}.owc-pg-hero-card.rocket .owc-pg-hero-portrait:after{box-shadow:0 22px 0 8px #4d2d35,-24px 26px 0 -8px #ff6b5c}.owc-pg-hero-card.plasma .owc-pg-hero-portrait:after,.owc-pg-hero-card.void .owc-pg-hero-portrait:after{box-shadow:0 22px 0 8px #35254d,22px 28px 0 -8px var(--accent)}.owc-pg-hero-card.legend .owc-pg-hero-portrait:after{box-shadow:0 22px 0 8px #d9e4eb,0 0 15px rgba(255,228,119,.25)}

/* 6.1 — compact game tray + richer character presentation */
.owc-pg-drawer{height:clamp(190px,28dvh,252px)!important;min-height:0!important;border-top-color:rgba(110,230,255,.13)!important;box-shadow:0 -15px 42px rgba(0,0,0,.34)!important}
.owc-pg-drawer.is-collapsed{transform:translateY(calc(100% - 52px - env(safe-area-inset-bottom)))!important}
.owc-pg-tabs{height:52px!important}.owc-pg-body{height:calc(100% - 52px)!important;padding:5px 7px 10px!important;overflow:hidden!important}
.owc-pg-handle{top:-12px!important;width:46px!important;height:20px!important;font-size:11px!important;background:rgba(8,20,32,.94)!important}
.owc-pg-tabs button{gap:1px!important}.owc-pg-tabs button i{font-size:15px!important}.owc-pg-tabs button span{font-size:5px!important}
.owc-pg-buybar{height:30px;margin:0 0 5px!important;padding:3px 6px!important}.owc-pg-buybar button{min-width:42px!important;padding:4px 7px!important}
.owc-pg-panel{height:calc(100% - 35px);overflow:hidden}.owc-pg-panel[data-pg-panel="skills"],.owc-pg-panel[data-pg-panel="portal"]{height:100%}
.owc-pg-maincard{height:104px!important;grid-template-columns:62px minmax(0,1fr) 105px!important;padding:6px!important;gap:7px!important;border-radius:12px!important}
.owc-pg-main-avatar{width:60px!important;height:86px!important;background:radial-gradient(circle at 50% 40%,rgba(87,229,255,.15),transparent 70%)!important}.owc-pg-main-avatar:before,.owc-pg-main-avatar:after{display:none!important}
.owc-pg-main-info h3{font-size:12px!important}.owc-pg-main-info p{font-size:6px!important}.owc-pg-milestone{margin-top:4px!important}.owc-pg-mainbuy{min-height:62px!important}
.owc-pg-panelhead{height:24px;margin:0 2px 4px!important;align-items:center!important}.owc-pg-panelhead h3{font-size:11px!important;margin:0!important}.owc-pg-panelhead small{font-size:4.7px!important}.owc-pg-panelhead>b{font-size:7px!important}
.owc-pg-list{display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:0 1px 4px!important;height:108px}.owc-pg-list::-webkit-scrollbar{display:none}
.owc-pg-hero-card{flex:0 0 min(270px,84vw)!important;height:100px!important;min-height:0!important;grid-template-columns:67px minmax(0,1fr) 79px!important;padding:5px!important;border-radius:11px!important;scroll-snap-align:start;background:linear-gradient(135deg,#091522,#07101a)!important}
.owc-pg-hero-portrait{width:65px!important;height:88px!important;border-radius:10px!important;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent,#5de7ff) 16%,transparent),transparent 72%)!important;display:grid;place-items:center;overflow:hidden!important}.owc-pg-hero-portrait:before,.owc-pg-hero-portrait:after{display:none!important}.owc-pg-hero-portrait svg{width:100%;height:100%;display:block}
.owc-pg-hero-copy small{font-size:4.6px!important}.owc-pg-hero-copy h4{font-size:9.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owc-pg-hero-copy p{font-size:5.8px!important}.owc-pg-hero-card button{min-height:44px!important;height:54px!important;border-radius:9px!important;padding:3px!important}.owc-pg-hero-card button em{font-size:5px!important}.owc-pg-hero-card button b{font-size:7px!important}
.owc-pg-tech-card{flex:0 0 min(270px,84vw)!important;height:100px!important;grid-template-columns:42px minmax(0,1fr) 78px!important;padding:6px!important;scroll-snap-align:start}.owc-pg-tech-card h4{font-size:9px!important}.owc-pg-tech-card p{font-size:5.5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.owc-pg-tech-card button{height:54px!important;min-height:0!important}
.owc-pg-skillgrid{display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;height:118px;padding-bottom:3px}.owc-pg-skillgrid::-webkit-scrollbar{display:none}.owc-pg-skill{flex:0 0 min(230px,78vw)!important;min-height:92px!important;height:100px!important;grid-template-columns:34px 1fr!important;grid-template-rows:1fr auto!important;padding:7px!important}.owc-pg-skill>i{width:32px!important;height:32px!important;font-size:15px!important}.owc-pg-skill span b{font-size:7px!important}.owc-pg-skill span small{font-size:5px!important}.owc-pg-skill>em{grid-column:2!important;font-size:5px!important}
.owc-pg-portal{height:128px!important;padding:0 8px 5px!important;display:grid!important;grid-template-columns:74px minmax(0,1fr) 130px!important;grid-template-rows:auto auto auto!important;gap:3px 8px!important;align-items:center!important;text-align:left!important}.owc-pg-portalart{grid-row:1/4;width:70px!important;height:70px!important;margin:0!important}.owc-pg-portalart b{font-size:30px!important}.owc-pg-portal>small:first-of-type{grid-column:2!important}.owc-pg-portal h3{grid-column:2!important;font-size:13px!important;margin:0!important}.owc-pg-portal p{grid-column:2!important;font-size:5.5px!important;margin:0!important;line-height:1.25!important}.owc-pg-portalstats{grid-column:3!important;grid-row:1/3!important;display:grid!important;grid-template-columns:1fr!important;gap:2px!important;margin:0!important}.owc-pg-portalstats span{padding:3px 5px!important;font-size:4.5px!important}.owc-pg-portalstats b{font-size:8px!important}.owc-pg-portal button{grid-column:3!important;grid-row:3!important;min-width:0!important;width:100%!important;padding:7px 5px!important;font-size:5px!important}.owc-pg-portal>small:last-child{display:none!important}
.owc-pg-tap-hint{bottom:66px!important}
.owc-pg-empty{color:#7890a4;font-size:7px;margin:8px}

/* Lightweight contextual tutorial for true new players */
.owc-pg-coach{position:absolute;z-index:76;width:min(300px,78vw);padding:11px 12px 10px;border:1px solid rgba(95,229,255,.28);border-radius:14px;background:rgba(5,14,24,.96);box-shadow:0 18px 48px rgba(0,0,0,.48),0 0 24px rgba(80,225,255,.08);backdrop-filter:blur(14px);pointer-events:auto;animation:owcCoachIn .22s ease-out}
@keyframes owcCoachIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.owc-pg-coach>span{display:block;color:#6fe8ff;font-size:6px;font-weight:950;letter-spacing:.12em}.owc-pg-coach>b{display:block;margin-top:2px;color:#fff;font-size:11px;line-height:1.12}.owc-pg-coach>p{margin:4px 0 0!important;color:#9cafbd;font-size:7px;line-height:1.35}.owc-pg-coach>button{margin-top:7px;padding:6px 10px;border:1px solid rgba(95,229,255,.28);border-radius:8px;background:#12384a;color:#fff;font-size:6px;font-weight:950}.owc-pg-coach.at-battle{left:50%;bottom:88px;transform:translateX(-50%)}.owc-pg-coach.at-top{right:9px;top:84px}.owc-pg-coach.at-drawer{left:50%;bottom:calc(clamp(190px,28dvh,252px) + 11px);transform:translateX(-50%)}
.owc-pg-coach-ring{position:absolute;z-index:73;pointer-events:none;border:2px solid rgba(98,235,255,.85);box-shadow:0 0 0 999px rgba(1,5,9,.24),0 0 30px rgba(85,228,255,.3);animation:owcCoachPulse 1.1s ease-in-out infinite}.owc-pg-coach-ring.enemy{left:50%;top:35%;width:190px;height:240px;border-radius:50%;transform:translate(-50%,-50%)}@keyframes owcCoachPulse{50%{box-shadow:0 0 0 999px rgba(1,5,9,.18),0 0 42px rgba(85,228,255,.55)}}
.owc-tutorial-focus{position:relative!important;z-index:78!important;box-shadow:0 0 0 2px #67e9ff,0 0 26px rgba(80,228,255,.48)!important;animation:owcFocus 1s ease-in-out infinite}@keyframes owcFocus{50%{box-shadow:0 0 0 3px #baf8ff,0 0 38px rgba(80,228,255,.6)!important}}

@media(max-width:720px){.owc-pg-drawer{height:clamp(184px,27dvh,232px)!important}.owc-pg-drawer.is-collapsed{transform:translateY(calc(100% - 50px - env(safe-area-inset-bottom)))!important}.owc-pg-tabs{height:50px!important}.owc-pg-body{height:calc(100% - 50px)!important}.owc-pg-maincard{height:97px!important;grid-template-columns:54px minmax(0,1fr) 94px!important}.owc-pg-main-avatar{width:52px!important;height:76px!important}.owc-pg-mainbuy{min-height:54px!important}.owc-pg-list{height:101px!important}.owc-pg-hero-card,.owc-pg-tech-card{height:94px!important}.owc-pg-hero-card{flex-basis:min(250px,88vw)!important;grid-template-columns:60px minmax(0,1fr) 72px!important}.owc-pg-hero-portrait{width:58px!important;height:82px!important}.owc-pg-skillgrid{height:104px!important}.owc-pg-skill{height:92px!important}.owc-pg-coach.at-drawer{bottom:calc(clamp(184px,27dvh,232px) + 9px)}}
@media(max-width:430px){.owc-pg-drawer{height:clamp(178px,26dvh,220px)!important}.owc-pg-maincard{grid-template-columns:46px minmax(0,1fr) 82px!important;height:90px!important}.owc-pg-main-avatar{width:45px!important;height:68px!important}.owc-pg-main-info h3{font-size:10px!important}.owc-pg-main-info p{font-size:5.4px!important}.owc-pg-mainbuy{min-height:48px!important}.owc-pg-mainbuy b{font-size:9px!important}.owc-pg-list{height:94px!important}.owc-pg-hero-card,.owc-pg-tech-card{height:87px!important}.owc-pg-hero-card{flex-basis:min(235px,90vw)!important;grid-template-columns:54px minmax(0,1fr) 66px!important}.owc-pg-hero-portrait{width:52px!important;height:75px!important}.owc-pg-hero-copy h4{font-size:8.5px!important}.owc-pg-hero-copy p{font-size:5.2px!important}.owc-pg-coach{width:min(282px,84vw);padding:9px 10px}.owc-pg-coach.at-top{top:73px}.owc-pg-coach.at-drawer{bottom:calc(clamp(178px,26dvh,220px) + 8px)}.owc-pg-coach-ring.enemy{width:160px;height:205px}}