*{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f0e8d0;--card:#fffdf2;--ink:#33355c;--ink-soft:#63658a;--red:#d84c4c;--green:#58a858;--yellow:#f0c040;--hp-orange:#f8a038}body{background:var(--paper);color:var(--ink);min-height:100vh;image-rendering:pixelated;background-image:linear-gradient(#33355c0b 1px,#0000 1px),linear-gradient(90deg,#33355c0b 1px,#0000 1px);background-size:24px 24px;font-family:VT323,monospace;font-size:20px;line-height:1.35}h1,h2,h3,.btn,.menu-item,.move-name,.countdown,.title{font-family:"Press Start 2P",monospace}h2{font-size:15px}h3{font-size:12px;line-height:1.6}button{cursor:pointer;color:var(--ink);font-family:inherit}button:disabled{cursor:not-allowed;opacity:.45}img{image-rendering:pixelated}.frame{background:var(--card);border:4px solid var(--ink);box-shadow:inset 0 0 0 2px var(--card), inset 0 0 0 4px #33355c59, 6px 6px 0 #33355c40;border-radius:8px;padding:18px}.screen{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;min-height:100vh;padding:24px 14px;display:flex}.menu{text-align:center;flex-direction:column;gap:14px;width:100%;max-width:440px;margin-top:5vh;display:flex}.mascot{height:80px;margin:0 auto}.title{letter-spacing:2px;text-shadow:3px 3px #33355c33;font-size:26px}.tagline{color:var(--ink-soft);margin-top:-8px}.input{border:3px solid var(--ink);color:var(--ink);background:#fff;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-family:VT323,monospace;font-size:20px}.input:focus{box-shadow:3px 3px #33355c59}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.btn,.menu-item{background:var(--card);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:center;border-radius:4px;padding:12px 14px;font-size:11px;transition:none}.btn:hover:not(:disabled),.menu-item:hover:not(:disabled){background:#fff}.btn:active:not(:disabled),.menu-item:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.btn.primary{background:var(--yellow)}.btn.wide{width:100%}.menu-list{flex-direction:column;gap:10px;display:flex}.menu-item{text-align:left;padding-left:34px;position:relative}.menu-item:before{content:"▸";opacity:0;position:absolute;left:14px}.menu-item:hover:not(:disabled):before{opacity:1}.join-row{gap:10px;display:flex}.join-row .menu-item{flex:1}.code-input{text-align:center;letter-spacing:4px;text-transform:uppercase;width:120px}.room-code{letter-spacing:10px;border:3px dashed var(--ink);background:#fff;border-radius:4px;padding:14px 0 14px 10px;font-family:"Press Start 2P",monospace;font-size:26px}.error{color:var(--red)}.hint,.loading-text{color:var(--ink-soft)}.disclaimer{color:var(--ink-soft);margin-top:4px;font-size:15px;line-height:1.4}.disclaimer a{color:var(--ink)}.dots:after{content:"...";animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.team-strip{border:3px solid var(--ink);background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:6px 10px;display:flex}.team-strip img{object-fit:contain;width:44px;height:44px}.team-strip-label{color:var(--ink-soft)}.team-strip-edit{color:var(--ink-soft);margin-left:auto;font-family:"Press Start 2P",monospace;font-size:9px}.team-strip:hover .team-strip-edit{color:var(--ink)}.builder{flex-direction:column;gap:14px;width:100%;max-width:860px;display:flex}.builder-head{justify-content:space-between;align-items:center;display:flex}.picked-count{font-family:"Press Start 2P",monospace;font-size:12px}.team-slots{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.slot{border:3px solid var(--ink);text-transform:capitalize;background:#fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:96px;font-size:15px;display:flex;position:relative}.slot img{cursor:pointer;height:52px}.slot.empty{color:var(--ink-soft);border-style:dashed;font-family:"Press Start 2P",monospace}.slot-remove{background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:0 0 0 4px;width:22px;height:22px;font-size:15px;line-height:1;position:absolute;top:-2px;right:-2px}.builder-tools{gap:10px;display:flex}.builder-tools .input{flex:1}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;max-height:46vh;padding:2px;display:grid;overflow-y:auto}.dex-card{border:3px solid var(--ink);background:#fff;border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:16px;display:flex}.dex-card:hover:not(:disabled){box-shadow:3px 3px #33355c59}.dex-card.in-team{border-color:var(--hp-orange);background:#fdf3cf}.dex-card img{object-fit:contain;width:60px;height:60px}.dex-num{color:var(--ink-soft);font-size:13px}.dex-name{text-transform:capitalize}.dex-bst{color:var(--ink-soft);font-size:13px}.builder-actions{justify-content:space-between;gap:10px;display:flex}.type-chips{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.chip{border:2px solid var(--ink);text-transform:uppercase;border-radius:3px;padding:2px 5px;font-size:12px;line-height:1}.move-picker{text-align:left;max-width:560px}.picker-head{align-items:center;gap:10px;display:flex}.picker-head img{width:64px;height:64px}.picker-head .picked-count{margin-left:auto}.move-list{flex-direction:column;gap:6px;max-height:44vh;padding:2px;display:flex;overflow-y:auto}.move-row{border:3px solid var(--ink);text-align:left;background:#fff;border-radius:4px;align-items:center;gap:10px;padding:7px 10px;font-size:18px;display:flex}.move-row.picked{border-color:var(--hp-orange);background:#fdf3cf;box-shadow:3px 3px #33355c59}.move-row-name{text-transform:capitalize}.move-row-meta{color:var(--ink-soft);white-space:nowrap;margin-left:auto;font-size:15px}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.battle-screen{width:100%;max-width:900px;margin:0 auto}.battle-top{width:100%;color:var(--ink-soft);align-items:center;gap:18px;font-family:"Press Start 2P",monospace;font-size:11px;display:flex}.countdown{color:var(--ink);font-size:14px}.countdown.danger{color:var(--red);animation:.6s steps(2,end) infinite blink}.offline{color:var(--hp-orange);font-family:VT323,monospace;font-size:18px}.arena{background:linear-gradient(#a8e0f0 0% 46%,#90cc88 46% 72%,#78b070 72% 100%);flex-direction:column;justify-content:space-between;width:100%;min-height:340px;display:flex;position:relative;overflow:hidden}.side{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.you-side{align-items:flex-end}.pedestal{flex-direction:column;align-items:center;margin:0 6%;display:flex}.platform{background:#c8b078;border:3px solid #33355c80;border-radius:50%;width:190px;height:44px;margin-top:-34px}.sprite{z-index:1;position:relative}.enemy-sprite{height:120px}.you-sprite{height:165px}.sprite.mirrored{transform:scaleX(-1)}.statbox{background:var(--card);border:3px solid var(--ink);border-radius:6px;min-width:250px;margin:8px;padding:8px 12px;box-shadow:4px 4px #33355c59}.statbox-head{text-transform:capitalize;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.statbox-head strong{font-size:21px}.trainer{color:var(--ink-soft);font-size:15px}.hp-row{align-items:center;gap:6px;margin-top:2px;display:flex}.hp-label{color:var(--hp-orange);font-family:"Press Start 2P",monospace;font-size:9px}.hpbar{border:2px solid var(--ink);background:#56585c;border-radius:4px;flex:1;height:12px;overflow:hidden}.hpbar-fill{height:100%;transition:width .5s steps(12,end)}.hpbar-fill.ok{background:var(--green)}.hpbar-fill.warn{background:var(--yellow)}.hpbar-fill.danger{background:var(--red)}.hp-num{color:var(--ink-soft);font-size:16px}.balls{gap:4px;margin-top:4px;display:flex}.ball{border:2px solid var(--ink);background:linear-gradient(180deg, var(--red) 0%, var(--red) 45%, #fff 55%, #fff 100%);border-radius:50%;width:11px;height:11px}.ball.out{background:#c9c4b2}.bottom{grid-template-columns:1.2fr 1fr;gap:12px;width:100%;display:grid}.moves{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.move{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:left;text-transform:capitalize;border-radius:4px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.move:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.move-name{font-size:10px}.move-meta{opacity:.8;font-size:15px}.switch-btn{background:var(--card);grid-column:span 2;justify-content:center;align-items:center;padding:12px;font-family:"Press Start 2P",monospace;font-size:10px}.moves .hint{text-align:center;grid-column:span 2}.log{height:210px;padding:10px 14px;font-size:19px;overflow-y:auto}.log p{color:var(--ink-soft)}.log p:nth-last-child(-n+4){color:var(--ink)}.log p:last-of-type:after{content:" ▾";animation:1s steps(2,end) infinite blink}.overlay{z-index:10;background:#33355c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:var(--card);border:4px solid var(--ink);box-shadow:inset 0 0 0 2px var(--card), inset 0 0 0 4px #33355c59, 8px 8px 0 #33355c66;text-align:center;border-radius:8px;flex-direction:column;gap:14px;width:100%;max-width:520px;padding:22px;display:flex}.bench{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.bench-item{border:3px solid var(--ink);text-transform:capitalize;background:#fff;border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:10px;font-size:17px;display:flex}.bench-item:hover{box-shadow:3px 3px #33355c59}.bench-item img{height:56px}.bench-item small{color:var(--ink-soft)}.result.win h2{color:var(--green)}.result.lose h2{color:var(--red)}.mute-btn{background:var(--card);border:3px solid var(--ink);border-radius:4px;margin-left:auto;padding:7px 9px;font-family:"Press Start 2P",monospace;font-size:8px}.battle-exit{margin-left:auto;padding:7px 9px}.battle-exit+.mute-btn{margin-left:0}.corner-mute{z-index:5;position:fixed;top:12px;right:12px}.pedestal{position:relative}.mfx{pointer-events:none;z-index:4;position:absolute;top:26%;left:50%}@keyframes mfx-claw{0%{opacity:0;transform:translate(-70px,-55px)rotate(35deg)scaleX(.4)}25%{opacity:1}to{opacity:0;transform:translate(20px,35px)rotate(35deg)scaleX(1)}}.mfx.claw{border:2px solid var(--ink);border-radius:8px;width:92px;height:9px;animation:.4s steps(7,end) forwards mfx-claw}.mfx.claw-b{margin-left:22px;animation-delay:70ms}.mfx.claw-c{margin-left:-22px;animation-delay:.14s}@keyframes mfx-pop{0%{opacity:0;transform:translate(-50%)scale(.15)rotate(-14deg)}35%{opacity:1;transform:translate(-50%)scale(1.25)rotate(0)}75%{opacity:1;transform:translate(-50%)scale(.95)rotate(6deg)}to{opacity:0;transform:translate(-50%)scale(.7)rotate(10deg)}}.mfx.pow-big,.mfx.pow-small{clip-path:polygon(50% 0,60% 32%,90% 15%,72% 46%,100% 50%,72% 58%,88% 86%,58% 68%,50% 100%,40% 68%,12% 86%,28% 58%,0 50%,28% 44%,12% 16%,40% 32%);filter:drop-shadow(3px 3px 0 var(--ink));border:0;animation:.45s steps(6,end) forwards mfx-pop}.mfx.pow-big{width:84px;height:84px}.mfx.pow-small{width:34px;height:34px}.mfx.pow-a{margin-top:-26px;margin-left:-52px;animation-delay:.11s}.mfx.pow-b{margin-top:30px;margin-left:34px;animation-delay:.19s}@keyframes mfx-teeth-top{0%{opacity:0;transform:translate(-50%,-58px)}30%{opacity:1}60%,80%{opacity:1;transform:translate(-50%,-8px)}to{opacity:0;transform:translate(-50%,-8px)}}@keyframes mfx-teeth-bottom{0%{opacity:0;transform:translate(-50%,58px)}30%{opacity:1}60%,80%{opacity:1;transform:translate(-50%,10px)}to{opacity:0;transform:translate(-50%,10px)}}.mfx.teeth{width:96px;height:30px;filter:drop-shadow(2px 2px 0 var(--ink));border:0}.mfx.teeth-top{clip-path:polygon(0 0,100% 0,100% 35%,87% 100%,74% 35%,62% 100%,50% 35%,38% 100%,26% 35%,13% 100%,0 35%);animation:.5s steps(6,end) forwards mfx-teeth-top}.mfx.teeth-bottom{clip-path:polygon(0 100%,100% 100%,100% 65%,87% 0,74% 65%,62% 0,50% 65%,38% 0,26% 65%,13% 0,0 65%);animation:.5s steps(6,end) forwards mfx-teeth-bottom}@keyframes mfx-wave{0%{opacity:0;transform:translate(-50%,10px)rotate(-50deg)scale(.3)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)rotate(40deg)scale(1.25)}}.mfx.wave{border:3px solid var(--ink);border-radius:0 100%;width:96px;height:96px;animation:.45s steps(7,end) forwards mfx-wave}@keyframes lunge-you{0%{transform:translate(0)}45%{transform:translate(56px,-30px)}to{transform:translate(0)}}@keyframes lunge-enemy{0%{transform:translate(0)}45%{transform:translate(-56px,30px)}to{transform:translate(0)}}.sprite.lunge-you{animation:.45s steps(6,end) lunge-you}.sprite.lunge-enemy{animation:.45s steps(6,end) lunge-enemy}@keyframes lunge-you-mirrored{0%{transform:scaleX(-1)translate(0)}45%{transform:scaleX(-1)translate(-56px,-30px)}to{transform:scaleX(-1)translate(0)}}.sprite.mirrored.lunge-you{animation:.45s steps(6,end) lunge-you-mirrored}@keyframes hit-shake{0%,to{filter:none;transform:translate(0)}20%{filter:brightness(2.5);transform:translate(-10px)}40%{filter:brightness();transform:translate(9px)}60%{filter:brightness(2.5);transform:translate(-7px)}80%{filter:brightness();transform:translate(5px)}}.sprite.hit-shake{animation:.4s steps(8,end) hit-shake}@keyframes hit-shake-mirrored{0%,to{filter:none;transform:scaleX(-1)translate(0)}20%{filter:brightness(2.5);transform:scaleX(-1)translate(-10px)}40%{filter:brightness();transform:scaleX(-1)translate(9px)}60%{filter:brightness(2.5);transform:scaleX(-1)translate(-7px)}80%{filter:brightness();transform:scaleX(-1)translate(5px)}}.sprite.mirrored.hit-shake{animation:.4s steps(8,end) hit-shake-mirrored}@keyframes screen-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px,4px)}50%{transform:translate(5px,-4px)}75%{transform:translate(-4px,2px)}}.arena.screen-shake{animation:.35s steps(6,end) screen-shake}@keyframes proj-you{0%{opacity:1;top:66%;left:22%;transform:scale(.6)}to{opacity:1;top:24%;left:70%;transform:scale(1.1)}}@keyframes proj-enemy{0%{opacity:1;top:24%;left:70%;transform:scale(.6)}to{opacity:1;top:66%;left:22%;transform:scale(1.1)}}.projectile{pointer-events:none;z-index:4;width:30px;height:30px;position:absolute}.projectile.you{--rot:45deg;animation:.4s steps(8,end) forwards proj-you}.projectile.enemy{--rot:225deg;animation:.4s steps(8,end) forwards proj-enemy}.pj{border:3px solid var(--ink);border-radius:50%;width:100%;height:100%;display:block;position:relative;box-shadow:0 0 0 4px #ffffff73}@keyframes pj-spin{to{transform:rotate(360deg)}}@keyframes pj-flicker{0%,to{transform:rotate(var(--rot,0deg)) scale(1)}50%{transform:rotate(var(--rot,0deg)) scale(.76)}}@keyframes pj-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.3)}}@keyframes pj-blink{0%,50%,to{opacity:1}25%,75%{opacity:.2}}.pj-flame{border-radius:0 50% 50%;animation:.16s steps(2,end) infinite pj-flicker}.pj-splash:before,.pj-splash:after{content:"";background:inherit;border:2px solid var(--ink);border-radius:50%;position:absolute}.pj-splash:before{width:12px;height:12px;top:14px;left:-16px}.pj-splash:after{width:8px;height:8px;top:24px;left:-26px}.projectile.enemy .pj-splash:before{top:-10px;left:auto;right:-16px}.projectile.enemy .pj-splash:after{top:-18px;left:auto;right:-26px}.pj-bolt{box-shadow:none;clip-path:polygon(58% 0,28% 38%,52% 38%,20% 100%,42% 55%,18% 55%,42% 0);filter:drop-shadow(2px 2px 0 var(--ink));border:0;border-radius:0;animation:.2s steps(2,end) infinite pj-blink}.pj-leaf{border-radius:0 60%;animation:.45s linear infinite pj-spin}.pj-shard{box-shadow:none;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(2px 2px 0 var(--ink));border:0;border-radius:0;animation:.35s steps(4,end) infinite pj-spin}.pj-chunk{border-radius:5px;animation:.5s steps(4,end) infinite pj-spin}.pj-ring{animation:.22s steps(3,end) infinite pj-pulse}.pj-bubble{animation:.3s steps(3,end) infinite pj-pulse}.pj-bubble:before{content:"";background:inherit;border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:-8px;left:-12px}.pj-sparkle{box-shadow:none;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(2px 2px 0 var(--ink));border:0;border-radius:0;animation:.5s linear infinite pj-spin}.pj-gust,.pj-hit{background:#ffffffd9!important}.pj-gust{border-style:dashed;animation:.4s linear infinite pj-spin}.pj-star{animation:.2s steps(2,end) infinite pj-pulse}.fxp{border:2px solid var(--ink);pointer-events:none;z-index:3;animation:.55s steps(8,end) forwards fxp-out;position:absolute;top:32%;left:50%}@keyframes fxp-out{0%{opacity:1;transform:translate(-50%)scale(1)}to{transform:translate(calc(-50% + var(--dx,0px)), var(--dy,0px)) scale(.35);opacity:0}}@keyframes fxp-spin-out{0%{opacity:1;transform:translate(-50%)rotate(0)}to{transform:translate(calc(-50% + var(--dx,0px)), var(--dy,0px)) rotate(300deg);opacity:0}}@keyframes fxp-pop{0%{opacity:0;transform:translate(-50%)scale(.2)}30%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%)scale(.6)}}@keyframes fxp-flash{0%,40%,80%{opacity:1}20%,60%{opacity:.15}to{opacity:0}}@keyframes fxp-wave{0%{opacity:1;transform:translate(-50%,-50%)scale(.25)}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.p-flame{border-radius:50% 50% 50% 0}.p-drop{border-radius:0 50% 50%}.p-bubble{border-radius:50%;animation-name:fxp-out}.p-leaf{border-radius:0 60%;animation-name:fxp-spin-out}.p-shard{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(1px 1px 0 var(--ink));border:0}.p-chunk{border-radius:3px}.p-hit{border-radius:50%;background:#fff!important}.p-spark{border-radius:1px;animation-name:fxp-out;animation-duration:.35s}.p-bolt{clip-path:polygon(58% 0,28% 38%,52% 38%,20% 100%,42% 55%,18% 55%,42% 0);width:34px;height:84px;filter:drop-shadow(2px 2px 0 var(--ink));border:0;margin-left:-17px;animation-name:fxp-flash;animation-duration:.45s;top:-12%}.p-star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(2px 2px 0 var(--ink));border:0;animation-name:fxp-pop;animation-duration:.4s;background:#fff!important}.p-sparkle{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(1px 1px 0 var(--ink));border:0;animation-name:fxp-pop;animation-duration:.5s}.p-ringwave,.p-gust{border:5px solid;border-radius:50%;animation-name:fxp-wave;animation-duration:.55s;top:32%;background:0 0!important}.p-gust{border-style:dashed;border-color:#fff}@keyframes impact-ring{0%{opacity:1;transform:scale(.15)}60%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.45)}}.impact-ring{width:120px;height:120px;box-shadow:0 0 0 4px var(--ink);pointer-events:none;z-index:3;border:8px solid #fff;border-radius:50%;margin-left:-60px;animation:.55s steps(8,end) forwards impact-ring;position:absolute;top:32%;left:50%}@keyframes dmg-pop{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(-34px)}to{opacity:0;transform:translateY(-44px)}}.dmg-popup{color:var(--red);text-shadow:2px 2px #fff,-2px 2px #fff,2px -2px #fff,-2px -2px #fff;pointer-events:none;z-index:3;white-space:nowrap;font-family:"Press Start 2P",monospace;font-size:16px;animation:.8s steps(10,end) forwards dmg-pop;position:absolute;top:12%;left:50%;transform:translate(-50%)}@keyframes faint-drop{0%{filter:none;opacity:1;transform:translateY(0)}to{filter:grayscale();opacity:.35;transform:translateY(34px)}}.sprite.fainted{animation:.6s steps(8,end) forwards faint-drop}@keyframes faint-drop-mirrored{0%{filter:none;opacity:1;transform:scaleX(-1)translateY(0)}to{filter:grayscale();opacity:.35;transform:scaleX(-1)translateY(34px)}}.sprite.mirrored.fainted{animation:.6s steps(8,end) forwards faint-drop-mirrored}.type-normal{background:#c8c4bc}.type-fighting{background:#f0a8a0}.type-flying{background:#c0d4f0}.type-poison{background:#d8a8dc}.type-ground{background:#e8c088}.type-rock{background:#d4c49c}.type-bug{background:#c0d470}.type-ghost{background:#a8b0dc}.type-steel{background:#a8c8cc}.type-fire{background:#f8b878}.type-water{background:#90c8e8}.type-grass{background:#98d898}.type-electric{background:#f8e080}.type-psychic{background:#f8b8b8}.type-ice{background:#b0e8e4}.type-dragon{background:#90b0dc}.type-dark{background:#b0a8a0}.type-fairy{background:#f8c8e8}@media (width<=700px){body{font-size:18px}.bottom{grid-template-columns:1fr}.team-slots{grid-template-columns:repeat(3,1fr)}.enemy-sprite{height:90px}.you-sprite{height:120px}.platform{width:130px;height:32px}.statbox{min-width:170px}.join-row{flex-direction:column}.code-input{width:100%}}.conn-banner{background:var(--yellow);border-bottom:3px solid var(--ink);color:var(--ink);letter-spacing:.5px;text-align:center;z-index:100;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:9px;position:fixed;top:0;left:0;right:0}.conn-banner.offline{background:var(--red);color:var(--card)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}