:root{--ink: #2b2440;--paper: #fff7e6;--sky-1: #ffd6e8;--sky-2: #b6e3ff;--sky-3: #c8ffd4;--pop-pink: #ff5fa2;--pop-yellow: #ffd23f;--pop-blue: #3da5ff;--pop-green: #5dd45d;--shadow: 4px 6px 0 var(--ink);--shadow-sm: 2px 3px 0 var(--ink)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Fredoka,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 20% 15%,var(--sky-1),transparent 45%),radial-gradient(circle at 80% 20%,var(--sky-2),transparent 45%),radial-gradient(circle at 50% 90%,var(--sky-3),transparent 50%),var(--paper);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--ink) 1.2px,transparent 1.2px);background-size:26px 26px;opacity:.05;pointer-events:none;z-index:0}.app{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:32px 20px 60px}.title{font-family:"Baloo 2",cursive;font-weight:800;font-size:clamp(2.6rem,7vw,4.4rem);text-align:center;line-height:.95;letter-spacing:-1px;color:var(--pop-pink);text-shadow:3px 3px 0 #fff,6px 6px 0 var(--ink);transform:rotate(-2deg);margin-bottom:4px}.subtitle{text-align:center;font-weight:600;color:var(--ink);opacity:.7;margin-bottom:30px}.card{background:#fff;border:4px solid var(--ink);border-radius:22px;box-shadow:var(--shadow);padding:24px}.btn{font-family:"Baloo 2",cursive;font-weight:700;font-size:1.1rem;color:var(--ink);background:var(--pop-yellow);border:3px solid var(--ink);border-radius:16px;padding:12px 22px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .08s ease,box-shadow .08s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:3px 4px 0 var(--ink)}.btn:active{transform:translate(2px,3px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.big{font-size:1.5rem;padding:16px 36px;background:var(--pop-pink);color:#fff}.center{display:flex;flex-direction:column;align-items:center;gap:16px}.arena{display:grid;gap:18px;background:linear-gradient(180deg,#d7f0ff,#eaffea);border:4px solid var(--ink);border-radius:22px;box-shadow:var(--shadow);padding:22px;margin-bottom:18px}.fighter{display:flex;align-items:center;gap:16px}.fighter.foe{flex-direction:row-reverse;text-align:right}.blob{width:92px;height:92px;border-radius:50% 50% 46% 54%;border:4px solid var(--ink);box-shadow:var(--shadow-sm);position:relative;animation:bob 1.6s ease-in-out infinite}.blob:before,.blob:after{content:"";position:absolute;top:30px;width:13px;height:16px;background:var(--ink);border-radius:50%}.blob:before{left:24px}.blob:after{right:24px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.blob.hurt{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.namebar{flex:1}.namebar h3{font-family:"Baloo 2";font-weight:700;font-size:1.3rem}.hpwrap{background:#fff;border:3px solid var(--ink);border-radius:12px;height:20px;overflow:hidden;margin-top:6px}.hpbar{height:100%;background:var(--pop-green);transition:width .4s ease}.hpbar.low{background:var(--pop-yellow)}.hpbar.crit{background:var(--pop-pink)}.hptext{font-size:.85rem;font-weight:600;margin-top:3px}.log{background:#fff;border:4px solid var(--ink);border-radius:18px;padding:14px 18px;min-height:78px;font-weight:500;box-shadow:var(--shadow-sm);margin-bottom:16px}.log .line{animation:pop .25s ease}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.moves{display:grid;grid-template-columns:1fr 1fr;gap:12px}.move{font-family:"Baloo 2";font-weight:700;border:3px solid var(--ink);border-radius:14px;padding:14px;cursor:pointer;box-shadow:var(--shadow-sm);color:#fff;transition:transform .08s}.move:hover{transform:translate(-1px,-1px)}.move:active{transform:translate(2px,3px);box-shadow:0 0 0 var(--ink)}.move:disabled{opacity:.45;cursor:not-allowed}.move small{display:block;font-family:Fredoka;font-weight:500;opacity:.9}.status{text-align:center;font-weight:600;margin-top:10px;min-height:24px}.banner{text-align:center;font-family:"Baloo 2";font-weight:800;font-size:2rem;margin:14px 0;transform:rotate(-1.5deg)}.banner.win{color:var(--pop-green)}.banner.lose{color:var(--pop-pink)}.world-frame{display:flex;justify-content:center;border:4px solid var(--ink);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;background:#1c2333;margin-bottom:12px}.overworld-canvas{display:block;image-rendering:pixelated;max-width:100%}.world-hud{display:flex;justify-content:space-between;align-items:center;font-family:"Baloo 2";font-weight:700;padding:0 6px;margin-bottom:6px}.world-hud .dpad-hint{font-family:Fredoka;font-weight:500;opacity:.6;font-size:.9rem}.overworld-stage{position:relative}.overworld-stage .overworld-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.gif-tile{position:absolute;image-rendering:pixelated;pointer-events:none}.world-hud .party-hp{font-family:"Baloo 2";font-weight:700;color:var(--pop-green);background:#fff;border:2px solid var(--ink);border-radius:10px;padding:2px 10px;box-shadow:var(--shadow-sm)}.auth-card{gap:14px;max-width:380px;margin:0 auto}.auth-tabs{display:flex;gap:8px;width:100%}.auth-tabs .tab{flex:1;font-family:"Baloo 2";font-weight:700;font-size:1rem;padding:10px;border:3px solid var(--ink);border-radius:12px;background:#fff;cursor:pointer;box-shadow:var(--shadow-sm)}.auth-tabs .tab.on{background:var(--pop-yellow)}.field{width:100%;font-family:Fredoka;font-size:1rem;padding:12px 14px;border:3px solid var(--ink);border-radius:12px;background:#fff;outline:none}.field:focus{border-color:var(--pop-pink)}.auth-error{width:100%;text-align:center;font-weight:600;color:#fff;background:var(--pop-pink);border:3px solid var(--ink);border-radius:10px;padding:8px}.btn.small{font-size:.95rem;padding:8px 14px;background:#fff}.browser-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.who{display:flex;align-items:center;gap:10px;font-family:"Baloo 2";font-weight:700}.server-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.server-list{display:flex;flex-direction:column;gap:12px}.server-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:4px solid var(--ink);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow)}.server-row.off{opacity:.6}.server-name{font-family:"Baloo 2";font-weight:800;font-size:1.2rem;display:flex;align-items:center;gap:8px}.server-desc{font-size:.9rem;opacity:.75;margin-top:4px;max-width:52ch}.server-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.players{font-weight:600;font-size:.9rem}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);background:#bbb;display:inline-block}.dot.on{background:var(--pop-green)}.badge{font-family:Fredoka;font-weight:600;font-size:.7rem;padding:2px 8px;border-radius:8px;border:2px solid var(--ink);margin-left:4px}.badge.modded{background:var(--pop-yellow)}.badge.region{background:var(--sky-2)}