/* Reusable FireRed panels. Source images retain nearest-neighbour scaling. */
:root{--ink:#384850;--paper:#fffde6;--teal:#428d85}dialog{background:var(--paper);color:var(--ink);border:6px double #55576c;border-radius:3px;box-shadow:0 0 0 3px #ced4cc;font-family:monospace}dialog p,#service-content p{color:var(--ink)}dialog button,dialog select{color:var(--ink);background:#fafbed;border:2px solid #84989d;border-radius:3px}dialog button:hover{background:#e1efd8}dialog button:focus-visible{outline:3px solid #e99c42}#service-message{color:#455b65;background:#fffde6;padding:10px;border:2px solid #bac6ba}#service-dialog{width:min(94vw,760px)}#service-title{font-family:monospace;text-transform:uppercase;font-size:18px}#service-content{margin-top:16px}.ui-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.ui-tabs button{padding:8px 12px}.ui-tabs [aria-pressed=true]{background:#ffe49a;border-color:#a77740}.ui-mon{width:96px;height:96px;image-rendering:pixelated;object-fit:contain}.pixel-title{display:inline-flex;align-items:center;min-height:16px;flex-wrap:wrap;gap:0;color:#344048}.pixel-title i{display:inline-block;width:14px;height:16px;background-image:url('../assets/ui/font.png?v=3');background-size:364px 16px;image-rendering:pixelated}.pixel-title>span{min-width:7px}.ui-starters{display:flex;gap:12px;flex-wrap:wrap}.ui-starters button{display:grid;justify-items:center;flex:1;background:#e0f0e7 url('../assets/ui/intro.png?v=3') center/100% 100%;image-rendering:pixelated;padding:20px 6px}.ui-party{background:#408880 url('../assets/ui/party.png?v=3') center/100% 100%;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;image-rendering:pixelated}.ui-party-slot{display:flex;text-align:left;align-items:center;padding:8px;gap:8px;background:#b9dfee;border:4px double #465b89;border-radius:16px 4px!important}.ui-party-slot:first-child{background:#e8f0ff}.ui-party-slot .ui-mon{width:64px;height:64px}.ui-party-slot>div{display:grid;gap:5px;flex:1}.ui-party-slot span{font-size:12px}.ui-party-slot progress{width:100%;height:10px;accent-color:#28b875}.ui-summary{display:grid;grid-template-columns:40% 60%;background:#a484d5 url('../assets/ui/summary.png?v=3');image-rendering:pixelated;border:3px solid #9673ac;margin-bottom:16px}.ui-portrait{text-align:center;padding:25px 10px;background:#eae6ed}.ui-portrait .ui-mon{display:block;width:128px;height:128px;margin:0 auto 12px}.ui-summary-data{background:#fffce6;padding:18px;border-left:4px solid #c4878b}.ui-summary-data h3{border-bottom:2px solid #dca898;padding-bottom:8px}.ui-summary-data p{margin:8px 0}.ui-bag{min-height:320px;background:#e39872 url('../assets/ui/bag.png?v=3') center/100% 100%;image-rendering:pixelated;display:grid;grid-template-columns:30% 70%;padding:24px 20px 70px;gap:12px}.ui-bag>img{width:92px;height:122px;object-fit:contain;image-rendering:pixelated;align-self:center;justify-self:center}.ui-bag-list{display:grid;align-content:start;gap:8px;background:#ffffd7;padding:12px;border:4px double #ddc977;min-width:0}.ui-bag-list button{text-align:left;background:transparent;border:0;border-bottom:1px dashed #c6c689}.ui-bag-list label{display:grid;gap:8px}.ui-trainer-card{position:relative;background:#d3e7ed url('../assets/ui/trainer.png?v=3') center/100% 100%;image-rendering:pixelated;padding:30px;min-height:330px;border-radius:9px}.ui-trainer-card>img{float:right;width:90px;height:190px;object-fit:contain;image-rendering:pixelated}.ui-trainer-card p{margin:18px 0;border-bottom:2px solid #afcbd4;max-width:72%}.ui-trainer-card h3{font-size:22px}.ui-dex{display:grid;grid-template-columns:1fr 1fr;background:#c4b68a;padding:12px;gap:10px}.ui-dex-list{display:grid;gap:4px}.ui-dex-list button{text-align:left;padding:12px 6px}.ui-dex-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9e1c6 url('../assets/ui/dex-paper.png?v=3') center/100% 100%;image-rendering:pixelated;padding:16px;text-align:center}.ui-pc-box{display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px;background:#a6d57a url('../assets/ui/pc-box.png?v=3') center/100% 100%;min-height:230px;padding:15px;image-rendering:pixelated}.ui-pc-box button{display:grid;justify-items:center;background:#fff9;font-size:12px;padding:5px}.ui-pc-box .ui-mon{width:64px;height:64px}.ui-pc-team{display:flex;gap:8px;flex-wrap:wrap}.party-card{background:#d3e7ed;border:3px double #608694;color:var(--ink)}.party-card span{color:var(--ink)}
#battle-dialog{padding:0;border:6px double #4b5064;border-radius:2px;background:#faf9ef;width:min(94vw,740px);color:var(--ink);overflow:auto;font-family:monospace}#battle-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.battle-arena{height:auto;aspect-ratio:240/112;border-radius:0;background-size:100% 100%}.battle-mon{width:27%;height:auto;aspect-ratio:1;object-fit:contain}.battle-mon.enemy{right:8%;top:5%}.battle-mon.ally{left:7%;bottom:-1%}.battle-card{border:0;border-radius:0;padding:3% 5% 3% 4%;gap:3px;background:transparent;display:grid;font-size:clamp(10px,2vw,17px);line-height:1.1;image-rendering:pixelated}.battle-card.enemy{left:2%;top:10%;width:40%;height:27%;background:url('../assets/ui/battle-enemy.png?v=3') center/100% 100%}.battle-card.ally{right:2%;bottom:4%;width:45%;height:34%;background:url('../assets/ui/battle-ally.png?v=3') center/100% 100%;padding:3% 4% 3% 6%}.battle-card strong{font-size:inherit;background:#ffffe3}.battle-card span{position:absolute;right:12%;top:38%;font-size:.7em;background:#ffffe3}.battle-card progress{width:80%;height:6px;margin:5px 0 0 20%;accent-color:#30b985;background:#edf6d7}.battle-card small{text-align:right;background:#ffffe3;font-size:.75em}.battle-bottom{display:grid;grid-template-columns:1fr 1fr;min-height:145px;background:#f9f8ee}.battle-log{padding:20px 18px;margin:0;background:#28546a url('../assets/ui/battle-dialog.png?v=3') center/100% 100%;color:#fff!important;image-rendering:pixelated;display:flex;align-items:center;font-size:clamp(12px,2vw,17px);line-height:1.55}.battle-actions{padding:10px;gap:2px;border:6px double #5a586f;background:#faf9f3;align-content:center}.battle-actions button{border:0;border-radius:0;background:transparent;color:#303840;text-align:left;padding:10px 6px;font-family:monospace;font-size:clamp(12px,2vw,17px)}.battle-actions button:hover{background:#e7eddb}.battle-actions button:focus-visible{outline:2px solid #ac8751;outline-offset:0}.battle-actions small{padding:8px;font-size:11px;color:#415459}.auth-panel{border-radius:3px;border:6px double #6d6f7e;background:#edf4e9;color:#354751}.auth-panel input#auth-username,.auth-panel input#auth-password{background:#fffef0;color:#354751;border-radius:2px}.auth-panel small{color:#4f6869!important}.auth-panel #auth-message{color:#715629}.gender-card{background:#d4eade url('../assets/ui/intro.png?v=3') center/100% 100%;image-rendering:pixelated;border-radius:2px}.gender-card:has(input:checked){outline:3px solid #dcb867;background-color:#a8c9a8}.trainer-preview{width:48px;height:100px;background:url('../assets/ui/red.png?v=3') center/contain no-repeat!important;image-rendering:pixelated}.female-preview{background-image:url('../assets/ui/leaf.png?v=3')!important}.auth-panel .auth-tabs button{color:#354751;background:#d9e9df}.auth-panel .auth-tabs [aria-selected=true]{background:#f2d78e}.auth-panel button{border-radius:2px}.auth-map{border-radius:2px;border:6px double #9caea6}
@media(max-width:540px){.ui-party{grid-template-columns:1fr;padding:10px}.ui-summary{grid-template-columns:1fr}.ui-portrait{padding:12px}.ui-summary-data{border-left:0}.ui-bag{grid-template-columns:22% 78%;padding:15px 15px 55px;gap:0}.ui-bag>img{width:55px;height:85px}.ui-trainer-card{padding:20px 15px;min-height:300px}.ui-trainer-card>img{width:65px;height:140px}.ui-trainer-card p{font-size:12px}.ui-dex{grid-template-columns:1fr}.battle-bottom{min-height:125px}.battle-log{padding:12px}.battle-actions{padding:4px;border-width:4px}.battle-actions button{padding:8px 2px}.battle-card progress{height:4px;margin-top:0}.battle-card{gap:0}}
.ui-types{display:flex;gap:6px;margin:10px 0}.ui-types img{width:64px;height:24px;image-rendering:pixelated}#service-dialog{border-image:url("../assets/ui/frame.png?v=3") 8 stretch;border-width:12px;image-rendering:pixelated}.ui-trainer-card .pixel-title{gap:2px}
.battle-card{display:block;padding:0!important}.battle-card strong{position:absolute;left:10%;top:20%;font-size:clamp(9px,1.6vw,16px);background:transparent}.battle-card span{top:24%;right:9%;background:transparent}.battle-card progress{position:absolute;left:40%;top:60%;width:52%;height:7%;margin:0;border:0}.battle-card.ally strong{left:15%;top:18%}.battle-card.ally span{top:22%;right:10%}.battle-card.ally progress{left:44%;top:48%;width:45%;height:7%}.battle-card small{position:absolute;right:10%;bottom:24%;background:transparent}

/* Batalha em canvas estilo FireRed (240x160 ampliado sem suavização) */
#battle-dialog.fr-mode{width:min(96vw,144dvh,720px);max-width:none;max-height:none;padding:0;border:0;border-radius:4px;background:#000;overflow:hidden;box-shadow:0 12px 40px #000a}
#battle-dialog.fr-mode #battle-content{display:block;margin:0}
.fr-battle{display:block;width:100%;height:auto;aspect-ratio:3/2;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:manipulation;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (min-width:1000px) and (min-height:700px){#battle-dialog.fr-mode{width:min(960px,140dvh)}}