:root{--ink:#1a1410;--paper:#f4e6c8;--paper-2:#ead6a8;--cinnabar:#c45c3e;--bamboo:#3d6b4f;--gold:#d4a054;--night:#2c241c;--wood:#6b3f24;--stamp:#8c2f22}*{box-sizing:border-box}html,body,#root{height:100dvh;margin:0;overflow:hidden}body{color:var(--ink);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#120e0c;font-family:Noto Serif SC,Songti SC,serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.desk{justify-content:center;align-items:stretch;height:100dvh;display:flex}.device{background:var(--paper);width:100%;max-width:430px;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden}.topbar{border-bottom:3px solid var(--ink);background:#f7edd4;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.brand{letter-spacing:.12em;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:20px}.brand small{letter-spacing:.18em;color:var(--stamp);font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:11px;display:block}.icon-btn{border:3px solid var(--ink);background:var(--gold);place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-btn svg{width:18px;height:18px}.screen{-webkit-overflow-scrolling:touch;flex:1;padding:10px 12px 12px;position:relative;overflow:auto}.screen.battle-mode{padding:0;display:flex;overflow:hidden}.dock{border-top:3px solid var(--ink);background:#efe0b8;flex-shrink:0;grid-template-columns:repeat(5,1fr);display:grid}.dock button{border:0;border-right:2px solid var(--ink);color:var(--ink);background:0 0;padding:6px 2px 8px;font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:12px}.dock button:last-child{border-right:0}.dock button.on{background:var(--cinnabar);color:var(--paper)}.pixel-stage{border:3px solid var(--ink);background:repeating-linear-gradient(#d8c49a 0 8px,#d0ba8c 8px 16px);place-items:center;min-height:180px;margin:4px 0 8px;display:grid;overflow:hidden}.pixel-stage canvas{image-rendering:pixelated}.stamp{border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);justify-content:center;align-items:center;padding:8px 12px;font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:14px;display:inline-flex}.stamp:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.stamp.primary{background:var(--cinnabar);color:var(--paper)}.stamp.gold{background:var(--gold)}.stamp.on{background:var(--ink);color:var(--paper)}.stamp.fat{min-width:96px;min-height:44px}.row{flex-wrap:wrap;gap:8px;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:6px 10px;font-size:13px;display:grid}.stat-line{justify-content:space-between;gap:8px;display:flex}.bar{border:2px solid var(--ink);background:#d8c49a;flex:1;align-self:center;height:8px}.bar>i{background:var(--cinnabar);height:100%;display:block}.field{flex-direction:column;gap:4px;font-size:13px;display:flex}.field input{border:3px solid var(--ink);color:var(--ink);background:#fffaf0;padding:8px}.muted{color:#6a5840;font-size:12px;line-height:1.55}.chip{border:2px solid var(--ink);background:#fffaf0;padding:6px 8px;font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:12px}.chip.on{background:var(--ink);color:var(--paper)}.train-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.train-card{border:3px solid var(--ink);text-align:left;background:#fffaf0;min-height:88px;padding:12px 10px;font-family:ZCOOL QingKe HuangYou,sans-serif}.train-card b{margin-bottom:4px;font-size:16px;display:block}.map-wrap{border:3px solid var(--ink);background:#6a8f5a;height:240px;position:relative;overflow:hidden}.loc-btn{border:2px solid var(--ink);background:var(--paper);white-space:nowrap;padding:4px 8px;font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:11px;position:absolute;transform:translate(-50%,-100%)}.card-list{flex-direction:column;gap:8px;display:flex}.card-item{border:3px solid var(--ink);text-align:left;background:#fffaf0;padding:8px 10px}.card-item.equip{border-left-width:8px;border-left-color:var(--night)}.sheet{z-index:8;background:#1a14108c;place-items:end center;display:grid;position:absolute;inset:0}.sheet .panel{background:var(--paper);border-top:4px solid var(--ink);width:100%;max-height:80%;padding:16px;overflow:auto}.score{font-family:"Press Start 2P",monospace;font-size:12px}.game-full{z-index:6;padding-top:env(safe-area-inset-top);background:#1a1410;flex-direction:column;display:flex;position:absolute;inset:0}.game-back{top:calc(8px + env(safe-area-inset-top));z-index:7;border:3px solid var(--ink);background:var(--paper);min-height:36px;padding:6px 12px;font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:14px;position:absolute;right:10px}.game-canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;background:#1a1410;flex:1;display:block}.overlay-card{border:3px solid var(--ink);z-index:7;background:#f4e6c8f5;padding:18px 16px;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%)}.game-how{text-align:center}.game-how b{letter-spacing:.08em;font-family:ZCOOL XiaoWei,serif;font-size:20px}.game-how p{margin:10px 0 16px}.battle{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.battle-field{background:linear-gradient(#8eb56a 0 42%,#c8b48a 42% 58%,#6a8f5a 58% 100%);flex:1;min-height:0;position:relative;overflow:hidden}.hud-box{background:var(--paper);border:3px solid var(--ink);width:56%;box-shadow:3px 3px 0 var(--ink);padding:6px 8px 8px;position:absolute}.foe-hud{top:10px;left:8px}.me-hud{bottom:10px;right:8px}.hud-name{font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:15px}.hp-row{align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.hp-track{border:2px solid var(--ink);background:#3a3028;flex:1;height:10px}.hp-track>i{background:#4caf50;width:100%;height:100%;transition:width .45s;display:block}.hud-meta{color:#6a5840;margin-top:2px;font-size:11px}.sprite{position:absolute}.foe-sprite{top:8%;right:4%}.me-sprite{bottom:6%;left:2%}.is-hit{animation:.35s linear poke-shake}.vfx{pointer-events:none;position:absolute;inset:10% 8%}.vfx.slash{background:linear-gradient(115deg,#0000 42%,#fff 46%,#c45c3e 50%,#fff 54%,#0000 58%);animation:.45s ease-out forwards poke-slash}.vfx.dash{animation:.4s ease-out forwards poke-dash;box-shadow:-24px 0 #f4e6c859,-48px 0 #f4e6c826}.vfx.guard{border:6px solid #d4a054;border-radius:50%;animation:.55s ease-out forwards poke-guard}.vfx.qi{background:radial-gradient(circle,#d4a054b3,#0000 70%);animation:.6s ease-out forwards poke-qi}.dmg-pop{color:#c45c3e;font-family:"Press Start 2P",monospace;font-size:14px;animation:.7s ease-out forwards float-dmg;position:absolute;top:8px;right:8px}.eff-stamp{border:3px solid var(--ink);background:var(--paper);z-index:3;padding:6px 12px;font-family:ZCOOL QingKe HuangYou,sans-serif;font-size:20px;animation:.35s ease-out stamp-in;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.battle-msg{color:#f4e6c8;border-top:3px solid var(--ink);background:#1a1410;flex-shrink:0;min-height:52px;padding:10px 12px;font-size:15px;line-height:1.45}.fight-menu{background:#2c241c;flex-shrink:0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:6px;min-height:148px;padding:8px;display:grid}.fight-menu.is-busy{pointer-events:none;opacity:.55}.move-btn{border:3px solid var(--ink);color:#fffaf0;text-align:left;min-height:64px;padding:8px 10px;font-family:ZCOOL QingKe HuangYou,sans-serif;box-shadow:2px 2px #1a1410}.move-btn b{font-size:18px;display:block}.move-btn span{opacity:.9;font-size:12px}.move-btn:active{transform:translate(1px,1px)}@keyframes poke-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes poke-slash{0%{opacity:0;transform:scale(.4)rotate(-18deg)}30%{opacity:1}to{opacity:0;transform:scale(1.3)rotate(8deg)}}@keyframes poke-dash{0%{opacity:0;transform:translate(18px)}40%{opacity:1}to{opacity:0;transform:translate(-28px)}}@keyframes poke-guard{0%{opacity:0;transform:scale(.6)}40%{opacity:1}to{opacity:0;transform:scale(1.2)}}@keyframes poke-qi{0%{opacity:0;transform:scale(.4)}40%{opacity:1}to{opacity:0;transform:scale(1.6)}}@keyframes float-dmg{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-36px)}}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width>=520px){.desk{background:repeating-linear-gradient(90deg,#5a341c 0 14px,#4a2a16 14px 18px,#6b3f24 18px 32px);align-items:center}.device{border:4px solid #1a1410;border-radius:28px;height:min(100dvh - 20px,860px);box-shadow:0 0 0 10px #2c241c,8px 12px #1a1410}}