*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font:14px 'Segoe UI',sans-serif;background:#202e38;color:#233d42}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{height:58px;background:#fff9e9;display:flex;align-items:center;padding:0 28px;gap:28px;border-bottom:3px solid #263f49;position:relative;z-index:5}.brand{font-size:14px;font-weight:900;letter-spacing:1px;text-decoration:none;color:#233d42;white-space:nowrap}.brand span{color:#d38b44;font-size:26px;vertical-align:middle;margin-right:8px}.topmeta{font-size:10px;letter-spacing:1px;color:#7a8274;flex:1}.topmeta b{display:inline-block;margin-left:12px;background:#e6ebd6;padding:6px 10px;border-radius:4px;color:#506b53}header button{border:1px solid #c8c6ae;background:#fffdf4;border-radius:6px;padding:9px 15px;font-size:12px;font-weight:700}main{height:calc(100dvh - 128px);position:relative;overflow:hidden}#game{position:absolute;inset:0}#game canvas{display:block;image-rendering:pixelated}.scene-title{position:absolute;left:34px;top:26px;pointer-events:none;background:#fff9e9f0;padding:16px 20px;border-left:4px solid #d59852;box-shadow:0 3px 0 #253c4433;border-radius:0 6px 6px 0}#eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#977145}h1{font:800 25px 'Segoe UI',sans-serif;margin:5px 0}.scene-title p{font-size:12px;margin:5px 0 0;color:#60716a}.preview-label{position:absolute;right:24px;top:20px;font-size:10px;padding:7px 10px;border-radius:4px;background:#fff9e9ed;color:#657367}.legend{position:absolute;top:58px;right:24px;background:#fff9e9dc;padding:7px 12px;border-radius:4px;font-size:11px;display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.blue{background:#538eb6}.red{background:#b85e67}.touch{position:absolute;inset:auto 32px 30px;display:flex;justify-content:space-between;pointer-events:none;align-items:end}.joystick{width:98px;height:98px;border:2px solid #fff8dca8;border-radius:50%;background:#233d423d;display:grid;place-items:center;pointer-events:auto;touch-action:none}.joystick span{display:grid;place-items:center;width:52px;height:52px;border:2px solid #fff4d0bd;background:#fcf5ddba;border-radius:50%;font-size:30px;color:#476660}.actions{display:flex;gap:10px;align-items:end}.actions button{border:2px solid #fff3d7a8;border-radius:50%;background:#f8efd9e8;color:#314b50;width:58px;height:58px;font-size:23px;pointer-events:auto}.actions small{display:block;font-size:9px}.actions #throw{width:82px;height:82px;background:#f1bd6e;font-size:30px;border:3px solid #fff1c9}.chatline{position:absolute;left:50%;transform:translateX(-50%);bottom:26px;display:flex;align-items:center;gap:10px;background:#fff9e9e8;box-shadow:0 3px 0 #2e464655;padding:10px 12px;border-radius:7px;width:330px}.chatline input{background:transparent;border:0;outline:0;min-width:0;flex:1;font-size:12px;color:#40564f}.chatline button{background:#e9b863;color:#594820;border:0;width:29px;height:29px;border-radius:4px}.keyboard{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);font-size:9px;letter-spacing:.4px;color:#294b46;background:#edf1d3b5;padding:2px 7px}nav{height:70px;background:#fff9e9;display:flex;justify-content:center;gap:32px;border-top:3px solid #273f46}nav button,nav a{border:0;text-decoration:none;background:none;color:#728078;min-width:65px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:22px;gap:2px;padding:8px 12px;border-top:3px solid transparent;margin-top:-3px}nav span{font-size:10px;font-weight:700}nav .active{border-top-color:#b9793e;color:#825b35;background:#f0e7d1}.score{position:absolute;top:24px;left:50%;transform:translateX(-50%);background:#fff9e9ed;display:flex;align-items:center;gap:24px;padding:10px 22px;border-radius:8px;box-shadow:0 3px 0 #263e4c55;font-size:11px;font-weight:800}.score span{white-space:nowrap;color:#467eaa}.score span:last-child{color:#ae5965}.score b{font-size:23px;margin:0 10px}.score strong{font-size:11px;text-align:center;letter-spacing:2px}.score small{font-size:8px;letter-spacing:0;color:#75806c}.hidden{display:none}dialog{border:3px solid #344e53;background:#fff9e9;border-radius:14px;padding:28px;color:#2e4548;max-width:840px;width:calc(100% - 32px);box-shadow:0 14px 0 #152f3533}dialog::backdrop{background:#16313da8;backdrop-filter:blur(2px)}.close{float:right;border:0;background:#e7dfc8;border-radius:50%;font-size:22px;width:30px;height:30px}.tag{display:inline-block;font-size:10px;letter-spacing:1px;font-weight:800;color:#987044}.panel-grid{display:grid;grid-template-columns:230px 1fr;gap:24px}.portrait{background:#dce4c5;border:2px solid #bccba8;border-radius:8px;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative}.portrait img{width:112px;image-rendering:pixelated}.portrait:after{content:'MESMO SPRITE DO MUNDO';position:absolute;bottom:20px;font-size:9px;letter-spacing:1px;color:#607a62}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices button,.primary{border:1px solid #bbc6ac;border-radius:5px;background:#e8ecd9;color:#3f594d;padding:11px 15px}.choices button.selected,.primary{background:#dca95d;border-color:#b58342;color:#403923}.price{background:#eee6d0;border-radius:7px;padding:16px;margin-top:18px;display:flex;justify-content:space-between;gap:12px}.price strong{font-size:20px}.fine{font-size:11px;line-height:1.6;color:#788374}dialog h2{font-size:27px;margin:7px 0 18px}dialog h3{font-size:13px;margin:18px 0 9px}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.slot{border:2px solid #b6c5a5;background:#e6ead4;padding:16px 10px;border-radius:7px;text-align:center}.slot img{width:48px;height:48px;image-rendering:pixelated;object-fit:contain}.slot strong{font-size:12px;display:block;margin:8px 0}.slot small{font-size:10px;color:#71816c}.box{border:2px dashed #c5ad77;padding:20px;margin-top:18px;border-radius:8px;background:#f1e9d2}.mockinput{padding:12px;border:1px solid #b7c1a9;background:#fffdf6;border-radius:5px;width:100%;margin:5px 0}.rows{border:1px solid #c5cbb6;border-radius:8px;overflow:hidden}.row{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #d4d8c3;font-size:13px}.empty{padding:30px;background:#e8ecd8;border-radius:8px;color:#617661}.scene-title.compact{top:auto;bottom:150px;padding:9px 14px}.scene-title.compact h1{font-size:16px}.scene-title.compact p{display:none}@media(max-width:600px){header{padding:0 12px;height:50px;gap:6px}.brand{font-size:10px;letter-spacing:.5px}.brand span{font-size:20px;margin-right:3px}.topmeta{display:none}header button{margin-left:auto;font-size:10px;padding:7px}.scene-title{top:35px;left:12px;right:12px;padding:10px 13px;max-width:300px}h1{font-size:19px}.scene-title p{font-size:10px;line-height:1.4}.preview-label{top:8px;left:12px;right:auto;font-size:8px;padding:4px 6px}.legend{right:12px;top:135px;font-size:9px}.touch{inset:auto 16px 64px}.joystick{width:78px;height:78px}.joystick span{width:44px;height:44px}.actions button{width:49px;height:49px}.actions #throw{width:68px;height:68px}.chatline{bottom:12px;width:calc(100% - 32px);padding:7px 10px}.keyboard{display:none}main{height:calc(100dvh - 112px)}nav{height:62px;gap:0;justify-content:space-around}nav button,nav a{min-width:0;padding:6px 10px;font-size:20px}nav span{font-size:8px}.score{top:35px;width:calc(100% - 24px);gap:8px;justify-content:space-between;padding:8px 10px;font-size:8px}.score b{font-size:19px;margin:0 4px}.score strong{font-size:9px;letter-spacing:.5px}.scene-title.compact{top:auto;bottom:165px;right:auto;padding:6px 9px}.scene-title.compact #eyebrow{font-size:8px;letter-spacing:1px}.scene-title.compact h1{font-size:13px;margin:3px 0}.panel-grid{grid-template-columns:1fr}.portrait{min-height:160px}.portrait img{width:80px}.portrait:after{bottom:7px;font-size:8px}.slots{grid-template-columns:1fr 1fr}dialog{padding:18px;max-height:90dvh}dialog h2{font-size:22px}.price{padding:12px}.price strong{font-size:16px}}