@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{color-scheme:light;--pk-red: #dc0a2d;--pk-red-deep: #c40828;--pk-ink: #2d3436;--pk-muted: #7a8288;--pk-faint: #c8c0b0;--pk-paper: #faf7f0;--pk-border: #e8e0d0;--pk-card: #ffffff;--pk-highlight: #fff5f5;--pk-good: #4caf50;--pk-warn: #d4a017;--pk-bad: #e53935;--pk-blue: #3b5ca0;--pk-yellow: #ffc107;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:var(--pk-ink);background:var(--pk-paper)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;min-height:100%}body{background:var(--pk-paper);color:var(--pk-ink);overflow:hidden}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}.battle-shell{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;background:var(--pk-paper);overflow:hidden}.battle-shell:before{content:"";position:absolute;right:-25px;bottom:-25px;width:100px;height:100px;border-radius:50%;border:6px solid rgba(220,10,45,.05);pointer-events:none;z-index:0}.battle-header{padding:10px 16px;text-align:center;font-size:11px;letter-spacing:.2em;color:#fff;font-weight:700;flex-shrink:0;background:linear-gradient(135deg,var(--pk-red),#9b1b30);z-index:2}.battle-field{position:relative;flex:1 1 320px;min-height:280px;max-height:360px;background:linear-gradient(180deg,#87ceeb,#68b8de 30%,#7ec850,#5cad3c);overflow:hidden}.battle-field:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(0,0,0,.04) 8px,rgba(0,0,0,.04) 9px);pointer-events:none;z-index:1}.ground-enemy{position:absolute;right:30px;top:155px;width:180px;height:22px;border-radius:50%;background:radial-gradient(ellipse,rgba(80,160,80,.3),transparent 70%)}.ground-player{position:absolute;left:10px;bottom:30px;width:220px;height:28px;border-radius:50%;background:radial-gradient(ellipse,rgba(80,160,80,.35),transparent 70%)}.sprite{position:absolute;image-rendering:pixelated;filter:drop-shadow(0 8px 20px rgba(0,0,0,.2));z-index:2}.sprite-enemy{right:55px;top:30px;width:128px;height:128px;animation:slideR .5s ease,pokeBob 3s ease-in-out 1s infinite}.sprite-player{left:25px;bottom:35px;width:160px;height:160px;animation:slideL .5s ease,pokeBob 3.5s ease-in-out 1.2s infinite}.info-panel{position:absolute;background:#fffffff2;border:2px solid var(--pk-border);border-radius:12px;padding:10px 14px;min-width:170px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;box-shadow:0 2px 12px #0000001a;color:var(--pk-ink)}.info-enemy{left:20px;top:20px}.info-player{right:20px;bottom:20px}.info-top-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.info-name{font-size:13px;font-weight:600}.info-level{font-size:10px;color:var(--pk-muted)}.hp-row{display:flex;align-items:center;gap:6px}.hp-track{flex:1;height:6px;border-radius:99px;background:var(--pk-border);overflow:hidden}.hp-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.hp-bottom-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:6px}.type-badges{display:flex;gap:4px}.type-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:99px;color:#fff;letter-spacing:.04em}.hp-text{font-size:10px;color:var(--pk-muted);font-variant-numeric:tabular-nums}.status-pill{display:inline-block;margin-left:6px;font-size:9px;font-weight:700;padding:1px 6px;border-radius:99px;color:#fff;letter-spacing:.06em}.battle-log{flex:1 1 80px;min-height:88px;max-height:160px;overflow-y:auto;padding:10px 16px;border-top:1px solid var(--pk-border);background:var(--pk-card)}.battle-log p{margin:0;padding:4px 0;font-size:14px;line-height:1.5;color:var(--pk-ink);font-family:Noto Sans SC,system-ui,sans-serif}.battle-log p+p{border-top:1px dashed rgba(0,0,0,.04)}.action-bar{display:flex;flex-shrink:0;border-top:2px solid var(--pk-border);background:var(--pk-card);position:relative;z-index:10}.action-btn{flex:1;padding:14px 8px;border:none;border-right:1px solid var(--pk-border);background:transparent;color:var(--pk-ink);font-size:11px;font-weight:700;letter-spacing:.08em;transition:all .15s ease;font-family:inherit}.action-btn:last-child{border-right:none}.action-btn:nth-child(1):hover:not(:disabled){background:var(--pk-red);color:#fff}.action-btn:nth-child(2):hover:not(:disabled){background:var(--pk-blue);color:#fff}.action-btn:nth-child(3):hover:not(:disabled){background:var(--pk-good);color:#fff}.action-btn:nth-child(4):hover:not(:disabled){background:var(--pk-yellow);color:var(--pk-ink)}.action-btn:active:not(:disabled){transform:scale(.97)}.action-btn:disabled{opacity:.35;cursor:not-allowed}.submenu{position:absolute;bottom:48px;left:0;right:0;z-index:40;background:var(--pk-card);border-top:2px solid var(--pk-red);max-height:260px;overflow-y:auto;animation:menuIn .2s ease;padding:8px 12px;font-family:inherit}.submenu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.submenu-title{font-size:10px;color:var(--pk-red);font-weight:600;letter-spacing:.1em}.submenu-close{padding:4px 10px;border-radius:5px;border:1px solid rgba(220,10,45,.15);background:none;color:var(--pk-muted);font-size:11px;cursor:pointer;font-family:inherit}.submenu-close:hover{color:var(--pk-red)}.submenu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--pk-border);background:var(--pk-paper);cursor:pointer;transition:all .15s ease;width:100%;font-family:inherit;font-size:12px;color:var(--pk-ink);text-align:left;margin-bottom:4px}.submenu-item:hover:not(:disabled){background:var(--pk-highlight);border-color:#dc0a2d33}.submenu-item:disabled{opacity:.3;pointer-events:none}.submenu-item-spring{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.submenu-item-meta{font-size:10px;color:var(--pk-muted);flex-shrink:0}.move-row{display:flex;align-items:center;gap:8px;width:100%}.move-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.move-cat-label{font-size:9px;color:var(--pk-muted);width:28px;text-align:center;flex-shrink:0}.move-pp{font-size:10px;color:var(--pk-muted);width:50px;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}@keyframes menuIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideR{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideL{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pokeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:520px){.battle-field{min-height:240px;max-height:300px}.sprite-enemy{right:20px;top:24px;width:104px;height:104px}.sprite-player{left:12px;bottom:22px;width:132px;height:132px}.info-panel{min-width:140px;padding:8px 10px}.info-name{font-size:12px}.battle-log{max-height:100px}.battle-log p{font-size:13px}.action-btn{padding:12px 6px;font-size:10px}}