@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'Space Grotesk',system-ui,sans-serif;color:#e8f2eb;background:#091410}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100vh;touch-action:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #355045;background:#14251e;border-radius:12px;padding:12px 18px}button:hover{border-color:#c2f876}button:disabled{cursor:not-allowed;opacity:.48}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 36px;pointer-events:none}header>*{pointer-events:auto}.brand{font-weight:700;font-size:23px;letter-spacing:2px}.brand span{display:block;font-size:9px;letter-spacing:3px;color:#7f9b8d;margin-top:6px}.status{font-size:10px;letter-spacing:2px;color:#9ab4a5}.status i{display:inline-block;width:6px;height:6px;background:#c2f876;border-radius:50%;margin-right:8px}b{margin-left:12px;font-size:10px;color:#a9c0b2}aside{position:absolute;background:#0e1c16db;border:1px solid #273d31;border-radius:16px;padding:20px;backdrop-filter:blur(12px)}small{font-size:9px;letter-spacing:2px;color:#91ab9a}#profile{top:120px;left:36px;width:225px}.level{display:flex;align-items:baseline;gap:8px;margin-top:14px;font-size:13px;color:#a3b9ac}.level strong{font-size:33px;color:#c2f876}.level span{margin-left:auto;font-size:12px}.bar{height:5px;background:#26382c;border-radius:5px;margin-top:14px;overflow:hidden}.bar div{height:100%;background:#c2f876;width:0;transition:width .3s}aside p{font-size:11px;color:#a3b9ac;margin:10px 0 0}#next{color:#c2f876}#ranking{right:36px;top:120px;width:210px}#leaders>div{display:flex;justify-content:space-between;font-size:12px;padding-top:15px;color:#a7bcaf}#leaders .you{color:#c2f876}#stats{position:absolute;bottom:78px;left:36px;display:flex;gap:30px}#stats strong{display:block;font-size:28px;margin-top:5px;font-weight:500}#ability{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;background:#10231be8;border:1px solid #36503c;padding:10px 20px 10px 10px;border-radius:16px}#skill{font-size:23px;color:#c2f876;width:54px;height:54px;padding:0}#ability strong,#ability span{display:block;font-size:12px}#ability span{color:#c2f876;font-size:9px;margin-top:7px;letter-spacing:1px}footer{position:absolute;bottom:27px;text-align:center;width:100%;font-size:9px;color:#789484;letter-spacing:1.5px}footer span{margin:0 15px}.overlay{position:absolute;inset:0;background:#07110bd9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;overflow:auto}section{width:min(850px,94vw);padding:32px;text-align:center}h1{font-size:clamp(38px,6vw,68px);font-weight:500;line-height:1.05;letter-spacing:-3px;margin:20px 0}em{font-style:normal;color:#c2f876}section p{font-size:14px;color:#a0b5a7;line-height:1.7}label{display:block;text-align:left;max-width:300px;margin:26px auto 12px;font-size:9px;letter-spacing:2px;color:#9eb6a5}input{display:block;width:100%;padding:13px 15px;border-radius:10px;border:1px solid #334c3b;background:#122019;color:white;margin-top:9px;outline:none}.primary{background:#c2f876;color:#11200d;border:0;font-weight:700;width:300px}.note{font-size:10px!important}#classcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.card{text-align:left;padding:17px;border:1px solid #304536;background:#14251d;border-radius:13px;cursor:pointer}.card.selected{border-color:#c2f876;background:#213120}.card.locked{opacity:.5}.card h3{font-size:15px;margin:8px 0}.card p{font-size:11px;margin:6px 0}.card small{font-size:9px;letter-spacing:1px}#toast{position:absolute;top:105px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:12px;background:#c2f876;color:#172510;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none}@media(max-width:700px){header{padding:20px}.status{display:none}#profile{left:15px;top:95px;width:165px;padding:13px}#ranking{right:15px;top:95px;width:145px;padding:13px}#stats{left:20px;bottom:110px;gap:16px}#stats strong{font-size:20px}#ability{bottom:48px;left:auto;right:15px;transform:none}footer{font-size:7px;bottom:20px}footer span{margin:0 4px}section{padding:20px}#classcards{gap:6px}.card{padding:10px}.card p{font-size:10px}h1{margin:13px 0}label{margin-top:12px}}

#overlay{align-items:flex-start;padding:50px 15px}#menu{max-width:1050px;width:100%;padding:26px}#menu h1{font-size:54px;line-height:1.1}#menu>p{max-width:560px;margin:16px auto}#classcards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:32px}.card{padding:18px 12px;min-height:150px}.card h3{font-size:17px}.card p{font-size:11px;line-height:1.6}.card small{letter-spacing:1px;font-size:8px}.card.locked{opacity:.65}#clan-panel{margin-top:32px;border-top:1px solid #314735;padding:28px 24px;text-align:left;background:#112019;border-radius:18px}#clan-panel h2{margin:0;font-size:24px;font-weight:500}#clan-panel .clan-note{font-size:11px;color:#91a794;max-width:620px}#clan-panel label{display:inline-block;vertical-align:top;width:calc(50% - 12px);max-width:none;margin:12px 12px 12px 0}#clan-panel button{margin:8px 10px 8px 0;color:#c2f876}#clan-panel input{font-size:12px;letter-spacing:0}#clan-panel .clan-status{font-size:12px;color:#c2f876}.clan-badge{font-size:24px;color:#c2f876;padding:18px 0}@media(max-width:800px){#classcards{grid-template-columns:repeat(2,1fr)}#menu{padding:12px}#menu h1{font-size:40px}#clan-panel{padding:18px}#clan-panel label{width:100%;margin-right:0}}

