:root{--bg:#1b1f26;--panel:#292e36;--line:#3c434d;--lime:#cad8c6;--accent:#cad8c6}header{height:62px;background:#1c2027;box-shadow:none;border-color:#343a44}.brand{font-size:14px;letter-spacing:.8px}.brand strong,.brand-ball{color:#c9d9cf}#rating{background:#2b3234;border-color:#404b49;color:#b7cabe;font-size:10px}#setup{height:calc(100dvh - 62px);padding-top:22px;max-width:1250px}.workspace{grid-template-columns:minmax(250px,.75fr) minmax(460px,1.65fr);gap:20px}.panel{background:#292f38;border-color:#3b434f;box-shadow:0 5px 20px #0002;border-radius:14px}.roster .sectiontitle{margin-bottom:14px}.sectiontitle>span{font-size:9px}#roster{grid-template-columns:repeat(3,minmax(0,1fr))}.poke{background:#242a33;min-height:113px;border-color:#39414d;box-shadow:none}.poke.selected{border-color:#9fb3a3;background:#323e38;box-shadow:none}.selected-check{color:#b7d1bb}.dex-no{display:none}.active{background:#c2d2c4!important;border-color:#c2d2c4!important;color:#25332a!important}.build-tabs button.selected{color:#bed5c4;border-color:#a5bda9}.field-help{min-height:0}.field-grid label{margin-top:15px}.profile{gap:18px}.profile-info small{color:#7f8996}.profile-info h2{margin:6px 0 12px}.profile-info .type-icon.labeled{font-size:10px}.portrait{width:112px;height:110px;background:#222933}.portrait img{width:116px;height:116px}.nature-pill{background:#242a33;border-color:#444b56}.build-content{padding-bottom:20px}.equipped-move{box-shadow:none;background:#252b34}.stat-line>strong{font-size:14px}.sp-mini.filled{color:#26352b;background:#b3c6ae}.primary{background:#c7d7c9;border-color:#d7e4d8;color:#25332a;box-shadow:none!important}.primary:hover{background:#d6e3d7;border-color:#d6e3d7}.ready-dock{height:86px;gap:18px}.ready-dock .primary{width:180px}.ready-dock .hint{font-size:10px;margin-left:auto}.ready-dock #readySummary{order:-1}.match-settings-trigger{font-size:11px;padding:10px 14px;margin-left:auto;background:#292f37;border-color:#444c59}.ready-dock .hint:empty{display:none}#readySummary img{width:44px;height:44px}.match-settings{padding:0;width:min(410px,92vw);max-height:88dvh;border:1px solid #45505d;border-radius:16px;background:#292f38;box-shadow:0 24px 70px #0008;color:#e9edf2;overflow:auto}.match-settings::backdrop{background:#0b1018b3;backdrop-filter:blur(4px)}.match-settings .panel{border:0;box-shadow:none;border-radius:0;padding:26px}.match-settings .match h2{margin:0 0 24px;font-size:18px}.close-match{position:absolute;right:15px;top:17px;z-index:1}.option-row.selected{background:#303d35;border-color:#8ea697}.option-row.selected strong{color:#c2ddc7}.option-row>i{color:#b4cfbc}.picker-head small{letter-spacing:0}.picker-head h2{margin-top:3px}.picker{background:#292f38}.preset button{box-shadow:none}.controls,.footnote{display:none}
#battle{background:#101720;touch-action:none;overscroll-behavior:none}#arena{position:absolute;inset:0;touch-action:none}.battleTop{position:absolute;top:max(22px,env(safe-area-inset-top));left:50%;right:auto;transform:translateX(-50%);width:min(640px,77vw);gap:25px;align-items:flex-start;z-index:3;pointer-events:none}.battleTop>div:not(.timer){width:calc((100% - 80px)/2);background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.health-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;line-height:1.3;text-shadow:0 1px 5px #0009}.health-line strong{font-size:12px;font-weight:600;color:#e0e6ea}.health-line>span{font-size:12px;color:#d8e4df;font-variant-numeric:tabular-nums}.health-line small{font-size:10px;color:#8c9ca8;letter-spacing:0}.health-card .hp{height:5px;margin-top:9px;background:#0c131bc9;border-radius:5px;box-shadow:0 1px 6px #0002}.health-card .hp i{background:#b7cfc1;transition:width .12s}.health-card.enemy .hp i{background:#d89a9e}.status-pill{display:inline-block;font-size:9px;color:#c6bdde;background:#292538bb;border-radius:4px;padding:3px 6px;margin-top:7px}.battleTop .timer{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:1px;padding:4px 0;color:#c0cbd3;min-width:50px;text-align:center;text-shadow:0 1px 6px #000a}#battleMenuButton{position:absolute;right:max(22px,env(safe-area-inset-right));top:max(19px,env(safe-area-inset-top));width:34px;height:28px;line-height:12px;font-size:24px;padding:0;border:1px solid #778a9b33;border-radius:8px;background:#1c273580;color:#c2ced7;z-index:6;box-shadow:none;touch-action:manipulation}.battleBottom{position:absolute;left:50%;right:auto;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);display:block;width:auto;z-index:5;pointer-events:none}#skillbar{display:flex;gap:12px;align-items:flex-end;pointer-events:auto}.skill{position:relative;width:74px;height:86px;border:0;background:transparent;box-shadow:none;border-radius:0;padding:0;touch-action:none;user-select:none;overflow:visible;cursor:pointer;outline-offset:4px}.skill:hover,.skill:active{transform:none;background:transparent;border:0}.skill-face{position:relative;display:grid;place-items:center;width:58px;height:58px;margin:0 auto;border-radius:50%;border:1px solid color-mix(in srgb,var(--type) 45%,#4a5b6d);background:radial-gradient(circle at 40% 25%,color-mix(in srgb,var(--type) 17%,#26313f),#182431e8 80%);box-shadow:0 4px 14px #050a1280,inset 0 1px #d8e5f015;transition:border-color .12s,box-shadow .12s}.skill-face>.type-icon{background:none;box-shadow:none;width:28px;height:28px;color:var(--type);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--type) 40%,transparent));float:none;margin:0;--icon-cutout:#24313e}.skill-face>.type-icon svg{width:23px;height:23px}.skill-face kbd{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:#253240;border:1px solid #52607166;padding:1px 4px;color:#a6b6c6;border-radius:4px;font-size:8px;z-index:2}.skill>b{display:block;font-size:10px;font-weight:500;line-height:1.2;text-align:center;margin:9px 0 0;padding:0;color:#c7d4dd;white-space:nowrap;text-shadow:0 2px 5px #0008}.skill .cd{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#14202cd9;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:#d3dce6;z-index:1}.skill.on-cooldown .type-icon{opacity:.3}.skill.on-cooldown b{color:#85929f}.skill.aiming .skill-face{border:2px solid var(--type);box-shadow:0 0 0 7px color-mix(in srgb,var(--type) 10%,transparent),0 0 25px color-mix(in srgb,var(--type) 20%,transparent)}.skill.canceling .skill-face{border-color:#e0919a;box-shadow:0 0 0 7px #d575841a}.skill-cd-track{display:block;width:33px;height:2px;background:#13202d88;border-radius:3px;margin:6px auto 0;overflow:hidden}.skill-cd-track i{display:block;width:100%;height:100%;background:var(--type);opacity:.5;transition:width .05s linear}.basic-skill{margin-left:13px}.basic-skill .skill-face{border-color:#a8b6c466;background:radial-gradient(circle at 40% 25%,#384752,#1c2936)}#cancelCast{position:absolute;right:calc(50% - 240px);bottom:135px;width:49px;height:49px;display:grid;place-items:center;border:1px solid #7c8c9c55;background:#1a2633bb;border-radius:50%;font-size:30px;line-height:1;color:#a9b8c9;z-index:7;pointer-events:none;transition:background .1s,border-color .1s;box-shadow:0 4px 20px #0003}#cancelCast.active{background:#773f51dd;border-color:#f1a2ac;color:#ffe3e7;box-shadow:0 0 0 8px #db7c8f22}#aimStick{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border:1px solid color-mix(in srgb,var(--aim-color) 50%,#8ba5be);border-radius:50%;background:#20304722;box-shadow:inset 0 0 25px #121e3322;pointer-events:none;z-index:8}#aimStick i{position:absolute;top:38px;left:38px;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--aim-color) 70%,#9fb5cd);background:color-mix(in srgb,var(--aim-color) 30%,#2b3f5280);border-radius:50%}#joystick{display:none;z-index:5;border-color:#8fa3b833;background:#a4b8cd08;box-shadow:inset 0 0 18px #11203244;touch-action:none}#joystick i{background:#9eb6cc3a;border:1px solid #b5cde844}#announce{top:43%;font-size:44px;font-weight:500;letter-spacing:3px;color:#e0e9ec;text-shadow:0 4px 30px #001526aa;z-index:2}#battleMenu{padding:16px;border:1px solid #49586a;border-radius:14px;background:#25303cf5;width:240px;color:#dde8ef;box-shadow:0 20px 60px #0009}#battleMenu::backdrop{background:#0b121c99;backdrop-filter:blur(4px)}#battleMenu[open]{display:flex;flex-direction:column;gap:10px}#battleMenu button{padding:14px;background:#344251;border-color:#536172;font-size:13px}#battleMenu button:last-child{color:#dfa9af;background:#392e3b;border-color:#61505c}.modal{background:#0a111a99;animation:result-in .65s both}.modal .panel{border:1px solid #4b5869;box-shadow:0 20px 70px #0008;background:#27333ff0;max-width:calc(100vw - 40px)}.modal h1{color:#c6ded3;font-weight:600;font-size:33px;letter-spacing:3px}.modal p{font-size:12px;color:#98a9b9}.modal .primary{margin-top:12px;font-size:12px}@keyframes result-in{0%,55%{opacity:0}100%{opacity:1}}
#battle.touch-controls .battleBottom{left:auto;right:max(16px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));transform:none;width:244px;height:236px}#battle.touch-controls #skillbar{display:block;position:relative;width:100%;height:100%}#battle.touch-controls .skill{position:absolute;width:68px;height:80px;margin:0;padding:0}#battle.touch-controls .skill-face{width:57px;height:57px}#battle.touch-controls .skill-face kbd{display:none}#battle.touch-controls .skill>b{font-size:9px;margin-top:7px;letter-spacing:-.2px}#battle.touch-controls .skill-cd-track{width:25px;margin-top:5px}#battle.touch-controls #skill0{left:0;bottom:0}#battle.touch-controls #skill1{left:10px;bottom:90px}#battle.touch-controls #skill2{left:89px;bottom:151px}#battle.touch-controls #skill3{right:0;bottom:104px}#battle.touch-controls #skill4{right:7px;bottom:3px;width:83px;height:91px}#battle.touch-controls #skill4 .skill-face{width:75px;height:75px;border-color:#afc0d075;background:radial-gradient(circle at 40% 25%,#3a4e5d,#223140e6)}#battle.touch-controls #skill4 .skill-face .type-icon{width:32px;height:32px}#battle.touch-controls #skill4 .type-icon svg{width:29px;height:29px}#battle.touch-controls #skill4 b{display:none}#battle.touch-controls #joystick{display:block;position:absolute;bottom:max(37px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));width:108px;height:108px;border:1px solid #9ab1ca33;border-radius:50%}#battle.touch-controls #joystick i{position:absolute;width:40px;height:40px;top:33px;left:33px;border-radius:50%}#battle.touch-controls #cancelCast{right:45px;left:auto;bottom:300px;width:49px;height:49px}
@media(min-width:1500px){.workspace{grid-template-columns:330px minmax(0,1fr)}#setup{max-width:1250px}.portrait{width:112px;height:110px}.portrait img{width:116px;height:116px}}
@media(max-width:1150px) and (min-width:801px){.workspace{grid-template-columns:270px minmax(400px,1fr);gap:16px}#roster{grid-template-columns:repeat(3,1fr)}.panel{padding:18px}.build{padding-bottom:0}.poke{min-height:116px}.ready-dock{height:78px}.profile{gap:18px}.portrait{width:110px;height:105px}.portrait img{width:112px;height:112px}}
@media(max-width:800px){header{height:54px;padding:0 15px}.brand{font-size:12px}.brand strong{font-size:12px}#setup{height:calc(100dvh - 54px);padding-top:13px}.mobile-tabs{margin-bottom:12px;gap:6px}.mobile-tabs button{padding:10px;font-size:11px}.mobile-tabs .active{background:#344239!important;color:#c4dac9!important;border-color:#91aa97!important}.workspace{display:block!important}.panel{border-radius:12px;padding:15px}.build{padding-bottom:0}.profile{padding-bottom:13px}.portrait{width:88px;height:86px}.portrait img{width:93px;height:93px}.profile-info h2{font-size:22px;margin:5px 0 9px}.profile-info small{font-size:8px}.profile-info .type-icon.labeled{font-size:9px}.build-content{padding-bottom:15px}.build-tabs button{padding:10px 2px}.field-grid label{margin-top:12px}.field-help{font-size:9px;line-height:1.6}.stat-line{padding:5px 2px}.stat-line>strong{font-size:13px}.equipped-move{padding:10px}.ready-dock{height:76px;gap:12px}.ready-dock .primary{width:135px}.match-settings-trigger{display:none}#readySummary small{font-size:8px}#readySummary img{width:35px;height:35px}.battleTop{top:max(17px,env(safe-area-inset-top));left:16px;right:16px;transform:none;width:auto;gap:14px}.battleTop>div:not(.timer){width:calc((100% - 65px)/2);padding:0}.health-line{gap:5px}.health-line strong{font-size:11px}.health-line>span{font-size:10px}.health-line small{font-size:8px}.battleTop .timer{min-width:42px;font-size:12px;padding:3px 0}.health-card .hp{height:4px;margin-top:7px}.status-pill{font-size:8px}.battleTop h3{font-size:11px}#battleMenuButton{right:15px;top:69px;width:29px;height:25px;font-size:20px;background:#1b283465;border-color:#60758b33}#announce{font-size:36px}.skill .cd{font-size:16px}.match-settings .match h2{font-size:17px}.match-settings .panel{padding:24px}.ready-dock .hint{display:none}.option-list{padding:14px}.stats-editor{padding:14px}}
@media(max-width:390px){#battle.touch-controls .battleBottom{right:10px;width:222px;height:217px}#battle.touch-controls .skill{width:61px;height:75px}#battle.touch-controls .skill-face{width:52px;height:52px}#battle.touch-controls #skill0{left:0;bottom:0}#battle.touch-controls #skill1{left:4px;bottom:82px}#battle.touch-controls #skill2{left:73px;bottom:140px}#battle.touch-controls #skill3{right:0;bottom:101px}#battle.touch-controls #skill4{right:3px;bottom:1px;width:77px;height:86px}#battle.touch-controls #skill4 .skill-face{width:69px;height:69px}#battle.touch-controls #joystick{left:14px;bottom:35px;width:94px;height:94px}#battle.touch-controls #joystick i{width:36px;height:36px;left:28px;top:28px}#battle.touch-controls .skill>b{font-size:8px}.health-line small{display:none}}
@media(max-height:500px){#battle.touch-controls .battleBottom{right:18px;bottom:14px;width:230px;height:178px}#battle.touch-controls .skill{height:69px;width:59px}#battle.touch-controls .skill-face{width:47px;height:47px}#battle.touch-controls .skill>b{font-size:8px;margin-top:5px}#battle.touch-controls #skill0{left:0;bottom:0}#battle.touch-controls #skill1{left:4px;bottom:77px}#battle.touch-controls #skill2{left:81px;bottom:104px}#battle.touch-controls #skill3{right:0;bottom:85px}#battle.touch-controls #skill4{right:7px;bottom:0;width:76px;height:79px}#battle.touch-controls #skill4 .skill-face{width:66px;height:66px}#battle.touch-controls #joystick{width:90px;height:90px;left:26px;bottom:26px}#battle.touch-controls #joystick i{width:34px;height:34px;left:27px;top:27px}#battle.touch-controls #cancelCast{bottom:140px;right:270px;width:42px;height:42px}.battleTop{top:14px;width:min(520px,60vw);left:50%;right:auto;transform:translateX(-50%);gap:20px}#battleMenuButton{top:15px;right:18px}.health-line small{display:none}}