@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Press+Start+2P&display=swap";@keyframes tileFlip{0%{transform:scaleY(1)}49%{transform:scaleY(.02)}50%{background:var(--flip-bg);color:var(--flip-color);border-color:var(--flip-border);transform:scaleY(0)}to{background:var(--flip-bg);color:var(--flip-color);border-color:var(--flip-border);transform:scaleY(1)}}.tile-flip{animation:.5s ease-in-out tileFlip}@keyframes rowShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.row-shake{animation:.4s ease-in-out rowShake}@keyframes tileBounce{0%{transform:translateY(0)}30%{transform:translateY(-12px)}50%{transform:translateY(0)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}.tile-bounce{animation:.6s tileBounce}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.pop-in{animation:.3s ease-out popIn}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.4s ease-out slideUp}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:.5s cubic-bezier(.16,1,.3,1) slideInRight}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 20px 5px var(--accent-glow)}}.pulse-glow{animation:2s infinite pulseGlow}@keyframes badgeShimmer{0%{background-position:-200%}to{background-position:200%}}.badge-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%) 0 0/200%;animation:2s ease-in-out infinite badgeShimmer}@keyframes fireFlicker{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-3deg)}50%{transform:scale(.95)rotate(2deg)}75%{transform:scale(1.05)rotate(-1deg)}}.fire-flicker{animation:.5s ease-in-out infinite fireFlicker;display:inline-block}@keyframes legendaryShine{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s ease-out fadeIn}@keyframes letterPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.letter-pop{animation:.1s ease-out letterPop}@keyframes neonPulse{0%,to{filter:drop-shadow(0 0 4px #7b68ee99)drop-shadow(0 0 12px #7b68ee4d)}50%{filter:drop-shadow(0 0 8px #7b68ee)drop-shadow(0 0 24px #7b68ee99)drop-shadow(0 0 40px #ff6b9d4d)}}.logo-neon{animation:3s ease-in-out infinite neonPulse}@keyframes letterGlitch{0%,85%,to{opacity:1;transform:none}86%{opacity:.8;transform:translate(-2px)skew(-5deg)}87%{opacity:1;transform:translate(2px)skew(3deg)}88%{opacity:.9;transform:translate(-1px)}89%{opacity:1;transform:none}}@keyframes tileRevealGlow{0%{box-shadow:none}40%{box-shadow:0 0 16px}to{box-shadow:none}}@keyframes timerBlink{0%,to{opacity:1}50%{opacity:.5}}.timer-display{animation:2s ease-in-out infinite timerBlink}.neon-btn{position:relative;overflow:hidden}.neon-btn:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%) 0 0/200%;animation:2s linear infinite badgeShimmer;position:absolute;inset:0}.badges-page{width:100%;padding-top:16px}.badges-loading{text-align:center;color:var(--text-dim);padding-top:60px;font-size:14px}.badges-title{text-align:center;color:var(--text);letter-spacing:1px;margin-bottom:20px;font-family:"Press Start 2P",cursive;font-size:14px;font-weight:800}.badges-progress-section{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:16px 20px 14px}.badges-progress-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.badges-progress-count{font-family:"Press Start 2P",cursive;line-height:1}.badges-count-unlocked{color:var(--gold);text-shadow:0 0 12px #ffd70066;font-size:28px}.badges-count-sep{color:var(--text-muted);margin:0 2px;font-size:16px}.badges-count-total{color:var(--text-dim);font-size:16px}.badges-progress-bar-bg{background:var(--bg);border:1px solid var(--border);border-radius:6px;height:10px;margin-bottom:8px;overflow:hidden}.badges-progress-bar-fill{background:linear-gradient(90deg,#4caf50 0%,#a0d04a 40%,gold 100%);border-radius:6px;min-width:4px;height:100%;transition:width .6s ease-out;box-shadow:inset 0 1px #ffffff4d}.badges-progress-label{color:var(--text-dim);text-align:center;font-size:11px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}@media (width<=400px){.badges-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.badge-card{background:var(--surface);text-align:center;cursor:default;border:3px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;padding:16px 12px 12px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.badge-card--unlocked{cursor:pointer;background:linear-gradient(160deg, var(--surface) 0%, var(--bg-elevated) 100%)}.badge-card--unlocked:hover{transform:translateY(-3px)scale(1.02)}.badge-card--locked{border-color:var(--border);opacity:.75}.badge-card--mystery{background:linear-gradient(135deg,#ff6bcd0d 0%,#7b68ee0d 100%);border:2px dashed #ff6bcd55!important}.badge-card__ribbon{color:#fff;text-align:center;text-shadow:1px 1px #00000080;letter-spacing:.3px;pointer-events:none;width:80px;padding:3px 0;font-family:"Press Start 2P",cursive;font-size:7px;font-weight:800;position:absolute;top:10px;right:-18px;transform:rotate(30deg)}.badge-card__img-wrap{background:var(--bg-elevated);border-radius:10px;justify-content:center;align-items:center;width:88px;height:88px;padding:8px;display:flex;position:relative}.badge-card__img-wrap--locked{background:#0000004d}.badge-card__img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 2px 6px #0006);transition:filter .3s}.badge-card__img--gray{filter:grayscale()brightness(.35)drop-shadow(0 2px 4px #0009)}.badge-card__mystery-icon{font-size:40px;animation:2s ease-in-out infinite pulseGlow}.badge-card__name{color:var(--text);letter-spacing:.5px;font-size:11px;font-weight:800;line-height:1.3}.badge-card__name--hidden{color:var(--text-muted);letter-spacing:2px}.badge-card__desc{color:var(--text-dim);font-size:10px;line-height:1.4}.badge-card__ownership{flex-direction:column;gap:3px;width:100%;margin-top:2px;display:flex}.badge-card__ownership-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.badge-card__ownership-fill{border-radius:2px;min-width:2px;height:100%;transition:width .6s ease-out}.badge-card__ownership-rate{text-align:center;letter-spacing:.3px;font-size:9px;font-weight:700}.badge-card__date{color:var(--text-muted);font-size:9px}:root{--ds-bg:#1a1a2e;--ds-bg-deep:#0d0d1a;--ds-surface:#16213e;--ds-surface-2:#1f2d52;--ds-surface-3:#243060;--ds-chrome-outer:#2a2a3e;--ds-chrome-inner:#3a3a5e;--ds-chrome-light:#5a5a8e;--ds-screen-bezel:#111128;--ds-blue-light:#4fc3f7;--ds-blue-mid:#0288d1;--ds-gold:gold;--ds-gold-dim:#b8860b;--ds-white:#e8eaf6;--ds-white-dim:#9fa8c0;--ds-red-alert:#ef5350;--hp-green:#4caf50;--hp-green-light:#81c784;--hp-yellow:#ffee58;--hp-yellow-dark:#f9a825;--hp-red:#f44336;--hp-red-dark:#b71c1c;--xp-blue:#5c6bc0;--xp-blue-light:#9fa8da;--ds-grad-blue:linear-gradient(180deg, #2a5298 0%, #1a3a6e 50%, #0d2044 100%);--ds-grad-header:linear-gradient(180deg, #5c7cfa 0%, #364fc7 40%, #24a 100%);--ds-grad-header-alt:linear-gradient(180deg, #a78bfa 0%, #7c3aed 40%, #4c1d95 100%);--ds-grad-green:linear-gradient(180deg, #43a047 0%, #2e7d32 100%);--ds-grad-red:linear-gradient(180deg, #e53935 0%, #b71c1c 100%);--ds-font:"Press Start 2P", monospace, cursive;--ds-text:#e8eaf6;--ds-text-shadow:#000010;--ds-pixel-border:0 0 0 2px #000, 0 0 0 4px var(--ds-chrome-inner), 0 0 0 6px #000;--type-radius:2px}@keyframes hitFlash{0%{filter:brightness()saturate()}15%{filter:brightness(4)saturate(0)invert()}30%{filter:brightness(3)saturate(0)}50%{filter:brightness(1.8)saturate(.3)}to{filter:brightness()saturate()}}@keyframes damageShake{0%{transform:translate(0)translateY(0)}10%{transform:translate(-8px)translateY(-4px)}20%{transform:translate(8px)translateY(4px)}30%{transform:translate(-6px)translateY(-2px)}40%{transform:translate(6px)translateY(2px)}50%{transform:translate(-4px)translateY(-1px)}60%{transform:translate(4px)translateY(1px)}70%{transform:translate(-2px)translateY(0)}80%{transform:translate(2px)translateY(0)}to{transform:translate(0)translateY(0)}}@keyframes koFade{0%{opacity:1;filter:brightness();transform:translateY(0)scaleX(1)scaleY(1)}20%{opacity:.9;transform:translateY(-6px)scaleX(1.1)scaleY(.9)}40%{opacity:.7;filter:brightness(1.4);transform:translateY(4px)scaleX(.9)scaleY(1.1)}60%{opacity:.4;filter:brightness(.8);transform:translateY(12px)scaleX(1.2)scaleY(.6)}80%{opacity:.2;filter:brightness(.4);transform:translateY(20px)scaleX(1)scaleY(.2)}to{opacity:0;filter:brightness(0);transform:translateY(30px)scaleX(.8)scaleY(0)}}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes typeIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes spriteBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bossEnter{0%{opacity:0;transform:translate(120px)scaleX(-1)}to{opacity:1;transform:translate(0)scaleX(-1)}}@keyframes playerEnter{0%{opacity:0;transform:translate(-120px)}to{opacity:1;transform:translate(0)}}@keyframes playerAttack{0%{transform:translate(0)translateY(0)scale(1)}35%{transform:translate(70px)translateY(-22px)scale(1.08)}55%{transform:translate(55px)translateY(-14px)scale(1.04)}to{transform:translate(0)translateY(0)scale(1)}}@keyframes hpDrain{0%{width:var(--hp-from,100%)}to{width:var(--hp-to,0%)}}@keyframes xpFill{0%{width:0%}to{width:var(--xp-to,100%)}}@keyframes pokeballSpin{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(.9)}50%{transform:rotate(180deg)scale(1)}75%{transform:rotate(270deg)scale(.9)}to{transform:rotate(360deg)scale(1)}}@keyframes pokeballWobble{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}@keyframes screenSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes rewardBurst{0%{opacity:0;transform:scale(0)rotate(-10deg)}50%{opacity:1;transform:scale(1.15)rotate(3deg)}70%{transform:scale(.95)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes scanLine{0%{opacity:.6;top:0}to{opacity:0;top:100%}}@keyframes starterGlow{0%,to{box-shadow:0 0 8px 2px #4fc3f74d, var(--ds-pixel-border)}50%{box-shadow:0 0 20px 6px #4fc3f799, var(--ds-pixel-border)}}@keyframes logSlide{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes screenFlicker{0%,to{opacity:1}5%,10%{opacity:.85}7%{opacity:.5}50%,55%,60%{opacity:1}52%{opacity:.8}}@keyframes btnPress{0%{transform:translateY(0)scale(1)}40%{transform:translateY(3px)scale(.97)}to{transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes hpLowBlink{0%,to{opacity:1}50%{opacity:.5}}.hit-flash{animation:.45s ease-out forwards hitFlash}.damage-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) forwards damageShake}.ko-fade{pointer-events:none;animation:1.2s ease-in forwards koFade}.typewriter{white-space:pre-wrap;animation:typeIn 1.8s steps(var(--char-count,40), end) forwards, cursorBlink .8s step-end infinite 1.8s;position:relative;overflow:hidden}.sutomon-page{font-family:var(--ds-font);background:var(--ds-bg-deep);color:var(--ds-text);background-image: repeating-linear-gradient(0deg, transparent, transparent 1px, #00001e2e 1px, #00001e2e 2px),  radial-gradient(ellipse at center, var(--ds-surface) 0%, var(--ds-bg-deep) 80%);width:100%;min-height:100dvh;image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;flex-direction:column;align-items:center;display:flex}.ds-window{background:var(--ds-surface);box-shadow:0 0 0 2px var(--ds-chrome-inner), 0 0 0 4px #000, 0 0 0 6px var(--ds-chrome-outer), 0 0 0 7px #000, 4px 8px 24px #00000acc;border-radius:6px;position:relative;overflow:hidden}.ds-window:before{content:"";border-radius:inherit;pointer-events:none;z-index:10;background:linear-gradient(160deg,#ffffff0a 0%,#0000 50%,#0000001f 100%);position:absolute;inset:0}.ds-header{background:var(--ds-grad-header);border-bottom:3px solid #000;align-items:center;gap:8px;padding:8px 12px 7px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff40}.ds-header:after{content:"";background:#ffffff14;height:1px;position:absolute;bottom:-3px;left:0;right:0}.ds-header--purple{background:var(--ds-grad-header-alt)}.ds-header--green{background:var(--ds-grad-green)}.ds-header--red{background:var(--ds-grad-red)}.ds-header__title{letter-spacing:1px;color:var(--ds-white);text-shadow:1px 1px #000,2px 2px #00000080;flex:1;font-size:7px}.ds-window__dot{border:1px solid #0006;border-radius:50%;width:6px;height:6px;box-shadow:inset 0 1px #ffffff4d}.ds-window__dot--red{background:#ff6b6b}.ds-window__dot--yellow{background:gold}.ds-window__dot--green{background:#69db7c}.battle-scene{width:100%;max-width:600px;min-height:340px;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 0 3px #000, 0 0 0 5px var(--ds-chrome-inner), 0 0 0 7px #000, 0 8px 32px #000000b3;background-color:#1a3470;background-position:bottom;background-repeat:no-repeat;background-size:cover;border-radius:6px;position:relative;overflow:hidden}.battle-scene:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000a 3px 4px);position:absolute;inset:0}.battle-scene:after{display:none}.battle-stats--enemy{z-index:3;width:33.333%;position:absolute;top:8px;left:8px}.battle-boss{z-index:2;position:absolute;top:5px;right:8px}.battle-player{z-index:2;position:absolute;bottom:-65px;left:0}.battle-stats--player{z-index:3;width:33.333%;position:absolute;bottom:8px;right:12px}.sprite-container{width:80px;height:80px;image-rendering:pixelated;justify-content:center;align-items:flex-end;display:flex;position:relative}.sprite-container img,.sprite-container .sprite-placeholder{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;filter:drop-shadow(2px 4px 4px #0009);width:100%;height:100%}.sprite-container--boss-enter{animation:.6s cubic-bezier(.16,1,.3,1) forwards bossEnter}.sprite-container--player-enter{animation:.6s cubic-bezier(.16,1,.3,1) forwards playerEnter}.sprite-container--idle{animation:2s ease-in-out infinite spriteBob}.player-attacking .sprite-container--idle{animation:.55s ease-in-out forwards playerAttack}.boss-ko{pointer-events:none;animation:1.2s ease-out forwards koFade}.damage-shake img{animation:.65s ease-out hitFlash}.sprite-container:after{content:"";background:radial-gradient(#00000080 0%,#0000 70%);border-radius:50%;width:56px;height:8px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.sprite-placeholder{text-align:center;-webkit-user-select:none;user-select:none;width:64px;height:64px;font-size:48px;line-height:64px}.gen4-hud{box-sizing:border-box;color:#1a1a1a;background:linear-gradient(#d8dcd8 0%,#c0c8c0 40%,#b8c0b8 100%);border-radius:6px 6px 8px 8px;width:100%;min-width:0;padding:7px 12px 8px;font-family:inherit;position:relative;box-shadow:0 0 0 2px #202020,0 3px #505850,0 5px #202020,2px 8px 16px #0009}.gen4-hud--enemy,.gen4-hud--player{min-width:0}.gen4-hud__header{border-bottom:2px solid #909890;flex-direction:column;align-items:flex-start;gap:1px;margin-bottom:5px;padding-bottom:3px;display:flex}.gen4-hud__name{letter-spacing:.5px;color:#181818;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px #fff6;max-width:100%;font-size:8px;font-weight:700;overflow:hidden}.gen4-hud__level{color:#181818;white-space:nowrap;text-shadow:1px 1px #fff6;font-size:7px;font-weight:700}.gen4-hud__hp-row{align-items:center;gap:5px;margin-bottom:2px;display:flex}.gen4-hud__hp-label{color:#181818;letter-spacing:1px;text-shadow:1px 1px #fff6;flex-shrink:0;font-size:6px;font-weight:700}.gen4-hud__hp-track{background:#404840;border-radius:2px;flex:1;height:7px;overflow:hidden;box-shadow:inset 0 2px 3px #00000080,0 0 0 1px #181818}.gen4-hud__hp-fill{border-radius:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px #ffffff4d}.gen4-hud__hp-fill--high{background:linear-gradient(#68e858 0%,#40c030 50%,#289018 100%)}.gen4-hud__hp-fill--mid{background:linear-gradient(#f8e840 0%,#d8b810 50%,#a88000 100%);animation:1.5s ease-in-out infinite hpLowBlink}.gen4-hud__hp-fill--low{background:linear-gradient(#f87060 0%,#e03020 50%,#a01010 100%);animation:.8s ease-in-out infinite hpLowBlink}.gen4-hud__hp-numbers{justify-content:flex-end;align-items:baseline;gap:1px;margin-top:1px;display:flex}.gen4-hud__hp-current{color:#181818;text-shadow:1px 1px #fff6;font-size:7px;font-weight:700}.gen4-hud__hp-sep{color:#404040;font-size:6px}.gen4-hud__hp-max{color:#404040;text-shadow:1px 1px #ffffff4d;font-size:7px}.gen4-hud__xp-row{align-items:center;gap:5px;margin-top:3px;display:flex}.gen4-hud__xp-label{color:#404040;letter-spacing:.5px;flex-shrink:0;font-size:5px}.gen4-hud__xp-track{background:#283030;border-radius:1px;flex:1;height:4px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080,0 0 0 1px #181818}.gen4-hud__xp-fill{background:linear-gradient(90deg,#68b8f8 0%,#3878d0 100%);border-radius:1px;height:100%;transition:width 1.2s ease-out;box-shadow:inset 0 1px #fff6}.battle-info-card{color:#1a1a2e;background:linear-gradient(135deg,#e8eaf6 0%,#c5cae9 100%);border-radius:4px;min-width:140px;min-height:70px;padding:6px 10px 7px;box-shadow:0 0 0 2px #000,0 0 0 4px #5c6bc0,0 0 0 5px #000,2px 4px 10px #00000080}.battle-info-card__name{letter-spacing:.5px;color:#1a237e;text-shadow:none;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:6px;overflow:hidden}.battle-info-card__level{color:#3949ab;float:right;margin-top:-11px;font-size:5px}.hp-bar{flex-direction:column;gap:2px;width:100%;margin-top:2px;display:flex}.hp-bar__label{color:#283593;letter-spacing:1px;justify-content:space-between;align-items:baseline;font-size:5px;display:flex}.hp-bar__label-hp{font-size:5px;font-weight:700}.hp-bar__label-value{color:#5c6bc0;font-size:5px}.hp-bar__track{background:#37474f;border-radius:1px;width:100%;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0006,0 0 0 1px #000,0 0 0 2px #0000004d}.hp-bar__track:before{content:"";z-index:2;background:repeating-linear-gradient(90deg,#0000 0 3px,#0000001f 3px 4px);position:absolute;inset:0}.hp-bar-fill{border-radius:1px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);animation:.8s ease-out hpDrain;position:relative;box-shadow:inset 0 2px #ffffff59}.hp-bar-fill--high{background:linear-gradient(180deg, var(--hp-green-light) 0%, var(--hp-green) 60%, #2e7d32 100%)}.hp-bar-fill--mid{background:linear-gradient(180deg, #fff176 0%, var(--hp-yellow) 50%, var(--hp-yellow-dark) 100%)}.hp-bar-fill--low{background:linear-gradient(180deg, #ef9a9a 0%, var(--hp-red) 50%, var(--hp-red-dark) 100%);animation:1s ease-in-out infinite hpLowBlink}.xp-bar{width:100%;margin-top:3px}.xp-bar__label{color:#5c6bc0;letter-spacing:1px;margin-bottom:2px;font-size:4px}.xp-bar__track{background:#263238;border-radius:1px;width:100%;height:4px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080,0 0 0 1px #000}.xp-bar-fill{background:linear-gradient(90deg, var(--xp-blue-light) 0%, var(--xp-blue) 100%);border-radius:1px;height:100%;transition:width 1.2s ease-out;animation:1.2s ease-out xpFill;box-shadow:inset 0 1px #fff6}.battle-textbox{background:#233147;width:100%;max-width:600px;min-height:64px;padding:14px 16px 12px;position:relative;box-shadow:0 0 0 3px #000,0 0 0 5px #e0e0f0,0 0 0 7px #000,0 4px 16px #0009}.battle-textbox:before,.battle-textbox:after{content:"";background:#000;border-radius:50%;width:6px;height:6px;position:absolute}.battle-textbox:before{top:5px;left:5px}.battle-textbox__inner{position:relative}.battle-textbox__text{color:#1a1a2e;text-shadow:none;letter-spacing:.5px;min-height:28px;font-size:7px;line-height:1.8}.battle-textbox__arrow{color:#3949ab;-webkit-user-select:none;user-select:none;font-size:8px;animation:1s ease-in-out infinite spriteBob;position:absolute;bottom:6px;right:10px}.attack-btn-grid{grid-template-columns:1fr 1fr;gap:6px;width:100%;max-width:600px;display:grid}.attack-btn{font-family:var(--ds-font);letter-spacing:.5px;cursor:pointer;color:var(--ds-white);text-shadow:1px 1px #0009;text-align:left;background:linear-gradient(#3949ab 0%,#283593 50%,#1a237e 100%);border:none;border-radius:4px;padding:10px 8px;font-size:6px;transition:filter .1s;position:relative;overflow:hidden;box-shadow:inset 0 2px #fff3,inset 0 -2px #0000004d,0 0 0 2px #000,0 0 0 3px #3949ab,0 0 0 5px #000,0 3px 8px #00000080}.attack-btn:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:4px 4px 0 0;height:40%;position:absolute;top:0;left:0;right:0}.attack-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:inset 0 2px #ffffff40,inset 0 -2px #0000004d,0 0 0 2px #000,0 0 0 3px #5c6bc0,0 0 0 5px #000,0 6px 16px #3949ab80}.attack-btn:active:not(:disabled){animation:.15s ease-out btnPress;transform:translateY(2px);box-shadow:inset 0 2px #ffffff1a,inset 0 -1px #0000004d,0 0 0 2px #000,0 0 0 3px #3949ab,0 0 0 5px #000,0 1px 4px #00000080}.attack-btn:disabled{color:#546e7a;cursor:not-allowed;text-shadow:none;filter:none;background:linear-gradient(#37474f 0%,#263238 100%);transform:none;box-shadow:0 0 0 2px #000,0 0 0 3px #37474f,0 0 0 5px #000}.attack-btn__name{margin-bottom:3px;display:block}.attack-btn__meta{opacity:.8;justify-content:space-between;font-size:5px;display:flex}.attack-btn__pp{color:var(--ds-gold)}.pokeball-btn{font-family:var(--ds-font);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:6px;transition:transform .15s;display:flex;position:relative}.pokeball-btn__icon{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000,0 0 0 4px #888,0 0 0 6px #000,0 4px 12px #0009}.pokeball-btn__icon:before{content:"";background:linear-gradient(#f44336 0%,#b71c1c 100%);height:50%;position:absolute;top:0;left:0;right:0}.pokeball-btn__icon:after{content:"";background:linear-gradient(#e0e0e0 0%,#bdbdbd 100%);height:50%;position:absolute;bottom:0;left:0;right:0}.pokeball-btn__band{z-index:2;background:#111;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pokeball-btn__center{z-index:3;background:radial-gradient(circle,#fff 0%,#e0e0e0 60%,#9e9e9e 100%);border:2px solid #111;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #fffc}.pokeball-btn:hover{transform:scale(1.08)}.pokeball-btn:active{transform:scale(.95)}.pokeball-btn--spinning .pokeball-btn__icon{animation:.6s linear infinite pokeballSpin}.pokeball-btn--wobbling .pokeball-btn__icon{animation:.4s ease-in-out 3 pokeballWobble}.sutomdex-progress-wrap{flex-shrink:0;padding:8px 12px 4px}.dex-counter{color:var(--ds-gold);letter-spacing:.5px;font-size:9px}.sutomdex-progress-bar{background:#0d0d1a;border:1px solid #000;border-radius:4px;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0009,0 0 0 1px #0006}.sutomdex-progress-fill{background:linear-gradient(90deg,#7b68ee 0%,#a78bfa 30%,#f9d423 80%,gold 100%);border-radius:4px;min-width:4px;height:100%;transition:width .6s ease-out;box-shadow:inset 0 2px #ffffff40,0 0 8px #ffd7004d}.sutomdex-progress-label{color:var(--ds-white);text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;letter-spacing:.5px;pointer-events:none;z-index:2;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;inset:0}.sutomdex-grid{box-sizing:border-box;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:6px;width:100%;padding:8px;display:grid}.sutomdex-cell{background:var(--ds-surface-2);aspect-ratio:1;box-sizing:border-box;cursor:pointer;min-width:0;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--ds-surface-3), 0 2px 4px #0006;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.sutomdex-cell.caught:hover{box-shadow:0 0 0 2px var(--ds-blue-light), 0 0 8px #4fc3f780, 0 4px 12px #00000080;transform:scale(1.08)}.sutomdex-cell.caught{background:var(--ds-surface-3)}.dex-sprite-wrap{justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.dex-sprite{object-fit:contain;width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(1px 2px 2px #00000080)}.dex-sprite--silhouette{filter:brightness(0)opacity(.55)}.dex-lock-icon{opacity:.85;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.dex-number{color:var(--ds-white-dim);letter-spacing:.5px;align-self:flex-start;font-size:5px}.dex-unknown{width:36px;height:36px;color:var(--ds-white-dim);background:var(--ds-surface-3);border-radius:3px;justify-content:center;align-items:center;font-size:16px;display:flex}.sutomdex-cell:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#4fc3f71f 50%,#0000 100%);height:30%;transition:none;position:absolute;top:-100%;left:0;right:0}.sutomdex-cell:hover:after{animation:.6s ease-out forwards scanLine}.type-badge{letter-spacing:.5px;border-radius:var(--type-radius);color:#fff;text-shadow:1px 1px #00000080;text-transform:uppercase;white-space:nowrap;image-rendering:pixelated;padding:2px 5px 3px;font-size:5px;display:inline-block;box-shadow:0 0 0 1px #0006,inset 0 1px #fff3}.type-badge--normal{background:linear-gradient(#a8a878 0%,#6d6d4e 100%)}.type-badge--fire{background:linear-gradient(#f08030 0%,#c03028 100%)}.type-badge--water{background:linear-gradient(#6890f0 0%,#445e9c 100%)}.type-badge--electric{color:#1a1a00;text-shadow:none;background:linear-gradient(#f8d030 0%,#a1871f 100%)}.type-badge--grass{background:linear-gradient(#78c850 0%,#4e8234 100%)}.type-badge--ice{color:#0d2626;text-shadow:none;background:linear-gradient(#98d8d8 0%,#638d8d 100%)}.type-badge--fighting{background:linear-gradient(#c03028 0%,#7d1f1a 100%)}.type-badge--poison{background:linear-gradient(#a040a0 0%,#682a68 100%)}.type-badge--ground{color:#1a1000;text-shadow:none;background:linear-gradient(#e0c068 0%,#927d44 100%)}.type-badge--flying{background:linear-gradient(#a890f0 0%,#6d5e9c 100%)}.type-badge--psychic{background:linear-gradient(#f85888 0%,#9b114e 100%)}.type-badge--bug{background:linear-gradient(#a8b820 0%,#6d7815 100%)}.type-badge--rock{background:linear-gradient(#b8a038 0%,#786824 100%)}.type-badge--ghost{background:linear-gradient(#705898 0%,#493963 100%)}.type-badge--dragon{background:linear-gradient(#7038f8 0%,#4924a1 100%)}.type-badge--dark{background:linear-gradient(#705848 0%,#49392f 100%)}.type-badge--steel{color:#1a1a28;text-shadow:none;background:linear-gradient(#b8b8d0 0%,#787887 100%)}.type-badge--fairy{color:#2d0010;text-shadow:none;background:linear-gradient(#f0b6bc 0%,#c9527d 100%)}.starter-select{flex-direction:column;align-items:center;gap:24px;width:100%;padding:24px 16px;animation:.5s cubic-bezier(.16,1,.3,1) screenSlideIn;display:flex}.starter-select__title{color:var(--ds-gold);text-shadow:2px 2px 0 var(--ds-gold-dim), 0 0 20px #ffd70066;letter-spacing:1px;text-align:center;background:linear-gradient(90deg, var(--ds-gold) 0%, #fff8e1 30%, var(--ds-gold) 60%, #fff8e1 80%, var(--ds-gold) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:9px;animation:3s linear infinite shimmer}.starter-select__subtitle{color:var(--ds-white-dim);letter-spacing:.5px;text-align:center;margin-top:-16px;font-size:6px}.starter-select__grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.starter-card{background:var(--ds-surface);cursor:pointer;width:110px;box-shadow:0 0 0 2px #000, 0 0 0 4px var(--ds-chrome-inner), 0 0 0 5px #000, 0 4px 16px #00000080;border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 12px;transition:transform .2s;display:flex;position:relative}.starter-card:hover{animation:1.5s ease-in-out infinite starterGlow;transform:translateY(-4px)scale(1.04)}.starter-card:active{transform:translateY(0)scale(.98)}.starter-card--pending{border-color:var(--ds-gold);box-shadow:0 0 0 2px var(--ds-gold), 0 0 0 4px var(--ds-chrome-inner), 0 0 0 5px #000, 0 0 16px #ffd70080;animation:1s ease-in-out infinite starterGlow}.starter-card--pending .starter-card__name{color:var(--ds-gold)}.starter-card__sprite{text-align:center;width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(2px 4px 6px #00000080);font-size:48px;line-height:64px;animation:2s ease-in-out infinite spriteBob}.starter-card:nth-child(2) .starter-card__sprite{animation-delay:.4s}.starter-card:nth-child(3) .starter-card__sprite{animation-delay:.8s}.starter-card__name{color:var(--ds-white);text-align:center;letter-spacing:.5px;font-size:6px}.starter-card__type{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.starter-card--selected{background:var(--ds-surface-3)}.starter-card--selected:before{content:"▶";color:var(--ds-gold);font-size:8px;animation:.6s ease-in-out infinite spriteBob;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(90deg)}.combat-log{scrollbar-width:thin;scrollbar-color:var(--ds-chrome-inner) transparent;flex-direction:column;gap:2px;width:100%;max-height:180px;padding:8px;display:flex;overflow-y:auto}.combat-log::-webkit-scrollbar{width:4px}.combat-log::-webkit-scrollbar-track{background:0 0}.combat-log::-webkit-scrollbar-thumb{background:var(--ds-chrome-inner);border-radius:2px}.combat-log-entry{letter-spacing:.3px;border-radius:2px;padding:5px 10px;font-size:9px;line-height:1.8;animation:.2s ease-out logSlide}.combat-log-entry--neutral{color:var(--ds-white-dim);border-left-color:var(--ds-chrome-light)}.combat-log-entry--damage{color:#ef9a9a;border-left-color:var(--hp-red);background:#f4433614}.combat-log-entry--heal{color:#a5d6a7;border-left-color:var(--hp-green);background:#4caf5014}.combat-log-entry--event{color:var(--ds-gold);border-left-color:var(--ds-gold);background:#ffd7000f}.combat-log-entry--crit{color:#fff;background:#ff572226;border-left-color:#ff7043;font-size:7px}.reward-popup{z-index:1000;background:var(--ds-surface);width:min(360px,90vw);box-shadow:0 0 0 3px #000, 0 0 0 5px var(--ds-gold), 0 0 0 7px #000, 0 0 0 9px var(--ds-chrome-inner), 0 0 0 11px #000, 0 20px 60px #000000e6, 0 0 40px #ffd7004d;border-radius:6px;padding:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards rewardBurst;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.reward-popup:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(120deg,#0000 0%,#ffd70014 30%,#ffffff0d 50%,#ffd70014 70%,#0000 100%) 0 0/200%;animation:3s linear infinite shimmer;position:absolute;inset:0}.reward-popup__header{z-index:2;background:linear-gradient(#f9a825 0%,#e65100 50%,#bf360c 100%);border-bottom:3px solid #000;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:relative}.reward-popup__title{color:var(--ds-white);text-shadow:2px 2px #00000080;letter-spacing:1px;font-size:8px}.reward-popup__close{font-family:var(--ds-font);color:var(--ds-white);cursor:pointer;background:#0000004d;border:none;border-radius:2px;padding:4px 8px;font-size:7px;transition:background .15s}.reward-popup__close:hover{background:#00000080}.reward-popup__body{z-index:2;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;display:flex;position:relative}.reward-popup__sprite{filter:drop-shadow(0 0 12px #ffd70080);font-size:64px;animation:1.5s ease-in-out infinite spriteBob}.reward-popup__name{color:var(--ds-gold);text-shadow:2px 2px 0 var(--ds-gold-dim);text-align:center;font-size:9px}.reward-popup__desc{color:var(--ds-white-dim);text-align:center;letter-spacing:.3px;font-size:6px;line-height:2}.reward-popup__stats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.reward-popup__stat{color:var(--ds-white);background:var(--ds-surface-3);box-shadow:0 0 0 1px #000, 0 0 0 2px var(--ds-chrome-inner), 0 0 0 3px #000;border-radius:2px;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:6px;display:flex}.reward-popup__stat-label{color:var(--ds-white-dim);font-size:5px}.reward-popup__stat-value{color:var(--ds-gold)}.reward-popup__confirm-btn{font-family:var(--ds-font);letter-spacing:.5px;color:var(--ds-white);cursor:pointer;text-shadow:1px 1px #00000080;background:linear-gradient(#5c6bc0 0%,#3949ab 50%,#283593 100%);border:none;border-radius:4px;padding:10px 24px;font-size:7px;transition:filter .15s,transform .1s;box-shadow:inset 0 2px #fff3,0 0 0 2px #000,0 0 0 4px #3949ab,0 0 0 5px #000,0 3px 8px #00000080}.reward-popup__confirm-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.reward-popup__confirm-btn:active{animation:.15s ease-out btnPress;transform:translateY(1px)}.reward-popup-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000ab3;animation:.3s ease-out fadeIn;position:fixed;inset:0}.ds-tabs{gap:3px;padding:0 8px;display:flex}.ds-tab{font-family:var(--ds-font);letter-spacing:.5px;background:var(--ds-surface-2);color:var(--ds-white-dim);cursor:pointer;border:none;border-radius:4px 4px 0 0;padding:6px 10px 5px;font-size:5px;transition:background .15s,color .15s;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff14}.ds-tab:hover{background:var(--ds-surface-3);color:var(--ds-white)}.ds-tab--active{background:var(--ds-surface-3);color:var(--ds-white);box-shadow:0 0 0 1px #000, 0 -2px 0 var(--ds-blue-light), inset 0 1px 0 #ffffff26}.stat-bar{color:var(--ds-white-dim);align-items:center;gap:6px;font-size:5px;display:flex}.stat-bar__label{text-align:right;flex-shrink:0;width:40px}.stat-bar__track{background:#1a1a2e;border-radius:1px;flex:1;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0006,0 0 0 1px #000}.stat-bar__fill{background:linear-gradient(90deg,#5c6bc0 0%,#9fa8da 100%);border-radius:1px;height:100%;transition:width .8s ease-out;box-shadow:inset 0 1px #ffffff4d}.stat-bar__value{text-align:left;width:24px;color:var(--ds-white)}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:2px;padding:1px 4px 2px;font-size:5px;animation:2s ease-in-out infinite hpLowBlink;display:inline-block;box-shadow:0 0 0 1px #00000080}.status-badge--psn{color:#fff;background:#a040a0}.status-badge--brn{color:#fff;background:#c03028}.status-badge--par{color:#1a1000;background:#a1871f}.status-badge--slp{color:#fff;background:#6d6d4e}.status-badge--frz{color:#fff;background:#638d8d}.status-badge--cnf{color:#fff;background:#f08030}.ds-divider{background:#0a0a14;border-top:2px solid #000;border-bottom:2px solid #000;justify-content:center;align-items:center;width:100%;height:12px;display:flex;position:relative}.ds-divider:before{content:"";background:linear-gradient(90deg,#222 0%,#444 50%,#222 100%);border-radius:2px;width:60px;height:4px}.ds-money{color:var(--ds-gold);text-shadow:1px 1px 0 var(--ds-gold-dim);align-items:center;gap:4px;font-size:6px;display:flex}.ds-money__icon{font-size:8px}.item-icon{background:var(--ds-surface-2);width:32px;height:32px;image-rendering:pixelated;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--ds-chrome-inner), 0 0 0 3px #000;border-radius:3px;justify-content:center;align-items:center;font-size:20px;transition:transform .15s;display:flex}.item-icon:hover{transform:scale(1.1)}.turn-indicator{color:var(--ds-blue-light);letter-spacing:1px;align-items:center;gap:4px;font-size:5px;display:flex}.turn-indicator__dot{background:var(--ds-blue-light);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite hpLowBlink}.effectiveness-banner{text-align:center;letter-spacing:1px;white-space:nowrap;z-index:10;pointer-events:none;border-radius:2px;padding:4px 10px;font-size:7px;animation:.3s cubic-bezier(.16,1,.3,1) popIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.effectiveness-banner--super{color:#ff6b00;text-shadow:2px 2px #7f2a00;font-size:9px}.effectiveness-banner--not-very{color:#90a4ae;text-shadow:1px 1px #000;font-size:7px}.effectiveness-banner--immune{color:#607d8b;text-shadow:1px 1px #000;font-size:6px;font-style:italic}.encounter-flash{z-index:2000;pointer-events:none;background:#fff;animation:.8s ease-out forwards screenFlicker;position:fixed;inset:0}@media (width<=480px){.battle-scene{min-height:260px}.sprite-container{width:60px;height:60px}.sprite-placeholder{width:48px;height:48px;font-size:36px;line-height:48px}.battle-info-card{min-width:110px;padding:5px 8px 6px}.battle-info-card__name{font-size:5px}.attack-btn{padding:8px 6px;font-size:5px}.attack-btn__meta{font-size:4px}.battle-textbox{padding:10px 12px 9px}.battle-textbox__text{font-size:6px}.sutomdex-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.pokeball-anim{width:130px;height:130px}.pokeball-pokemon-sprite{width:104px;height:104px}.pokeball-sprite-stage{width:130px;height:130px}.pokeball-flash{width:190px;height:190px}.pokeball-beams{width:340px;height:340px}.pokeball-pokemon-name{font-size:13px}.pokeball-new-badge{font-size:12px}.starter-card{width:90px;padding:12px 8px 10px}.reward-popup__title{font-size:7px}.reward-popup__sprite{font-size:48px}}@media (width<=360px){.attack-btn-grid{grid-template-columns:1fr}.starter-select__grid{flex-direction:column;align-items:center}.sutomdex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sprite-img{opacity:0;transition:opacity .35s ease-out}.sprite-img--loaded{opacity:1}.pokeball-overlay{z-index:1000;cursor:pointer;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.pokeball-anim{flex-shrink:0;width:160px;height:160px;position:relative}@keyframes pokeballBigWobble{0%{transform:rotate(0)}15%{transform:rotate(-20deg)}30%{transform:rotate(20deg)}45%{transform:rotate(-15deg)}60%{transform:rotate(15deg)}75%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes pokeballOpenTop{0%{opacity:1;transform:translateY(0)rotate(0)}40%{opacity:1;transform:translateY(-120px)rotate(-25deg)}to{opacity:0;transform:translateY(-260px)rotate(-60deg)scale(.6)}}@keyframes pokeballOpenBottom{0%{opacity:1;transform:translateY(0)rotate(0)}40%{opacity:1;transform:translateY(120px)rotate(25deg)}to{opacity:0;transform:translateY(260px)rotate(60deg)scale(.6)}}@keyframes pokeballFlash{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.6)}to{opacity:0;transform:scale(2.4)}}@keyframes pokemonReveal{0%{opacity:0;transform:scale(.2)translateY(24px)}55%{opacity:1;transform:scale(1.18)translateY(-4px)}75%{transform:scale(.94)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pokeballBeamsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pokeballSparkle{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.2)}35%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-120px) scale(1)}}@keyframes spriteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes resultSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pokeball-anim--wobble{animation:.8s ease-in-out pokeballBigWobble}.pokeball-top-half{background:#c00;border:4px solid #111;border-radius:80px 80px 0 0;width:100%;height:50%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0}.pokeball-bottom-half{background:#f8f8f8;border:4px solid #111;border-radius:0 0 80px 80px;width:100%;height:50%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:0}.pokeball-middle-band{z-index:2;background:#111;justify-content:center;align-items:center;width:100%;height:16px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pokeball-center-button{background:#f8f8f8;border:6px solid #111;border-radius:50%;width:40px;height:40px;transition:box-shadow .3s;box-shadow:0 0 0 3px #888}.pokeball-anim--open .pokeball-top-half,.pokeball-anim--reveal .pokeball-top-half,.pokeball-anim--done .pokeball-top-half{animation:.6s ease-in forwards pokeballOpenTop}.pokeball-anim--open .pokeball-bottom-half,.pokeball-anim--reveal .pokeball-bottom-half,.pokeball-anim--done .pokeball-bottom-half{animation:.6s ease-in forwards pokeballOpenBottom}.pokeball-anim--reveal,.pokeball-anim--done{opacity:0;pointer-events:none;transition:opacity .3s ease-out}.pokeball-anim--open .pokeball-center-button,.pokeball-anim--reveal .pokeball-center-button,.pokeball-anim--done .pokeball-center-button{box-shadow:0 0 0 3px #888,0 0 20px 10px #ffffffe6}.pokeball-reveal{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.pokeball-beams{pointer-events:none;background:repeating-conic-gradient(#ffd7002e 0deg 12deg,#0000 12deg 24deg);border-radius:50%;width:460px;height:460px;animation:9s linear infinite pokeballBeamsSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 70%);mask-image:radial-gradient(circle,#000 25%,#0000 70%)}.pokeball-sprite-stage{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.pokeball-sparkle{--angle:calc(var(--i) * 45deg);transform-origin:50%;width:8px;height:8px;animation:.9s ease-out forwards pokeballSparkle;animation-delay:calc(.15s + var(--i) * 40ms);background:#fff;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px 2px gold}.pokeball-flash{pointer-events:none;background:radial-gradient(circle,#fffffff2 0%,#ffd70080 40%,#0000 70%);border-radius:50%;width:240px;height:240px;animation:.65s ease-out forwards pokeballFlash;position:absolute}.pokeball-pokemon-sprite{width:128px;height:128px;image-rendering:pixelated;filter:drop-shadow(0 0 24px #ffe68ce6);animation:.6s ease-out .15s both pokemonReveal,2.6s ease-in-out .75s infinite spriteFloat}.pokeball-result{opacity:0;text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.pokeball-result--visible{animation:.4s ease-out forwards resultSlideUp}.pokeball-new-badge{color:gold;text-shadow:0 0 10px gold,2px 2px #8b6914;letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:14px}.pokeball-pokemon-name{color:#fff;text-shadow:2px 2px #000;font-family:"Press Start 2P",monospace;font-size:16px}.pokeball-tap-hint{color:#888;margin-top:8px;font-family:"Press Start 2P",monospace;font-size:8px;animation:1s infinite cursorBlink}.pokeball-dupe-xp{color:#7ee787;text-shadow:0 0 8px #7ee78799,1px 1px #000;letter-spacing:1px;font-family:"Press Start 2P",monospace;font-size:9px}@media (prefers-reduced-motion:reduce){.hit-flash,.damage-shake,.ko-fade,.boss-ko,.typewriter,.sprite-container--idle,.player-attacking .sprite-container--idle,.damage-shake img,.battle-popup,.battle-popup__level-new,.battle-popup__header--levelup:after,.sprite-container--boss-enter,.sprite-container--player-enter,.pokeball-btn--spinning .pokeball-btn__icon,.pokeball-btn--wobbling .pokeball-btn__icon,.starter-card:hover,.sutomdex-cell:hover:after,.reward-popup,.combat-log-entry,.hp-bar-fill--low,.starter-card__sprite,.ds-money,.turn-indicator__dot,.effectiveness-banner,.encounter-flash,.pokeball-anim--wobble,.pokeball-anim--open .pokeball-top-half,.pokeball-anim--open .pokeball-bottom-half,.pokeball-anim--reveal .pokeball-top-half,.pokeball-anim--reveal .pokeball-bottom-half,.pokeball-anim--done .pokeball-top-half,.pokeball-anim--done .pokeball-bottom-half,.pokeball-flash,.pokeball-beams,.pokeball-sparkle,.pokeball-pokemon-sprite,.pokeball-result--visible,.pokeball-tap-hint,.ds-boot-logo,.ds-boot-sub,.ds-title,.ds-top-screen{transition:none!important;animation:none!important}.typewriter{clip-path:none;border-right:none}.ds-console--open .ds-top-screen{transform:rotateX(-105deg)}}.ds-console-wrapper{width:100%;min-height:0;font-family:var(--ds-font);color:var(--ds-text);image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;background:0 0;flex-direction:column;flex:1;align-items:center;padding:8px 0;display:flex;overflow:hidden}.ds-console{perspective:1200px;perspective-origin:50% 40%;-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;max-width:480px;display:flex}.ds-top-screen{background:linear-gradient(160deg,#353540 0%,#2a2a2e 50%,#1e1e24 100%);border-radius:16px 16px 4px 4px;width:100%;padding:9px 20px 8px;box-shadow:inset 0 2px 4px #ffffff0d,0 -2px 8px #0009,0 0 0 2px #111,0 0 0 3px #3a3a4e,0 0 0 5px #111}.ds-top-screen-inner{background:#050508;border-radius:4px;justify-content:center;align-items:center;width:100%;height:64px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #000,inset 0 0 0 4px #50508259,inset 0 0 0 6px #000,inset 0 0 32px #000028e6}.ds-top-screen-inner:before{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000024 2px 4px);position:absolute;inset:0}.ds-top-screen-inner:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);position:absolute;inset:0 60% 40% 0}.ds-title{font-family:var(--ds-font);letter-spacing:4px;z-index:4;background:linear-gradient(90deg, var(--ds-gold) 0%, #fff8e1 28%, var(--ds-gold) 56%, #fff8e1 78%, var(--ds-gold) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #ffd70080);background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:13px;animation:3s linear infinite shimmer;position:relative}.ds-help-btn{z-index:5;border:2px solid var(--ds-gold);width:22px;height:22px;color:var(--ds-gold);font-family:var(--ds-font);cursor:pointer;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;transition:transform .1s,background .15s,box-shadow .15s;display:flex;position:absolute;top:6px;right:14px;box-shadow:0 0 8px #ffd70059}.ds-help-btn:hover{background:#ffd7002e;transform:scale(1.1);box-shadow:0 0 12px #ffd70099}.ds-help-btn:active{transform:scale(.95)}.ds-hinge{background:linear-gradient(#111116 0%,#090910 50%,#111116 100%);border-top:2px solid #080810;border-bottom:2px solid #080810;justify-content:center;align-items:center;gap:10px;width:100%;height:18px;display:flex;box-shadow:inset 0 2px 6px #000000e6,inset 0 -2px 6px #000000e6}.ds-hinge-dot{background:radial-gradient(circle at 35% 35%,#4a4a5e,#1a1a22);border:2px solid #080810;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 1px 2px #ffffff1f,0 2px 4px #000c}.ds-bottom{box-sizing:border-box;background:linear-gradient(160deg,#2e2e38 0%,#282830 50%,#222228 100%);border-radius:20px 20px 28px 28px;flex-direction:column;width:100%;padding:32px 18px 22px;display:flex;position:relative;box-shadow:0 0 0 2px #111,0 0 0 3px #3a3a4e,0 0 0 5px #111,0 12px 40px #000c,inset 0 1px #ffffff0d,inset 0 -4px 12px #0006}.ds-bottom-screen{box-sizing:border-box;background:#0a0a10;border-radius:4px;flex-direction:column;width:100%;padding:6px;display:flex;box-shadow:inset 0 0 0 2px #000,inset 0 0 0 4px #46466e66,inset 0 0 0 6px #000,0 4px 20px #000c}.ds-screen-inner{background:var(--ds-bg-deep);background-image:repeating-linear-gradient(0deg, transparent, transparent 1px, #00001e1f 1px, #00001e1f 2px), radial-gradient(ellipse at center, var(--ds-surface) 0%, var(--ds-bg-deep) 100%);scrollbar-width:none;border-radius:2px;width:100%;height:clamp(200px,100dvh - 320px,400px);position:relative;overflow-y:hidden}.ds-screen-inner::-webkit-scrollbar{display:none}.ds-boot-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;min-height:200px;display:flex}.ds-boot-logo{font-family:var(--ds-font);letter-spacing:6px;color:var(--ds-gold);text-shadow:0 0 12px #ffd700b3,0 0 30px #ffd7004d;font-size:20px;animation:.8s ease-in-out infinite hpLowBlink}.ds-boot-sub{font-family:var(--ds-font);color:var(--ds-white-dim);letter-spacing:2px;font-size:6px;animation:1.2s ease-in-out .3s infinite hpLowBlink}.ds-controls{justify-content:space-between;align-items:center;padding:14px 4px 4px;display:flex}.ds-dpad{flex-shrink:0;width:60px;height:60px;position:relative}.ds-dpad-h,.ds-dpad-v{background:linear-gradient(#363648 0%,#1e1e28 50%,#282838 100%);border-radius:3px;position:absolute;box-shadow:0 0 0 1px #080810,inset 0 1px #ffffff12,inset 0 -1px #00000080}.ds-dpad-h{width:100%;height:33%;top:50%;left:0;transform:translateY(-50%)}.ds-dpad-v{width:33%;height:100%;top:0;left:50%;transform:translate(-50%)}.ds-dpad-center{z-index:2;background:#222230;border-radius:2px;width:33%;height:33%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-start-select{flex-direction:column;align-items:center;gap:8px;display:flex}.ds-small-btn{font-family:var(--ds-font);color:#c8c8dc80;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(#363648 0%,#1e1e28 100%);border-radius:12px;padding:3px 10px 4px;font-size:4px;box-shadow:0 0 0 1px #000c,inset 0 1px #ffffff14,inset 0 -2px #0006,0 2px 4px #00000080}.ds-buttons{flex-shrink:0;width:72px;height:72px;position:relative}.ds-btn{width:24px;height:24px;font-family:var(--ds-font);color:#fffc;border-radius:50%;justify-content:center;align-items:center;font-size:5px;display:flex;position:absolute;box-shadow:0 0 0 1px #000c,inset 0 2px #ffffff38,inset 0 -3px #0006,0 3px 6px #0009}.ds-btn--a{background:linear-gradient(#ef5350 0%,#b71c1c 100%);top:50%;right:0;transform:translateY(-50%)}.ds-btn--b{color:#000000bf;background:linear-gradient(#ffee58 0%,#f9a825 100%);bottom:0;left:50%;transform:translate(-50%)}.ds-btn--x{background:linear-gradient(#42a5f5 0%,#0d47a1 100%);top:0;left:50%;transform:translate(-50%)}.ds-btn--y{background:linear-gradient(#66bb6a 0%,#1b5e20 100%);top:50%;left:0;transform:translateY(-50%)}.sprite-container--lg{width:250px;height:250px}.sprite-container--boss{width:180px;height:180px}.sutomon-battle-layout{flex-direction:column;width:100%;height:100%;display:flex}.sutomon-battle-layout .battle-scene{flex:1;min-height:180px}.sutomon-battle-layout .battle-textbox{max-width:100%;box-shadow:none;border-top:none;border-radius:0}.battle-textbox-pane{background:var(--ds-bg-deep);border:3px solid #49899a;border-top-color:#000;border-bottom:none;flex-shrink:0;width:100%}.battle-textbox-pane .battle-textbox{box-shadow:none;scrollbar-width:none;border:none;border-radius:0;max-width:100%;height:72px;min-height:72px;max-height:72px;overflow-y:auto}.battle-textbox-pane .battle-textbox::-webkit-scrollbar{display:none}.battle-textbox-pane .battle-textbox:before,.battle-textbox-pane .battle-textbox:after{display:none}.battle-action-buttons{background:#0d0d1a;border:3px solid #000;border-color:#000 #49899a;flex-direction:row;flex-shrink:0;gap:3px;width:100%;height:40px;padding:3px 4px 4px;display:flex}.battle-menu-btn{font-family:var(--ds-font);letter-spacing:.3px;cursor:pointer;color:#fff;text-shadow:1px 1px #00000080;white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:20px;flex:1;padding:0 8px;font-size:6px;transition:filter .1s,transform .1s;overflow:hidden;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #0000004d,0 0 0 1px #000,0 2px 4px #00000080}.battle-menu-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.battle-menu-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000004d,0 0 0 1px #000}.battle-action-buttons .attack-section{flex-direction:row;flex:2;align-items:stretch;gap:3px;min-width:0;display:flex}.battle-action-buttons .attack-btn{text-align:center;color:#fff;white-space:nowrap;background:linear-gradient(#f87171 0%,#dc2626 50%,#991b1b 100%);border-radius:20px;flex:1;padding:0 6px;font-size:6px;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #0000004d,0 0 0 1px #000,0 2px 4px #00000080}.battle-action-buttons .attack-btn:disabled{color:#666;background:linear-gradient(#5a4a4a 0%,#3a2a2a 100%);box-shadow:0 0 0 1px #000}.battle-action-buttons .attack-status{color:var(--ds-white-dim);font-size:5px;font-family:var(--ds-font);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;align-items:center;max-width:80px;padding:0 4px;display:flex;overflow:hidden}.battle-menu-btn--team{background:linear-gradient(#4ade80 0%,#16a34a 50%,#14532d 100%);flex:1}.battle-menu-btn--dex{background:linear-gradient(#60a5fa 0%,#2563eb 50%,#1e3a8a 100%);flex:1}@keyframes popupEntrance{0%{opacity:0;transform:scale(.7)translateY(30px)}60%{opacity:1;transform:scale(1.04)translateY(-4px)}to{transform:scale(1)translateY(0)}}@keyframes levelGlow{0%,to{text-shadow:0 0 8px var(--ds-gold), 0 0 20px var(--ds-gold)}50%{text-shadow:0 0 16px var(--ds-gold), 0 0 40px #ffd70099, 0 0 60px #ffd7004d}}@keyframes victoryShine{0%{background-position:-200%}to{background-position:200%}}.battle-popup-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.battle-popup{font-family:var(--ds-font);width:92%;max-width:420px;box-shadow:0 0 0 2px #000, 0 0 0 4px var(--ds-chrome-inner), 0 0 0 6px #000, 0 0 40px #000c, 0 30px 80px #000000e6;border-radius:12px;animation:.45s cubic-bezier(.16,1,.3,1) forwards popupEntrance;overflow:hidden}.battle-popup--levelup{border:2px solid var(--ds-gold);box-shadow:0 0 0 2px #000, 0 0 0 4px var(--ds-gold-dim), 0 0 0 6px #000, 0 0 40px #ffd70026, 0 30px 80px #000000e6;background:linear-gradient(160deg,#0f1f50 0%,#0a1228 60%,#050a18 100%)}.battle-popup--bosskilled{background:linear-gradient(160deg,#2a0505 0%,#130202 60%,#050000 100%);border:2px solid #dc2626;box-shadow:0 0 0 2px #000,0 0 0 4px #7f1d1d,0 0 0 6px #000,0 0 40px #dc262633,0 30px 80px #000000e6}.battle-popup__header{letter-spacing:2px;text-align:center;padding:14px 20px 12px;font-size:10px;position:relative;overflow:hidden}.battle-popup__header--levelup{color:var(--ds-gold);border-bottom:2px solid var(--ds-gold-dim);text-shadow:0 0 12px var(--ds-gold), 0 0 24px #ffd70066;background:linear-gradient(#1a3a8a 0%,#0e2260 100%)}.battle-popup__header--levelup:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 20%,#ffffff14 40%,#ffd7001f 50%,#ffffff14 60%,#0000 80%) 0 0/200% 100%;animation:2.5s linear infinite victoryShine;position:absolute;inset:0}.battle-popup__header--bosskilled{color:#fca5a5;text-shadow:0 0 12px #ff646499;background:linear-gradient(#6b0f0f 0%,#3a0505 100%);border-bottom:2px solid #7f1d1d}.battle-popup__body{align-items:center;gap:16px;padding:18px 20px 14px;display:flex}.battle-popup__sprite{width:100px;height:100px;image-rendering:pixelated;filter:drop-shadow(0 0 12px #ffffff40);flex-shrink:0}.battle-popup__sprite--ko{filter:drop-shadow(0 0 10px #dc262666)brightness(.65)grayscale(.5);transform:rotate(-8deg)}.battle-popup__info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.battle-popup__name{color:var(--ds-white);letter-spacing:.5px;text-shadow:1px 1px #000;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.battle-popup__level-line{align-items:center;gap:8px;margin-top:2px;font-size:9px;display:flex}.battle-popup__level-old{color:var(--ds-white-dim);font-size:8px}.battle-popup__level-arrow{color:var(--ds-gold);font-size:12px}.battle-popup__level-new{color:var(--ds-gold);font-size:14px;animation:1.4s ease-in-out infinite levelGlow}.battle-popup__stats{background:#0000004d;border:1px solid #ffd70026;border-radius:4px;flex-direction:column;gap:4px;margin-top:2px;padding:8px 10px;display:flex}.battle-popup__stat-row{justify-content:space-between;align-items:center;font-size:7px;display:flex}.battle-popup__stat-label{color:var(--ds-white-dim);letter-spacing:1px}.battle-popup__stat-value{color:var(--ds-white)}.battle-popup__reward{color:#fca5a5;background:#dc262626;border:1px solid #dc26264d;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:8px;display:flex}.battle-popup__reward-icon{font-size:16px}.battle-popup__xp{color:var(--xp-blue-light);letter-spacing:.5px;font-size:8px}.battle-popup__next-boss{color:var(--ds-white-dim);border-top:1px solid #ffffff14;padding-top:4px;font-size:6px}.battle-popup__next-boss strong{color:var(--ds-white);font-weight:400}.battle-popup__divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:0 20px}.battle-popup__close{width:calc(100% - 28px);font-family:var(--ds-font);letter-spacing:1px;cursor:pointer;color:#fff;text-shadow:1px 1px #00000080;background:linear-gradient(#3949ab 0%,#283593 50%,#1a237e 100%);border:none;border-radius:20px;margin:12px 14px 14px;padding:10px;font-size:8px;transition:filter .1s,transform .1s;display:block;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #00000059,0 0 0 1px #000,0 4px 12px #00000080}.battle-popup__close--victory{background:linear-gradient(#f87171 0%,#dc2626 50%,#991b1b 100%);box-shadow:inset 0 2px #ffffff40,inset 0 -3px #00000059,0 0 0 1px #000,0 4px 12px #dc262666}.battle-popup__close:hover{filter:brightness(1.2);transform:translateY(-1px)}.battle-popup__close:active{filter:brightness(.9);transform:translateY(1px)}.team-popup-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.team-popup{background:var(--ds-surface);border:3px solid var(--ds-blue-light);width:92%;max-width:480px;max-height:85vh;font-family:var(--ds-font);border-radius:12px;animation:.3s cubic-bezier(.16,1,.3,1) forwards rewardBurst;overflow-y:auto;box-shadow:0 0 0 1px #000,0 0 0 3px #4fc3f740,0 20px 60px #000000e6}.team-popup-close{font-family:var(--ds-font);color:var(--ds-white);cursor:pointer;background:#0000004d;border:none;border-radius:2px;padding:4px 8px;font-size:7px;transition:background .15s}.team-popup-close:hover{background:#ffffff26}.team-popup-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:12px;display:grid}.team-popup .ds-header{z-index:2;background:var(--ds-surface-2);position:sticky;top:0}.team-popup-card{background:var(--ds-surface-2);cursor:pointer;font-family:var(--ds-font);color:var(--ds-white);text-align:center;border:2px solid #2a4a7f;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-size:7px;transition:border-color .2s,background .2s;display:flex;box-shadow:0 0 0 1px #000,0 2px 8px #0006}.team-popup-card.active{border-color:var(--ds-gold);cursor:default;background:#1e2a18}.team-popup-card:not(:disabled):not(.active):hover{border-color:var(--ds-blue-light);background:var(--ds-surface-3)}.team-popup-card:disabled{opacity:.65;cursor:not-allowed}.team-popup-name{color:var(--ds-white);font-size:7px}.team-popup-level{color:var(--ds-white-dim);font-size:6px}.team-popup-atk{color:var(--ds-blue-light);font-size:6px}.team-popup-active{color:var(--ds-gold);font-size:7px}.dex-popup-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dex-popup{background:var(--ds-surface);width:95vw;max-width:500px;height:90vh;box-shadow:0 0 0 2px #000, 0 0 0 4px var(--ds-chrome-inner), 0 0 0 6px #000, 0 20px 60px #000000e6;border-radius:8px;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards rewardBurst;display:flex;overflow:hidden}.dex-popup-header{background:var(--ds-surface-2);font-family:var(--ds-font);color:var(--ds-gold);z-index:1;border-bottom:2px solid #000;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:10px;display:flex;position:sticky;top:0}.dex-popup .sutomdex-panel{min-height:0;box-shadow:none;border-radius:0 0 8px 8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.dex-popup .sutomdex-panel .ds-header{display:none}.dex-popup .sutomdex-panel .pokeball-section{flex-shrink:0;padding:8px 12px}.dex-popup .sutomdex-panel .sutomdex-grid{scrollbar-width:thin;scrollbar-color:var(--ds-chrome-inner) transparent;flex:1;min-height:0;overflow-y:auto}.dex-popup .sutomdex-panel .sutomdex-grid::-webkit-scrollbar{width:4px}.dex-popup .sutomdex-panel .sutomdex-grid::-webkit-scrollbar-track{background:0 0}.dex-popup .sutomdex-panel .sutomdex-grid::-webkit-scrollbar-thumb{background:var(--ds-chrome-inner);border-radius:2px}.dex-popup-close{font-family:var(--ds-font);border:2px solid var(--hp-red);color:var(--hp-red);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:10px;line-height:1}.dex-popup-close:hover{background:var(--hp-red);color:#fff}.sutomon-help{max-width:460px}.sutomon-help__body{min-height:0;font-family:var(--ds-font);color:var(--ds-white);scrollbar-width:thin;scrollbar-color:var(--ds-chrome-inner) transparent;flex:1;padding:14px 16px 18px;line-height:1.85;overflow-y:auto}.sutomon-help__body::-webkit-scrollbar{width:5px}.sutomon-help__body::-webkit-scrollbar-thumb{background:var(--ds-chrome-inner);border-radius:2px}.sutomon-help__intro{color:var(--ds-gold);margin:0 0 14px;font-size:9px}.sutomon-help__section{border-bottom:1px solid #ffffff14;margin-bottom:14px;padding-bottom:12px}.sutomon-help__section:last-of-type{border-bottom:none}.sutomon-help__title{color:var(--ds-blue-light);letter-spacing:.5px;margin:0 0 8px;font-size:10px}.sutomon-help__body p{color:var(--ds-white);margin:0 0 6px;font-size:8px}.sutomon-help__body strong{color:var(--ds-gold)}.sutomon-help__list{border-left:3px solid var(--ds-gold);background:#0000004d;border-radius:4px;margin:6px 0;padding:8px 10px;list-style:none}.sutomon-help__list li{color:var(--ds-white-dim);font-size:8px;line-height:1.9}.sutomon-help__note{font-style:italic;color:var(--ds-text-dim)!important;font-size:7px!important}.sutomon-help__outro{color:var(--ds-gold);text-align:center;font-size:8px;margin-top:14px!important}.pokeball-use-btn{font-family:var(--ds-font);border:2px solid var(--ds-gold);width:100%;color:var(--ds-gold);cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#ffd7001f 0%,#ffd7000a 100%);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:8px;transition:background .15s,transform .1s;display:flex;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff0d}.pokeball-use-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd70040 0%,#ffd7001f 100%);transform:translateY(-1px)}.pokeball-use-btn:active:not(:disabled){transform:translateY(0)}.pokeball-use-btn:disabled{color:#555;cursor:not-allowed;background:0 0;border-color:#444}.pokeball-use-icon{font-size:16px}.pokeball-use-count{color:var(--ds-text-dim);font-size:7px}@media (width<=440px){.ds-console{width:100%}.ds-title{letter-spacing:3px;font-size:10px}.sprite-container--lg{width:158px;height:158px}.sprite-container--boss{width:124px;height:124px}.sutomon-battle-layout .battle-scene{min-height:240px}.battle-player{bottom:-50px}.battle-stats--player{bottom:8px;right:60px}.battle-stats--enemy{top:12px;left:6px}.gen4-hud{padding:5px 8px 6px}.battle-textbox-pane .battle-textbox{height:64px;min-height:64px;max-height:64px}.battle-action-buttons{gap:3px;height:44px;padding:3px}.battle-menu-btn,.battle-action-buttons .attack-btn{font-size:5px}.battle-action-buttons .attack-status{display:none}.battle-action-buttons .attack-section{flex:1.5}.player-attacking .sprite-container--idle{animation:.5s ease-in-out forwards playerAttack}}@media (width<=360px){.sprite-container--lg{width:134px;height:134px}.sprite-container--boss{width:108px;height:108px}.gen4-hud__name{font-size:7px}}@media (width>=768px){.ds-console{max-width:620px}.ds-screen-inner{height:clamp(380px,100dvh - 240px,580px)}.ds-title{letter-spacing:5px;font-size:16px}.ds-top-screen-inner{height:80px}.combat-log-entry{font-size:11px;line-height:1.9}.battle-textbox__text{font-size:9px}.battle-textbox-pane .battle-textbox{height:90px;min-height:90px;max-height:90px}.gen4-hud__name{font-size:10px}.gen4-hud__level{font-size:9px}.gen4-hud__hp-label,.gen4-hud__xp-label{font-size:8px}.gen4-hud__hp-current,.gen4-hud__hp-max{font-size:9px}.battle-action-buttons{gap:5px;height:54px;padding:5px 6px 6px}.battle-menu-btn,.battle-action-buttons .attack-btn{font-size:8px}.battle-action-buttons .attack-status{max-width:130px;font-size:7px}}.sutomon-battle-layout .battle-scene:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#060a1a80 0%,#060a1a00 24% 74%,#060a1a6b 100%);position:absolute;inset:0;display:block!important}.gen4-hud{color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);min-width:150px;box-shadow:none;filter:drop-shadow(1px 0 #000)drop-shadow(-1px 0 #000)drop-shadow(0 3px 4px #0009);background:linear-gradient(#2c3850 0%,#1b2333 55%,#11151f 100%);border-bottom:2px solid #78cdeb8c;border-radius:0;padding:6px 22px 7px 14px}.gen4-hud--player{clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);border-bottom-color:#ffd77880;min-width:150px;padding:6px 14px 7px 22px}.gen4-hud__header{border-bottom:1px solid #ffffff29;gap:12px}.gen4-hud__name{color:#fff;text-shadow:1px 1px #000}.gen4-hud__level{color:#ffd76a;text-shadow:1px 1px #000}.gen4-hud__hp-label{color:#7ee787;letter-spacing:1px;text-shadow:1px 1px #000}.gen4-hud__xp-label{color:#6ec6ff;text-shadow:1px 1px #000}.gen4-hud__hp-current{color:#fff;text-shadow:1px 1px #000}.gen4-hud__hp-sep,.gen4-hud__hp-max{color:#c2cad6;text-shadow:1px 1px #000}.gen4-hud__hp-track,.gen4-hud__xp-track{background:#080c14;box-shadow:inset 0 2px 3px #000000bf,0 0 0 1px #000}.battle-textbox-pane .battle-textbox{background:linear-gradient(#0f4d5d 0%,#0a3946 100%);border-top:3px solid #4fd6e6;box-shadow:inset 0 1px #ffffff14}.battle-textbox__arrow{color:#7fe9f5}.combat-log-entry--system{color:#eafcff}.sutomdex-cell{border-radius:8px;padding:2px}.sutomdex-cell .dex-sprite-wrap,.sutomdex-cell .dex-sprite,.sutomdex-cell .dex-unknown{width:46px;height:46px}.sutomdex-cell .dex-unknown{font-size:20px}.sutomdex-cell .dex-number{font-size:6px}.sutomdex-cell.caught{background:linear-gradient(#213450 0%,#182840 100%);box-shadow:0 0 0 1px #000,0 0 0 2px #4fc3f773,0 2px 4px #00000073}.sutomdex-cell.caught:hover{transform:scale(1.1);box-shadow:0 0 0 2px #4fd6e6,0 0 12px #4fd6e699,0 4px 12px #0000008c}.sutomdex-cell.unknown{background:#0e1422}.team-popup{border-color:#5cc8e6}.team-popup-card{background:linear-gradient(#24364f 0%,#18263a 100%);border:2px solid #33507f;border-radius:10px;padding-top:14px;position:relative;overflow:hidden}.team-popup-card img{filter:drop-shadow(2px 3px 3px #00000080);width:80px!important;height:80px!important}.team-popup-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.team-popup-card{font-size:9px}.team-popup-name{font-size:10px}.team-popup-level,.team-popup-atk{font-size:8px}.team-popup-active{font-size:9px}.team-popup-card .type-badge{padding:3px 7px 4px;font-size:7px}.team-popup-card.active{border-color:var(--ds-gold);background:linear-gradient(#2c2a18 0%,#20210f 100%);box-shadow:0 0 0 1px #000,0 0 0 2px #ffd70080,0 4px 14px #00000080}.team-popup-card.active:before{content:"ACTIF";color:#3a2a00;width:90px;font-family:var(--ds-font);letter-spacing:1px;text-align:center;z-index:2;background:linear-gradient(#ffd76a 0%,#f0b21e 100%);padding:3px 0;font-size:5px;position:absolute;top:9px;left:-26px;transform:rotate(-45deg);box-shadow:0 1px 3px #00000080}.team-popup-card.active .team-popup-active{display:none}.team-popup-card:not(:disabled):not(.active):hover{border-color:#5cc8e6;transform:translateY(-2px);box-shadow:0 0 0 1px #000,0 0 10px #5cc8e659}.starter-card{background:linear-gradient(#1c2940 0%,#131d30 100%)}.sutomon-alpha-banner{box-sizing:border-box;max-width:620px;font-family:var(--ds-font,monospace);color:#fdf6e3;background:linear-gradient(#2a2233 0%,#1a1622 100%);border:2px solid #ffcf4a;border-radius:10px;align-items:center;gap:10px;margin:0 auto 12px;padding:8px 12px;display:flex;box-shadow:0 0 0 1px #000,0 0 14px #ffcf4a40,0 4px 16px #00000080}.sutomon-alpha-banner__tag{letter-spacing:2px;color:#2a1d00;text-shadow:0 1px #ffffff4d;background:linear-gradient(#ffe07a 0%,#f0b21e 100%);border-radius:5px;flex-shrink:0;padding:4px 8px;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff80}.sutomon-alpha-banner__text{flex:1;font-size:8px;line-height:1.6}.sutomon-alpha-banner__text strong{color:#ffd76a}.sutomon-alpha-banner__close{color:#fdf6e3;cursor:pointer;background:#ffffff14;border:none;border-radius:4px;flex-shrink:0;padding:4px 7px;font-family:inherit;font-size:9px;transition:background .15s}.sutomon-alpha-banner__close:hover{background:#fff3}.sutomon-help__section--alpha{background:#ffcf4a12;border:1px solid #ffcf4a80;border-radius:8px;padding:8px 10px}.sutomon-help__section--alpha strong{color:#ffd76a}@media (width<=520px){.sutomon-alpha-banner{max-width:94vw}.sutomon-alpha-banner__text{font-size:7px}}:root{--bg:#07071a;--bg-elevated:#0f0f28;--surface:#141430;--surface-hover:#1e1e4a;--border:#232360;--border-light:#3535a0;--bien-place:#c1292e;--mal-place:#e9a820;--non-trouve:#1a3055;--non-trouve-text:#5a8db0;--text:#eeeef8;--text-dim:#7878aa;--text-muted:#404070;--accent:#7b68ee;--accent-glow:#7b68ee59;--pink:#ff6b9d;--cyan:#4ecdc4;--green:#5dde8a;--red:#ff6b6b;--gold:gold;--key-bg:#181838;--key-hover:#252560;--tile-size:56px;--tile-font:22px;--font-display:"Press Start 2P", cursive;--font-body:"Space Grotesk", system-ui, -apple-system, sans-serif;--radius:10px;--radius-lg:16px}[data-theme=light]{--bg:#f2f2fa;--bg-elevated:#e8e8f5;--surface:#fff;--surface-hover:#ededfc;--border:#d0d0e8;--border-light:#a8a8d0;--text:#0d0d24;--text-dim:#505080;--text-muted:#9090b8;--accent:#65d;--accent-glow:#6655dd40;--pink:#e8507a;--cyan:#2db8b0;--green:#2ab85a;--red:#e04040;--gold:#c8a800;--key-bg:#e0e0f0;--key-hover:#d0d0ec;--non-trouve:#d8d8ee;--non-trouve-text:#505080;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000141f 2px 4px);min-height:100dvh;overflow-x:hidden}[data-theme=light] body{background-image:none}#root,.app{flex-direction:column;min-height:100dvh;display:flex}.main-content{flex-direction:column;flex:1;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:0 16px 80px;display:flex}.main-content:has(.ds-console-wrapper){min-height:0;padding-bottom:0;overflow:hidden}.app:has(.ds-console-wrapper){height:100dvh;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font-family:var(--font-body);cursor:pointer;color:inherit;background:0 0;border:none}input{font-family:var(--font-body)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.rarity-common{--rarity-color:#88a}.rarity-rare{--rarity-color:#4e9fff}.rarity-epic{--rarity-color:#b44eff}.rarity-legendary{--rarity-color:gold}@media (width<=480px){:root{--tile-size:44px;--tile-font:18px}}@media (width<=360px){:root{--tile-size:38px;--tile-font:16px}}