@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.landing{background:radial-gradient(at 50% 20%,#1a0a30 0%,#0d0620 60%,#080415 100%);min-height:100vh;position:relative;overflow:hidden}.landing__particles{pointer-events:none;position:fixed;inset:0}.landing__particle{background:var(--neon-gold);opacity:.5;width:3px;height:3px;box-shadow:0 0 6px var(--neon-gold);border-radius:50%;animation:linear infinite particle-rise;position:absolute;bottom:-10px}.landing__content{z-index:1;text-align:center;max-width:800px;margin:0 auto;padding:60px 20px 80px;position:relative}.landing__hero{margin-bottom:40px}.landing__title{margin-bottom:8px;font-size:36px}.landing__title-code{color:var(--neon-green);text-shadow:0 0 20px #39ff1480}.landing__title-quest{color:var(--neon-gold);text-shadow:0 0 20px #ffd70080}.landing__tagline{color:var(--neon-purple);letter-spacing:3px;margin-bottom:12px;font-size:10px}.landing__desc{color:var(--text-secondary);margin-bottom:28px;font-size:9px}.landing__cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing__cta-btn{padding:14px 28px;font-size:11px}.landing__langs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.landing__lang-badge{color:var(--lang-color);border:2px solid var(--lang-color);border-radius:var(--radius-md);background:#0000004d;padding:6px 14px;font-size:8px}.landing__features{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:40px;display:grid}.landing__feature{text-align:center;padding:20px 16px}.landing__feature-icon{margin-bottom:10px;font-size:28px;display:block}.landing__feature-title{color:var(--neon-gold);margin-bottom:6px;font-size:10px}.landing__feature-desc{color:var(--text-secondary);font-size:7px;line-height:1.5}.landing__tree-preview{padding:24px}.landing__section-title{color:var(--neon-purple);margin-bottom:16px;font-size:12px}.landing__tiers{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.landing__tier-item{background:#b347d914;border:1px solid #b347d933;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:flex}.landing__tier-num{color:var(--neon-gold);font-size:12px}.landing__tier-name{color:var(--text-secondary);font-size:7px}.login{background:radial-gradient(at 50% 30%,#1a0a30 0%,#0d0620 50%,#080415 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login__particles{pointer-events:none;position:fixed;inset:0}.login__particle{background:var(--neon-gold);opacity:.6;width:3px;height:3px;box-shadow:0 0 6px var(--neon-gold);border-radius:50%;animation:linear infinite particle-rise;position:absolute;bottom:-10px}.login__card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161638f2;width:100%;max-width:400px;padding:36px 32px;position:relative}.login__header{margin-bottom:28px}.login__title{justify-content:center;gap:10px;margin-bottom:8px;font-size:28px;display:flex}.login__title-code{color:var(--neon-green);text-shadow:0 0 15px #39ff1480}.login__title-quest{color:var(--neon-gold);text-shadow:0 0 15px #ffd70080}.login__subtitle{color:var(--neon-purple);letter-spacing:3px;text-transform:uppercase;font-size:8px}.login__form{flex-direction:column;gap:16px;display:flex}.login__field{text-align:left}.login__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:8px;display:block}.login__input{width:100%;font-family:var(--font-pixel);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--text-dim);border-radius:var(--radius-sm);outline:none;padding:12px 14px;font-size:10px;transition:border-color .2s}.login__input:focus{border-color:var(--neon-purple);box-shadow:0 0 8px #b347d94d}.login__input::placeholder{color:#444}.login__error{color:var(--neon-red);border:1px solid var(--neon-red);border-radius:var(--radius-sm);background:#ff33331a;padding:8px;font-size:8px}.login__submit{width:100%;margin-top:4px;padding:14px;font-size:11px}.login__divider{align-items:center;gap:12px;margin:20px 0;display:flex}.login__divider:before,.login__divider:after{content:"";background:var(--text-dim);flex:1;height:1px}.login__divider span{color:var(--text-dim);font-size:8px}.login__google-btn{width:100%;font-family:var(--font-pixel);color:var(--text-primary);border:2px solid var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:9px;transition:all .2s;display:flex}.login__google-btn:hover{border-color:var(--neon-blue);background:#00e5ff0d}.login__toggle{margin-top:16px}.login__toggle-btn{color:var(--neon-blue);font-family:var(--font-pixel);cursor:pointer;background:0 0;border:none;font-size:7px;text-decoration:underline}.login__toggle-btn:hover{color:var(--neon-green)}.hud{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0620f2;border-bottom:2px solid #b347d966;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:fixed;top:0;left:0;right:0}.hud__left{flex-shrink:0;align-items:center;min-width:100px;display:flex}.hud__back-btn{border:1px solid var(--neon-purple);color:var(--neon-gold);font-family:var(--font-pixel);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;letter-spacing:1px;background:#00000080;padding:6px 12px;font-size:9px;transition:all .2s}.hud__back-btn:hover{background:var(--neon-purple);color:#fff;transform:translate(-2px)}.hud__back-btn--invisible{opacity:0;pointer-events:none}.hud__stats{flex:1;max-width:320px;margin:0 8px}.hud__stat-label{color:var(--text-dim);margin-right:8px;font-size:7px}.hud__right{flex-shrink:0;align-items:center;gap:10px;display:flex}.hud__level{color:var(--neon-gold);text-shadow:0 0 10px #ffd70066;font-size:12px}.hud__streak{flex-direction:column;align-items:center;line-height:1.2;display:flex}.hud__streak-top{align-items:center;gap:2px;display:flex}.hud__streak-fire{font-size:13px;line-height:1}.hud__streak-count{color:var(--neon-gold);font-size:11px;font-family:var(--font-pixel);line-height:1}.hud__streak-label{color:var(--text-dim);letter-spacing:.5px;margin-top:1px;font-size:6px}.hud__player{flex-direction:row-reverse;align-items:center;gap:8px;display:flex}.hud__avatar-circle{background:linear-gradient(135deg, var(--neon-purple), var(--neon-blue));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 0 12px #b347d966}.hud__avatar-circle:hover{transform:scale(1.1);box-shadow:0 0 20px #00e5ffb3}.hud__info{flex-direction:column;align-items:flex-end;display:flex}.hud__name{color:var(--text-primary);font-size:9px}.hud__title{color:var(--text-dim);font-size:6px}.hud__logout{border:1px solid var(--text-dim);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;transition:all .2s;display:flex}.hud__logout:hover{border-color:var(--neon-red);color:var(--neon-red)}.worldmap{min-height:100vh;transition:background-color 1s,background-image .8s;position:relative}.worldmap__bg-overlay{pointer-events:none;z-index:1;background:#00000073;position:fixed;inset:0}.worldmap__bg{display:none}.worldmap__loading{z-index:10;justify-content:center;align-items:center;min-height:calc(100vh - 56px);display:flex;position:relative}.worldmap__loading-text{color:var(--neon-gold);font-size:14px;animation:1.5s infinite pulse}.worldmap__header-overlay{text-align:center;z-index:100;pointer-events:none;position:fixed;top:64px;left:50%;transform:translate(-50%)}.worldmap__heading{color:var(--neon-gold);letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 12px #ffd70080,0 0 6px #000;opacity:.85;margin-bottom:10px;font-size:14px}.worldmap__tier-title{flex-direction:column;align-items:center;gap:4px;margin-bottom:14px;display:flex}.worldmap__tier-deco{letter-spacing:4px;opacity:.7;text-shadow:inherit;font-size:11px}.worldmap__tier-name-text{letter-spacing:2px;filter:drop-shadow(0 2px 8px);font-family:Georgia,Times New Roman,fantasy,serif;font-size:28px;font-style:italic;font-weight:700;display:block;position:relative}.worldmap__tier-name-text:after{content:"";opacity:.5;background:currentColor;border-radius:2px;width:80%;height:2px;margin:4px auto 0;display:block}.worldmap__nav-actions{pointer-events:auto;justify-content:center;gap:16px;display:flex}.worldmap__viewport{z-index:10;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--neon-purple) #00000080;align-items:center;height:100vh;padding:0 50vw;display:flex;position:relative;overflow:auto hidden}.worldmap__viewport::-webkit-scrollbar{height:8px}.worldmap__viewport::-webkit-scrollbar-track{background:#00000080;border-radius:4px}.worldmap__viewport::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:4px}.worldmap__path-container{flex-direction:row;align-items:center;height:300px;display:flex;position:relative}.worldmap__tier-separator{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;height:220px;margin:0 24px;display:flex;position:relative}.worldmap__tier-banner{border:2px solid var(--tier-accent,#4a1a6e);box-shadow:0 0 24px var(--tier-accent,#4a1a6e), inset 0 0 12px #00000080;white-space:nowrap;background:#000000a6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:80px;padding:12px 16px;animation:2s infinite alternate tier-glow;display:flex}@keyframes tier-glow{0%{box-shadow:0 0 10px var(--tier-accent,#4a1a6e)}to{box-shadow:0 0 30px var(--tier-accent,#4a1a6e), 0 0 60px #ffd70033}}.worldmap__tier-banner-symbol{filter:drop-shadow(0 0 6px);font-size:20px}.worldmap__tier-banner-label{font-family:var(--font-pixel);color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;font-size:7px}.worldmap__tier-banner-name{letter-spacing:1px;text-shadow:0 0 10px;font-family:Georgia,serif;font-size:13px;font-style:italic;font-weight:700}.worldmap__divider-wall{z-index:15;flex-shrink:0;align-items:stretch;height:440px;margin:0 32px;display:flex;position:relative}.worldmap__wall-pillar{background:linear-gradient(180deg, transparent 0%, var(--wall-color,#4a1a6e) 15%, var(--wall-color,#4a1a6e) 85%, transparent 100%);width:18px;box-shadow:0 0 14px var(--wall-glow,#821ed2cc), 0 0 30px var(--wall-glow,#821ed280), inset 0 0 6px #ffffff26;border-radius:4px;flex-shrink:0;position:relative}.worldmap__wall-pillar:before,.worldmap__wall-pillar:after{content:"";background:var(--wall-glow,#821ed2e6);width:10px;height:10px;box-shadow:0 0 8px var(--wall-glow,#821ed2cc);border:1px solid #ffffff4d;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.worldmap__wall-pillar:before{top:22%}.worldmap__wall-pillar:after{top:68%}.worldmap__wall-gate{background:linear-gradient(#0000 0%,#000000bf 10%,#000000d9 50%,#000000bf 90%,#0000 100%);border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;align-items:center;width:72px;padding:12px 6px;display:flex;box-shadow:inset 0 0 20px #0009}.worldmap__wall-gate-top,.worldmap__wall-gate-bottom{flex-direction:column;align-items:center;gap:4px;display:flex}.worldmap__wall-symbol{filter:drop-shadow(0 0 6px var(--wall-glow,#821ed2cc));font-size:22px;animation:2.5s ease-in-out infinite alternate wall-symbol-pulse}@keyframes wall-symbol-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.worldmap__wall-gate-label{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.worldmap__wall-tier-num{font-family:var(--font-pixel);color:#ffffff80;letter-spacing:1.5px;font-size:6px}.worldmap__wall-tier-name{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1px;text-shadow:0 0 10px;text-overflow:ellipsis;max-height:120px;font-family:Georgia,serif;font-size:10px;font-style:italic;font-weight:700;overflow:hidden}.worldmap__node-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;height:220px;margin-right:130px;display:flex;position:relative}.worldmap__diff-badge{font-family:var(--font-pixel);letter-spacing:1px;white-space:nowrap;pointer-events:none;z-index:6;opacity:.9;border:1px solid;border-radius:4px;padding:2px 8px;font-size:7px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.worldmap__diff-badge--easy{color:#39ff14;background:#39ff141f;box-shadow:0 0 8px #39ff1466}.worldmap__diff-badge--medium{color:#ffd600;background:#ffd6001f;box-shadow:0 0 8px #ffd60066}.worldmap__diff-badge--boss{color:#ff1744;background:#ff174426;animation:1.5s infinite alternate boss-pulse;box-shadow:0 0 10px #ff174499}@keyframes boss-pulse{0%{box-shadow:0 0 6px #ff174466}to{box-shadow:0 0 18px #ff1744e6}}.worldmap__node[data-difficulty=easy]{border-top-color:#39ff1499}.worldmap__node[data-difficulty=medium]{border-top-color:#ffd60099}.worldmap__node[data-difficulty=boss]{border-top-color:#ff1744cc}.worldmap__path-svg{pointer-events:none;z-index:1;width:150px;height:100px;position:absolute;top:0;left:30px;overflow:visible}.worldmap__path-line{fill:none;stroke:#ffffff4d;stroke-width:4px;stroke-dasharray:8 8}.worldmap__path-line--glow{stroke:var(--neon-gold);filter:drop-shadow(0 0 5px var(--neon-gold));animation:1s linear infinite march}@keyframes march{to{stroke-dashoffset:-16px}}.worldmap__node{z-index:5;cursor:pointer;background:radial-gradient(at top,#4a3f66 0%,#2a2040 60%);border:4px solid #1a1025;border-bottom:8px solid #0d0618;border-radius:50%;justify-content:center;align-items:center;width:90px;height:45px;transition:all .3s;display:flex;position:relative;box-shadow:0 15px 25px #000000b3}.worldmap__node-icon{display:none}.worldmap__node-check{color:#fff;font-size:20px;font-weight:700;transform:translateY(-4px)}.worldmap__node--locked{filter:grayscale()brightness(.6);opacity:.8;cursor:not-allowed}.worldmap__node--unlocked{border-color:var(--neon-purple);border-bottom-color:#3d1b5c;box-shadow:0 10px 30px #b347d999}.worldmap__node--unlocked:hover{border-color:var(--neon-blue);box-shadow:0 15px 40px var(--neon-blue);border-bottom-color:#08a;transform:scale(1.1)translateY(-5px)}.worldmap__node--done{border-color:var(--neon-green);background:radial-gradient(at top,#3a663f 0%,#1a4020 60%);border-bottom-color:#1b4d09;box-shadow:0 10px 30px #39ff1480}.worldmap__node--boss{border-color:var(--neon-red);background:radial-gradient(at top,#663f3f 0%,#401a1a 60%);border-bottom-color:#600;width:110px;height:55px}.worldmap__node--boss .worldmap__node-icon{transform:translateY(-8px)scale(1.3)}.worldmap__node--current{border-color:var(--neon-gold);border-bottom-color:#860;animation:2s infinite pulse-node}@keyframes pulse-node{0%{box-shadow:0 5px 15px #ffd70066}50%{box-shadow:0 15px 40px #ffd700cc}to{box-shadow:0 5px 15px #ffd70066}}.worldmap__hero-marker{pointer-events:none;z-index:20;flex-direction:column;align-items:center;animation:1s ease-in-out infinite alternate idle-bounce;display:flex;position:absolute;top:0;left:-20%;transform:translate(-55%)}.worldmap__node--boss .worldmap__hero-marker{top:-95px}.worldmap__hero-marker img{object-fit:contain;filter:drop-shadow(0 8px 15px #000000f2)drop-shadow(0 0 10px #00e5ff99);width:130px;height:290px}.worldmap__hero-sparkle{font-size:16px;animation:1s infinite alternate pulse;position:absolute;top:-10px;right:-10px}.worldmap__node-label{text-align:center;pointer-events:none;z-index:10;width:130px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.worldmap__node--boss .worldmap__node-label{bottom:-45px;transform:translate(-50%)rotate(-45deg)}.worldmap__node-title{font-family:var(--font-pixel);color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.worldmap__node-stars{color:var(--neon-gold);text-shadow:1px 1px #000;margin-top:2px;font-size:8px;display:block}.worldmap__modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.worldmap__modal{border:2px solid var(--neon-purple);border-radius:var(--radius-lg);background:radial-gradient(circle,#1a0a30 0%,#0d0618 100%);width:90%;max-width:400px;animation:.3s cubic-bezier(.175,.885,.32,1.275) pop-in;overflow:hidden;box-shadow:0 0 30px #b347d966,inset 0 0 20px #000c}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.worldmap__modal-header{background:#00000080;border-bottom:1px solid #b347d94d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.worldmap__modal-header h3{color:var(--neon-gold);letter-spacing:1px;margin:0;font-size:12px}.worldmap__modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:14px}.worldmap__modal-close:hover{color:var(--neon-red)}.worldmap__modal-body{text-align:center;flex-direction:column;gap:12px;padding:24px;display:flex}.worldmap__modal-icon{filter:drop-shadow(0 0 10px #ffffff4d);margin-bottom:8px;font-size:48px}.worldmap__modal-title{color:var(--text-primary);text-shadow:0 2px 4px #00000080;margin:0;font-size:16px}.worldmap__modal-rpg{color:var(--neon-purple);margin:0;font-size:10px}.worldmap__modal-stats{justify-content:center;gap:16px;margin-top:8px;display:flex}.worldmap__modal-diff{color:var(--neon-gold);font-size:10px}.worldmap__modal-xp{color:var(--neon-green);font-size:10px}.worldmap__modal-enemy{border-radius:var(--radius-sm);background:#0000004d;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex}.worldmap__modal-enemy img{object-fit:contain;width:40px;height:40px}.worldmap__modal-enemy span{color:var(--text-dim);font-size:10px}.worldmap__modal-actions{background:#0009;border-top:1px solid #b347d933;gap:12px;padding:16px;display:flex}.worldmap__modal-actions .pixel-btn{flex:1;padding:12px;font-size:10px}.battle{background:radial-gradient(at 50% 30%,#1a0a30 0%,#0d0620 50%,#080415 100%);min-height:100vh;padding-top:56px}.battle__loading{min-height:calc(100vh - 56px);color:var(--neon-gold);justify-content:center;align-items:center;font-size:14px;display:flex}.battle__layout{grid-template-columns:1fr 1fr;gap:12px;max-width:1400px;min-height:calc(100vh - 56px);margin:0 auto;padding:12px;display:grid;position:relative}.battle__back-btn{border:1px solid var(--neon-purple);color:var(--neon-gold);font-family:var(--font-pixel);border-radius:var(--radius-sm);cursor:pointer;z-index:100;background:#0009;padding:8px 12px;font-size:10px;transition:all .2s;position:absolute;top:70px;left:20px}.battle__back-btn:hover{background:var(--neon-purple);color:#fff}.battle__arena{border-radius:var(--radius-md);background:url(/assets/battle-bg.png) 50%/cover no-repeat,linear-gradient(#12091e 0%,#1a0533 100%);border:2px solid #b347d966;flex-shrink:0;height:260px;position:relative;overflow:hidden}.battle__enemy-zone{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #ff333380;padding:8px 12px;position:absolute;top:8px;left:12px;right:12px}.battle__enemy-name{color:var(--neon-red);text-shadow:0 0 10px #ff333380;font-size:12px}.battle__enemy-diff{color:#000;border-radius:4px;margin-left:12px;padding:2px 8px;font-size:8px}.battle__enemy-diff[data-diff=easy]{background:var(--neon-green)}.battle__enemy-diff[data-diff=medium]{background:var(--neon-gold)}.battle__enemy-diff[data-diff=boss]{background:var(--neon-red);color:#fff}.battle__hp-bar{border:1px solid var(--neon-red);background:#0009;border-radius:2px;height:14px;margin-top:6px;position:relative;overflow:hidden}.battle__hp-fill{background:linear-gradient(90deg,#f33,#f66);height:100%;transition:width .5s}.battle__hp-text{color:#fff;justify-content:center;align-items:center;font-size:7px;display:flex;position:absolute;inset:0}.battle__enemy-sprite{justify-content:center;margin-top:8px;display:flex}.battle__enemy-sprite img{object-fit:contain;max-width:250px;max-height:180px;filter:drop-shadow(0 0 15px var(--neon-red)) saturate(1.3);animation:2s ease-in-out infinite idle-bounce}.battle__hero-sprite{position:absolute;bottom:0;left:16px}.battle__hero-sprite img{object-fit:contain;width:120px;height:120px;filter:drop-shadow(0 0 15px var(--neon-blue)) saturate(1.3);animation:2.5s ease-in-out infinite idle-bounce;transform:scaleX(-1)}.battle__player-hp{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#000000b3;border:1px solid #00e5ff4d;border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:3px 6px;display:flex}.battle__player-hp-label{font-family:var(--font-pixel);color:var(--neon-blue);flex-shrink:0;font-size:6px}.battle__player-hp-track{background:#0009;border:1px solid #ffffff26;border-radius:2px;flex:1;min-width:60px;height:7px;overflow:hidden}.battle__player-hp-fill{border-radius:2px;height:100%;transition:width .5s,background .5s}.battle__player-hp-text{font-family:var(--font-pixel);color:#fff;flex-shrink:0;font-size:6px}.battle__left{flex-direction:column;gap:8px;height:calc(100vh - 80px);display:flex}.battle__info{flex-direction:column;flex:1;padding:12px;display:flex;overflow:hidden}.battle__title{color:var(--neon-gold);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;display:flex}.battle__xp{color:var(--neon-green);font-size:8px}.battle__tabs{border-bottom:2px solid #b347d94d;flex-shrink:0;gap:8px;margin-bottom:12px;display:flex}.battle__tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 12px;font-family:inherit;font-size:8px;transition:all .2s}.battle__tab:hover{color:var(--neon-purple)}.battle__tab.active{color:var(--neon-purple);border-bottom-color:var(--neon-purple)}.battle__tab-content{flex:1;padding-right:4px;overflow-y:auto}.battle__desc{font-family:var(--font-pixel);color:#fff;text-shadow:0 1px 3px #000;font-size:10px;line-height:1.8}.battle__tests-label{color:var(--text-dim);margin-bottom:8px;font-size:7px;display:block}.battle__test-case{background:#39ff140d;border:1px solid #39ff1426;border-radius:4px;margin-bottom:6px;padding:8px}.battle__test-case code{color:var(--neon-green);font-size:8px}.battle__hints{flex-direction:column;gap:8px;display:flex}.battle__hint{font-family:var(--font-pixel);color:var(--neon-gold);border-left:2px solid var(--neon-gold);background:#ffd7000d;border-radius:4px;padding:10px;font-size:8px;line-height:1.6}.leetcode-content,.leetcode-markdown{font-family:var(--font-pixel);color:#fff;text-shadow:0 1px 3px #000;font-size:9px;line-height:1.8}.leetcode-content pre,.leetcode-markdown pre{background:#0006;border:1px solid #b347d933;border-radius:6px;margin:12px 0;padding:12px;font-family:monospace;font-size:12px;overflow-x:auto}.leetcode-content code,.leetcode-markdown code{color:var(--neon-gold);background:#b347d926;border-radius:3px;padding:2px 4px;font-family:monospace;font-size:11px}.leetcode-content pre code,.leetcode-markdown pre code{color:var(--neon-green);background:0 0;padding:0}.leetcode-content strong,.leetcode-markdown strong{color:#fff}.leetcode-content p,.leetcode-markdown p{margin-bottom:12px}.leetcode-content ul,.leetcode-markdown ul{margin-bottom:12px;margin-left:20px}.leetcode-content li,.leetcode-markdown li{margin-bottom:4px}.leetcode-content iframe,.leetcode-markdown iframe{border:1px solid #ffffff1a;border-radius:8px;width:100%;margin:12px 0}.battle__log{flex-shrink:0;height:120px;padding:10px;overflow-y:auto}.battle__log-title{color:var(--neon-purple);margin-bottom:6px;font-size:9px;display:block}.battle__log-entries{flex-direction:column;gap:3px;display:flex}.battle__log-entry{border-radius:3px;padding:3px 6px;font-size:7px}.battle__log-entry--system{color:var(--text-dim)}.battle__log-entry--info{color:var(--neon-blue)}.battle__log-entry--tip{color:var(--neon-gold)}.battle__log-entry--action{color:var(--text-primary)}.battle__log-entry--damage{color:var(--neon-green);font-weight:700}.battle__log-entry--fail{color:var(--neon-red)}.battle__log-entry--victory{color:var(--neon-gold);font-weight:700}.battle__log-entry--error{color:var(--neon-red)}.battle__right{flex-direction:column;gap:8px;height:calc(100vh - 80px);display:flex}.battle__editor-header{background:var(--bg-panel);border-radius:var(--radius-md) var(--radius-md) 0 0;border:2px solid #b347d94d;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.battle__editor-title{color:var(--neon-gold);font-size:11px}.battle__editor-controls{align-items:center;gap:12px;display:flex}.battle__lang-select{font-family:var(--font-pixel);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--neon-purple);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:8px}.battle__lang-select option{background:var(--bg-primary)}.battle__turn{color:var(--text-dim);font-size:8px}.battle__editor-wrapper{border-radius:0 0 var(--radius-md) var(--radius-md);border:2px solid #b347d94d;flex-shrink:0;position:relative;overflow:hidden}.battle__lang-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;text-align:center;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.battle__lang-overlay span{font-family:var(--font-pixel);color:var(--neon-red);font-size:10px;line-height:1.6}.battle__solution{flex-direction:column;flex:1;padding:12px;display:flex;overflow-y:auto}.battle__solution-title{color:var(--neon-gold);margin-bottom:12px;font-size:10px;display:block}.battle__solution-langtabs{border-bottom:2px solid #b347d940;flex-wrap:wrap;gap:4px;margin-bottom:10px;padding-bottom:6px;display:flex}.battle__solution-langtab{font-family:var(--font-pixel);color:var(--text-dim);cursor:pointer;letter-spacing:.5px;background:#b347d912;border:1px solid #b347d94d;border-bottom:none;border-radius:4px 4px 0 0;padding:5px 10px;font-size:7px;transition:all .15s}.battle__solution-langtab:hover{color:var(--text-primary);background:#b347d92e}.battle__solution-langtab.active{color:var(--neon-gold);border-color:var(--neon-purple);border-bottom:2px solid var(--bg-panel);background:#b347d940}.battle__solution-editor{border:1px solid #b347d94d;border-radius:6px;margin-bottom:12px;overflow:hidden}.battle__solution-codemirror .cm-editor{font-size:11.5px!important}.battle__solution-codemirror .cm-gutters{background:#00000080!important;border-right:1px solid #b347d933!important}.battle__solution-codemirror .cm-content{padding:8px 0!important}.battle__solution-na{color:var(--text-dim);text-align:center;background:#0000004d;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 16px;font-size:8px;line-height:1.8;display:flex}.battle__output{flex-shrink:0;height:130px;padding:10px;overflow-y:auto}.battle__output-title{color:var(--neon-purple);margin-bottom:6px;font-size:9px;display:block}.battle__output-entries{flex-direction:column;gap:2px;display:flex}.battle__output-entry{border-radius:3px;padding:3px 6px;font-size:7px}.battle__output-entry--system{color:var(--text-dim)}.battle__output-entry--pass{color:var(--neon-green);background:#39ff140f}.battle__output-entry--fail{color:var(--neon-red);background:#ff33330f}.battle__output-entry--error{color:var(--neon-red)}.battle__actions{flex-shrink:0;gap:8px;margin-top:auto;display:flex}.battle__actions .pixel-btn{flex:1;padding:10px;font-size:9px}@media (width<=900px){.battle__layout{flex-direction:column;grid-template-columns:1fr;height:auto;display:flex}.battle__left,.battle__right{flex:none;height:auto}.battle__info{min-height:300px;max-height:500px}.battle__arena{height:180px}}@keyframes hero-cast{0%{filter:brightness();transform:translate(0)scale(1)}30%{filter:drop-shadow(0 0 15px #00e5ffcc)brightness(1.5);transform:translate(20px)scale(1.1)}70%{filter:drop-shadow(0 0 20px #00e5ff)brightness(1.8);transform:translate(10px)scale(1.05)}to{filter:brightness();transform:translate(0)scale(1)}}@keyframes enemy-hit{0%{filter:brightness();transform:translate(0)scale(1)}20%{filter:brightness(2)hue-rotate(-50deg);transform:translate(-15px)scale(.9)}40%{filter:brightness();transform:translate(15px)scale(1)}60%{filter:brightness(2)hue-rotate(-50deg);transform:translate(-10px)scale(.95)}80%{transform:translate(10px)scale(1)}to{filter:brightness();transform:translate(0)}}@keyframes enemy-death{0%{filter:grayscale(0)brightness()drop-shadow(0 0 20px #f336);opacity:1;transform:translateY(0)scale(1)rotate(0)}20%{filter:grayscale(0)brightness(2)drop-shadow(0 0 40px #fffc);opacity:1;transform:translateY(-20px)scale(1.1)rotate(5deg)}to{filter:grayscale()brightness(.2);opacity:0;transform:translateY(100px)scale(.5)rotate(-20deg)}}.anim-hero-cast img{animation:.6s ease-out forwards hero-cast!important}@keyframes hero-hurt{0%{filter:brightness();transform:translate(0)scaleX(-1)}20%{filter:brightness(2)hue-rotate(180deg);transform:translate(-8px)scaleX(-1)}40%{filter:brightness(1.5)hue-rotate(120deg);transform:translate(8px)scaleX(-1)}60%{filter:brightness(2)hue-rotate(180deg);transform:translate(-6px)scaleX(-1)}80%{filter:brightness(1.5);transform:translate(6px)scaleX(-1)}to{filter:brightness();transform:translate(0)scaleX(-1)}}.anim-hero-hurt img{animation:.6s ease-in-out forwards hero-hurt!important}.anim-enemy-hit img{animation:.5s ease-in-out forwards enemy-hit!important}.anim-enemy-death img{animation:1.2s ease-in forwards enemy-death!important}.battle__hit-marker{color:#f33;text-shadow:0 0 10px #fff;z-index:10;pointer-events:none;animation:hit-marker .5s fade-out forwards;font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hit-marker{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.5)rotate(15deg)}to{opacity:0;transform:translate(-50%,-100%)scale(1)rotate(-10deg)}}.victory{background:radial-gradient(at 50% 30%,#1a0a30 0%,#0d0620 50%,#080415 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.victory__particles{pointer-events:none;position:fixed;inset:0}.victory__sparkle{background:var(--neon-gold);width:4px;height:4px;box-shadow:0 0 8px var(--neon-gold);border-radius:50%;animation:2s ease-in-out infinite sparkle;position:absolute}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.victory__card{z-index:1;text-align:center;width:100%;max-width:440px;padding:36px 32px;animation:.6s scale-in;position:relative}.victory__heading{color:var(--neon-gold);text-shadow:0 0 20px #ffd70080;margin-bottom:8px;font-size:24px}.victory__enemy{color:var(--text-secondary);margin-bottom:20px;font-size:9px}.victory__emblem{margin-bottom:20px}.victory__emblem img{filter:drop-shadow(0 0 15px #ffd70080);max-width:100px}.victory__stars{justify-content:center;gap:12px;margin-bottom:8px;display:flex}.victory__star{color:var(--text-dim);font-size:32px;transition:all .3s}.victory__star--earned{color:var(--neon-gold);text-shadow:0 0 15px #ffd70099;animation:.5s scale-in}.victory__star-label{color:var(--neon-purple);letter-spacing:2px;margin-bottom:24px;font-size:8px}.victory__rewards{margin-bottom:24px}.victory__reward{border:1px solid var(--neon-green);border-radius:var(--radius-md);background:#39ff141a;align-items:center;gap:8px;padding:8px 20px;display:inline-flex}.victory__reward-icon{font-size:16px}.victory__reward-text{color:var(--neon-green);font-size:14px}.victory__actions{justify-content:center;gap:12px;display:flex}.victory__actions .pixel-btn{padding:12px 20px;font-size:9px}.dashboard{background:radial-gradient(at 50% 0,#1a0a30 0%,#0d0620 60%,#080415 100%);min-height:100vh;padding-top:56px}.dashboard__content{max-width:900px;margin:0 auto;padding:24px 20px 60px}.dashboard__loading{min-height:calc(100vh - 56px);color:var(--neon-gold);justify-content:center;align-items:center;font-size:14px;display:flex}.dashboard__back-row{margin-bottom:16px}.dashboard__back-btn{padding:6px 14px;font-size:9px}.dashboard__profile{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.dashboard__avatar-circle{background:linear-gradient(135deg, var(--neon-purple), var(--neon-blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex;box-shadow:0 0 20px #b347d966}.dashboard__profile-info{flex:1}.dashboard__name{color:var(--neon-gold);margin-bottom:4px;font-size:16px}.dashboard__title-text{color:var(--neon-purple);margin-bottom:2px;font-size:8px}.dashboard__level{color:var(--text-secondary);font-size:9px}.dashboard__quick-stats{gap:16px;display:flex}.dashboard__qstat{text-align:center;border-radius:var(--radius-md);background:#0000004d;padding:8px 16px}.dashboard__qstat-val{color:var(--neon-gold);font-size:18px;display:block}.dashboard__qstat-label{color:var(--text-dim);font-size:7px}.dashboard__grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.dashboard__xp-card{grid-column:1/-1;padding:16px}.stat-bar--lg{height:24px}.dashboard__tiers{padding:16px}.dashboard__tier-row{align-items:center;gap:8px;margin-top:8px;display:flex}.dashboard__tier-label{color:var(--text-secondary);width:48px;font-size:8px}.dashboard__tier-count{color:var(--text-dim);font-size:7px}.stat-bar--sm{flex:1;height:10px}.stat-bar__fill--purple{background:linear-gradient(90deg, var(--neon-purple), #d175f7)}.dashboard__skills{padding:16px}.dashboard__skill-row{border-bottom:1px solid #b347d91a;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.dashboard__skill-name{color:var(--text-secondary);text-transform:capitalize;font-size:8px}.dashboard__skill-count{color:var(--neon-green);font-size:8px}.dashboard__empty{color:var(--text-dim);text-align:center;padding:16px 0;font-size:8px}.dashboard__section-title{color:var(--neon-purple);margin-bottom:8px;font-size:10px;display:block}.dashboard__actions{justify-content:center;gap:16px;display:flex}.dashboard__achievements{margin-bottom:24px;padding:20px}.dashboard__badges-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:8px;display:grid}.dashboard__badge{text-align:center;border-radius:var(--radius-md);opacity:.45;filter:grayscale();background:#0000004d;border:1px solid #ffffff0f;flex-direction:column;align-items:center;padding:14px 8px;transition:all .3s;display:flex}.dashboard__badge--unlocked{opacity:1;filter:grayscale(0);background:#ffd7000f;border-color:#ffd70059;box-shadow:0 0 18px #ffd7001f,inset 0 0 12px #ffd7000a}.dashboard__badge-icon{margin-bottom:6px;font-size:28px}.dashboard__badge-name{color:var(--neon-gold);letter-spacing:.5px;margin-bottom:3px;font-size:8px}.dashboard__badge-desc{color:var(--text-dim);margin-bottom:6px;font-size:6px;line-height:1.5}.dashboard__badge-status{color:var(--neon-green);font-size:6px}.dashboard__badge-status--locked{color:var(--text-dim)}@media (width<=600px){.dashboard__grid{grid-template-columns:1fr}.dashboard__profile{text-align:center;flex-direction:column}}:root{--bg-primary:#0d0620;--bg-panel:#160c30eb;--neon-green:#39ff14;--neon-blue:#00e5ff;--neon-purple:#b347d9;--neon-gold:gold;--neon-red:#f33;--text-primary:#e8e0f0;--text-secondary:#9d8dc0;--text-dim:#5a4d73;--font-pixel:"Press Start 2P", monospace;--radius-sm:4px;--radius-md:8px;--glow-green:0 0 15px #39ff144d;--glow-purple:0 0 15px #b347d94d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-pixel);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.page-container{min-height:100vh}.pixel-panel{background:var(--bg-panel);border-radius:var(--radius-md);border:2px solid #b347d959;box-shadow:0 0 20px #b347d914,inset 0 0 20px #0000004d}.pixel-btn{font-family:var(--font-pixel);border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:2px solid;padding:10px 18px;font-size:10px;transition:all .2s;position:relative;overflow:hidden}.pixel-btn:disabled{opacity:.5;cursor:not-allowed}.pixel-btn--gold{color:#000;text-shadow:none;background:linear-gradient(gold,#cc9e00);border-color:gold}.pixel-btn--gold:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 20px #ffd70080}.pixel-btn--blue{color:var(--neon-blue);border-color:var(--neon-blue);background:#00e5ff1a}.pixel-btn--blue:hover:not(:disabled){background:#00e5ff33;box-shadow:0 0 15px #00e5ff4d}.pixel-btn--red{color:var(--neon-red);border-color:var(--neon-red);background:#ff33331a}.pixel-btn--red:hover:not(:disabled){background:#f333;box-shadow:0 0 15px #ff33334d}.pixel-btn--outline{color:var(--neon-purple);border-color:var(--neon-purple);background:0 0}.pixel-btn--outline:hover:not(:disabled){background:#b347d91a}.stat-bar{background:#00000080;border:1px solid #b347d94d;border-radius:3px;height:16px;position:relative;overflow:hidden}.stat-bar__fill{border-radius:2px;height:100%;transition:width .5s}.stat-bar__fill--xp{background:linear-gradient(90deg,gold,#fa0)}.stat-bar__label{color:#fff;text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;font-size:7px;display:flex;position:absolute;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes idle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes particle-rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(.5)}}@keyframes text-glow{0%,to{text-shadow:0 0 10px}50%{text-shadow:0 0 20px,0 0 40px}}::selection{color:#fff;background:#b347d966}