/* Minimal interface */
#overlay{padding:8vh 16px;background:#09150ff2;align-items:flex-start}#menu{max-width:600px;padding:32px 20px}#menu>small{display:none}#menu h1{font-size:64px;letter-spacing:-3px;margin:22px 0 12px}#menu h1 em{color:#e9f2e6}#menu>p{font-size:13px;color:#8ba08e;margin:10px auto 26px}#menu label{max-width:300px;font-size:9px}#menu input{border-radius:7px;background:#122018;border-color:#293d2d}#menu .primary{border-radius:7px;padding:15px}#menu>.note{font-size:10px!important;color:#718976;margin:12px auto 24px}#classcards{display:none}.tree-entry,.clan-toggle{display:inline-block;margin:8px;padding:10px 14px;background:transparent;border:0;border-radius:6px;font-size:12px;color:#a9bca8}.tree-entry:hover,.clan-toggle:hover{background:#1b2b1d;color:#c2f876}#clan-panel{margin-top:18px;border:1px solid #293c2c;background:transparent;border-radius:8px}#clan-panel[hidden]{display:none}#clan-panel h2{font-size:20px}header{padding:22px 26px}.brand{font-size:18px;letter-spacing:1px}.brand span{display:none}.status{font-size:8px;letter-spacing:1px}header button{font-size:11px;padding:10px 13px;border-radius:7px;background:#102017aa}aside{border-radius:8px;background:#0e1c16bd;padding:15px;border-color:#263a2b}#profile{top:90px;left:26px;width:190px}.level strong{font-size:26px}.level{margin-top:8px}#xptext{font-size:9px}#ranking{top:90px;right:26px;width:170px}#leaders>div{font-size:10px;padding-top:12px}#stats{left:26px;gap:22px;bottom:65px}#stats strong{font-size:22px}#ability{bottom:55px;border-radius:8px;padding:7px 14px 7px 7px}#skill{height:42px;width:42px;font-size:18px;border-radius:6px}footer{font-size:8px;letter-spacing:.5px;bottom:20px}footer span{margin:0 7px}.tree-heading h2 span{display:none}.tree-shell .journey{border-radius:8px}.tree-map,.character-detail{border-radius:8px}.tree-legend{font-size:9px}.tree-map-caption span{display:none}@media(max-width:700px){#profile{left:14px;width:155px}#ranking{right:14px;width:140px}header{padding:18px 14px}#menu h1{font-size:52px}footer{max-width:100%;padding:0 8px;font-size:7px}#stats{left:16px;bottom:110px}#ability{bottom:48px}}

#overlay{background:radial-gradient(ellipse at 50% 35%,#08130b33 15%,#08130b99 85%);backdrop-filter:blur(1px)}#menu{background:#0b180fdf;border:1px solid #6c8d4a30;border-radius:16px;box-shadow:0 20px 90px #0006;backdrop-filter:blur(14px);max-width:440px}#menu h1{margin-top:10px}#menu>.note{margin-bottom:16px}#clan-panel{background:#101f17cc}@media(max-width:700px){#menu{max-width:380px}}

body:not(.in-match) #profile,body:not(.in-match) #ranking,body:not(.in-match) #stats,body:not(.in-match) #ability,body:not(.in-match) footer{display:none}.choose-character{display:block;width:300px;max-width:100%;margin:14px auto 12px;background:#15241b;border:1px solid #3b5138;font-size:12px;color:#c8ddbd;padding:13px;border-radius:7px}#character-picker{margin:16px auto 20px;padding:16px 10px;border:1px solid #30472f;border-radius:9px;background:#0e1b13;text-align:left}#character-picker[hidden]{display:none}#character-picker>small{font-size:8px;letter-spacing:1.5px;padding-left:4px}.owned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.owned-character{padding:8px 4px;background:transparent;border:1px solid #2b402d;border-radius:8px;display:flex;flex-direction:column;align-items:center;min-width:0}.owned-character.chosen{border-color:#c2f876;background:#23331c}.owned-character canvas{width:75px;height:75px;max-width:100%}.owned-character span{font-size:11px}.owned-character small{font-size:7px;letter-spacing:.5px;margin-top:6px;color:#a6bf94}#character-picker p{font-size:10px;color:#8fa68a;margin:14px 4px 0}

