@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--ink-black: #010A13;--prussian-blue: #0A1428;--regal-navy: #1E2328;--school-bus-yellow: #C89B3C;--gold: #F0E6D2;--hextech-cyan: #0AC8B9;--hextech-blue: #0397AB;--hextech-dark: #005A82;--lol-gold: #C89B3C;--lol-gold-light: #F0E6D2;--lol-gold-dark: #785A28;--lol-blue-team: #4fc3f7;--lol-red-team: #FF4655;--bg-primary: #010A13;--bg-secondary: rgba(10, 20, 40, .85);--bg-tertiary: rgba(30, 35, 40, .9);--bg-glass: rgba(1, 10, 19, .6);--bg-glass-light: rgba(10, 20, 40, .4);--accent-primary: #C89B3C;--accent-secondary: #0AC8B9;--text-primary: #F0E6D2;--text-secondary: #A09B8C;--text-muted: #5B5A56;--border-gold: rgba(200, 155, 60, .4);--border-gold-bright: rgba(200, 155, 60, .8);--border-cyan: rgba(10, 200, 185, .4);--border-subtle: rgba(240, 230, 210, .08);--shadow-gold: 0 0 20px rgba(200, 155, 60, .3);--shadow-cyan: 0 0 20px rgba(10, 200, 185, .3);--shadow-deep: 0 8px 32px rgba(0, 0, 0, .6);--glow-gold: 0 0 40px rgba(200, 155, 60, .15);--glass-blur: blur(20px);--glass-border: 1px solid rgba(240, 230, 210, .1);font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes gradientShift{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}50%{transform:translateY(-50vh) translate(20px) scale(1.5)}to{transform:translateY(-100vh) translate(-10px) scale(.5);opacity:0}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes hexRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}html{overflow-x:hidden;max-width:100%;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,sans-serif;margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);display:flex;min-width:320px;min-height:100vh;overflow-x:hidden;max-width:100%;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(10,200,185,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(200,155,60,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(3,151,171,.05) 0%,transparent 50%),linear-gradient(135deg,#010a13,#0a1428,#091428,#0d1b2a,#010a13);background-size:400% 400%;animation:gradientShift 20s ease infinite;z-index:-3;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 10% 90%,rgba(200,155,60,.6),transparent),radial-gradient(2px 2px at 20% 70%,rgba(10,200,185,.5),transparent),radial-gradient(1px 1px at 30% 85%,rgba(200,155,60,.4),transparent),radial-gradient(2px 2px at 40% 60%,rgba(10,200,185,.3),transparent),radial-gradient(1px 1px at 50% 95%,rgba(200,155,60,.5),transparent),radial-gradient(2px 2px at 60% 75%,rgba(10,200,185,.4),transparent),radial-gradient(1px 1px at 70% 50%,rgba(200,155,60,.3),transparent),radial-gradient(2px 2px at 80% 80%,rgba(10,200,185,.5),transparent),radial-gradient(1px 1px at 90% 65%,rgba(200,155,60,.4),transparent),radial-gradient(2px 2px at 15% 40%,rgba(10,200,185,.3),transparent),radial-gradient(1px 1px at 25% 55%,rgba(200,155,60,.5),transparent),radial-gradient(2px 2px at 35% 30%,rgba(10,200,185,.4),transparent),radial-gradient(1px 1px at 45% 45%,rgba(200,155,60,.3),transparent),radial-gradient(2px 2px at 55% 20%,rgba(10,200,185,.5),transparent),radial-gradient(1px 1px at 65% 35%,rgba(200,155,60,.4),transparent),radial-gradient(2px 2px at 75% 25%,rgba(10,200,185,.3),transparent),radial-gradient(1px 1px at 85% 15%,rgba(200,155,60,.5),transparent),radial-gradient(2px 2px at 95% 45%,rgba(10,200,185,.4),transparent);animation:floatParticle 25s linear infinite;z-index:-2;pointer-events:none;opacity:.7}#root{display:flex;flex-direction:column;min-height:100vh;flex:1;width:100%;max-width:100%;overflow-x:hidden;position:relative;z-index:1}.content{padding:16px;width:100%;max-width:100%}.draft-area{display:flex;gap:24px;width:100%;max-width:100%}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary);font-weight:800;margin:0;letter-spacing:-.02em}h2,h3,h4{letter-spacing:-.01em}input{padding:10px 14px;margin:4px 0;width:160px;background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #c89b3c26,var(--shadow-gold);background:#0a1428e6}input::placeholder{color:var(--text-muted)}button{border-radius:8px;border:1px solid var(--border-subtle);padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:Inter,sans-serif;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:.02em;text-transform:uppercase;font-size:.85em}button:hover{background:#c89b3c1f;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-gold)}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:active{transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:grayscale(.5)}a{font-weight:500;color:var(--accent-primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--lol-gold-light);text-shadow:0 0 8px rgba(200,155,60,.4);text-decoration:none}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#010a1380}::-webkit-scrollbar-thumb{background:var(--lol-gold-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:#c89b3c4d;color:var(--text-primary)}@media(max-width:768px){h1{font-size:2em}.content{padding:12px}.draft-area{flex-direction:column;gap:16px}input{width:100%;max-width:100%}button{padding:.5em 1em;font-size:.85em}}@media(max-width:480px){h1{font-size:1.5em}.content{padding:8px}button{padding:.6em 1em;font-size:.8em}}@keyframes hexPulse{0%,to{box-shadow:0 0 20px #0ac8b94d,0 0 60px #0ac8b91a}50%{box-shadow:0 0 40px #0ac8b980,0 0 80px #0ac8b933}}@keyframes orbitalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,rgba(10,200,185,.05) 0%,transparent 60%),linear-gradient(135deg,#010a13,#0a1428,#091428);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-content{text-align:center;color:var(--text-primary);max-width:500px;padding:2rem;animation:fadeInUp .6s ease-out}.spinner{width:70px;height:70px;margin:0 auto 2rem;border:3px solid rgba(200,155,60,.15);border-top-color:var(--hextech-cyan);border-right-color:var(--accent-primary);border-radius:50%;animation:orbitalSpin 1.2s cubic-bezier(.4,0,.2,1) infinite,hexPulse 2s ease-in-out infinite;position:relative}.spinner:before{content:"";position:absolute;inset:6px;border:2px solid transparent;border-top-color:var(--accent-primary);border-left-color:var(--hextech-cyan);border-radius:50%;animation:orbitalSpin .8s linear infinite reverse}.loader-content h2{font-size:1.6rem;margin-bottom:1rem;font-weight:700;background:linear-gradient(135deg,var(--hextech-cyan),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em;text-transform:uppercase}.loader-status{font-size:.95rem;color:var(--text-secondary);margin:1rem 0;letter-spacing:.02em}.loader-hint{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-top:.5rem;line-height:1.5}.loader-error{margin-top:2rem;padding:1.2rem;background:#ff465514;border:1px solid rgba(255,70,85,.25);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader-error p{color:#fca5a5;margin-bottom:1rem}.loader-error button{background:linear-gradient(135deg,#ff4655,#c92a2a);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.loader-error button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff465566}.loader-error button:active{transform:scale(.98)}