*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#0a0a1a;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#e0dcd0}#canvas3d{display:block;width:100vw;height:100vh}#loading-screen{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a1a,#1a1a3e);transition:opacity .8s ease}#loading-screen h1{font-size:2rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:#c8a832;margin-bottom:2rem}#loading-bar{width:300px;height:4px;background:#c8a83226;border-radius:2px;overflow:hidden}#loading-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#c8a832,#f0d060);border-radius:2px;transition:width .3s ease}#loading-percent{margin-top:1rem;font-size:.85rem;color:#c8a832b3;letter-spacing:.1em}#ui-overlay{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:0;transition:opacity .6s ease}#ui-overlay.visible{opacity:1}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);pointer-events:all;cursor:pointer;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#0a0a1a80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(200,168,50,.25);border-radius:12px;color:#c8a832;font-size:1.1rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.nav-arrow:hover{background:#c8a8321f;border-color:#c8a83280;transform:translateY(-50%) scale(1.05)}.nav-arrow:active{transform:translateY(-50%) scale(.97)}.nav-arrow--left{left:1.5rem}.nav-arrow--right{right:1.5rem}.nav-arrow__icon{font-size:1.5rem;line-height:1}.nav-arrow__label{font-size:.85rem;color:#e0dcd0b3;white-space:nowrap}#champion-card{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);pointer-events:all;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 2rem;background:#0a0a1ab3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(200,168,50,.2);border-radius:16px;min-width:280px}#champ-header{display:flex;align-items:baseline;gap:.6rem}#champ-name{font-size:1.4rem;font-weight:600;color:#f0e6c8;letter-spacing:.05em}#champ-role{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#c8a832b3}#champ-player{font-size:.85rem;color:#e0dcd080}#champ-rank{display:inline-block;padding:.3rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.4)}#champ-stats{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-value{font-size:1rem;font-weight:600;color:#f0e6c8}.stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#e0dcd066}.stat-divider{width:1px;height:24px;background:#c8a83233}#champ-avg{font-size:.75rem;color:#e0dcd073}#avg-kills{color:#5b9bd5}#avg-deaths{color:#e05555}#avg-assists{color:#7ec87e}#champ-recent{display:flex;align-items:center;gap:.5rem}#recent-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#e0dcd059}#recent-dots{display:flex;gap:.3rem}.recent-dot{width:8px;height:8px;border-radius:50%}.recent-dot--win{background:#5bbd5b}.recent-dot--loss{background:#e05555}#recent-streak{font-size:.65rem;color:#e0dcd066}#credit{position:absolute;bottom:.75rem;right:1rem;pointer-events:all;font-size:.65rem;color:#e0dcd04d}#credit a{color:#c8a83280;text-decoration:none}#credit a:hover{color:#c8a832}#debug-panel{position:fixed;top:.75rem;left:.75rem;z-index:200;padding:.5rem .75rem;background:#000000b3;border-radius:6px;font-family:SF Mono,Fira Code,monospace;font-size:.7rem;line-height:1.6;color:#0f0;pointer-events:all;-webkit-user-select:none;user-select:none}#debug-copy{margin-top:.4rem;padding:.25rem .6rem;background:#00ff0026;border:1px solid #0f0;border-radius:4px;color:#0f0;font-family:inherit;font-size:.65rem;cursor:pointer}#debug-copy:hover{background:#00ff004d}#debug-controls{margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem}.debug-row{display:flex;align-items:center;gap:.25rem}.debug-row span{width:3rem;font-size:.6rem;color:#0f0}.debug-row button{padding:.15rem .35rem;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:3px;color:#0f0;font-family:inherit;font-size:.6rem;cursor:pointer}.debug-row button:hover{background:#00ff0040}.debug-row button:active{background:#0f06}@media(max-width:640px){.nav-arrow__label{display:none}.nav-arrow{padding:.75rem 1rem}#champion-card{padding:1rem 1.25rem;min-width:unset}#champ-name{font-size:1.1rem}.stat-value{font-size:.85rem}#champ-stats{gap:.5rem}#loading-screen h1{font-size:1.3rem;letter-spacing:.2em}#loading-bar{width:220px}}