.character-colors{margin-top:18px;padding-top:14px;border-top:1px solid #30472f}.character-colors>small{font-size:8px;letter-spacing:1.5px}.color-options{display:flex;gap:14px;margin-top:12px}.color-swatch{width:28px;height:28px;padding:0;border-radius:50%;border:3px solid #14251a}.color-swatch.selected{outline:2px solid #e9f5e3;outline-offset:3px}

#match-upgrades{position:absolute;bottom:135px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;padding:12px;background:#102018ed;border-radius:10px;z-index:4}#match-upgrades:empty,body:not(.in-match) #match-upgrades{display:none}#match-upgrades small{color:#c2f876;font-size:9px}#match-upgrades button{font-size:11px;border-color:#76954b}#match-upgrades button:disabled{opacity:.5}

#match-upgrades{display:block;width:300px;max-width:calc(100vw - 30px);padding:13px 16px}.evolution-progress-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#dae9d5;margin-bottom:9px}.evolution-progress-label span:last-child{color:#c2f876;font-size:10px}.evolution-track{height:6px;border-radius:8px;background:#2b3b2a;overflow:hidden;margin-bottom:8px}.evolution-track>div{height:100%;background:#c2f876;border-radius:8px;transition:width .25s ease}.evolution-progress>small{font-size:9px;letter-spacing:0;color:#8ea585}.evolution-choices{display:flex;gap:7px;margin-top:11px}.evolution-choices button{flex:1;padding:9px 7px;font-size:10px!important}

.owned-character .starter-path{font-size:8px;line-height:1.4;color:#c5d8ba;letter-spacing:0;margin:8px 0 3px}

#match-upgrades{width:230px;padding:10px 13px;bottom:130px;background:linear-gradient(135deg,#17291ee8,#0c1a12e8);border:1px solid #b6e88c26;border-radius:12px;box-shadow:0 5px 24px #0003;backdrop-filter:blur(12px)}.evolution-progress-label{font-size:9px;margin-bottom:7px;align-items:center}.evolution-progress-label span:first-child{color:#b2c5ae}.evolution-progress-label span:last-child{font-size:9px;font-variant-numeric:tabular-nums}.evolution-track{height:4px;margin-bottom:0;background:#30422c;border-radius:10px;box-shadow:inset 0 1px 3px #0004}.evolution-track>div{background:linear-gradient(90deg,#71ad62,#c8f780);box-shadow:0 0 8px #bafa7955;transition:width .6s cubic-bezier(.2,.7,.2,1)}.evolution-progress>small:empty{display:none}.evolution-progress>small{display:block;margin-top:7px;font-size:8px;color:#c2f876}.evolution-choices[hidden]{display:none}.evolution-choices{margin-top:9px;gap:6px}.evolution-choices button{border-radius:6px;background:#22371f;border:1px solid #a8d77b55;font-size:9px!important;padding:8px 5px;transition:background .2s,transform .2s}.evolution-choices button:hover{background:#344e29;transform:translateY(-1px)}@media(max-width:700px){#match-upgrades{bottom:125px;width:210px}}

/* Violet / pink / turquoise theme */
:root{color-scheme:dark;color:#f4eafa;background:#100b1d;--pink:#f39bd5;--aqua:#7de6df;--purple:#ba9cf4}body{background:#100b1d}button{background:#251b36;border-color:#574368;color:#eee4fa}button:hover{border-color:#eaa1db}small{color:#b1a0c5}header .brand{color:#f4def7}.brand span,.status{color:#baa6ce}.status i{background:#7de6df}header button{background:#21172fbb;border-color:#594169}aside{background:#1b1328c9;border-color:#4b365b}.level strong,#next{color:#7de6df}.level,.level span,aside p{color:#c2afd2}.bar{background:#3b2b4e}.bar div{background:linear-gradient(90deg,#b695f1,#f39bd5,#7de6df)!important}#leaders .you{color:#7de6df}#leaders>div{color:#c7b4d9}#ability{background:#21162feb;border-color:#684878}#skill,#ability span{color:#7de6df}footer{color:#ab94bd}#toast{background:#7de6df;color:#241b38}#overlay{background:radial-gradient(ellipse at 50% 35%,#26133c22,#100a2199)}#menu{background:#1c122cde;border-color:#be8dec33;box-shadow:0 20px 100px #13082166}#menu h1 em{color:#f2d9f5}#menu>p,#menu>.note{color:#b7a2c8}#menu label{color:#cbb3da}#menu input,#clan-panel input{background:#23182f;border-color:#553b67;color:#f6eafa}#menu .primary,.primary{background:linear-gradient(115deg,#e9a0dd,#b9a3f4);color:#271336}#menu .primary:hover{filter:brightness(1.08)}.choose-character{background:#2b1c3a;border-color:#674778;color:#e8c8ef}.tree-entry,.clan-toggle{color:#82dedf}.tree-entry:hover,.clan-toggle:hover{background:#352344;color:#f2b1df}#character-picker,#clan-panel{background:#21172edb;border-color:#563b68}.owned-character{border-color:#4c375c}.owned-character.chosen{border-color:#7de6df;background:#283344}.owned-character small,.owned-character .starter-path{color:#c9b2de}.character-colors{border-color:#513762}.color-swatch{border-color:#271b34}.color-swatch.selected{outline-color:#8aece1}.clan-badge,#clan-panel button,#clan-panel .clan-status{color:#7de6df}#clan-panel .clan-note{color:#b4a0c7}#evolution{background:#120c21f7}.tree-shell .journey{background:#21162e;border-color:#4f3861}.journey strong,.unlock-count{color:#7de6df}.journey-label{color:#bfa9d2}.tree-map{background:radial-gradient(ellipse at 50% 80%,#7750aa22,transparent 65%),#170f25;border-color:#49325a}.tree-map-caption{border-color:#4b345d}.tree-map-caption span{color:#b7a0ce}.tree-scroll{scrollbar-color:#79518c #180f26}#living-tree{background-image:radial-gradient(#be8de72a 1px,transparent 1px)}#living-tree .evolution-node{background:radial-gradient(ellipse,#241632ed 25%,#241632aa 55%,transparent 73%)}#living-tree .evolution-node.inspected{background:#3b2650eb}#living-tree .evolution-node:hover{background:#3b2850}.character-detail{background:#251932;border-color:#563b67}.character-detail p{color:#c8b2d8}.ability-detail{border-color:#5b3e70}.balance-note{background:#332440;border-color:#7de6df;color:#d8c1ec}.requirements{color:#bca2ce}.requirements strong{color:#f2ddfa}.tree-legend,.origin-caption{color:#ac8ec6}#match-upgrades{background:linear-gradient(135deg,#32203ce8,#17172ee8);border-color:#d89aef44}.evolution-progress-label span:first-child{color:#ddc3e8}.evolution-progress-label span:last-child,.evolution-progress>small{color:#7de6df}.evolution-track{background:#493250}.evolution-track>div{background:linear-gradient(90deg,#c48cf0,#ee9cdb,#7de6df);box-shadow:0 0 9px #e699ee66}.evolution-choices button{background:#3d2850;border-color:#b68cdd77}.evolution-choices button:hover{background:#523563}

header,body>aside,#stats,#ability,footer,#overlay,#evolution,#match-upgrades,#toast{filter:hue-rotate(var(--theme-shift,0deg))}#settings-panel{margin-top:18px;padding:18px;border:1px solid #594369;border-radius:9px;text-align:left;background:#20162bdd}#settings-panel[hidden]{display:none}#settings-panel h3{font-size:16px;font-weight:500;margin:0 0 8px}#settings-panel p{font-size:11px;color:#c2afce;line-height:1.6}.theme-options{display:grid;gap:7px}.theme-option{text-align:left;font-size:11px;padding:12px;border-radius:7px;background:#281d33}.theme-option.active{border-color:#7de6df}.theme-option i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:10px;vertical-align:middle}

#overlay canvas,#overlay img,#evolution canvas,#evolution img,.color-options,.custom-skin-label input{filter:hue-rotate(calc(0deg - var(--theme-shift,0deg)))}#menu .custom-skin-label{display:flex;align-items:center;justify-content:space-between;max-width:none;margin:14px 0 0;font-size:8px}.custom-skin-label input[type=color]{width:52px;height:32px;padding:3px;margin:0;cursor:pointer}

.skin-control{display:flex;align-items:center;justify-content:center;gap:14px;width:300px;max-width:100%;margin:12px auto;padding:8px 12px;border:1px solid #644c7355;border-radius:8px;background:#251b3444}.skin-control canvas{width:48px;height:48px}.skin-control label{margin:0!important;display:flex!important;gap:10px;align-items:center;font-size:8px!important;letter-spacing:1px}.skin-control input[type=color]{width:40px;height:29px;margin:0!important;padding:2px!important;cursor:pointer;filter:hue-rotate(calc(0deg - var(--theme-shift,0deg)))}.skin-control>span{font-size:9px;color:#bba8cd;font-variant-numeric:tabular-nums}

#profile{display:none!important}


#match-upgrades{width:360px;padding:11px 13px}.evolution-choices{gap:7px}.evolution-choices .upgrade-card{display:flex;align-items:center;gap:6px;text-align:left;padding:7px 5px;min-width:0;background:#2a1d36;border-color:#694b7f55}.upgrade-card canvas{width:46px;height:46px;flex-shrink:0;filter:hue-rotate(calc(0deg - var(--theme-shift,0deg)))}.upgrade-card>div{min-width:0}.upgrade-card strong{display:block;font-size:10px;color:#f1e0f6}.upgrade-card span{display:block;font-size:7px;color:#c5aed3;line-height:1.5;margin-top:3px}.upgrade-card small{display:block;font-size:7px;letter-spacing:0;color:#b09cbb;margin-top:3px}.upgrade-card .upgrade-price{color:#7de6df;font-size:8px;margin-top:5px}.evolution-choices .upgrade-card:disabled{opacity:.8;cursor:default}.evolution-choices .upgrade-card:disabled:hover{transform:none;background:#2a1d36}@media(max-width:500px){#match-upgrades{width:320px}.upgrade-card canvas{width:35px;height:35px}}

#minimap{position:absolute;right:22px;bottom:45px;width:145px;height:145px;pointer-events:none}body:not(.in-match) #minimap{display:none}@media(max-width:700px){#minimap{width:105px;height:105px;right:10px;bottom:125px}}

.mode-select{display:flex;gap:5px;max-width:340px;margin:16px auto 8px}.mode-select button{flex:1;padding:10px 5px;font-size:10px;background:#251b34;border-radius:7px}.mode-select button.selected{border-color:#7de6df;color:#7de6df}.mode-note{font-size:10px!important;line-height:1.5;color:#b4a0c4;margin:8px auto 16px;max-width:310px}#mode-hud{position:absolute;top:85px;left:50%;transform:translateX(-50%);background:#1c142bdd;border:1px solid #6b4f7f66;border-radius:8px;font-size:10px;padding:10px 16px;white-space:nowrap;color:#e4d4ef}#mode-hud:empty,body:not(.in-match) #mode-hud{display:none}

#voice-settings{width:100%;padding:18px 0 0;border-top:1px solid #67477b;margin-top:20px;text-align:left}#voice-settings h3{font-size:16px}#voice-settings p{font-size:11px;line-height:1.6;color:#bba8cb}#voice-settings label{max-width:none}#voice-settings button{font-size:11px;padding:10px}#voice-peers button{margin:4px}#voice-badge{position:absolute;left:25px;bottom:25px;font-size:9px;padding:8px 12px;border-radius:7px;z-index:5}#voice-badge.talking{color:#7de6df;border-color:#7de6df}body:not(.in-match) #voice-badge{display:none}

#connection-info{font-size:10px;color:#9adbd5;line-height:1.5;margin:10px 0 0}

#arena-timers{border-top:1px solid #8d6aa044;margin-top:15px;padding-top:12px;font-size:9px;letter-spacing:.7px;font-variant-numeric:tabular-nums;color:#bca8cc}#respawn-clock{color:#7de6df;margin-top:8px}#respawn-clock:empty{display:none}

.discord-join{display:block;width:max-content;margin:20px auto 0;padding:11px 18px;border:1px solid #8b8ef266;border-radius:8px;color:#d4d5ff;background:#5865f222;text-decoration:none;font-size:12px}.discord-join:hover{background:#5865f244;border-color:#9ea4ff}body.in-match #menu,body.in-match aside,body.in-match #match-upgrades,body.in-match #ability{backdrop-filter:none}

.discord-community{position:absolute;top:150px;left:calc(50% + 250px);width:260px;padding:25px;text-align:left;background:linear-gradient(145deg,#241c3af0,#171226ed);border:1px solid #9c8be044;border-radius:16px;color:#eee7fa;text-decoration:none;box-shadow:0 16px 48px #09041444;transition:border-color .2s,transform .2s}.discord-community:hover{border-color:#aa9bec99;transform:translateY(-3px)}.discord-card-top{display:flex;align-items:center;gap:11px;color:#a9a6d0;font-size:8px;letter-spacing:1.5px}.discord-emblem{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:12px;background:#7880f22b;color:#b5baff;flex-shrink:0}.discord-emblem svg{width:27px;height:27px}.discord-community h2{font-size:30px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin:25px 0 14px}.discord-community p{font-size:12px;line-height:1.8;color:#b8aeca;margin:0 0 25px}.discord-card-button{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border:1px solid #9390f05c;border-radius:8px;background:#5865f22e;color:#e3e2ff;font-size:12px;font-weight:600}.discord-community:hover .discord-card-button{background:#5865f24a}@media(max-width:1080px){#overlay{flex-direction:column;align-items:center}.discord-community{position:static;margin:20px auto;width:min(440px,100%)}.discord-community h2 br,.discord-community p br{display:none}.discord-community h2{font-size:24px;margin:17px 0 8px}.discord-community p{margin-bottom:18px}}

.evolution-defer{display:block;width:100%;margin-top:8px;padding:7px;font-size:9px;border:0;background:transparent;color:#b4a6c7}.evolution-defer:hover{color:#7de6df;background:#ffffff08}

#match-menu-button{display:none;margin-left:10px}.in-match #match-menu-button{display:block}
#match-menu[hidden]{display:none!important}#match-menu{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(9,6,19,.7);backdrop-filter:blur(8px)}
#match-menu section{width:min(420px,100%);padding:32px;border:1px solid #665077;border-radius:20px;background:linear-gradient(145deg,#241932,#151020);box-shadow:0 28px 100px #0008;color:#f4e5fa}#match-menu h2{font-size:30px;margin:12px 0}#match-menu small{font-size:10px;letter-spacing:2px;color:#bba2cd}#match-menu p{font-size:13px;line-height:1.6;color:#bbaec7}#match-menu button{cursor:pointer}#match-menu .primary{width:100%;margin:18px 0}#match-menu .primary span{float:right;font-size:10px;opacity:.65}#match-menu .match-modes{padding:22px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;margin-bottom:20px}#match-menu .match-modes div{display:flex;gap:8px}#match-menu .match-modes button{flex:1;padding:12px 5px;background:#30233e;border:1px solid #665077;border-radius:9px;color:#eee0f5;font-size:12px}#match-menu .match-modes button:disabled{border-color:#78e0df;color:#78e0df;opacity:.65;cursor:default}#match-menu a{color:#83e4e2;font-size:13px}#match-menu .match-leave{display:block;width:100%;margin-top:22px;padding:13px;background:transparent;border:1px solid #b16f8a;border-radius:9px;color:#f2abc6}#match-menu button:hover:not(:disabled){filter:brightness(1.15)}

#mode-hud:empty{display:none}

.tasks-entry{position:absolute;left:calc(50% + 250px);top:520px;width:260px;border:1px solid #79568e;border-radius:14px;padding:18px;text-align:left;background:linear-gradient(130deg,#34213f,#192632);color:#f4def8;font-size:17px;cursor:pointer}.tasks-entry span{display:block;margin-top:8px;font-size:11px;color:#8de4df}#tasks-panel[hidden]{display:none!important}#tasks-panel{position:fixed;inset:0;z-index:210;background:#0c0719df;display:flex;justify-content:center;overflow:auto;padding:28px 16px;color:#eedff6}#tasks-panel section{width:min(640px,100%);height:max-content;background:linear-gradient(145deg,#2a1b38,#161322);border:1px solid #725181;border-radius:22px;padding:28px}#tasks-panel h2{font-size:30px;margin:12px 0}#tasks-panel p{font-size:12px;line-height:1.7;color:#bda9cc}#tasks-panel button{padding:10px 14px;border:1px solid #7c5c91;border-radius:9px;background:#3c2850;color:#f5e1fc;cursor:pointer}#tasks-panel button:disabled{opacity:.45;cursor:default}.tasks-close{float:right}.coin-balance{color:#f5ce76;font-size:26px;font-weight:700;margin:22px 0}.task-card{border:1px solid #665077;background:#ffffff04;border-radius:12px;margin:12px 0;padding:16px}.task-card progress{display:block;width:100%;height:7px;accent-color:#82e2dc}.task-card small{display:inline-block;color:#9cdcd9;margin:12px 0}.task-card button{float:right}.task-card:after{content:'';display:block;clear:both}.skin-shop{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skin-shop article{display:flex;align-items:center;flex-direction:column;gap:12px;padding:16px;background:#ffffff04;border:1px solid #634970;border-radius:14px}.skin-shop canvas{width:90px;height:90px}@media(max-width:1080px){.tasks-entry{position:static;width:min(440px,100%);margin:0 auto 20px}}@media(max-width:450px){#tasks-panel section{padding:18px}.skin-shop{gap:8px}}

/* Keep the main menu centered; community actions share one independent column. */
#overlay{flex-direction:row;justify-content:center;align-items:flex-start}
.community-sidebar{position:absolute;left:calc(50% + 250px);top:150px;width:260px;display:flex;flex-direction:column;gap:14px}
.community-sidebar .discord-community,.community-sidebar .tasks-entry{position:static;inset:auto;width:100%;margin:0;box-sizing:border-box}
.community-sidebar .tasks-entry{display:block;padding:20px;text-align:left;white-space:normal;border-radius:16px;background:linear-gradient(135deg,#30203e,#192332);border:1px solid #83dbda55;color:#f4e1f8;font-size:16px;line-height:1.3;transition:border-color .2s,transform .2s}
.community-sidebar .tasks-entry span{display:block;margin-top:8px;color:#8de4df;font-size:11px;line-height:1.6}
.community-sidebar .tasks-entry:hover{border-color:#8de4df;transform:translateY(-2px)}
@media(max-width:1080px){#overlay{flex-direction:column;align-items:center;gap:20px}.community-sidebar{position:static;width:min(440px,100%);margin:0 auto 20px;gap:12px}}

#run-results[hidden]{display:none!important}#run-results{position:fixed;z-index:205;right:22px;top:85px;width:min(350px,calc(100vw - 44px));padding:24px;border:1px solid #9a6ca5;border-radius:18px;background:linear-gradient(145deg,#30203fef,#171b2bf5);box-shadow:0 20px 70px #0006;color:#f1dff8;pointer-events:auto}#run-results h2{font-size:25px;margin:0 0 5px}#run-results p{font-size:12px;line-height:1.7;color:#c5b0d1}#run-results>button{float:right;padding:6px 10px;border-radius:7px;font-size:10px}#run-results small{font-size:10px;color:#95deda}.run-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.run-stat-grid strong{display:block;color:#efc9ef;font-size:23px;margin-top:5px}.run-stat-grid small{font-size:8px!important;letter-spacing:.5px}@media(max-width:600px){#run-results{top:65px;right:12px;padding:18px}}

/* Center the run summary without covering the whole arena. */
#run-results{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;padding:30px;border:1px solid #b58bc280;border-radius:22px;background:linear-gradient(145deg,#342040f5,#181a2df8);box-shadow:0 25px 100px #0009,0 0 40px #ba9cf415;text-align:center;animation:run-summary-enter .2s ease-out}
#run-results h2{font-size:30px;margin:5px 0 8px;letter-spacing:-.7px}#run-results>p{margin:8px 0 14px}#run-results>button{position:absolute;top:14px;right:14px;float:none;padding:7px 11px;border:1px solid #a985bb55;background:#ffffff08;color:#dfcce9}.run-stat-grid{gap:18px 10px;padding:22px 0;margin:20px 0;border-top:1px solid #d5b2ed20;border-bottom:1px solid #d5b2ed20}.run-stat-grid strong{font-size:28px;color:#f0d3f3}.run-stat-grid small{color:#9fdbd9!important}#run-results>small{display:block;line-height:1.6;padding:0 12px}
@keyframes run-summary-enter{from{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){#run-results{animation:none}}@media(max-width:600px){#run-results{left:50%;top:50%;right:auto;padding:28px 18px 22px}.run-stat-grid strong{font-size:24px}}

#menu h1.menu-logo{margin:10px auto 14px;line-height:0;letter-spacing:0;width:100%;max-width:340px}#menu h1.menu-logo img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:700px){#menu h1.menu-logo{max-width:300px}}

#nemesis-hud[hidden]{display:none!important}#nemesis-hud{position:fixed;left:22px;top:90px;max-width:190px;display:flex;flex-direction:column;gap:7px;padding:13px 17px;border:1px solid #e68a9a55;border-radius:12px;background:#241529d9;pointer-events:none;color:#f5d8e5}#nemesis-hud small{font-size:9px;letter-spacing:2px;color:#ff9da8}#nemesis-hud strong{font-size:17px;overflow-wrap:anywhere}#nemesis-hud span{font-size:10px;color:#baa6ca}#nemesis-hud .revenge-badge{color:#f5d184;border-top:1px solid #ffffff15;padding-top:7px}@media(max-width:600px){#nemesis-hud{top:70px;left:12px;max-width:130px;padding:10px}}

#arena-chat,#killfeed{display:none}.in-match #arena-chat{display:block}.in-match #killfeed{display:flex}#arena-chat{position:fixed;left:22px;bottom:155px;width:290px;z-index:30;background:#1d1528d9;border:1px solid #9169a34d;border-radius:12px;padding:10px;color:#dfcce9}#arena-chat>button{background:transparent;border:0;color:#9de2df;font-size:11px;padding:4px 0 8px;cursor:pointer}.chat-messages{max-height:145px;overflow:auto;overflow-wrap:anywhere;scrollbar-width:thin;font-size:11px;line-height:1.7}.chat-messages strong{color:#dfb7ef}.chat-messages span{color:#d6c5df}#arena-chat form{display:flex;gap:6px;margin-top:8px}#arena-chat form[hidden],#arena-chat [hidden]{display:none!important}#arena-chat input{width:0;min-width:0;flex:1;padding:8px;background:#120f1b;border:1px solid #664674;border-radius:6px;color:#f2e1f8;font-size:11px}#arena-chat form button{font-size:10px;padding:7px;border-radius:6px}#arena-chat small{display:block;color:#ad99bd;font-size:9px;margin-top:7px}#killfeed{position:fixed;right:22px;top:330px;z-index:29;flex-direction:column;align-items:flex-end;gap:6px;max-width:270px;pointer-events:none;font-size:11px}#killfeed>div{padding:8px 12px;border:1px solid #80598b40;border-radius:8px;background:#21162cbd;overflow-wrap:anywhere;color:#cbb5d8}#killfeed strong{color:#8ee1d8}@media(max-width:700px){#arena-chat{left:12px;bottom:190px;width:210px}.chat-messages{max-height:90px}#killfeed{right:12px;top:300px;max-width:170px;font-size:10px}}

#arena-chat{box-sizing:border-box;width:245px;padding:8px 10px;border-radius:9px;background:#1a1325b8;backdrop-filter:blur(5px);left:26px;bottom:135px}#arena-chat>button{font-size:10px;padding:0 0 5px}.chat-messages{max-height:84px;font-size:10px;line-height:1.6}#arena-chat form{margin-top:5px;gap:5px}#arena-chat input{padding:6px 7px;font-size:10px;margin:0;height:29px;box-sizing:border-box}#arena-chat form button{font-size:9px;padding:5px 8px}#arena-chat small{font-size:8px;margin-top:4px;letter-spacing:0}
#ranking #killfeed{position:static;inset:auto;display:flex;gap:4px;max-width:100%;width:100%;margin-top:10px;padding-top:8px;border-top:1px solid #bda0cc22;align-items:stretch;font-size:9px;line-height:1.5}#ranking #killfeed:empty{display:none}#ranking #killfeed>div{padding:3px 0;border:0;border-radius:0;background:transparent;animation:feed-appear .2s ease-out}#ranking #killfeed strong{font-weight:600}#ranking #killfeed span{color:#b9a6c8}@keyframes feed-appear{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){#arena-chat{left:16px;width:210px}.chat-messages{max-height:66px}#ranking #killfeed{font-size:8px}}@media(prefers-reduced-motion:reduce){#ranking #killfeed>div{animation:none}}

#ping-tools{display:none}.in-match #ping-tools{display:flex}#ping-tools{position:fixed;left:50%;top:72px;transform:translateX(-50%);gap:5px;z-index:25}#ping-tools button{font-size:8px;letter-spacing:.5px;padding:6px 8px;border-radius:6px;background:#24172fa8;border:1px solid #87649944;color:#cebbdb;cursor:pointer}#gulp-streak[hidden]{display:none!important}#gulp-streak{position:fixed;top:135px;left:50%;transform:translateX(-50%);z-index:35;pointer-events:none;font-size:27px;font-weight:800;letter-spacing:1px;color:#ffd899;text-shadow:0 3px 15px #d279b0b0;animation:gulp-pop .25s ease-out}@keyframes gulp-pop{from{opacity:0;transform:translateX(-50%) scale(.85)}to{opacity:1;transform:translateX(-50%) scale(1)}}@media(max-width:600px){#ping-tools{top:62px}#ping-tools button{font-size:7px;padding:5px}#gulp-streak{top:110px;font-size:22px}}@media(prefers-reduced-motion:reduce){#gulp-streak{animation:none}}

#round-end[hidden]{display:none!important}#round-end{position:fixed;inset:0;z-index:220;background:#100b1dd9;backdrop-filter:blur(8px);display:grid;place-items:center;overflow:auto;padding:20px;color:#f3e4fa}#round-end section{box-sizing:border-box;width:min(650px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:36px;border:1px solid #a178b15e;border-radius:24px;text-align:center;background:linear-gradient(150deg,#32203f,#191729);box-shadow:0 30px 100px #0008}#round-end section>small{color:#86dfdc;letter-spacing:3px;font-size:10px}#round-end h2{font-size:34px;letter-spacing:-1px;margin:14px 0}#round-end p{color:#c1aacc;font-size:12px}.round-score{color:#efd4f6!important;font-size:18px!important}.round-podium{display:flex;gap:12px;justify-content:center;margin:28px 0}.round-podium article{min-width:0;flex:1;padding:20px 10px;border:1px solid #9b74af50;border-radius:14px;background:#ffffff04}.round-podium article:first-child{border-color:#f0ce8470;background:#f0ce840a}.round-podium small{display:block;color:#f0ce84;letter-spacing:2px}.round-podium strong{display:block;font-size:20px;margin:12px 0;overflow-wrap:anywhere}.round-podium span{color:#bca8ca;font-size:11px}.round-own{border-top:1px solid #ffffff15;padding-top:12px}.round-own h3{font-size:14px;color:#ddc6ea}.round-own>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.round-own small{display:block;font-size:10px;color:#bfa5cc}.round-own strong{display:block;font-size:23px;margin-top:8px}.round-countdown{color:#8de1da!important;font-size:17px!important;margin:26px 0 18px}#round-end button{padding:10px 18px;border-radius:8px;background:transparent;color:#c5accf;font-size:11px}@media(max-width:550px){#round-end section{padding:24px 16px}#round-end h2{font-size:26px}.round-podium{gap:7px}.round-podium strong{font-size:14px}.round-own>div{grid-template-columns:repeat(2,1fr)}}

#friends-button{margin-left:8px}#friends-panel[hidden]{display:none!important}#friends-panel{position:fixed;z-index:190;top:75px;right:22px;box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow:auto;padding:24px;border:1px solid #806397;border-radius:17px;background:linear-gradient(145deg,#30203ff5,#151b2bf5);color:#f3e1f8;box-shadow:0 20px 70px #0008}#friends-panel h2{font-size:26px;margin:0 0 20px}#friends-panel h3{margin:24px 0 10px;font-size:12px;color:#a8c9ff}#friends-panel p{font-size:11px;color:#bda7ca;line-height:1.7}.friends-close{float:right}.friend-row{display:flex;align-items:center;gap:6px;padding:10px 0;border-bottom:1px solid #ffffff0d;font-size:12px}.friend-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.friend-row small{display:block;font-size:9px;color:#91bff6;margin-top:5px}#friends-panel button{font-size:10px;padding:7px 10px;border-radius:7px;cursor:pointer}#friends-panel button:disabled{opacity:.5}#friends-panel form{display:flex;gap:6px}#friends-panel input{min-width:0;width:0;flex:1;padding:10px;font-size:11px;background:#171020;border:1px solid #6d4e80;border-radius:7px;color:#f3e1f8}.friend-id{overflow-wrap:anywhere;user-select:all}@media(max-width:600px){#friends-panel{right:12px;top:65px;padding:18px}#friends-button{font-size:9px;margin-left:4px}}

#account-panel[hidden]{display:none!important}#account-panel{position:fixed;inset:0;z-index:240;background:#100a1cdd;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;color:#f1e0f8;overflow:auto}#account-panel section{box-sizing:border-box;width:min(440px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #846093;border-radius:20px;background:linear-gradient(145deg,#32203f,#181626)}#account-panel h2{font-size:26px;margin:18px 0}#account-panel p{font-size:12px;line-height:1.7;color:#c3a9cf}#account-panel label{display:block;text-align:left;font-size:9px;letter-spacing:1px;margin-top:16px;color:#c5b1d0}#account-panel input{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:7px;border:1px solid #6e4c80;border-radius:8px;background:#171020;color:#f4e8fa;font-size:14px}#account-panel button{cursor:pointer;border-radius:8px;padding:10px 13px;font-size:11px}#account-panel button:disabled{opacity:.45;cursor:default}#account-panel .primary{width:100%;margin-top:8px}.account-close{float:right}.account-tabs{display:flex;gap:6px;margin:22px 0}.account-tabs button{flex:1;padding:9px 5px!important;background:transparent}.account-tabs .selected{border-color:#7de6df;color:#9ce7e1}.account-status{color:#f1b4cd!important;min-height:20px}#account-panel textarea{box-sizing:border-box;width:100%;min-height:85px;resize:none;border:1px solid #79cecb;padding:15px;border-radius:9px;background:#171020;color:#a4ece8;font-size:14px;word-break:break-all;margin:14px 0;user-select:all}#account-panel section>strong{display:block;margin:20px 0;color:#a2e4df}

#living-tree{width:1920px}.upgrade-card>div>span{display:block;font-size:9px;line-height:1.5;margin:5px 0;color:#c6b2d1}.evolution-choices{max-height:40vh;overflow:auto}

#living-tree{width:2160px}