*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html,body{height:100%;interpolate-size:allow-keywords}}body{line-height:1.5;font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}::-webkit-scrollbar{width:0px}::-webkit-scrollbar-track{background:#1e1e1e;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#000,#000);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#000,#000)}html,body,#root{margin:0;padding:0;width:100%;max-width:800px;height:100%}.app-container{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;flex-direction:column;position:relative}.game-screen{width:600px;height:100%;max-width:600px;position:relative;overflow:hidden}@keyframes pulsar{0%{transform:scale(.7);opacity:0}25%{transform:scale(1.1)}50%{transform:scale(.95);opacity:1}75%{transform:scale(1.05)}to{transform:scale(1)}}.botao-pulsar{animation:pulsar 1.5s ease-out forwards;cursor:pointer}@keyframes chegada{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.botao-chegada{animation:chegada .45s ease-out forwards;image-rendering:pixelated}.container_header_hud{width:100%;top:0;z-index:1;display:flex;padding:6px;gap:10px;flex-direction:column;align-items:start;justify-content:start;z-index:3;margin-bottom:-1px}.container_hp_header_hud{width:100%;height:16px;outline:3px solid black;position:relative;background-color:#fff}.hp_header_hud{height:100%;background-color:red;position:absolute;border-bottom:4px solid rgb(202,0,0);border-top:transparent;border-left:transparent;border-right:transparent}.container_control_hud{width:100%;height:106px;bottom:0;z-index:1;display:flex;padding:0 6px 6px;gap:10px;flex-direction:column;justify-content:end;z-index:2}.container_hp_control_hud{width:100%;height:16px;outline:3px solid black;position:relative;background-color:#fff}.hp_control_hud{height:100%;background-color:red;position:absolute;border-bottom:4px solid rgb(202,0,0);border-top:transparent;border-left:transparent;border-right:transparent}.container_button_control_hud{display:flex;width:100%;gap:10px}.button_control_hud{background:#ffae00;cursor:pointer;width:100%;height:70px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-bottom:6px solid rgb(202,138,0);border-top:transparent;border-left:transparent;border-right:transparent;outline:3px solid black;transition:all .1s ease-out}.emoji_footer_hud{font-size:30px}.button_control_hud:disabled{background:#bdbdbd;color:#666;cursor:not-allowed;opacity:.5;border-bottom:4px solid rgb(136,136,136)}.button_control_hud:hover:not(:disabled){background:#f1a500;border-bottom:4px solid rgb(199,136,0)}.button_control_hud.pressed{transform:scale(1.2);border-bottom-width:2px}.speed_list{display:flex;flex-direction:column;gap:5px;background-color:#000;padding:10px;border:2px solid #fff;border-radius:5px;font-family:Pixelify Sans,sans-serif;font-size:14px;color:#fff}.speed_option{cursor:pointer;padding:5px;background-color:#333;border:1px solid #fff;text-align:center;transition:background-color .2s}.speed_option:hover{background-color:#555}.speed_option:active{background-color:#777}.speed_selector{display:flex;flex-direction:column;align-items:center;background-color:#000;padding:10px;border:2px solid #fff;border-radius:5px;font-family:Pixelify Sans,sans-serif;font-size:14px;color:#fff}.speed_selector_horizontal{display:flex;align-items:center;justify-content:center;background-color:#000;padding:10px;border:2px solid #fff;border-radius:5px;font-family:Pixelify Sans,sans-serif;font-size:14px;color:#fff;gap:10px}.speed_button{cursor:pointer;padding:5px;background-color:#333;border:1px solid #fff;text-align:center;transition:background-color .2s;font-size:16px;color:#fff}.speed_button:hover{background-color:#555}.speed_button:active{background-color:#777}.speed_display{margin:5px 0;font-size:16px;color:#fff}.canvas-container{width:100%;flex-grow:1;position:relative;z-index:2;height:100%}canvas{display:block;width:100%;height:100%}.level-up-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;animation:levelUpSlide 1.5s ease-out forwards}@keyframes levelUpSlide{0%{transform:translateY(100%);opacity:.8}50%{opacity:.6}to{transform:translateY(-100%);opacity:0}}.phase-transition-flash{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9;background:#ffffff4d;animation:flashEffect .5s ease-out}@keyframes flashEffect{0%{opacity:1}to{opacity:0}}.phase-notification{position:absolute;left:10px;top:50px;background:linear-gradient(135deg,#ff0000f2,#ff7f00f2,#ffff00f2);padding:10px 15px;border-radius:10px;border:4px solid #000000;box-shadow:0 6px 20px #0009;z-index:15;animation:slideInLeft .5s ease-out,fadeOutLeft .5s ease-in 2.5s forwards;pointer-events:none}@keyframes slideInLeft{0%{transform:translate(-150%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-150%);opacity:0}}0%{transform:translateY(-50%) translate(150%);opacity:0}100%{transform:translateY(-50%) translate(0);opacity:1}} @keyframes fadeOutRight{0%{transform:translateY(-50%) translate(0);opacity:1}100%{transform:translateY(-50%) translate(150%);opacity:0}}.game-stats{position:absolute;top:8px;background:#000000d9;color:#fff;padding:10px;border-radius:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.1);z-index:100}.game-stats-left{left:8px;height:40px;display:flex;align-items:center;justify-content:center}.game-stats-right-gold{right:8px;height:40px;top:54px;display:flex;align-items:center;justify-content:center}.game-stats-right{right:8px}.game-stats-time-section{display:flex;align-items:center;gap:6px}.game-stats-combat-section{display:flex;flex-direction:column;align-items:center;gap:4px}.game-stats-combat-label{font-size:11px;color:#aaa;font-weight:600;letter-spacing:1px}.game-stats-combat-values{display:flex;align-items:center;gap:4px}.game-stats-separator{color:#666;font-weight:700;font-size:14px;margin:0 2px}.game-stats-gold{display:flex;align-items:center;gap:6px;padding-top:6px}.game-stats-label{font-size:16px;display:flex;align-items:center}.game-stats-value{color:#fff;font-weight:700;font-size:15px}.game-stats-time{color:#ffeb3b;font-weight:700;font-size:18px;text-shadow:0 0 8px rgba(255,235,59,.5)}.game-stats-wins{color:#4caf50;text-shadow:0 0 8px rgba(76,175,80,.4)}.game-stats-losses{color:#f44336;text-shadow:0 0 8px rgba(244,67,54,.4)}.game-stats-draws{color:#ff9800;text-shadow:0 0 8px rgba(255,152,0,.4)}.game-stats-gold-value{color:gold;font-weight:700;font-size:16px;text-shadow:0 0 8px rgba(255,215,0,.5)}@media(max-width:768px){.game-stats{font-size:12px;padding:8px 12px;gap:6px}.game-stats-combat-label{font-size:10px}.game-stats-label{font-size:14px}.game-stats-value{font-size:13px}.game-stats-time{font-size:16px}.game-stats-gold-value{font-size:14px}}.economy-debug{position:fixed;bottom:280px;right:20px;z-index:9999}.debug-toggle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;font-size:24px;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.debug-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.debug-panel{position:absolute;bottom:60px;right:0;width:350px;max-height:80vh;background:#14141efa;border:2px solid #667eea;border-radius:12px;box-shadow:0 8px 32px #00000080;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #fff}.debug-header h3{margin:0;font-size:16px;font-weight:700;color:#fff}.debug-header button{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.debug-header button:hover{background:#ffffff4d}.debug-content{padding:16px;max-height:calc(80vh - 60px);overflow-y:auto;color:#fff}.debug-section{margin-bottom:16px;padding:12px;background:#ffffff0d;border-radius:8px;border-left:3px solid #667eea}.debug-section.highlight{background:#667eea33;border-left-color:#f1c40f}.debug-section h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#667eea}.debug-section.highlight h4{color:#f1c40f}.debug-section p{margin:6px 0;font-size:13px;color:#ddd}.debug-section p strong{color:#fff;font-weight:700}.rarity-table{display:flex;flex-direction:column;gap:6px}.rarity-row{display:grid;grid-template-columns:80px 50px 1fr;gap:8px;padding:6px;background:#ffffff0d;border-radius:4px;font-size:12px;align-items:center}.rarity-name{text-transform:capitalize;color:#ddd}.rarity-chance{text-align:center;color:#aaa;font-size:11px}.rarity-gold{text-align:right;color:#f1c40f}.rarity-gold strong{font-size:14px;font-weight:700}.debug-content::-webkit-scrollbar{width:6px}.debug-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.debug-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.debug-content::-webkit-scrollbar-thumb:hover{background:#764ba2}@media(max-width:768px){.debug-panel{width:calc(100vw - 40px);max-width:350px;right:-10px}.economy-debug{right:10px;bottom:110px}}.game-tutorial{position:fixed;top:20px;right:20px;width:320px;max-height:80vh;background:linear-gradient(135deg,#1e1e32fa,#141428fa);border:2px solid rgba(100,100,255,.5);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:1000;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:block}.game-tutorial.minimized{width:50px;height:50px;max-height:50px;display:flex;justify-content:center;align-items:center;text-align:center}.tutorial-header{padding:12px 16px;background:linear-gradient(135deg,#6464ff4d,#9664ff4d);border-bottom:1px solid rgba(100,100,255,.3);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background .2s}.tutorial-header:hover{background:linear-gradient(135deg,#7878ff66,#aa78ff66)}.tutorial-header h3{margin:0;font-size:1rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.minimized .tutorial-header h3{font-size:1.5rem}.minimize-btn{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:4px;transition:transform .2s}.minimize-btn:hover{transform:scale(1.2)}.minimized .minimize-btn{display:none}.tutorial-content{padding:16px;overflow-y:auto;max-height:calc(80vh - 60px);color:#e0e0e0;font-size:.9rem}.tutorial-content::-webkit-scrollbar{width:8px}.tutorial-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.tutorial-content::-webkit-scrollbar-thumb{background:#6464ff80;border-radius:4px}.tutorial-content::-webkit-scrollbar-thumb:hover{background:#7878ffb3}.tutorial-section{margin-bottom:20px;padding:12px;background:#ffffff0d;border-radius:8px;border-left:3px solid rgba(100,100,255,.5)}.tutorial-section h4{margin:0 0 10px;font-size:1rem;color:#a0d0ff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.tutorial-section p{margin:0;line-height:1.5;color:#d0d0d0}.tutorial-section ul{margin:8px 0 0;padding-left:20px;list-style:none}.tutorial-section ul li{margin-bottom:8px;line-height:1.4;position:relative;padding-left:8px;color:#d0d0d0}.tutorial-section ul li:before{content:"▸";position:absolute;left:-12px;color:#6464ffb3}.tutorial-section strong{color:#fff;font-weight:600}.rarity-list{display:flex;flex-direction:column;gap:8px}.rarity-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#0000004d;border-radius:6px}.rarity-badge{padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.rarity-badge.common{background:#9e9e9e;color:#000}.rarity-badge.uncommon{background:#4caf50;color:#000}.rarity-badge.rare{background:#2196f3;color:#fff}.rarity-badge.heroic{background:#9c27b0;color:#fff}.rarity-badge.legendary{background:#ff9800;color:#000}.rarity-badge.mythic{background:#ff006e;color:#fff}.rarity-badge.immortal{background:gold;color:#000}.tutorial-section.tips{border-left-color:#ffd700b3;background:#ffd7001a}.tutorial-section.tips h4{color:gold}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.game-tutorial{animation:slideIn .3s ease-out}@media(min-width:768px)and (max-width:1024px){.game-tutorial{width:280px;font-size:.85rem}.tutorial-content{font-size:.85rem}}@media(min-width:1920px){.game-tutorial{width:380px;font-size:1rem}.tutorial-content{font-size:1rem}}.container_game_scene{display:flex;flex-direction:column;width:100%;height:100%}.init_container_grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 0 92px;margin:10px}.init_item_grid{height:60px;border:none;cursor:pointer;color:#000}.init_button_footer{background:#ffae00;cursor:pointer;width:100%;height:70px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-bottom:6px solid rgb(202,138,0);border-top:transparent;border-left:transparent;border-right:transparent;outline:3px solid black}.init_button_footer:disabled{background:#bdbdbd;color:#666;cursor:not-allowed;opacity:.5;border-bottom:4px solid rgb(136,136,136)}.purchase-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.purchase-modal-content{background:#fff;border:6px solid #000000;box-shadow:0 0 0 2px #fff,0 0 0 8px #000,8px 8px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;image-rendering:pixelated}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.purchase-modal-header{padding:20px;border-bottom:6px solid #000000;display:flex;justify-content:space-between;align-items:center;background:red}.purchase-modal-header h2{margin:0;color:#fff;font-size:1.5rem;text-shadow:3px 3px 0 #000000;font-weight:700;letter-spacing:2px;text-transform:uppercase}.purchase-modal-close{background:#fff;border:4px solid #000000;color:#000;width:40px;height:40px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #0000004d}.purchase-modal-close:hover{background:red;color:#fff;transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.purchase-modal-close:active{transform:translate(4px,4px);box-shadow:none}.purchase-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.purchase-room-info{background:#00bfff;border:6px solid #000000;padding:16px;text-align:center;box-shadow:4px 4px #0000004d}.purchase-room-number{font-size:2rem;font-weight:700;color:#fff;text-shadow:3px 3px 0 #000000;margin-bottom:12px;letter-spacing:2px}.purchase-room-details{display:flex;gap:16px;justify-content:center;font-size:1rem;color:#000;font-weight:700}.purchase-cost-section{background:gold;border:6px solid #000000;padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:4px 4px #0000004d}.purchase-cost-label{font-size:1.2rem;color:#000;font-weight:700;text-transform:uppercase}.purchase-cost-value{font-size:1.8rem;font-weight:700;color:#000;text-shadow:2px 2px 0 rgba(255,255,255,.5)}.purchase-player-status{background:#e0e0e0;border:6px solid #000000;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 2px 2px #0003}.purchase-player-gold,.purchase-remaining{display:flex;justify-content:space-between;align-items:center}.purchase-label{color:#000;font-size:1rem;font-weight:700}.purchase-value{color:#06f;font-size:1.2rem;font-weight:700}.purchase-value-missing{color:red;font-size:1.2rem;font-weight:700}.purchase-progress-container{width:100%;height:36px;background:gray;overflow:hidden;border:6px solid #000000;position:relative;box-shadow:inset 3px 3px #0000004d}.purchase-progress-bar{height:100%;transition:width .5s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.purchase-progress-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(255,255,255,.3) 10px,rgba(255,255,255,.3) 20px);animation:shimmer 1s linear infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.purchase-progress-text{font-size:1rem;font-weight:700;color:#fff;text-shadow:2px 2px 0 #000000;position:relative;z-index:1}.purchase-button{width:100%;padding:18px;border:6px solid #000000;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .1s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:4px 4px #00000080}.purchase-button-buy{background:#0f0;color:#000;animation:pulse-pixel 1.5s infinite}@keyframes pulse-pixel{0%,to{background:#0f0}50%{background:#0d0}}.purchase-button-buy:hover{background:#0d0;transform:translate(2px,2px);box-shadow:2px 2px #00000080}.purchase-button-buy:active{transform:translate(4px,4px);box-shadow:none}.purchase-insufficient{text-align:center;padding:20px;background:#ff6b6b;border:6px solid #000000;box-shadow:4px 4px #0000004d}.purchase-insufficient p{margin:8px 0;color:#000;font-weight:700;font-size:1.1rem;text-shadow:2px 2px 0 rgba(255,255,255,.3)}.purchase-hint{font-size:.9rem!important;color:#fff!important;font-weight:700!important;margin-top:12px!important;text-shadow:2px 2px 0 #000000!important}@media(max-width:480px){.purchase-modal-content{width:95%;max-height:95vh}.purchase-modal-header h2{font-size:1.2rem}.purchase-room-number{font-size:1.5rem}.purchase-cost-value{font-size:1.4rem}.purchase-button{font-size:1rem;padding:14px}}.container_footer{width:100%;height:72px;position:fixed;max-width:600px;bottom:0;z-index:1;display:flex;padding:0 10px 6px;gap:10px;flex-direction:column;justify-content:end}.container_hp_footer{width:100%;height:16px;outline:2px solid black;position:relative;background-color:#fff}.button_footer{background:#ffae00;cursor:pointer;width:100%;height:70px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px;border-bottom:6px solid rgb(202,138,0);border-top:transparent;border-left:transparent;border-right:transparent;font-size:2rem;outline:3px solid black}.button_footer:hover{background:#ffc400;width:100%;height:70px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px;border-bottom:4px solid rgb(202,148,0);border-top:transparent;border-left:transparent;border-right:transparent;font-size:2rem;outline:3px solid black}.emoji_footer{font-size:30px}.button_footer:disabled{background:#bdbdbd;color:#666;cursor:not-allowed;opacity:.5;border-bottom:4px solid rgb(136,136,136)}