
:root{--bg:#142724;--panel:#1d3330;--panel2:#243e39;--edge:#39524a;--text:#f1edda;--muted:#a5b5a4;--accent:#e5c47c;--green:#9bcc9c;--red:#e69d8b}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:var(--text);background:var(--panel2);border:1px solid var(--edge);border-radius:7px;padding:8px 11px;transition:background .12s,transform .12s}button:hover{background:#355047;border-color:#728269}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:#26382c;border-color:var(--accent);font-weight:750}.primary:hover{background:#f1d998;color:#20362c}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.small{font-size:11px;padding:5px 8px}header{height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--edge);gap:12px;background:#172d29}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-icon{width:30px;height:30px;border:2px solid #e4c889;border-radius:50%;position:relative;background:linear-gradient(#d7b66d 0 45%,#19342d 45% 55%,#f5e2ad 55%);box-shadow:inset 0 0 0 3px #263e31}.brand-icon:after{content:'';position:absolute;width:7px;height:7px;border:2px solid #234036;background:#f8e8b5;border-radius:50%;top:8px;left:8px}.brand b{font-size:19px;letter-spacing:.3px;font-weight:800}.brand em{color:var(--accent);font-style:normal}.edition{font:10px monospace;letter-spacing:2px;color:var(--muted);display:block;margin-top:1px}.topnav{display:flex;align-items:center;gap:6px}.topnav button{border:0;background:transparent;color:#d3d9c9;font-size:12px}.topnav button:hover{background:var(--panel2)}.tag{font-size:10px;font-weight:600;letter-spacing:1px;border:1px solid #4b6252;border-radius:4px;color:#bdd5ad;padding:4px 7px}.tag:before{content:'●';font-size:8px;color:#9bd499;margin-right:5px}.shell{display:grid;grid-template-columns:minmax(0,1fr) 276px;height:calc(100% - 61px);padding:12px;gap:12px;max-width:1800px;margin:auto}.main{display:grid;grid-template-rows:minmax(150px,1fr) auto auto;gap:10px;min-width:0;min-height:0}.world{position:relative;min-height:0;border:1px solid #4f6450;overflow:hidden;border-radius:10px;background:#58834e;box-shadow:0 8px 30px #0003}#world{width:100%;height:100%;display:block;touch-action:none;image-rendering:pixelated}.location{position:absolute;top:16px;left:16px;border:1px solid #7a8a6a75;background:#152f2de0;border-radius:7px;padding:10px 15px;pointer-events:none;box-shadow:0 3px 12px #0002}.location .eyebrow{color:#c5caac;font-size:9px;letter-spacing:1.6px}.location strong{display:block;font-size:17px;font-weight:650;margin:2px 0}.location small{font-size:10px;color:#b8ccaf}.world-controls{position:absolute;right:12px;top:12px;display:flex;gap:4px}.world-controls button{background:#19342bdc;font-size:15px;width:31px;height:30px;padding:2px}.hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#142d28dc;padding:8px 12px;border:1px solid #91a17b55;border-radius:6px;font-size:11px;color:#e5e7ca;max-width:85%;white-space:nowrap;pointer-events:none}.target-card{position:absolute;top:13px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:10px;background:#1e302de8;border:1px solid #a57f65;border-radius:8px;padding:8px 12px;min-width:205px;pointer-events:none}.target-card img{width:34px;height:34px;image-rendering:pixelated}.target-card b{font-size:12px}.target-card small{color:#d3bca3;font-size:10px}.bar{background:#10231f;height:6px;border-radius:2px;overflow:hidden;margin:5px 0 2px}.bar span{display:block;height:100%;background:var(--green);transition:width .18s}.bar.exp{height:3px;margin-top:5px}.bar.exp span{background:var(--accent)}.actions{border:1px solid var(--edge);border-radius:9px;background:#1c322d;padding:10px}.actions-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:11px}.actions-head small{color:var(--muted);font-size:10px}.actions-head b{font-size:12px;font-weight:650}.action-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.move{position:relative;isolation:isolate;min-width:0;height:77px;padding:5px 3px 4px;background:#243d34;border-color:#455d48;border-bottom:2px solid var(--move);border-radius:5px;overflow:hidden;display:flex;align-items:center;flex-direction:column;gap:3px}.move kbd{align-self:flex-start;font-size:9px;color:#c7cbb7;line-height:10px;margin-left:2px}.move .glyph{display:flex;width:25px;height:25px;align-items:center;justify-content:center;border:1px solid var(--move);border-radius:50%;color:var(--move);font-size:19px;line-height:1}.move .move-name{font-size:9px;line-height:11px;font-weight:650;max-width:100%;height:22px;display:flex;align-items:center;justify-content:center}.cooldown-shade{position:absolute;inset:auto 0 0;background:#0c191bd9;z-index:-1;pointer-events:none}.cooldown-number{position:absolute;top:23px;left:0;right:0;font:700 16px monospace;color:#fff5d8;text-shadow:0 1px 4px #000}.move.cooling .glyph{opacity:.18}.bottom{display:flex;justify-content:space-between;align-items:center;gap:7px;min-height:41px}.utilities{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.utilities button{font-size:11px;padding:7px 9px}.utilities kbd{color:var(--accent);font:10px monospace;margin-right:5px}.utilities select{color:var(--text);background:var(--panel);border:1px solid var(--edge);padding:6px;border-radius:5px;font-size:11px}.save-status{color:var(--muted);font-size:10px;white-space:nowrap}.sidebar{display:flex;flex-direction:column;gap:10px;min-height:0}.panel{border:1px solid var(--edge);border-radius:9px;background:var(--panel);padding:12px}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#c2cdb4;margin-bottom:10px;font-weight:650}.panel-title span{font-size:9px;color:var(--muted);letter-spacing:.3px}.trainer{display:flex;align-items:center;gap:10px}.avatar{border:1px solid #657358;border-radius:7px;background:#a5ad7b;color:#334a3d;font-weight:bold;font-size:22px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.trainer h3{font-size:14px;margin:0}.trainer small{color:var(--muted);font-size:11px}.trainer-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-top:10px}.money{color:var(--accent);font:700 14px monospace}.map-box{padding:10px}.map-box .panel-title{margin-bottom:7px}#minimap{display:block;width:100%;height:125px;image-rendering:pixelated;border-radius:5px;cursor:pointer}.map-caption{color:#aabcaa;font-size:9px;display:flex;justify-content:space-between;margin-top:7px}.team-panel{padding:10px}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.team-slot{padding:5px 3px;min-height:65px;border-color:#395449;background:#203a31;position:relative}.team-slot.active{border-color:#d3bb7a;background:#344b36;box-shadow:inset 0 0 0 1px #c4ac6f22}.team-slot img{image-rendering:pixelated;width:31px;height:31px;display:block;margin:0 auto}.team-slot .name{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:3px}.team-slot .lvl{position:absolute;right:3px;top:4px;font-size:8px;color:#d9cea6}.team-slot .bar{margin:4px 3px 0;height:3px}.team-slot.empty{display:flex;align-items:center;justify-content:center;opacity:.4;font-size:20px;cursor:default}.battle-panel{padding:10px;min-height:89px;max-height:165px;display:flex;flex-direction:column}.battle-panel .panel-title{margin-bottom:6px}.battle-list{overflow:auto;flex:1}.battle-entry{display:flex;align-items:center;width:100%;gap:6px;font-size:11px;border:0;background:transparent;border-radius:4px;padding:4px 5px}.battle-entry img{width:25px;height:25px;image-rendering:pixelated}.battle-entry span{flex:1;text-align:left}.battle-entry small{font-size:9px;color:var(--muted)}.battle-entry.selected{background:#4d4935}.empty-state{font-size:11px;color:var(--muted);padding:7px 2px;line-height:1.5}.journal{flex:1;min-height:100px;padding:10px;display:flex;flex-direction:column;overflow:hidden}.journal .panel-title{margin-bottom:7px}.logs{overflow-y:auto;scrollbar-width:thin;flex:1}.log{font-size:10px;line-height:1.5;padding:5px 0;border-bottom:1px solid #38514666;color:#b8c5b0}.log.good{color:#b4d2a0}.log.warn{color:#ecc49d}.log time{opacity:.5;font:9px monospace;margin-right:4px}.overlay{position:fixed;inset:0;background:#0a1d1be3;backdrop-filter:blur(4px);z-index:20;display:flex;align-items:center;justify-content:center;padding:22px;overflow-y:auto}.overlay[hidden]{display:none}.dialog{width:min(700px,100%);max-height:88vh;overflow:auto;background:#1d332d;border:1px solid #667253;border-radius:15px;padding:26px;box-shadow:0 20px 100px #0006}.dialog h1{font-size:39px;letter-spacing:-1.5px;margin:7px 0 13px;font-weight:800}.dialog h1 em{color:var(--accent);font-style:normal}.dialog h2{font-size:24px;margin:0 0 8px;letter-spacing:-.5px}.dialog p{color:#b4c4b0;line-height:1.7;font-size:13px;margin:10px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.intro-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.close{float:right;font-size:19px;line-height:18px;padding:4px 9px}.start-copy{max-width:490px}.name-field{display:flex;align-items:center;gap:12px;margin:19px 0}.name-field label{color:#b4c4b0;font-size:11px}.name-field input{color:var(--text);background:#142a24;border:1px solid #57634c;border-radius:5px;padding:8px 11px;width:195px;outline:none}.starter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0 22px}.starter{padding:16px 5px 12px;border:1px solid #425a45;border-radius:9px;background:#203a2f}.starter.selected{border-color:var(--accent);background:#3a4b31;box-shadow:0 0 0 1px var(--accent)}.starter img{width:56px;height:56px;image-rendering:pixelated;margin-bottom:10px}.starter strong,.starter small{display:block}.starter strong{font-size:12px}.starter small{font-size:10px;color:#b7c3a7;margin-top:4px}.intro-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #45583e;padding-top:18px}.intro-footer .primary{padding:12px 20px}.intro-footer small{font-size:10px;color:#9dad96}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.help-grid>div,.quest,.dex-card,.shop-item{background:#243e33;border:1px solid #405844;border-radius:8px;padding:12px}.help-grid b{display:block;margin-bottom:5px;color:#e5d295}.help-grid p{font-size:12px;margin:0}.keys{display:grid;grid-template-columns:130px 1fr;gap:9px;font-size:12px;margin:20px 0}.keys kbd{color:var(--accent)}.dialog hr{border:0;border-top:1px solid var(--edge);margin:20px 0}.dialog a{color:#ddc17e}.dialog .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.quest h3{font-size:14px;margin:0 0 5px}.quest p{font-size:11px;margin:4px 0}.quest small{font-size:10px;color:var(--accent)}.quest button{margin-top:9px}.dex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.dex-card{font-size:10px;text-align:center;padding:10px 5px}.dex-card img{width:45px;height:45px;image-rendering:pixelated}.dex-card b{display:block;font-size:11px;margin:5px 0}.dex-card small{font-size:9px;color:#afc5a7;display:block;line-height:1.5}.dex-card.unseen img{filter:brightness(.1);opacity:.4}.shop-item strong{font-size:13px}.shop-item small{color:var(--accent);display:block;margin:5px 0 10px}.shop-item button{font-size:11px}.info-box{padding:12px 15px;border:1px solid #5d6848;border-radius:7px;background:#38452d77;color:#dacda1;font-size:11px;line-height:1.7;margin:15px 0}.dialog canvas{max-width:100%;image-rendering:pixelated;border:1px solid #546344;border-radius:8px}.range{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0}.range input{accent-color:var(--accent)}.pc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;background:#264134;padding:8px;border-radius:7px}.pc-row img{image-rendering:pixelated;width:38px}.pc-row .info{flex:1}.touchpad{display:none;position:absolute;bottom:45px;left:14px;grid-template-columns:repeat(3,35px);grid-template-rows:repeat(3,33px);gap:3px}.touchpad button{padding:0;background:#19392bc9;border-color:#a9bd8277;touch-action:none;font-size:17px}.touchpad .up{grid-column:2}.touchpad .left{grid-column:1;grid-row:2}.touchpad .down{grid-column:2;grid-row:3}.touchpad .right{grid-column:3;grid-row:2}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 18px;z-index:40;border:1px solid #a7ae77;border-radius:8px;background:#294b39;box-shadow:0 5px 30px #0006;max-width:90%;font-size:12px;pointer-events:none}.toast[hidden]{display:none}#loading{color:var(--accent);font-size:11px}#resume{margin-top:0}.sound-on{color:var(--accent)!important}.muted{color:var(--muted)}.onboarding-note{font-size:11px!important;margin:0!important}.mobile-toggle{display:none}.toggle-on{border-color:var(--accent);color:var(--accent)}
@media(min-width:1500px){.shell{grid-template-columns:minmax(0,1fr) 300px;padding:18px;gap:16px}.move{height:85px}.move .move-name{font-size:10px}.panel{padding:14px}.map-box{padding:12px}#minimap{height:140px}}
@media(max-height:820px) and (min-width:901px){header{height:53px}.shell{height:calc(100% - 53px);padding:8px;gap:8px;grid-template-columns:minmax(0,1fr) 250px}.sidebar{gap:7px}.panel{padding:9px}#minimap{height:90px}.team-slot{min-height:55px}.team-slot img{width:25px;height:25px}.battle-panel{max-height:117px}.journal{min-height:75px}.move{height:68px}.move .glyph{width:22px;height:22px;font-size:17px}.actions{padding:8px}.action-grid{gap:4px}.actions-head{margin-bottom:6px}.main{gap:7px}}
@media(max-width:1000px){.shell{grid-template-columns:minmax(0,1fr) 220px;padding:8px;gap:8px}.action-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.move{height:52px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:12px 1fr;padding:4px}.move kbd{grid-column:1/3;grid-row:1}.move .glyph{width:20px;height:20px;font-size:15px}.move .move-name{font-size:9px}.cooldown-number{top:18px}.save-status{display:none}.topnav{gap:0}.topnav button{padding:7px}.location strong{font-size:14px}.hint{font-size:10px}.sidebar{gap:7px}}
@media(max-width:700px){header{height:49px;padding:0 12px}.brand b{font-size:16px}.edition{font-size:8px}.brand-icon{width:27px;height:27px}.brand-icon:after{top:7px;left:7px}.topnav .desktop{display:none}.topnav button{font-size:11px}.tag{display:none}.shell{height:calc(100dvh - 49px);display:block;padding:6px}.main{height:100%;grid-template-rows:minmax(130px,1fr) auto auto;gap:6px}.sidebar{display:none;position:fixed;right:6px;top:55px;bottom:6px;width:250px;z-index:8;overflow:auto;background:var(--bg);padding:7px;border:1px solid #647656;border-radius:9px}.sidebar.mobile-open{display:flex}.mobile-toggle{display:block}.touchpad{display:grid}.utilities{gap:4px;flex-wrap:nowrap;width:100%;justify-content:space-between}.utilities button{padding:7px 6px;font-size:10px}.utilities select{max-width:97px;font-size:10px}.utilities .optional{display:none}.actions{padding:7px}.actions-head{margin-bottom:6px}.actions-head small{font-size:8px}.action-grid{gap:4px}.move{height:48px}.location{top:8px;left:8px;padding:7px 10px}.location strong{font-size:12px}.location .eyebrow{font-size:8px}.location small{font-size:9px}.hint{bottom:7px;font-size:9px;padding:6px 8px;max-width:95%;white-space:normal;width:max-content}.target-card{top:70px;left:auto;right:8px;transform:none;min-width:153px;font-size:10px;padding:6px}.target-card img{width:25px;height:25px}.target-card b{font-size:10px}.overlay{padding:10px}.dialog{padding:20px;max-height:94dvh}.dialog h1{font-size:33px}.dialog h2{font-size:21px}.starter-grid{gap:5px}.starter{padding:12px 2px}.starter img{width:43px;height:43px}.starter strong{font-size:10px}.starter small{font-size:9px}.intro-footer{align-items:flex-start;gap:8px}.intro-footer small{max-width:130px;font-size:9px}.intro-footer .primary{padding:11px 13px;font-size:12px}.help-grid{grid-template-columns:1fr}.dex-grid{grid-template-columns:repeat(3,1fr)}.dialog .grid{grid-template-columns:1fr}.keys{grid-template-columns:105px 1fr;font-size:11px}.name-field{flex-wrap:wrap}.dialog p{font-size:12px}}
@media(max-height:530px) and (max-width:1000px){.shell{grid-template-columns:minmax(0,1fr) 200px}.sidebar .map-box,.sidebar .journal,.sidebar .battle-panel{display:none}.action-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.move{display:flex;height:50px}.move .glyph{display:none}.move kbd{font-size:8px}.move .move-name{font-size:8px}.actions-head{display:none}.hint{display:none}.location{padding:5px 8px}.location .eyebrow{display:none}}
.city-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}#bigmap{width:100%;height:auto}.save-status{white-space:normal;min-width:85px}.bottom{align-items:flex-start}
/* v0.3: disposição compacta e paleta inspiradas nas capturas oficiais do cliente OT. */
:root{--bg:#061120;--panel:#0b1d35;--panel2:#102e52;--edge:#26578b;--text:#d8e6f4;--muted:#8ba6c3;--accent:#f3cf54;--green:#45e547;--red:#e98686}
html,body{font-family:Tahoma,Verdana,sans-serif;font-size:11px}button{border-radius:4px;padding:5px 8px;transition:background .1s}button:hover{background:#1d4b75;border-color:#71a2c7}header{height:40px;padding:0 12px;background:linear-gradient(#122c4b,#071729);border-bottom:1px solid #326292;justify-content:flex-start;gap:28px}.brand{gap:7px}.brand b{font-size:18px;text-shadow:1px 2px #000}.brand em{color:#f7cb4a}.brand-icon{width:25px;height:25px;border-color:#386c9c;background:linear-gradient(#d94c43 0 45%,#09203b 45% 55%,#d1e0df 55%)}.brand-icon:after{left:6px;top:6px}.edition{font-size:7px;letter-spacing:1px}.topnav{gap:12px}.topnav button{width:25px;height:25px;padding:0;border:2px solid #316a9b;border-radius:4px;background:linear-gradient(#194879,#0c274a);transform:rotate(45deg);color:#94c3e6;box-shadow:1px 1px #020912}.topnav button span{display:block;transform:rotate(-45deg);font-weight:bold;font-size:15px}.topnav button:active{transform:rotate(45deg) scale(.95)}.header-state{margin-left:auto;display:flex;align-items:center;gap:8px;color:#8fb6d1;font:9px monospace}.header-state i{width:6px;height:6px;border-radius:50%;background:#5bb957}.header-state span{border-left:1px solid #35536b;padding-left:8px}
.shell{height:calc(100dvh - 40px);display:grid;grid-template-columns:minmax(0,1fr) 224px;padding:4px;gap:4px;max-width:none}.main{display:grid;grid-template-rows:minmax(180px,1fr) 91px 124px;gap:3px;min-height:0}.world{border:2px solid #24486a;border-radius:1px;box-shadow:inset 0 0 0 1px #020713;background:#6bcead}.world-controls{right:6px;top:5px;gap:3px}.world-controls button{width:24px;height:23px;font-size:14px;background:#0b2445e8;border-color:#3572a5;border-radius:4px}.location{top:6px;left:50%;transform:translateX(-50%);padding:4px 12px;border:1px solid #477aa0;border-radius:4px;background:#071c35db;text-align:center;box-shadow:none}.location strong{font-size:12px;margin:0;color:#f2d66b}.location small{font-size:8px;color:#accce4}.player-hud{position:absolute;top:8px;left:8px;width:196px;background:linear-gradient(120deg,#102b50ee,#071426e8);border:2px solid #32679b;border-radius:7px 12px 8px 25px;padding:6px;box-shadow:1px 2px 3px #0007;pointer-events:none}.trainer{gap:6px}.trainer-data{flex:1;min-width:0}.trainer h3{font-size:11px;color:#efcf65;text-shadow:1px 1px #000}.trainer small{font-size:8px;color:#94b9d7}.avatar{width:40px;height:48px;flex:none;background-color:#143559;background-size:96px 192px;background-position:-28px 0;border:2px solid #287ab1;border-radius:50%;image-rendering:pixelated}.trainer-meta{font-size:9px;margin-top:3px}.money{font-size:10px;color:#edc45c}.hud-bar{height:8px;border:1px solid #020c16;background:#081323;box-shadow:0 0 0 1px #235588;border-radius:3px;position:relative;overflow:hidden;margin:3px 0}.hud-bar i{display:block;height:100%;background:linear-gradient(#51ff38,#19ab13);width:100%}.hud-bar span{position:absolute;inset:0;text-align:center;color:#fff;font:7px monospace;text-shadow:1px 1px #000}.bar{height:4px;border-radius:1px;background:#020a14;margin:3px 0 0}.bar span{background:linear-gradient(#5dff3f,#1bae16)}.bar.exp{height:4px;border:1px solid #020c16}.bar.exp span{background:#279cdd}.companion-hud{position:absolute;top:96px;left:8px;width:230px;display:flex;gap:6px;align-items:center;background:linear-gradient(120deg,#0d294bec,#0a1930eb);border:2px solid #2c6395;border-radius:10px;padding:7px;box-shadow:1px 2px #0006}.companion-hud>img{width:40px;height:40px;border:2px solid #226896;border-radius:50%;image-rendering:pixelated;background:#15547b}.companion-hud>div{flex:1;min-width:0}.companion-hud b{display:block;font-size:10px;color:#e7edf5}.companion-hud small{font-size:8px;color:#e7bc48}.companion-hud>button{font-size:13px;padding:2px;border:0}.target-card{top:50px;right:8px;left:auto;transform:none;min-width:180px;background:#0b1c36e8;border-color:#436786;border-radius:5px;padding:5px;font-size:10px}.target-card img{width:28px;height:28px}.target-card b{font-size:10px}.hint{bottom:5px;border:0;background:#061424b8;color:#ffed9d;font-size:9px;padding:4px 8px;border-radius:2px}
.actions{padding:3px 8px;border:1px solid #1b4a75;border-radius:3px;background:linear-gradient(#0e294a,#07182d);overflow:hidden}.utilities{height:34px;gap:5px;flex-wrap:nowrap;justify-content:center;margin-bottom:3px}.utilities button{height:30px;min-width:43px;padding:2px 5px;display:flex;align-items:center;justify-content:center;gap:3px;background:#123356;border:1px solid #286193;border-radius:14px;position:relative;font-size:9px}.utilities button img{width:24px;height:24px;image-rendering:pixelated}.utilities button kbd{font-size:8px;color:#f9d955;margin:0}.utilities select{font-size:9px;max-width:105px;height:26px;padding:3px;background:#09213d;border-color:#295b85}.save-status{font-size:8px;color:#76a6cb;max-width:110px;min-width:0;margin-left:8px}.action-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;max-width:900px;margin:auto}.move{height:44px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:12px 1fr;gap:0;padding:3px 3px 2px;background:linear-gradient(#173f6d,#0d2543);border:1px solid #28629e;border-bottom:2px solid var(--move);border-radius:5px}.move kbd{font-size:8px;line-height:9px;grid-column:1/3;color:#f0d357;z-index:2}.move .glyph{height:22px;width:22px;font-size:17px;border:1px solid #3383b4;background:#0a1b32;border-radius:50%;grid-row:2;grid-column:1}.move .move-name{grid-row:2;grid-column:2;font-size:8px;line-height:9px;height:auto;color:#b8d3e7;overflow-wrap:anywhere}.cooldown-shade{z-index:1;background:#03101ecc}.cooldown-number{z-index:3;top:15px;font-size:16px}.move.cooling .glyph{opacity:.3}
.sidebar{gap:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#25537a #07172a}.panel{background:linear-gradient(115deg,#102747,#08182d);border:1px solid #245789;border-radius:5px;padding:5px;box-shadow:inset 0 0 0 1px #071321}.panel-title{height:20px;margin:0 0 4px;padding:2px 4px;border-bottom:1px solid #294b6a;color:#edcd62;font-size:10px;letter-spacing:0;text-transform:none;font-weight:bold}.panel-title button{padding:0 4px;border:1px solid #2b5880;background:#153351;font-size:11px;color:#b8d9f3;height:16px}.panel-title span{font-size:8px;color:#86a4bb}.map-box{padding:5px}#minimap{width:100%;height:140px;border:1px solid #020b13;border-radius:1px}.map-caption{font-size:8px;margin-top:3px}.map-open{margin-top:4px;width:100%;padding:3px;font-size:9px;background:#123558}.map-open kbd{color:var(--accent);float:right}.team-panel{padding:5px}.team{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.team-slot{min-height:43px;padding:2px 1px;background:#12345a;border:1px solid #286aa3;border-radius:5px;overflow:hidden}.team-slot img{width:27px;height:27px}.team-slot .name{display:none}.team-slot .lvl{font-size:7px;right:1px;top:1px;text-shadow:1px 1px #000;color:#fff}.team-slot .bar{margin:2px 0 0;height:3px}.team-slot.active{border-color:#6ebeea;background:#1c4975}.team-slot.empty{font-size:14px;opacity:.5}.inventory{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:2px}.item-slot{height:36px;position:relative;padding:2px;background:#0b2547;border:1px solid #22588b;border-radius:4px}.item-slot img{width:28px;height:28px;image-rendering:pixelated}.item-slot small{position:absolute;right:2px;bottom:0;color:#eee;font-size:8px;text-shadow:1px 1px #000}.battle-panel{flex:1;min-height:90px;max-height:none;padding:5px}.battle-entry{font-size:10px;padding:2px 3px;gap:4px;border-radius:3px}.battle-entry img{width:22px;height:22px}.battle-entry.selected{background:#194b77;box-shadow:inset 0 0 0 1px #5293bc}.battle-entry small{font-size:8px}.empty-state{font-size:9px;padding:4px;line-height:1.6}.shortcut-panel{display:grid;grid-template-columns:1fr 1fr;gap:3px}.shortcut-panel button{font-size:9px;padding:5px 3px}.shortcut-panel kbd{color:var(--accent);margin-left:5px}
.console{display:flex;flex-direction:column;min-height:0;padding:3px;border-radius:2px}.console-tabs{display:flex;gap:2px;height:22px;border-bottom:1px solid #274e70;flex:none}.console-tabs button{font-size:9px;padding:2px 13px;border-radius:3px 3px 0 0;background:#112a48;border-color:#295b87;color:#adcce2}.console-tabs button.selected{background:#1a4167;color:#f2d166}.console-tabs>span{margin-left:auto;font:8px monospace;color:#5983a5;padding:6px}.logs{padding:2px 6px;overflow-y:auto;min-height:0;flex:1;background:#071321}.log{font-family:Tahoma,sans-serif;font-size:10px;border:0;padding:1px 0;line-height:1.4;color:#b1c8dd}.log.good{color:#90d06b}.log.warn{color:#e9b553}.log time{color:#7ca9c8;opacity:1}#commandForm{display:flex;align-items:center;gap:4px;border-top:1px solid #214366;height:24px;flex:none;padding:0 3px;color:#e9c456}#commandInput{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#c7e0f3;font-size:10px}#commandForm button{height:20px;padding:0 7px}.overlay{background:#020a16cc}.dialog{background:linear-gradient(130deg,#102b4c,#07172b);border:2px solid #30628e;border-radius:9px;box-shadow:0 10px 80px #0009}.dialog h2{font-size:20px;color:#f4ce56}.dialog p{color:#b2cadd}.dialog .eyebrow{color:#d5b552}.dialog .info-box{background:#12304a;border-color:#34556d;color:#cbd9df}.dialog .quest,.dialog .dex-card,.dialog .shop-item,.help-grid>div{background:#0b213d;border-color:#285277}.pc-row{background:#102e4e}.dialog h1{font-size:35px}.starter{background:#0d2949;border-color:#30628b}.starter.selected{background:#173e60}.dialog .name-field input{background:#07192e;border-color:#3c698b}.dialog .primary{background:#245b8b;border-color:#468dbb;color:#ffe176}.dialog a{color:#ebc95a}.toast{background:#112d4c;border-color:#4a789a;border-radius:5px}.toggle-on{border-color:#f0d168!important;box-shadow:inset 0 0 0 1px #e2b848}.mobile-toggle{display:none}[hidden]{display:none!important}
@media(max-width:1000px){.shell{grid-template-columns:minmax(0,1fr) 196px}.player-hud{width:175px}.companion-hud{width:198px}.move .move-name{font-size:7px}.save-status{display:none}.utilities{gap:3px}.utilities button{min-width:35px;padding:2px 4px}.utilities button span{font-size:8px}.topnav{gap:10px}.main{grid-template-rows:minmax(170px,1fr) 91px 110px}}
@media(max-height:760px) and (min-width:701px){.main{grid-template-rows:minmax(160px,1fr) 91px 97px}#minimap{height:100px}.map-box .panel-title{height:17px}.sidebar{gap:3px}.shortcut-panel button{padding:3px}.companion-hud{top:92px}}
@media(max-width:700px){header{height:38px;padding:0 8px;gap:20px}.brand b{font-size:15px}.brand-icon,.header-state{display:none}.edition{font-size:6px}.topnav{gap:9px}.topnav button{width:22px;height:22px}.topnav button span{font-size:12px}.mobile-toggle{display:block!important}.shell{height:calc(100dvh - 38px);display:block;padding:2px}.main{height:100%;grid-template-rows:minmax(180px,1fr) 110px 85px}.sidebar{display:none;position:fixed;right:4px;top:42px;bottom:4px;width:208px;padding:5px;background:#07172cef;border:1px solid #487899;border-radius:5px;z-index:9}.sidebar.mobile-open{display:flex}.player-hud{width:150px;top:5px;left:5px;padding:3px}.avatar{width:35px;height:44px}.companion-hud{top:83px;left:5px;width:174px;padding:4px}.companion-hud>img{width:30px;height:30px}.companion-hud b{font-size:9px}.location{left:auto;right:5px;top:35px;transform:none;padding:3px 6px}.location strong{font-size:10px}.location small{display:none}.world-controls{top:5px;right:5px}.target-card{top:65px;right:5px;min-width:130px;max-width:145px}.hint{font-size:8px;max-width:94%;white-space:normal}.touchpad{display:grid;bottom:32px;left:10px}.utilities{height:29px;gap:2px}.utilities button{height:27px;min-width:27px;padding:1px 3px}.utilities button span{display:none}.utilities button img{width:21px;height:21px}.utilities select{max-width:75px}.action-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.move{height:33px;grid-template-columns:20px 1fr;grid-template-rows:9px 1fr;padding:1px 3px}.move .glyph{width:18px;height:18px;font-size:13px}.move .move-name{font-size:7px}.actions{padding:2px}.cooldown-number{font-size:12px;top:11px}.console-tabs{height:19px}.console-tabs button{padding:1px 10px}.log{font-size:9px}#commandForm{height:21px}.dialog{max-height:94dvh}.starter-grid{gap:5px}}
@media(max-height:500px){.main{grid-template-rows:minmax(130px,1fr) 83px 65px}.console-tabs{height:18px}.utilities{height:27px}.move{height:43px}.companion-hud{display:none}.touchpad{bottom:10px}.hint{display:none}}

/* v0.6 — mapa até o chat, controles sobrepostos e equipe vertical. */
.main{--chat-height:124px;grid-template-rows:minmax(0,1fr) var(--chat-height)}
.world{--actions-height:91px;--battle-top:50px;isolation:isolate;min-height:0}
#world{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.player-hud,.companion-hud{z-index:2;background:linear-gradient(120deg,rgba(13,37,68,.76),rgba(5,20,39,.64));box-shadow:1px 2px 4px #0005}
.location,.world-controls{z-index:3}
.actions{position:absolute;z-index:4;inset:auto 0 0;height:var(--actions-height);padding:3px 8px;border:0;border-top:1px solid #6ba5d84f;border-radius:0;background:linear-gradient(rgba(7,24,45,.34),rgba(5,18,35,.64));overflow:hidden;pointer-events:none}
.actions button,.actions select{pointer-events:auto}
.utilities button{background:rgba(10,36,65,.57);border-color:#5c9dd37a;text-shadow:0 1px 2px #000}
.utilities select{background:rgba(7,25,46,.72);border-color:#6c9cc87a;color:#edf5fc}
.utilities select option{background:#0b2039;color:#edf5fc}
.utilities button:hover,.move:hover{background:rgba(27,72,112,.82);border-color:#9acbdf}
.move{background:linear-gradient(rgba(22,60,101,.62),rgba(7,25,47,.49));border-color:#609ed67a;border-bottom-color:var(--move)}
.move .glyph{background:rgba(5,20,38,.44);border-color:#79b7e187}
.move .move-name{color:#e1effc;text-shadow:0 1px 2px #000,0 0 3px #071426}
.move kbd{color:#ffe78b;text-shadow:0 1px 2px #000}
.save-status{color:#e2eff9;text-shadow:0 1px 3px #000}
.cooldown-shade{background:rgba(2,12,25,.72)}
.hint{z-index:2;bottom:calc(var(--actions-height) + 7px);max-width:calc(100% - 120px);text-shadow:0 1px 2px #000}
.touchpad{z-index:3;bottom:calc(var(--actions-height) + 35px)}
.battle-hud{position:absolute;z-index:3;top:var(--battle-top);right:8px;bottom:calc(var(--actions-height) + 13px);width:min(244px,calc(100% - 250px));display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;min-height:0}
.battle-hud .target-card{position:static;inset:auto;transform:none;flex:0 0 auto;min-width:180px;max-width:100%;width:max-content;background:rgba(7,24,45,.73);border-color:#6e9dbe85;box-shadow:0 2px 5px #0003}
.target-card small{line-height:1.35}
.team-hud{display:flex;flex-direction:column;align-self:flex-end;flex:0 1 338px;min-height:0;width:54px;max-height:338px;padding:0;background:none;border:0;box-shadow:none;gap:4px;pointer-events:none}
.team-manage{flex:none;min-height:22px;padding:3px 1px;font-size:9px;color:#ffe28b;border-color:#5896c573;background:rgba(7,25,47,.62);pointer-events:auto;text-shadow:0 1px 2px #000}
.team-hud .team{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(6,minmax(30px,1fr));gap:4px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#487ba4 transparent;padding:1px;pointer-events:auto}
.team-hud .team-slot{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;height:auto;padding:2px 3px 6px;background:rgba(8,29,53,.55);border:1px solid #5d9bc789;border-radius:5px;box-shadow:0 1px 3px #0004;overflow:hidden;opacity:1}
.team-hud .team-slot:hover{background:rgba(22,60,97,.8);border-color:#a5d4ea}
.team-hud .team-slot.active{border-color:#ffe07e;background:rgba(26,68,94,.7);box-shadow:inset 0 0 0 1px #ffe07e70,0 0 5px #ffe07e40}
.team-hud .team-slot.active:after{content:'';position:absolute;left:2px;top:50%;border:3px solid transparent;border-left-color:#ffe07e;transform:translateY(-50%)}
.team-hud .team-slot img{width:36px;height:36px;max-width:100%;max-height:100%;object-fit:contain;margin:0;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000a)}
.team-hud .team-slot.fainted img{filter:grayscale(1);opacity:.5}
.team-hud .team-slot .lvl{font-size:8px;right:2px;top:1px;z-index:1;color:#f4edce;text-shadow:0 1px 2px #000,1px 0 2px #000}
.team-hud .team-slot .bar{position:absolute;bottom:3px;left:3px;right:3px;height:3px;margin:0}
.team-hud .team-slot.empty{color:#a7bfd2;background:rgba(6,22,42,.32);border-style:dashed}
.team-hud .team-slot.empty .empty-number{position:absolute;top:2px;left:3px;font-size:8px;color:#a7bfd2}
.team-hud .team-slot.empty .empty-ring{font-size:18px;opacity:.7}
@media(max-width:1000px){.main{--chat-height:110px}.battle-hud{width:210px}}
@media(max-height:760px) and (min-width:701px){.main{--chat-height:97px}}
@media(max-width:700px){.main{--chat-height:85px}.world{--actions-height:110px;--battle-top:65px}.actions{padding:2px}.battle-hud{right:5px;width:145px;gap:5px;bottom:calc(var(--actions-height) + 8px)}.battle-hud .target-card{min-width:0;width:100%;padding:4px;gap:5px}.battle-hud .target-card b{font-size:9px}.battle-hud .target-card small{font-size:8px}.battle-hud .target-card img{width:24px;height:24px}.team-hud{width:47px;max-height:310px}.team-hud .team{gap:3px}.team-hud .team-slot img{width:32px;height:32px}.hint{max-width:calc(100% - 24px);font-size:8px}}
@media(max-height:550px){.main{--chat-height:65px}.world{--actions-height:83px;--battle-top:34px}.actions{padding:2px 5px}.utilities{height:27px;margin-bottom:2px}.action-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.move{height:43px;display:flex;padding:2px}.move .glyph{display:none}.move .move-name{font-size:7px;line-height:9px}.team-hud{width:43px}.team-hud .team{gap:2px;grid-template-rows:repeat(6,minmax(28px,1fr))}.team-hud .team-slot img{width:28px;height:28px}.team-manage{font-size:8px;min-height:18px}.battle-hud{gap:4px}.hint{display:none}.touchpad{bottom:calc(var(--actions-height) + 8px)}}

/* v0.6: loot; a estrutura da interface 0.5 permanece. */
#lootMessages{position:absolute;left:50%;top:36%;transform:translateX(-50%);width:min(88%,680px);z-index:6;pointer-events:none;text-align:center;color:#a5ff70;font:bold 12px/1.5 monospace;text-shadow:-1px -1px #10251a,1px -1px #10251a,-1px 1px #10251a,1px 1px #10251a,0 2px 3px #000}#lootMessages div{margin:5px 0}.log.loot{color:#b8e79e}.loot-heading{display:flex;align-items:center;gap:14px;margin-bottom:15px}.loot-heading>img{width:64px;height:64px;image-rendering:pixelated}.loot-heading p{margin:4px 0}.loot-list{display:grid;gap:8px}.loot-row{display:flex;align-items:center;gap:12px;padding:10px;background:#152b29;border:1px solid #466458;border-radius:4px}.loot-row>img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.loot-row>div{flex:1}.loot-row small{display:block;color:#a7bdac;margin-top:3px}.loot-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.loot-open{font-size:10px;padding:2px 6px;margin-top:4px}.muted{color:#acc2b1;font-size:12px}
.pokemon-portrait{position:relative;display:inline-flex;flex:0 0 auto;width:40px;height:40px;align-items:center;justify-content:center}.pokemon-portrait img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.shiny-star{position:absolute;right:-2px;top:-4px;color:#ffe67c;font:bold 17px/1 sans-serif;text-shadow:0 1px 2px #000,-1px 0 #634412;z-index:1;pointer-events:none}.shiny-star[hidden]{display:none}.shiny-portrait img{filter:hue-rotate(40deg)}.team-hud .team-slot .pokemon-portrait{width:36px;height:36px;max-height:100%;flex-shrink:1}.team-hud .team-slot .pokemon-portrait img{width:100%;height:100%}.team-slot .shiny-star{font-size:14px;right:0;top:0}.battle-entry .pokemon-portrait{width:26px;height:26px}.battle-entry .shiny-star{font-size:12px}.loot-heading .pokemon-portrait{width:64px;height:64px}.companion-hud .pokemon-portrait{width:44px;height:44px}.empty-move{opacity:.3;cursor:default}.empty-move .move-name{font-size:16px}
@media(max-width:700px){.team-hud .team-slot .pokemon-portrait{width:32px;height:32px}}@media(max-height:550px){.team-hud .team-slot .pokemon-portrait{width:28px;height:28px}}
.frost-reward{background:linear-gradient(135deg,#18384a,#142a40);border:1px solid #75cde688;border-radius:12px;padding:18px}.frost-reward h3{color:#c9f6ff}.frost-reward .loot-heading>img{width:54px;height:54px;image-rendering:pixelated}
#expeditionHud{position:absolute;top:60px;left:50%;transform:translateX(-50%);max-width:48%;padding:6px 10px;background:#071c35eb;color:#ffe09b;border:1px solid #5b829a;border-radius:4px;font-size:11px;text-align:center;pointer-events:none;z-index:3}#expeditionHud[hidden]{display:none}
.online-bar{display:flex;align-items:center;gap:14px;height:34px;background:#102a39;padding:5px 14px;font:12px monospace;border-bottom:1px solid #436878}.shell{height:calc(100% - 74px)}
#onlineBadge{color:#a7edb0}#onlineBadge.offline{color:#ffd08c}.online-chat{position:fixed;right:18px;bottom:58px;width:300px;max-width:85vw;background:#102432f5;border:1px solid #47738a;border-radius:8px;padding:12px;z-index:80}.online-chat[hidden]{display:none}
#onlineMessages{height:190px;overflow:auto;font-size:12px}#onlineMessages p{margin:6px 0;overflow-wrap:anywhere}.online-chat input{width:100%}.online-chat form{display:flex;gap:5px}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-grid input{width:100%;background:#07192e;color:#eef4ff;padding:10px;border:1px solid #3c698b;border-radius:4px}.auth-grid label{display:block;margin-bottom:5px;font-size:11px;color:#b0c6d0}.auth-switch{display:flex;gap:6px;margin:12px 0}.auth-switch button.active{border-color:#efcf7b;color:#efcf7b}@media(max-width:650px){.online-bar{font-size:10px;gap:6px;padding:4px}.online-bar>span:last-child{display:none}.auth-grid{grid-template-columns:1fr}}
#recoveryCode{white-space:pre-wrap;overflow-wrap:anywhere;background:#162b2a;padding:12px;color:#f7df8c;user-select:all}#authError{color:#ffbd9e;min-height:20px}#accountTools{margin-top:12px}

.support-panel{max-width:980px}.support-hero{padding:22px;background:linear-gradient(120deg,#183f3d,#122637);border:1px solid #638f73;border-radius:12px;margin-bottom:16px}.support-hero h2{color:#ebd38a;margin:6px 0}.support-hero small{letter-spacing:2px;color:#a3d5b2}.support-stats,.support-tabs{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.support-panel progress{width:100%;height:10px;accent-color:#8ccda3}.support-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.support-products article,.support-rewards article{background:#112838;border:1px solid #395c69;padding:16px;border-radius:8px}.support-products strong{display:block;color:#f2d384;font-size:24px}.support-products small,.support-rewards small{font-size:10px;letter-spacing:1px;color:#97bbc6}.support-rewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.support-rewards .premium{border-top:1px solid #665b35;padding-top:10px;margin-top:12px}.support-rewards .premium small{color:#eacb7c}.support-rewards p{min-height:34px}.support-note{font-size:12px;color:#b6cad3;padding:12px;background:#0e2230;border-radius:6px;margin-top:15px}.support-mission{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #304650;padding:10px}.support-tabs .active{border-color:#eed184;color:#eed184}#supportAdmin input,#supportAdmin select{max-width:100%;padding:10px;margin:5px;background:#102535;color:white;border:1px solid #57767e}#supportAdmin table{width:100%;font-size:12px;border-collapse:collapse}#supportAdmin td,#supportAdmin th{padding:8px;border-bottom:1px solid #395c69;text-align:left}#supportAdmin button{margin:6px}
