:root{--bg:#06100f;--panel:#071715;--panel2:#0b201d;--line:#41544d;--gold:#e6b533;--text:#eee9da;--muted:#9ca9a4;--green:#5ad47f;--tile:32px;--top:52px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020a09;color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.hidden{display:none!important}.screen{position:fixed;inset:0}.loading-screen,.auth-screen{display:grid;place-content:center;background:radial-gradient(circle at 50% 35%,#102723,#020908 60%);text-align:center}.brand-mark,.logo-badge{display:grid;place-items:center;background:linear-gradient(#ffd66c,#d59518);color:#17130a;font-family:Georgia,serif;font-weight:900;border:1px solid #f2d77a;box-shadow:0 5px 0 #7c5511}.brand-mark{width:74px;height:74px;margin:auto;font-size:30px;clip-path:polygon(0 0,100% 0,100% 78%,68% 78%,50% 100%,32% 78%,0 78%)}.loading-screen h1{font:900 54px/1 Georgia,serif;margin:20px 0 8px;letter-spacing:4px}.loading-screen p{font:700 18px Georgia,serif}.progress{width:min(520px,75vw);height:8px;background:#26302e;margin:20px auto;overflow:hidden}.progress span{display:block;width:5%;height:100%;background:#1bb5c4;transition:width .25s}.loading-screen small{color:#77817e}.auth-card{width:min(620px,92vw);border:1px solid #617067;background:#071614;padding:28px;text-align:left;box-shadow:0 30px 80px #0008}.eyebrow{color:var(--gold);font-weight:900;letter-spacing:3px;font-size:12px}.auth-card h1{font:700 38px Georgia,serif;margin:10px 0 4px}.auth-card p{color:var(--muted);margin:0 0 18px}.auth-card label{display:block;font-weight:700;margin:11px 0}.auth-card input[type=email],.auth-card input[type=password]{display:block;width:100%;margin-top:6px;padding:13px;background:#06110f;border:1px solid #62716a;color:white}.remember{display:flex!important;align-items:center;gap:9px}.remember input{width:18px;height:18px;accent-color:#e9ad25;margin:0}.primary,.secondary{width:100%;padding:14px;border:1px solid #b98317;font-weight:900;letter-spacing:1px}.primary{background:linear-gradient(#f8bc3b,#e28b0d);color:#171008}.secondary{background:#17211f;color:#eee}.link-button{display:block;margin:14px auto 0;border:0;background:none;color:#e6cf88;font-size:18px}.character-screen{display:grid;grid-template-columns:minmax(0,1fr) 360px;background:#020908;padding:24px;gap:20px}.character-preview-shell{position:relative;border:1px solid #7b6a35;background:#05100e;display:grid;place-items:center;overflow:hidden}.character-preview-shell canvas{image-rendering:pixelated;max-width:100%;max-height:100%;width:auto;height:auto}.character-preview-actor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;image-rendering:pixelated}.character-list{border:2px solid #8a7436;background:#06110f;padding:28px;display:flex;flex-direction:column}.brand-small{font-weight:900;letter-spacing:3px;text-align:center}.character-list h2{text-align:center;color:var(--gold);font-family:Georgia,serif}.character-card{border-top:1px solid #34443f;border-bottom:1px solid #34443f;background:#160f0c;padding:22px 10px;display:flex;gap:16px;align-items:center;margin:15px 0}.character-thumb{width:64px;height:64px;border:1px solid #42564f;image-rendering:pixelated}.character-card strong{font:700 23px Georgia,serif;display:block}.character-card span,.character-card small{display:block;margin-top:5px}.character-card small{color:var(--green)}.character-list .primary{margin-top:auto}.character-list .secondary{margin-top:14px}.game-screen{background:#020908}.topbar{height:var(--top);display:flex;align-items:center;gap:10px;background:#061412;border-bottom:1px solid #485953;padding:0 8px;z-index:30;position:relative}.logo-badge{width:48px;height:43px;font-size:23px;clip-path:polygon(0 0,100% 0,100% 76%,68% 76%,50% 100%,32% 76%,0 76%)}.player-summary{display:flex;align-items:center;min-width:210px;border-right:1px solid #30423d;padding-right:12px}.player-summary>div:first-child,.panel-header>div:first-child{width:46px;height:46px;image-rendering:pixelated}.player-summary strong,.player-summary small{display:block}.player-summary small{font-size:10px;color:#d9b847}.xp-mini{width:115px;height:5px;background:#33403c;margin-top:4px}.xp-mini span{display:block;height:100%;width:25%;background:#e3c548}.top-actions{display:flex;gap:5px;flex:1}.round,.top-actions button{width:38px;height:38px;border-radius:50%;border:1px solid #455b54;background:#0a1c19;color:#ddd;display:grid;place-items:center}.top-actions button:hover,.round:hover{border-color:var(--gold);color:var(--gold)}.currency{height:36px;min-width:65px;border:1px solid #6d5a23;border-radius:19px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff0b6}.currency img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.coin-gold{color:#ffbd23}.game-layout{height:calc(100vh - var(--top));display:grid;grid-template-columns:220px minmax(0,1fr) 240px}.left-rail{position:relative;background:#030d0c;border-right:1px solid #293d38}.explore-button{position:absolute;left:8px;top:36%;width:155px;padding:14px 10px;border:1px solid #9c7920;background:#071513e8;color:#f1d370;text-align:left;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto}.explore-button span{font-size:30px;grid-row:1/3}.explore-button b{font:800 20px Georgia,serif}.explore-button small{color:#aaa;margin-top:6px}.chat-box{position:absolute;left:7px;right:7px;bottom:8px;border-top:1px solid #8a7327;background:#061411;padding:8px}.chat-box h3{font-size:11px;color:#ffd34f;margin:0 0 6px}.chat-box #chat-messages{height:112px;overflow:auto;font-size:11px;line-height:1.55;color:#dfbe57}.chat-box input{width:100%;background:#07100f;border:1px solid #485954;color:#eee;padding:8px}.viewport-shell{position:relative;overflow:hidden;background:#020707;display:grid;place-items:center}.viewport-shell canvas{width:min(100%,960px);height:auto;max-height:calc(100vh - 120px);aspect-ratio:23/17;image-rendering:pixelated;background:#020707;outline:none;border-left:1px solid #142825;border-right:1px solid #142825}.bottom-controls{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.bottom-controls button{background:#0b1b18;color:#e9ddbd;border:1px solid #66736e;padding:10px 22px;font-weight:800}.status-hotbar{position:absolute;left:50%;transform:translateX(-50%);bottom:0;display:flex;align-items:end;background:#061412;border:1px solid #3d514b;padding:6px 8px;min-width:650px}.status-bars{width:190px;margin-right:8px}.bar{height:16px;position:relative;background:#172522;margin:3px 0;border:1px solid #53615d;overflow:hidden}.bar span{position:absolute;inset:0 auto 0 0}.bar b{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;text-shadow:1px 1px #000}.bar.hp span{background:#c53c38}.bar.mp span{background:#287bc1}.bar.stamina span{background:#ae8b27}.hotbar{display:flex;gap:4px}.hot-slot{width:45px;height:45px;border:1px solid #3a504a;background:#091815;display:grid;place-items:center;position:relative}.hot-slot img{max-width:39px;max-height:39px;image-rendering:pixelated}.hot-slot small{position:absolute;right:2px;bottom:1px;font-size:9px;background:#000b;padding:1px 2px}.hot-slot.auto{box-shadow:inset 0 0 0 2px #2cb86b}.character-panel{background:#061412;border-left:1px solid #30433d;padding:8px 12px;position:relative;transition:width .2s,padding .2s;overflow:hidden}.character-panel.collapsed{width:30px;padding:0}.character-panel.collapsed>*:not(.collapse-panel){display:none}.collapse-panel{position:absolute;left:3px;top:4px;width:27px;height:30px;border:1px solid #9c7920;background:#0b211d;color:#f0c243;font-size:24px;z-index:2}.panel-header{margin:2px 0 12px 30px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #31423d;padding-bottom:10px}.panel-header strong,.panel-header small{display:block}.panel-header small{color:#d4b33e;font-size:9px}.equipment-grid{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(4,48px);justify-content:center;gap:4px}.equipment-slot,.inventory-slot{border:1px solid #354a44;background:#081714;display:grid;place-items:center;position:relative}.equipment-slot img,.inventory-slot img{max-width:42px;max-height:42px;image-rendering:pixelated}.inventory-title{border-top:1px solid #354a44;margin-top:14px;padding:10px 0 5px;display:flex;justify-content:space-between;color:#e5be39;font-size:10px}.inventory-grid{display:grid;grid-template-columns:repeat(4,48px);gap:4px}.inventory-slot small{position:absolute;right:2px;bottom:1px}.modal-overlay{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:100;padding:16px}.modal{width:min(1040px,96vw);max-height:92vh;overflow:auto;background:#071714;border:1px solid #708077;padding:24px;position:relative;box-shadow:0 30px 100px #000}.modal.compact{width:min(900px,95vw)}.modal h1,.modal h2{font-family:Georgia,serif}.modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #927218;background:#0d201d;color:#f1c449;font-size:24px}.modal-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.modal-tabs button{padding:15px;background:#0a1a17;color:#ddd;border:1px solid #3b4f49;font-weight:800}.modal-tabs button.active{background:#18302b;color:#64d88d}.hunt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hunt-card{height:190px;border:1px solid #354943;background:#071512;color:#eee;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hunt-card:hover{border-color:#d4a929}.hunt-card canvas{width:72px;height:72px;image-rendering:pixelated}.hunt-card strong{font-family:Georgia,serif;color:#efd273;font-size:16px;margin-top:4px}.hunt-card small{color:#69d28b;margin-top:4px}.hunt-detail{display:grid;grid-template-columns:260px 1fr;gap:20px}.monster-hero{border:1px solid #3b4f49;display:grid;place-items:center;min-height:280px}.monster-hero canvas{width:150px;height:150px;image-rendering:pixelated}.creature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.creature-row{border:1px solid #354943;padding:8px;text-align:center}.creature-row canvas{width:70px;height:70px;image-rendering:pixelated}.loot-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.loot-list span{border:1px solid #32443f;padding:7px;font-size:11px}.effects-layer{position:absolute;inset:0;pointer-events:none}.floating{position:absolute;font-weight:900;text-shadow:1px 1px #000;animation:floatUp .8s forwards}.floating.damage{color:#ff5a47}.floating.heal{color:#63e58b}.floating.critical{color:#ffe64f;font-size:18px}@keyframes floatUp{to{transform:translateY(-28px);opacity:0}}#region-label{position:absolute;right:12px;top:10px;background:#071411dd;border:1px solid #5c6736;color:#f0cc44;font-size:11px;font-weight:900;padding:7px 10px}.resume{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:18px 34px;background:#db8f11;color:#120d05;border:2px solid #ffcc58;font-weight:900;z-index:20}.orientation-lock{position:fixed;inset:0;background:#030d0c;z-index:1000;display:grid;place-content:center;text-align:center}.rotate-phone{font-size:70px;color:#e3b73e}@media(max-width:900px) and (orientation:landscape){:root{--top:42px}.topbar{gap:4px}.logo-badge{width:38px;height:34px;font-size:18px}.player-summary{min-width:155px}.player-summary>div:first-child{width:35px;height:35px}.player-summary small{font-size:8px}.top-actions button,.round{width:32px;height:32px}.game-layout{grid-template-columns:130px minmax(0,1fr) 175px}.explore-button{width:126px;top:34%;padding:9px}.explore-button b{font-size:15px}.chat-box #chat-messages{height:70px}.viewport-shell canvas{max-height:calc(100vh - 84px)}.character-panel{padding:4px}.equipment-grid{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(4,38px)}.equipment-slot,.inventory-slot{width:38px;height:38px}.equipment-slot img,.inventory-slot img{max-width:34px;max-height:34px}.inventory-grid{grid-template-columns:repeat(4,38px)}.status-hotbar{min-width:520px;padding:3px}.status-bars{width:165px}.hot-slot{width:36px;height:36px}.hot-slot img{max-width:32px;max-height:32px}.bottom-controls{bottom:53px}.bottom-controls button{padding:7px 14px}.character-screen{grid-template-columns:minmax(0,1fr) 300px;padding:8px}.character-list{padding:14px}.hunt-grid{grid-template-columns:repeat(4,1fr)}.hunt-card{height:145px}.hunt-card canvas{width:55px;height:55px}.modal{padding:14px}}@media(max-width:700px) and (orientation:portrait){#orientation{display:grid!important}#app{display:none}}@media(min-width:701px){#orientation{display:none!important}}
.modal select{width:100%;padding:12px;margin:7px 0;background:#06110f;color:#eee;border:1px solid #53665f}.hunt-card span,.creature-row small{display:block;color:#a8b3af;font-size:11px;margin-top:4px}.creature-row button{margin-top:8px}.character-preview-shell:after{content:'MAPA REAL DO OTSERVER';position:absolute;left:12px;bottom:12px;background:#06110fdd;border:1px solid #3d514b;color:#d7b544;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:1px}.auth-card .remember input{appearance:auto!important;min-width:18px!important;max-width:18px!important;padding:0!important}.game-screen canvas{touch-action:none}