html,body{margin:0;padding:0;height:100%;overflow:hidden;background-color:#000}#gameContainer{position:fixed;inset:0;width:100%;height:100%}canvas{display:block;width:100%;height:100%}#startButton{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(135deg,#06f,#0cf);color:#fff;font-size:3rem;border:none;border-radius:0;z-index:10000;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}#startButton:active{transform:translate(-50%,-50%) scale(.95);box-shadow:0 4px 8px #0000004d}.joystick-base,.joystick-thumb{touch-action:none;-webkit-user-select:none;user-select:none}.champion-name-ga,.champion-name-en{font-family:monospace!important}.champion-choose-button{width:100%;padding:1rem;font-size:1.2rem;font-weight:700;background:linear-gradient(145deg,#8b6914,#d4af37,#8b6914);color:#1a1a1a;border:3px solid #d4af37;border-radius:8px;cursor:pointer;transition:background .2s;z-index:99999}.hero-select-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;touch-action:pan-x;z-index:200;background:#000000f2;display:flex;flex-direction:column}.champion-scroll{display:flex;width:100%;flex:1;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.champion-scroll::-webkit-scrollbar{display:none}.champion-card{min-width:100vw;width:100vw;height:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;pointer-events:none}.champion-canvas{width:50vw;height:auto;image-rendering:pixelated;margin-bottom:2rem;pointer-events:auto}.champion-name-ga{font-size:2rem;color:#fff;margin-bottom:.5rem;font-weight:700}.champion-name-en{font-size:1.2rem}.champion-top-panel{position:absolute;top:0;left:0;right:0;padding:1rem;background:#1a1a1ae6;border-bottom:2px solid #333;display:flex;flex-direction:column;gap:.5rem;z-index:100}.champion-slider-label{color:#aaa;font-size:.9rem}.champion-slider{width:100%;z-index:99999;position:fixed}.champion-bottom-panel{position:fixed;bottom:0;left:0;right:0;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));background:#1a1a1ae6;border-top:2px solid #333}.champion-choose-button{width:100%;padding:1rem;font-size:1.2rem;font-weight:700;background:#06f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s;z-index:99999}.champion-choose-button:active{background:#0052cc}.bio-ga,.bio-en{position:absolute;left:5vw;width:90vw;font-size:14px;font-family:serif;pointer-events:none}.bio-ga{bottom:12vh}.bio-en{bottom:4vh;opacity:var(--eng-opacity)}.champion-stats{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:12px;background:#0009;border-radius:8px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.champion-stats.stats-visible{opacity:1;transform:translateY(0)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{font-size:24px;line-height:1}.stat-value{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#characterModal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center}#characterModalContent{background-color:#111;color:#fff;padding:20px;border-radius:12px;max-width:90%;max-height:80%;overflow-y:auto}