@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Space+Grotesk:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Space Grotesk,Trebuchet MS,sans-serif;background:#0a0c0e;color:#efe9d4;line-height:1.4}h1,h2,h3{font-family:Cinzel,Times New Roman,serif;font-weight:700}input,textarea,select,button{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2240;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a3a60}::selection{background:#7846b459;color:#efe9d4}.iso-stage{border:1px solid #574833;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 20% 30%,#263926,#1a231a 68%)}.iso-stage.iso-active{border-color:#7a6a44;box-shadow:0 0 24px #8f7b5826}.iso-stage svg{display:block;width:100%;height:auto}.iso-stage svg.clickable{cursor:crosshair}.iso-bg{fill:#1a2519}.iso-woods{fill:#223822;opacity:.92}.iso-hg{fill:#6b5b43;opacity:.78}.iso-lane{stroke:#a8936c;stroke-width:2}.iso-river{opacity:.9}.iso-tower rect{fill:#ddd3be;stroke:#433726;stroke-width:2}.tower-hp-bg{fill:#2a2117;stroke:none!important}.tower-hp-a{fill:#9bde66;stroke:none!important;transition:width .2s ease}.tower-hp-b{fill:#ed7158;stroke:none!important;transition:width .2s ease}.tower-label{fill:#efe2bf;font-size:18px;font-weight:700;letter-spacing:.06em}.hero circle{transition:cx .18s ease,cy .18s ease}.radiant-hero>circle:first-child{fill:#9fdb65}.dire-hero>circle:first-child{fill:#ef7663}.hero .pulse{fill:transparent;stroke-width:2;opacity:.4;animation:pulse 2.2s infinite ease-out}.radiant-hero .pulse{stroke:#9fdb65}.dire-hero .pulse{stroke:#ef7663}.hero-bar-bg{fill:#1a1510;stroke:none!important}.hero-hp-radiant{fill:#7dcc4a;stroke:none!important;transition:width .2s ease}.hero-hp-dire{fill:#e85d45;stroke:none!important;transition:width .2s ease}.hero-mp{fill:#4a8dcc;stroke:none!important;transition:width .2s ease}.player-arrow{fill:#f0d860;filter:drop-shadow(0 0 3px rgba(240,216,96,.6));animation:arrow-bob 1.4s infinite ease-in-out}.combo-text{fill:#f94;font-size:14px;font-weight:700;text-shadow:0 1px 2px #000;pointer-events:none}.creep{transition:cx .18s ease,cy .18s ease}.creep-a{fill:#c8e0a0;opacity:.85}.creep-b{fill:#e0b0a0;opacity:.85}.creep-wave{fill:#f3e8ca;opacity:.88}.cw-a{animation:creepFwd 7s infinite linear}.cw-b{animation:creepBack 7s infinite linear}.arena-caption{display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px;border-top:1px solid #4f422e;background:#1f2a1e;color:#d6cfbe;font-size:.8rem}@keyframes pulse{0%{transform:scale(.8);opacity:.45}to{transform:scale(1.4);opacity:0}}@keyframes arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes creepFwd{0%{transform:translate(-12px,4px)}50%{transform:translate(16px,-5px)}to{transform:translate(-12px,4px)}}@keyframes creepBack{0%{transform:translate(12px,-4px)}50%{transform:translate(-16px,5px)}to{transform:translate(12px,-4px)}}.minimap{position:relative;width:100%;height:20px;background:#0a0810e0;border:1px solid #2a2240;border-radius:4px;cursor:crosshair;overflow:hidden;-webkit-user-select:none;user-select:none}.mm-river{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#3f687a;opacity:.5;transform:translate(-50%)}.mm-tower{position:absolute;top:2px;bottom:2px;width:6px;border-radius:2px;transform:translate(-50%)}.mm-t-radiant{background:#5ab830}.mm-t-dire{background:#c83828}.mm-creep{position:absolute;top:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%)}.mm-c-radiant{background:#c8e0a0;opacity:.7}.mm-c-dire{background:#e0b0a0;opacity:.7}.mm-hero{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);transform:translate(-50%,-50%);z-index:2}.mm-h-radiant{background:#9fdb65}.mm-h-dire{background:#ef7663}.mm-h-player{border-color:#f0d860;box-shadow:0 0 4px #f0d86099}.kill-feed{position:absolute;top:56px;right:16px;z-index:15;display:flex;flex-direction:column;gap:4px;pointer-events:none;max-width:260px}.kf-entry{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:6px;background:#0a0810e0;border:1px solid rgba(42,34,64,.6);color:#d8d2bd;animation:kfSlideIn .25s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes kfSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.kf-kill{border-color:#f0d86066;color:#f0d860}.kf-deny{border-color:#8a7a9a66;color:#8a7a9a}.kf-raze{border-color:#ef766366;color:#ef7663}.kf-tower{border-color:#c8382899;color:#ff6b5a}.kf-info{color:#9080a8}.damage-floats{position:absolute;inset:0;pointer-events:none;z-index:14;overflow:hidden}.dmg-float{position:absolute;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:#f44;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 8px rgba(255,68,68,.4);animation:dmgFloat 1.2s ease-out forwards;pointer-events:none}@keyframes dmgFloat{0%{opacity:1;transform:translateY(0) scale(1.2)}30%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.8)}}.shell{min-height:100vh;color:#efe9d4;background:radial-gradient(120% 80% at 10% 0%,rgba(100,50,130,.18),transparent),radial-gradient(95% 60% at 85% 15%,rgba(40,60,50,.25),transparent),radial-gradient(60% 40% at 50% 100%,rgba(60,30,80,.1),transparent),#0a0c0e;padding:18px;display:flex;flex-direction:column;gap:14px}.loading-state{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,rgba(90,50,120,.18),transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(60,30,80,.12),transparent 50%),#080a0c;color:#efe9d4}.loading-content{text-align:center}.loading-content h1{font-size:2.2rem;margin-bottom:10px;background:linear-gradient(135deg,#c8b0e0,#8a6aaf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.loading-content p{color:#7a6a8a;animation:soulPulse 2s infinite ease-in-out}@keyframes soulPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.card{border:1px solid #2a2240;border-radius:16px;padding:14px;background:#0e0c12f0;box-shadow:0 12px 28px #00000059}.card-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}.card-head h2{font-size:1.03rem}.card-head p{color:#7a6a8a;font-size:.8rem}.menu-banner{position:relative;border-radius:20px;overflow:hidden;border:1px solid #2a2040;background:#0c0a10f2;box-shadow:0 12px 40px #0006,inset 0 0 60px #5028780d}.banner-arena{opacity:.35;filter:blur(1px);pointer-events:none}.banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:20px}.banner-overlay h1{font-size:2.2rem;background:linear-gradient(135deg,#d4c0ee,#9070b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(100,50,140,.3))}.banner-play{margin-top:12px}.play-btn{font-size:1.1rem;padding:12px 36px;border-radius:14px;background:linear-gradient(135deg,#8a5cc0,#6a3ea0);color:#f0e8ff;font-weight:700;border:2px solid #7a50b0;cursor:pointer;transition:filter .12s ease,transform 80ms ease;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 20px #6432a04d}.play-btn:hover{filter:brightness(1.12)}.play-btn:active{transform:scale(.97)}.play-btn.queuing{background:linear-gradient(135deg,#4a2860,#6a3880);color:#d0c0e0;border-color:#6a3880;box-shadow:0 4px 20px #5028784d;animation:queuePulse 2s infinite ease-in-out}.banner-notice{position:absolute;bottom:10px;right:14px;font-size:.78rem;color:#d6c99f;cursor:pointer}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#9080a8;font-size:.72rem}.meta{color:#8a7a9a;font-size:.82rem}.meta span{color:#c0a8d8;font-weight:700}.notice{font-size:.82rem;color:#d6c99f;max-width:360px;cursor:pointer}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.column-left,.column-right{display:flex;flex-direction:column;gap:14px}.arena-card{overflow:hidden}.hint{color:#6a5a7a;font-size:.86rem}.lobby-actions,.active-lobby{display:flex;flex-direction:column;gap:10px}.inline-form{display:flex;gap:8px}.inline-form input,.inline-form select,.result-controls select{width:100%;background:#12101a;border:1px solid #362a50;border-radius:10px;color:#efe9d4;padding:10px}.inline-form input::placeholder{color:#5a4a6a}.members{display:flex;flex-direction:column;gap:6px}.member-row{display:flex;justify-content:space-between;border:1px solid #2a2240;border-radius:10px;padding:8px;background:#100e16}.ready{color:#80cc50;font-weight:600}.not-ready{color:#c08060;font-weight:600}.button-row{display:flex;gap:8px;flex-wrap:wrap}.open-lobbies{margin-top:10px;display:flex;flex-direction:column;gap:8px}.open-lobby-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #2a2240;border-radius:10px;padding:8px}.rules-list{padding-left:18px;display:flex;flex-direction:column;gap:4px;color:#d8d2bd;font-size:.85rem}.items-header{margin-top:12px;margin-bottom:4px}.item-phase-list{display:flex;flex-direction:column;gap:10px}.item-phase-list h4{margin-top:6px;color:#9080a8;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.item-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-chip{border:1px solid #2a2240;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px;background:#100e16;font-size:.8rem}.mechanics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.leaderboard{display:flex;flex-direction:column;gap:6px}.leader-row{display:flex;justify-content:space-between;gap:10px;border:1px solid #2a2240;border-radius:10px;padding:8px;font-size:.8rem}.leader-row.is-me{border-color:#5a3a80;background:#5a3a801a}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#80cc50;margin-left:6px;vertical-align:middle;box-shadow:0 0 4px #80cc5066}.lobby-chat-section{max-width:680px}.chat-messages{max-height:200px;overflow-y:auto;border:1px solid #2a2240;border-radius:10px;padding:8px;background:#0e0c14;display:flex;flex-direction:column;gap:6px;font-size:.82rem;margin-bottom:8px}.chat-messages p{line-height:1.35}button{border:1px solid #5a3a80;border-radius:10px;background:linear-gradient(135deg,#7a50b0,#5a3890);color:#f0e8ff;font-weight:700;padding:9px 14px;cursor:pointer;transition:filter .12s ease,transform 80ms ease}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:scale(.97)}button.secondary{background:#1a1428;color:#d0c8e0;border-color:#3a2a50}button.danger{background:#4a1a1a;color:#f0c8c4;border-color:#7a3030}button:disabled{cursor:not-allowed;opacity:.4}button.queuing{animation:queuePulse 2s infinite ease-in-out}@keyframes queuePulse{0%,to{opacity:1}50%{opacity:.65}}.shell.match-mode{max-width:960px;margin:0 auto;padding:12px;gap:10px;background:radial-gradient(ellipse at 50% 20%,rgba(64,102,82,.2),transparent 60%),#0d120f}.match-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;gap:12px}.match-header h1{font-size:1.2rem;white-space:nowrap}.mh-left{display:flex;align-items:center;gap:12px}.mh-tick{font-size:.82rem;color:#9080a8;font-weight:600}.mh-center{flex:1;text-align:center}.mh-vs{font-size:.9rem;color:#d8d2bd}.mh-right{text-align:right}.mh-creeps{font-size:.82rem;color:#8a7a9a}.match-arena{border-radius:16px;overflow:hidden}.match-hud{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-card{border:1px solid #3b4c3d;border-radius:12px;padding:10px 12px;background:#141e18db}.hero-card.is-player{border-color:#5a7a5a}.hero-card h3{font-size:.9rem;margin-bottom:6px}.hp-bar,.mp-bar{height:8px;border-radius:4px;background:#1a1a1a;overflow:hidden;margin:3px 0}.hp-fill{height:100%;border-radius:4px;transition:width .2s ease}.hp-fill.radiant{background:linear-gradient(90deg,#5ab830,#7dcc4a)}.hp-fill.dire{background:linear-gradient(90deg,#c83828,#e85d45)}.mp-bar{height:5px}.mp-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#2a6ab0,#4a8dcc);transition:width .2s ease}.stat-row{display:flex;gap:10px;font-size:.78rem;color:#b0a890;margin-top:2px}.ability-bar{display:flex;gap:10px;justify-content:center}.ability-btn{width:84px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid #3a2a5a;border-radius:12px;background-color:#14101e;background-position:center;background-repeat:no-repeat;color:#efe9d4;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:border-color .15s ease,filter .15s ease,box-shadow .15s ease}.ability-btn:hover:not(.on-cd){border-color:#7a50b0;background:#1a1428;box-shadow:0 0 12px #6432a033}.ability-btn.on-cd{opacity:.5;cursor:not-allowed;border-color:#3a3a3a}.ability-key{font-size:1.3rem;font-weight:700;line-height:1}.ability-label{font-size:.68rem;color:#8a7a9a;text-transform:uppercase;letter-spacing:.04em}.ability-cd{position:absolute;top:4px;right:6px;font-size:.7rem;color:#e85d45;font-weight:700}.match-controls{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.auto-tick-toggle{display:flex;align-items:center;gap:5px;font-size:.82rem;color:#8a7a9a;cursor:pointer}.auto-tick-toggle input[type=checkbox]{accent-color:#7a50b0;cursor:pointer}.controls-sep{width:1px;height:24px;background:#2a2240;margin:0 4px}.result-controls{display:flex;gap:6px;align-items:center}.result-controls select{width:auto;padding:6px 8px;font-size:.78rem;border-radius:8px}.result-controls button{padding:6px 10px;font-size:.78rem}.match-chat{padding:10px}.match-chat .chat-messages{max-height:140px}.match-notice{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#0e0a14f2;border:1px solid #4a3a60;border-radius:10px;padding:8px 16px;font-size:.82rem;color:#c0b0d8;cursor:pointer;z-index:100;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.load-screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,rgba(90,50,130,.2),transparent 55%),radial-gradient(ellipse at 80% 70%,rgba(40,20,60,.15),transparent 50%),#060809;z-index:200;animation:loadFadeIn .4s ease}@keyframes loadFadeIn{0%{opacity:0}to{opacity:1}}.load-content{text-align:center;max-width:520px;width:100%;padding:0 24px}.load-content h1{font-size:1.8rem;color:#c0a8d8;text-transform:uppercase;letter-spacing:.14em;margin-bottom:28px;text-shadow:0 0 24px rgba(140,80,200,.3)}.load-versus{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:36px}.load-player{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:140px}.load-side{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.load-radiant .load-side{color:#80cc50}.load-dire .load-side{color:#e06050}.load-player h2{font-size:1.25rem;color:#efe9d4}.load-elo{font-size:.78rem;color:#8a7a9a}.load-vs{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#4a3a5a;text-shadow:0 0 16px rgba(100,60,140,.3);animation:vsPulse 1.5s ease-in-out infinite}@keyframes vsPulse{0%,to{opacity:.6}50%{opacity:1}}.load-bar-track{width:100%;height:4px;border-radius:2px;background:#1a1420;overflow:hidden;margin-bottom:16px}.load-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#7a44cc,#b080e0);animation:loadBarFill 2.2s ease-in-out forwards;box-shadow:0 0 8px #7a44cc80}@keyframes loadBarFill{0%{width:0%}to{width:100%}}.load-hint{font-size:.8rem;color:#5a4a6a;font-style:italic}.shell.results-mode{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,rgba(70,40,100,.2),transparent 55%),#080a0c}.results-card{max-width:480px;width:100%;text-align:center;padding:36px;border-color:#3a2a4a;background:#0e0c12f2;animation:resultSlideIn .5s ease}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.result-win{font-size:2.6rem;color:#80cc50;text-shadow:0 0 24px rgba(128,204,80,.35),0 0 60px rgba(128,204,80,.1)}.result-loss{font-size:2.6rem;color:#e06050;text-shadow:0 0 24px rgba(224,96,80,.35),0 0 60px rgba(224,96,80,.1)}.result-reason{color:#9080a8;font-size:.9rem;margin:8px 0 20px;text-transform:uppercase;letter-spacing:.08em}.result-players{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.result-players h3{font-size:1rem}.result-players p{font-size:.82rem;color:#8a7a9a}.result-vs{color:#5a6a5a;font-size:.9rem;font-weight:700}.result-elo{margin-bottom:20px;font-size:1.3rem}.elo-gain{color:#9fdb65;font-weight:700}.elo-loss{color:#ef7663;font-weight:700}.elo-after{color:#8a7a9a;font-size:.9rem}@media(max-width:1100px){.layout{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-right{width:100%;justify-content:space-between}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.shell{padding:12px}.shell.match-mode{padding:8px}.match-hud{grid-template-columns:1fr}.match-header{flex-direction:column;gap:6px;align-items:flex-start}.mh-center{text-align:left}.ability-btn{width:72px;height:56px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row,.result-controls,.inline-form{flex-direction:column}.mechanics-grid{grid-template-columns:1fr}.match-controls{flex-direction:column;gap:6px}.controls-sep{display:none}}.game-fullscreen{position:fixed;inset:0;background:#06080a;overflow:hidden}.game-canvas-layer{position:absolute;inset:0;z-index:0}.game-topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:stretch;background:linear-gradient(180deg,rgba(8,6,14,.94) 0%,rgba(8,6,14,.5) 70%,transparent 100%);padding:8px 16px;pointer-events:none}.game-topbar>*{pointer-events:auto}.gt-player{display:flex;align-items:center;gap:10px;min-width:200px}.gt-player.gt-dire{flex-direction:row-reverse;text-align:right}.gt-name{font-family:Cinzel,serif;font-size:.88rem;font-weight:700;color:#efe9d4;white-space:nowrap}.gt-bars{display:flex;flex-direction:column;gap:2px;width:140px}.gt-hp{height:10px;border-radius:3px;background:#0009;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.gt-hp-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#5ab830,#7dcc4a);transition:width .2s ease}.gt-hp-fill.dire{background:linear-gradient(90deg,#c83828,#e85d45)}.gt-mp{height:5px;border-radius:2px;background:#00000080;overflow:hidden}.gt-mp-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#2a6ab0,#4a8dcc);transition:width .2s ease}.gt-stats{font-size:.72rem;color:#8a7a9a;white-space:nowrap}.gt-center{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 16px}.gt-tick{font-family:Space Grotesk,monospace;font-size:1.1rem;font-weight:700;color:#efe9d4;line-height:1}.gt-vs{font-size:.65rem;color:#5a6a5a;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.gt-creeps{font-size:.72rem;color:#9080a8}.game-minimap-wrap{position:absolute;bottom:78px;left:50%;transform:translate(-50%);width:min(500px,calc(100% - 32px));z-index:11;pointer-events:auto}.game-bottom{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:12px 16px;background:linear-gradient(0deg,rgba(8,6,14,.94) 0%,rgba(8,6,14,.5) 70%,transparent 100%);pointer-events:none}.game-bottom>*{pointer-events:auto}.game-hero-panel{display:flex;gap:10px;align-items:center;background:#0a0810eb;border:1px solid #2a2240;border-radius:10px;padding:6px 12px}.ghp-portrait{position:relative;width:44px;height:44px;border-radius:6px;overflow:hidden;border:2px solid #4a3a60;flex-shrink:0}.ghp-avatar{width:100%;height:100%;object-fit:cover}.ghp-level{position:absolute;bottom:-1px;right:-1px;background:#14101e;color:#c0a0e0;font-size:.6rem;font-weight:800;padding:1px 4px;border-radius:4px 0 0;border-top:1px solid #3a2a50;border-left:1px solid #3a2a50}.ghp-stats{display:flex;flex-direction:column;gap:2px}.ghp-row{display:flex;align-items:center;gap:5px}.ghp-icon{width:16px;height:16px;border-radius:3px;opacity:.8}.ghp-value{font-size:.82rem;font-weight:700;color:#efe9d4}.ghp-combo{color:#f0d860}.ghp-gold{margin-top:1px}.ghp-gold-icon{color:#f0d860;font-size:.9rem}.ghp-gold .ghp-value{color:#f0d860}.ghp-passives{display:flex;flex-direction:column;gap:3px;margin-left:4px}.passive-icon{width:28px;height:28px;border-radius:4px;overflow:hidden;border:1px solid #3a2a50;opacity:.85;cursor:help;transition:opacity .15s,border-color .15s,box-shadow .15s}.passive-icon:hover{opacity:1;border-color:#6a4a90;box-shadow:0 0 8px #6432a040}.passive-icon img{width:100%;height:100%;object-fit:cover}.game-abilities{display:flex;gap:8px}.game-abilities .ability-btn{width:72px;height:56px}.game-tick-controls{display:flex;gap:6px;align-items:center;background:#0e0a14d9;border:1px solid #2a2240;border-radius:10px;padding:6px 10px}.game-tick-controls button{padding:4px 8px;font-size:.72rem}.game-tick-controls select{width:auto;padding:4px 6px;font-size:.72rem;border-radius:6px;background:#12101a;border:1px solid #362a50;color:#efe9d4}.game-tick-controls .auto-tick-toggle{font-size:.72rem}.game-tick-controls .controls-sep{width:1px;height:20px;background:#2a2240;margin:0 2px}.game-tick-controls .result-controls{display:flex;gap:4px;align-items:center}.game-chat{position:absolute;bottom:80px;left:16px;z-index:12;width:300px}.game-chat-toggle{padding:6px 14px;font-size:.78rem;border-radius:8px;background:#0e0a14d9;border:1px solid #2a2240;color:#8a7a9a;cursor:pointer}.game-chat-toggle:hover{background:#14101ce6;color:#efe9d4}.game-chat-body{margin-top:6px;background:#0e0a14eb;border:1px solid #2a2240;border-radius:10px;padding:8px}.game-chat-body .chat-messages{max-height:150px;margin-bottom:6px}@media(max-width:720px){.game-topbar{padding:6px 10px}.gt-bars{width:90px}.gt-player{min-width:130px}.game-bottom{flex-wrap:wrap;gap:8px;padding:8px 10px}.game-hero-panel{gap:8px;padding:6px 10px}.game-abilities .ability-btn{width:60px;height:48px}.game-chat{width:240px;bottom:120px}}.game-inventory{display:flex;gap:4px;align-items:flex-end}.inv-slot{width:36px;height:36px;border-radius:6px;border:1px solid #2a2240;background:#0a0810d9;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;transition:border-color .15s,background .15s;padding:0;font-size:.65rem;color:#8a7a9a}.inv-slot:hover{border-color:#4a3a60;background:#14101ee6}.inv-slot.filled{border-color:#5a3a80;background:#1e1432e6;color:#d0c0e0}.inv-name{font-weight:700;font-size:.6rem;line-height:1;text-align:center}.bottle-slot{position:relative}.bottle-charges{display:flex;gap:2px;margin-top:2px}.charge-pip{width:6px;height:4px;border-radius:1px;background:#2a2240}.charge-pip.full{background:#4a8dcc;box-shadow:0 0 4px #4a8dcc66}.courier-slot.busy{border-color:#6a4a20;animation:courierPulse 1.2s infinite ease-in-out}@keyframes courierPulse{0%,to{opacity:1}50%{opacity:.5}}.shop-toggle-btn{background:#5a3a804d!important;border-color:#5a3a80!important;color:#c0a0e0!important;font-weight:800!important}.shop-toggle-btn:hover{background:#5a3a8080!important}.atk-btn{background-color:#1a0e0e!important;border-color:#4a2020!important}.atk-btn:hover:not(.on-cd){border-color:#8a3030!important;background-color:#2a1418!important;box-shadow:0 0 12px #a0282833!important}.shop-overlay{position:absolute;top:50px;right:16px;bottom:80px;z-index:20;width:320px;pointer-events:auto}.shop-panel{height:100%;background:#0a0810f5;border:1px solid #2a2240;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.shop-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #2a2240}.shop-header h2{font-size:.95rem;flex:1}.shop-gold{color:#f0d860;font-weight:700;font-size:.85rem}.shop-close{padding:4px 10px!important;font-size:.72rem!important}.shop-phases{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:12px}.shop-phase h4{color:#9080a8;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shop-item{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:8px;border:1px solid #2a2240;background:#12101a;text-align:left;transition:border-color .15s,background .15s}.shop-item:hover:not(:disabled){border-color:#5a3a80;background:#1a1428}.shop-item.owned{border-color:#3a5a30;background:#283c1e33;opacity:.6}.shop-item.cant-afford{opacity:.4}.si-name{font-weight:700;font-size:.75rem;color:#d0c0e0}.si-cost{font-size:.65rem;color:#f0d860}.shop-item.owned .si-cost{color:#80cc50}.shop-item.cant-afford .si-cost{color:#8a7a9a}