:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#edf1ff;background:#060b19;--gold:#e9bb70;--gold-light:#ffe0a0;--panel:rgba(9,15,33,.91)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none}button{cursor:pointer;font-family:inherit}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;background:radial-gradient(circle at 54% 48%,#253253,#060b19 75%)}#ambient{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,7,18,.4),transparent 28%,rgba(4,8,18,.3) 100%),radial-gradient(ellipse at 50% 110%,rgba(172,91,44,.12),transparent 50%)}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:5}.menu-screen{background:linear-gradient(90deg,rgba(5,9,20,.94) 0%,rgba(5,9,20,.83) 40%,rgba(4,8,20,.62)),radial-gradient(circle at 55% 10%,rgba(78,97,157,.3),transparent 50%);overflow-y:auto}.menu-content{max-width:1140px;margin:auto;padding:clamp(28px,5vh,70px) clamp(20px,5vw,70px) 24px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.31em;font-weight:800;margin:0 0 8px}.menu-content h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(62px,9vw,112px);line-height:.88;letter-spacing:.017em;margin:0;font-weight:900;text-shadow:0 12px 50px #000}.menu-content h1 span{color:var(--gold-light)}.lede{font-size:clamp(12px,1.5vw,15px);color:#b8c1d7;margin:17px 0 27px}.menu-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(248px,1fr);gap:20px}.selection{padding-top:8px}.section-row{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:14px}.section-row h2{font-size:15px;margin:0;font-weight:700}.small-tag{border:1px solid #34415b;padding:5px 9px;border-radius:2px;color:#a6b5c7;font-size:9px;letter-spacing:.12em}.dragon-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dragon-option{border:1px solid #39425a;position:relative;min-height:135px;padding:17px 16px;text-align:left;color:#fff;border-radius:7px;overflow:hidden;background:linear-gradient(120deg,rgba(24,34,59,.85),rgba(10,17,33,.8));transition:border-color .2s,transform .2s}.dragon-option:hover{transform:translateY(-2px)}.dragon-option.selected{border-color:var(--dragon-color);box-shadow:0 0 0 1px var(--dragon-color),inset 0 0 38px var(--dragon-glow)}.dragon-option:before{content:'';position:absolute;width:145px;height:145px;right:-52px;top:-56px;border-radius:50%;background:var(--dragon-glow);filter:blur(22px)}.dragon-option .element-symbol{font-size:30px;line-height:1.1;color:var(--dragon-color);display:block;margin-bottom:12px;text-shadow:0 0 22px var(--dragon-color)}.dragon-option .name{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:25px;letter-spacing:.045em}.dragon-option .type{display:block;font-size:10px;color:#aebbd1;text-transform:uppercase;letter-spacing:.15em;margin-top:3px}.dragon-option .chosen{font-size:9px;position:absolute;right:12px;bottom:16px;color:var(--dragon-color)}.brief-panel{padding:21px;border:1px solid #475168;background:linear-gradient(130deg,rgba(25,31,50,.92),rgba(7,13,27,.94));border-radius:7px;box-shadow:0 26px 70px #0005}.roundel{color:var(--gold);font-size:28px;margin-bottom:10px}.brief-panel h2,.modal h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,4vw,47px);margin:0;letter-spacing:.03em;line-height:1}.brief-panel>p:not(.eyebrow){font-size:12px;color:#b0bed3;line-height:1.6;min-height:33px;margin:8px 0 16px}.stat-row{display:flex;justify-content:space-between;font-size:12px;padding:7px 0;color:#aebbce}.stat-row span:last-child,.stat-row strong{color:#f9e7c1}.divider-line{border-top:1px solid #3b435b;margin:9px 0}.main-cta{width:100%;padding:13px 16px;background:linear-gradient(90deg,#dfac59,#f8d993);color:#221b17;border:0;border-radius:3px;font-size:12px;letter-spacing:.07em;font-weight:900;margin-top:13px;box-shadow:0 6px 25px #f5ab3d22;display:flex;align-items:center;justify-content:space-between}.main-cta:hover{filter:brightness(1.07)}.secondary-cta{width:100%;background:#141d30;color:#cad6e8;border:1px solid #34445f;padding:12px;border-radius:3px;font-weight:700;font-size:11px;margin-top:9px;display:flex;justify-content:space-between;gap:8px}.secondary-cta span{color:var(--gold);font-size:9px}.menu-note{text-align:center;font-size:10px;color:#7e90b0;margin:17px 0}.hud{position:fixed;inset:0;z-index:2;pointer-events:none}.battle-top{display:grid;grid-template-columns:minmax(145px,285px) 1fr minmax(145px,265px) 38px;align-items:start;gap:15px;margin:18px 20px}.hud-card{padding:10px 13px;border:1px solid #6e76914f;background:linear-gradient(140deg,#071020dc,#131c36bb);border-radius:4px;box-shadow:0 8px 30px #0005}.hud-title,.hud-caption{display:flex;align-items:center;justify-content:space-between}.hud-title strong{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.06em;font-size:21px}.hud-title span{color:#e7c17e;font-size:10px}.hud-caption{font-size:9px;color:#a8b3cc;margin:4px 0 6px}.bar{height:9px;background:#333d59;border-radius:8px;overflow:hidden;margin-top:6px;border:1px solid #ffffff19}.bar>div{height:100%;width:100%;transition:width .15s}.bar.life>div{background:linear-gradient(90deg,#943f4d,#ed6970)}.bar.mana>div{background:linear-gradient(90deg,#2c82bd,#7ad4fd)}.battle-title{text-align:center;padding-top:8px;font-size:10px;letter-spacing:.23em;color:#a9bad1;text-shadow:0 2px 4px #000}.battle-title span{display:block;color:var(--gold)}.battle-title strong{display:block;margin:5px 0;color:#fff;font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;letter-spacing:.03em}.battle-title #distance{font-size:9px;letter-spacing:.13em}.pause-btn{pointer-events:auto;color:#f5dfb3;background:#111b30cc;border:1px solid #67708b;border-radius:3px;padding:11px;font-size:17px}.crosshair{position:fixed;left:50%;top:49%;width:30px;height:30px;border:1px solid #f9e0a49a;border-radius:50%;transform:translate(-50%,-50%);opacity:.8}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#f9e0a4aa;left:50%;top:50%;transform:translate(-50%,-50%)}.crosshair:before{width:7px;height:1px}.crosshair:after{height:7px;width:1px}.battle-message{position:fixed;top:25%;width:100%;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(16px,2.7vw,31px);color:#ffdf9c;text-shadow:0 2px 12px #000,0 0 20px #bb7b43;letter-spacing:.08em;opacity:0;transition:opacity .25s}.battle-message.visible{opacity:1}.touch-ui{position:fixed;inset:auto 0 15px;display:flex;align-items:end;justify-content:space-between;padding:0 22px env(safe-area-inset-bottom);gap:10px}.stick-container{pointer-events:auto;touch-action:none;position:relative;width:160px;height:154px;display:flex;align-items:center;justify-content:center;flex-direction:column}.stick-container>span{font-size:8px;letter-spacing:.15em;color:#b9c5dc;margin-top:7px}.stick-ring{width:112px;height:112px;border-radius:50%;border:2px solid #ffffff60;background:radial-gradient(circle,#7393ab33,#07112355);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 18px #fffffe12}.stick-knob{width:48px;height:48px;border-radius:50%;border:2px solid #f2d293bb;background:radial-gradient(circle,#e1c892bb,#97703f77);box-shadow:0 0 20px #dcae7244;transform:translate(0px,0px);will-change:transform}.flight-controls{display:flex;flex-direction:column;gap:8px;margin-right:auto;margin-left:4px;margin-bottom:18px}.flight-btn{pointer-events:auto;touch-action:none;border:1px solid #92a6c77d;background:#111e36c7;color:#eff5ff;border-radius:8px;width:55px;height:49px;font-size:16px;font-weight:700}.flight-btn small{display:block;font-size:8px;letter-spacing:.04em;margin-top:3px}.attack-controls{pointer-events:auto;display:flex;flex-direction:column;gap:8px;align-items:flex-end;margin-bottom:5px}.attacks{display:flex;align-items:end;gap:9px}.attack-button{pointer-events:auto;touch-action:manipulation;min-width:71px;height:77px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:1px solid #cba86e99;border-radius:50%;color:#ffe7b1;background:radial-gradient(circle at 45% 35%,#735336dc,#171b32e9 75%);box-shadow:inset 0 0 16px #e9aa5422,0 6px 18px #0007;position:relative;overflow:hidden}.attack-button:nth-child(3){min-width:88px;height:88px;border:2px solid #f7c471;background:radial-gradient(circle at 45% 35%,#b66d35e9,#26243c 76%)}.attack-button span{font-size:24px;line-height:1}.attack-button strong{font-size:9px;letter-spacing:.07em}.attack-button small{color:#c0cddd;font-size:8px}.attack-button:disabled,.dodge-button:disabled{filter:grayscale(.9) brightness(.72);opacity:.6}.dodge-button{pointer-events:auto;touch-action:manipulation;min-width:102px;background:#213653dd;color:#daebff;border:1px solid #7598b388;border-radius:5px;font-size:11px;font-weight:800;padding:10px}.hint-desktop{position:fixed;bottom:6px;left:50%;transform:translateX(-50%);color:#9baec6;font-size:9px;white-space:nowrap;letter-spacing:.03em}.result-screen{display:flex;align-items:center;justify-content:center;background:#020711c7;backdrop-filter:blur(7px);padding:20px}.modal{max-width:440px;width:100%;max-height:calc(100dvh - 42px);overflow-y:auto;padding:30px;background:linear-gradient(145deg,#1b243b,#080e20);border:1px solid #677494;border-radius:8px;box-shadow:0 24px 90px #000a;text-align:center}.modal h2{font-size:48px;color:#ffe0a4;margin:10px 0}.modal p:not(.eyebrow){color:#aebed5;font-size:13px;line-height:1.7}.rewards{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}.reward{border:1px solid #4d5c73;color:#f8db9e;background:#17213b;padding:12px;border-radius:5px;font-weight:800;font-size:13px}.upgrade-modal{text-align:left}.upgrade-modal h2{font-size:35px}.upgrade-entry{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #3d4966;padding:14px 0}.upgrade-entry strong{display:block;font-size:12px}.upgrade-entry span{font-size:10px;color:#b0bed0}.upgrade-entry button{border:1px solid #d2b67f;background:#292a37;color:#ffe4af;padding:9px 11px;border-radius:3px;font-size:10px;font-weight:800}.upgrade-entry button:disabled{opacity:.45}.points-row{border-top:1px solid #34405c;margin-top:16px;padding:14px 0}.points-row strong{font-size:20px}.upgrade-modal>.main-cta{justify-content:center}#toast{z-index:12;position:fixed;left:50%;top:12px;transform:translateX(-50%);pointer-events:none;max-width:90vw;text-align:center;color:#ffdeb1;background:#171f35ee;border:1px solid #ad8f63;padding:12px 20px;border-radius:6px;box-shadow:0 8px 40px #0009;font-size:12px;opacity:0;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:720px){.menu-content{padding:30px 15px 24px}.menu-content h1{font-size:74px}.lede{margin:12px 0 20px}.menu-columns{grid-template-columns:1fr;gap:16px}.dragon-option{min-height:116px;padding:14px}.dragon-option .element-symbol{font-size:24px;margin-bottom:8px}.dragon-option .name{font-size:22px}.brief-panel{padding:17px}.brief-panel>p:not(.eyebrow){min-height:0}.battle-top{grid-template-columns:1fr 1fr 32px;gap:8px;margin:10px 10px}.battle-title{position:fixed;top:100px;left:50%;transform:translateX(-50%)}.hud-card{padding:8px}.hud-title strong{font-size:15px}.hud-caption{font-size:8px}.battle-title strong{font-size:16px}.touch-ui{padding:0 9px env(safe-area-inset-bottom);gap:4px}.stick-container{width:104px;height:134px}.stick-ring{width:89px;height:89px}.stick-knob{width:40px;height:40px}.stick-container>span{font-size:7px}.flight-controls{margin-left:0;margin-bottom:14px}.flight-btn{width:43px;height:43px;font-size:13px}.flight-btn small{font-size:7px}.attacks{gap:5px}.attack-button{min-width:56px;height:62px}.attack-button:nth-child(3){min-width:66px;height:70px}.attack-button span{font-size:18px}.attack-button strong{font-size:8px}.attack-button small{font-size:7px}.dodge-button{min-width:90px;padding:9px}.hint-desktop{display:none}.modal{padding:25px}.upgrade-modal h2{font-size:30px}}@media(max-width:400px){.menu-content h1{font-size:65px}.dragon-options{gap:8px}.dragon-option{padding:11px}.attack-button{min-width:48px;height:56px}.attack-button:nth-child(3){min-width:59px;height:64px}.flight-btn{width:39px;height:41px}.stick-container{width:85px}.stick-ring{width:77px;height:77px}.battle-top{gap:5px}.hud-card{padding:6px}}@media(min-width:721px) and (pointer:fine){.touch-ui{opacity:.77}.stick-container{opacity:.6}}@media(max-height:460px){.battle-top{margin-top:5px}.battle-title{top:9px}.touch-ui{bottom:3px}.stick-container{height:103px}.stick-ring{width:78px;height:78px}.attack-button{min-width:53px;height:55px}.attack-button:nth-child(3){min-width:66px;height:65px}.flight-controls{margin-bottom:2px}.attack-controls{margin-bottom:0}.menu-content{padding-top:15px}.menu-content h1{font-size:51px}.lede{margin:8px 0 12px}.dragon-option{min-height:92px}.brief-panel{padding:12px}.roundel{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* v0.2 · Progressão visual das seis arenas */
:root{--arena-accent:#c5af8d}
.arena-showcase{border:1px solid #66718a66;background:linear-gradient(110deg,rgba(10,17,31,.87),rgba(13,24,39,.69));border-radius:7px;padding:15px 19px 13px;margin:0 0 24px;box-shadow:0 12px 45px #0005, inset 0 0 50px #728e9c0b;backdrop-filter:blur(6px)}
.arena-headline,.arena-foot{display:flex;justify-content:space-between;align-items:center;gap:15px}
.arena-headline{font-size:9px;letter-spacing:.20em;color:#b8c9d8;font-weight:700}
.arena-kicker{color:var(--gold)}
.arena-carousel{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:72px}
.arena-arrow{flex:none;border:1px solid #79879788;background:#1c2d46c9;color:#e1e9f8;padding:11px 14px;border-radius:4px;font-size:13px}
.arena-arrow:active{transform:scale(.93)}
.arena-copy{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0}
.arena-copy strong{font:800 clamp(18px,2.1vw,26px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:.06em;text-shadow:0 4px 17px #000}
.arena-copy>span:not(.arena-pill){font-size:11px;color:#c0cfe1}
.arena-pill{font-size:9px;color:#b4efd8;border:1px solid #527566;background:#182a28e3;letter-spacing:.09em;padding:3px 9px;border-radius:18px;margin-top:4px}
.arena-pill.locked{color:#f8c5a8;background:#3d261dd9;border-color:#995d4a}
.arena-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:11px}
.arena-step{width:34px;height:26px;border:1px solid #75808d;border-radius:5px;background:#222d3c9c;color:#d5e4f5;opacity:.65;font-size:16px}
.arena-step.unlocked{opacity:.9;color:#f1d7a0;border-color:#b6a177}
.arena-step.active{opacity:1;background:#52627590;border-color:var(--arena-accent);outline:1px solid var(--arena-accent);transform:translateY(-1px)}
.arena-step.locked{filter:saturate(.35)}
.arena-foot{border-top:1px solid #58657a66;padding-top:10px;color:#9faec3;font-size:9px;line-height:1.5}
.arena-foot strong{color:#f5d5a4;letter-spacing:.04em;text-align:right}
.arena-current{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:6px;padding:8px;background:#2638507a;border:1px solid #56677a6b;font-size:9px;color:#b9c6d7}
.arena-current strong{color:#f2d7a0;font-size:10px;text-align:right}
.arena-unlock{border-color:#e0bf86;background:#493721;color:#ffe6ab;animation:arena-pulse .6s ease-out}
@keyframes arena-pulse{0%{transform:scale(.85);filter:brightness(2)}100%{transform:scale(1);filter:brightness(1)}}
@media(max-width:720px){.arena-showcase{margin-bottom:18px;padding:11px 10px}.arena-foot{font-size:8px}.arena-copy strong{font-size:21px}.arena-arrow{padding:9px 11px}.arena-steps{gap:5px}.arena-step{width:31px;height:27px}}
@media(max-height:460px){.arena-showcase{padding:6px 12px;margin-bottom:10px}.arena-carousel{min-height:50px}.arena-steps{margin-bottom:5px}}

@media(max-width:720px){.dragon-option .chosen{position:static;display:block;text-align:right;margin-top:9px;font-size:8px}.dragon-option .type{font-size:9px}.dragon-option{min-height:128px}}
@media(max-height:460px){.dragon-option{min-height:101px}.dragon-option .chosen{margin-top:3px}}

/* v0.3 · Contas, autenticação e perfil */
.auth-screen,.profile-screen{position:fixed;inset:0;z-index:10;overflow:auto;background:linear-gradient(115deg,#080c19ec,#0b162cee);backdrop-filter:blur(18px);padding:20px;display:flex;justify-content:center;align-items:center}
.auth-screen.hidden,.profile-screen.hidden{display:none}
.auth-layout{width:min(925px,100%);min-height:510px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #64779488;border-radius:15px;overflow:hidden;box-shadow:0 28px 100px #000b;background:#0a1324}
.auth-banner{padding:55px 43px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 60% 40%,#a9713833,transparent 55%),linear-gradient(135deg,#253654,#080d1a);border-right:1px solid #69819a55}
.auth-emblem{font-size:50px;color:#eac387;text-shadow:0 0 40px #efae6b77}.auth-banner h2{font:900 clamp(65px,7vw,96px)/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em;color:#fce8bf;margin:17px 0 22px}.auth-banner h2 span{color:#fff}.auth-banner>p:not(.eyebrow){font-size:13px;max-width:260px;line-height:1.8;color:#b5c4d7}.auth-symbols{margin-top:30px;color:#d4a966;font-size:28px;letter-spacing:.18em}
.auth-panel{padding:44px 36px;display:flex;flex-direction:column;justify-content:center}.auth-panel h2{font:900 36px 'Barlow Condensed',Impact,sans-serif;color:#fff;margin:7px 0 18px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#101c30;padding:5px;border:1px solid #405273;border-radius:8px}.auth-tabs button{padding:11px 5px;background:transparent;border:0;border-radius:6px;color:#8d9fb9;font-weight:850;font-size:11px;letter-spacing:.08em}.auth-tabs button.selected{background:#37445c;color:#ffe5b5;box-shadow:0 1px 6px #0007}.auth-form{display:grid;gap:12px;margin-top:18px}.auth-form label{display:flex;flex-direction:column;gap:7px;color:#aebed4;font-size:10px;letter-spacing:.1em;font-weight:750}.auth-form label.hidden{display:none}.auth-form input{border:1px solid #4c5c78;border-radius:5px;background:#0b1527;color:#f4f2ea;padding:12px;font-size:14px;outline:none;width:100%}.auth-form input:focus{border-color:#d5ae74;box-shadow:0 0 0 2px #d5ae7422}.auth-message{font-size:11px;color:#b9d1c7;line-height:1.4;min-height:30px;margin:0!important}.auth-message.error{color:#f5a8a8}.auth-form .main-cta{margin:0;justify-content:space-between}.auth-panel>.secondary-cta{margin-top:12px}.auth-hint{font-size:10px!important;line-height:1.6!important;color:#879bb2!important;margin:12px 0 0!important}
.menu-account-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 20px;padding:10px 15px;background:#152034b5;border:1px solid #5a6b8588;border-radius:6px}.account-ident{font-size:10px;color:#cad5e2;font-weight:800;letter-spacing:.06em}.online-indicator{display:inline-block;width:7px;height:7px;background:#9fbd9e;border-radius:50%;box-shadow:0 0 9px #97c698;margin-right:9px}.menu-account-strip button{color:#ffe2aa;background:#29364ecc;border:1px solid #c8aa7877;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.04em;padding:10px 14px}.menu-account-strip button span{margin-left:8px}
.profile-panel{width:min(610px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;background:linear-gradient(135deg,#15243e,#0a1222);border:1px solid #7686a2;border-radius:13px;padding:27px;box-shadow:0 25px 90px #000a}.profile-head{display:flex;justify-content:space-between;align-items:start}.profile-head h2{margin:4px 0 15px;color:#fff;font:900 41px 'Barlow Condensed',Impact,sans-serif}.profile-close{background:#2d3a50;border:1px solid #6d7b92;border-radius:4px;color:#fff;font-size:18px;padding:7px 12px}.profile-identity{display:flex;align-items:center;gap:15px;background:#1d2b45;padding:16px;border:1px solid #536a84;border-radius:7px;margin-bottom:16px}.profile-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:30px;color:#f1c887;background:radial-gradient(circle,#7a654a,#242e49);border:1px solid #bda278}.profile-identity strong{font-size:19px;color:#ffe9bc;display:block;overflow-wrap:anywhere}.profile-identity small{font-size:10px;color:#aec1d6}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.profile-stats>div{padding:15px 8px;background:#25334b;border:1px solid #4c6079;border-radius:6px;text-align:center}.profile-stats span{display:block;font-size:9px;color:#afc0d6;letter-spacing:.05em}.profile-stats strong{display:block;font-size:25px;margin-top:5px;color:#f9dfb4}.profile-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;margin:14px 0 24px;font-size:10px;color:#a8b8ce}.profile-progress b{color:#ffe2b1}.profile-panel h3{font-size:12px;letter-spacing:.11em;color:#fff;margin:0 0 10px}.profile-history{display:grid;gap:6px;max-height:235px;overflow:auto}.history-empty{border:1px dashed #526681;padding:24px;text-align:center;color:#b5c3d7;font-size:12px;line-height:1.7}.history-row{border:1px solid #405674;padding:11px 15px;border-radius:5px;background:#16263b;display:flex;align-items:center;justify-content:space-between;gap:12px}.history-row>div{display:flex;flex-direction:column;gap:4px}.history-row strong{font-size:12px;color:#fce0a4}.history-row .win{color:#a8e3bf}.history-row .loss{color:#efa3a8}.history-row span{font-size:9px;color:#9fb0c5}.profile-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.profile-actions button{width:auto;padding:11px 18px}.profile-actions .hidden{display:none}
@media(max-width:710px){.auth-layout{grid-template-columns:1fr;max-width:430px}.auth-banner{padding:20px 24px;border-right:0;border-bottom:1px solid #69819a55}.auth-banner h2{font-size:46px;margin:7px 0 0;line-height:.85}.auth-banner>p:not(.eyebrow),.auth-symbols,.auth-emblem{display:none}.auth-panel{padding:22px}.auth-panel h2{font-size:30px}.auth-screen,.profile-screen{padding:9px}.menu-account-strip{align-items:flex-start;flex-wrap:wrap;padding:9px}.profile-panel{padding:17px}.profile-stats{gap:5px}.profile-stats>div{padding:9px 4px}.profile-stats span{font-size:7px}.profile-stats strong{font-size:19px}}
@media(max-height:480px) and (orientation:landscape){.auth-layout{min-height:auto;max-height:calc(100dvh - 20px);overflow:auto;grid-template-columns:1fr 1.6fr}.auth-banner{padding:15px 20px}.auth-panel{padding:15px}.auth-panel h2{margin:4px 0;font-size:25px}.auth-form{margin-top:8px;gap:7px}.auth-form input{padding:8px}.auth-hint{display:none}.auth-panel>.secondary-cta{margin-top:5px}}

/* v0.4 — controle de câmera independente do joystick. */
.camera-controls{position:fixed;right:clamp(12px,2.5vw,26px);bottom:clamp(136px,23vh,196px);width:clamp(176px,25vw,244px);padding:8px 10px;border:1px solid rgba(159,187,223,.48);border-radius:12px;background:linear-gradient(150deg,rgba(18,34,57,.86),rgba(8,15,32,.84));box-shadow:0 10px 28px #0008;backdrop-filter:blur(8px);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;z-index:3;}
.camera-hint{font-size:9px;letter-spacing:.15em;font-weight:800;color:#dfc489;text-align:center;margin-bottom:4px;white-space:nowrap;}
.camera-hint span{font-size:15px;margin-left:4px;color:#c8d8ee;}
.camera-controls-row{display:flex;align-items:stretch;gap:4px;height:63px;}
.camera-turn{background:linear-gradient(145deg,#334966,#15263e);border:1px solid #809abd;color:#f9e4b5;border-radius:9px;flex:0 0 34px;font-size:26px;touch-action:none;}
.camera-turn:active{background:#86653a;color:#fff;}
.look-pad{flex:1;min-width:0;border:1px dashed #8197b0a8;border-radius:10px;background:radial-gradient(circle,#476d9577,rgba(13,24,44,.6));touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;color:#dae7fa;}
.look-pad:active{cursor:grabbing;border-color:#ffd18d;}
.look-reticle{font-size:28px;line-height:1;display:block;color:#f9deb0;}
.look-pad small{font-size:7px;font-weight:800;white-space:nowrap;letter-spacing:.02em;}
.target-btn{width:100%;margin-top:6px;padding:8px 4px;background:linear-gradient(100deg,#bd8c47,#f0c778);border:1px solid #f6d69c;border-radius:6px;color:#182037;font-weight:900;font-size:10px;letter-spacing:.03em;touch-action:manipulation;}
.target-btn:active{filter:brightness(1.2);}
.target-indicator{position:fixed;left:50%;top:calc(49% + 25px);transform:translateX(-50%);font-size:9px;letter-spacing:.08em;text-align:center;color:#e6bb86;text-shadow:0 1px 5px #000;white-space:nowrap;}
.target-indicator.on-target{color:#9eeeb8;}
.sensitivity-label{display:flex;align-items:center;justify-content:space-between;color:#c7d5eb;font-size:11px;font-weight:800;letter-spacing:.06em;margin:22px 0 8px;}
.sensitivity-label strong{color:#ffdd9a;}
#look-sensitivity{width:100%;height:26px;accent-color:#e9bb70;touch-action:pan-x;}
.stick-container,.stick-ring,.stick-knob{touch-action:none;}
.stick-container{filter:drop-shadow(0 4px 12px #0009)}
.stick-knob{transform:translate3d(0,0,0);}
@media(max-width:720px){
  .camera-controls{right:9px;bottom:clamp(135px,23vh,175px);width:clamp(157px,42vw,192px);padding:6px 7px;}
  .camera-controls-row{height:51px;gap:3px;}
  .camera-turn{flex-basis:28px;font-size:23px;}
  .look-reticle{font-size:23px;}
  .look-pad small{font-size:6.5px;}
  .camera-hint{font-size:8px;}
  .target-btn{font-size:8.5px;padding:7px 2px;}
  .target-indicator{font-size:8px;max-width:70vw;}
}
@media(max-width:400px){
  .camera-controls{width:151px;bottom:132px;}
  .camera-turn{flex-basis:26px;}
  .look-pad small{font-size:6px;}
}
@media(max-height:460px){
  .camera-controls{bottom:115px;right:8px;width:185px;padding:4px 6px;}
  .camera-controls-row{height:39px;}
  .camera-hint{font-size:7px;margin-bottom:1px;}
  .camera-turn{font-size:21px;}
  .look-reticle{font-size:20px;}
  .target-btn{margin-top:3px;padding:5px 3px;font-size:8px;}
  .target-indicator{top:calc(49% + 19px);}
}


/* v0.5 - HUD de combate invertido, pensado para dois polegares */
.touch-ui{justify-content:space-between;gap:10px;}
.attack-controls{order:1;align-items:flex-start;margin-left:0;margin-right:auto;}
.flight-controls{order:2;margin-left:auto;margin-right:6px;}
.stick-container{order:3;flex-shrink:0;}
.stick-ring{border-color:rgba(255,220,155,.76);background:radial-gradient(circle,rgba(104,148,194,.35),rgba(7,17,35,.65));box-shadow:0 0 0 8px rgba(74,126,166,.10),inset 0 0 30px rgba(156,190,247,.14);}
.stick-knob{background:radial-gradient(circle at 40% 35%,#ffe8ac,#bc8a4d);border-color:#fff1c8;box-shadow:0 0 23px rgba(246,199,112,.48);}
.attack-button:active,.dodge-button:active,.flight-btn:active{transform:scale(.93);filter:brightness(1.22);}
.camera-hint{letter-spacing:.11em;}
.camera-actions{display:flex;gap:5px;margin-top:6px;}
.camera-actions .target-btn{flex:1;min-width:0;margin:0;}
.flip-btn{flex:0 0 59px;pointer-events:auto;touch-action:manipulation;border:1px solid #d9aa65;background:rgba(105,71,38,.75);color:#fff0c4;font-size:11px;font-weight:900;border-radius:6px;}
.flip-btn:active{background:#bf8044;}
@media(max-width:720px){.touch-ui{gap:4px;} .attack-controls{margin-right:0;} .flight-controls{margin-left:auto;margin-right:0;} .camera-controls{bottom:clamp(153px,24vh,203px);} .flip-btn{flex-basis:50px;font-size:10px;} }
@media(max-width:400px){.attack-controls{transform:scale(.88);transform-origin:bottom left;margin-right:-15px;} .flight-controls{transform:scale(.84);transform-origin:bottom right;} .stick-container{width:95px;} .camera-controls{bottom:164px;} }
@media(max-height:460px){.touch-ui{bottom:3px;} .attack-controls{margin-bottom:0;}.camera-controls{bottom:125px;right:8px;width:190px;} .camera-controls-row{height:35px;} .flip-btn{flex-basis:48px;} .stick-container{width:112px;} .stick-ring{width:88px;height:88px;} .flight-controls{margin-bottom:8px;} }
@media(max-width:700px) and (orientation:landscape){.attack-button{min-width:48px;height:55px;} .attack-button:nth-child(3){min-width:62px;height:64px;} .attack-controls{transform:scale(.91);transform-origin:bottom left;} .camera-controls{width:165px;bottom:119px;} .stick-container{width:94px;} .stick-ring{width:76px;height:76px;} .flight-controls{margin-right:1px;}}

/* v0.6 — joystick DIREITO com 4 eixos reais de voo, sem botões separados para altitude. */
.flight-controls,.flight-btn{display:none!important;}
.touch-ui{align-items:flex-end;justify-content:space-between;}
.attack-controls{order:1;}
.stick-container{order:2;pointer-events:auto;touch-action:none;overscroll-behavior:none;min-width:118px;width:clamp(118px,17vw,172px);height:clamp(130px,22vh,177px);z-index:4;}
.stick-container>span{font-size:9px;font-weight:900;letter-spacing:.10em;color:#ffe2ad;text-shadow:0 2px 8px #050e1d;white-space:nowrap;}
.stick-ring{position:relative;isolation:isolate;width:clamp(100px,14vw,130px);height:clamp(100px,14vw,130px);flex:none;box-shadow:0 0 0 8px rgba(74,126,166,.12),0 0 30px rgba(114,174,241,.17),inset 0 0 26px rgba(157,187,242,.15);}
.stick-knob{position:relative;z-index:3;pointer-events:none;transition:none!important;}
.stick-arrow{position:absolute;z-index:1;pointer-events:none;color:rgba(255,225,162,.88);font-size:12px;font-weight:900;line-height:1;text-shadow:0 0 8px rgba(255,197,82,.65);}
.stick-arrow-up{left:50%;top:7px;transform:translateX(-50%);}
.stick-arrow-down{left:50%;bottom:7px;transform:translateX(-50%);}
.stick-arrow-left{left:8px;top:50%;transform:translateY(-50%);}
.stick-arrow-right{right:8px;top:50%;transform:translateY(-50%);}
.stick-container:active .stick-ring{border-color:#fff0b8;box-shadow:0 0 0 11px rgba(238,183,102,.13),0 0 34px rgba(238,183,102,.30),inset 0 0 24px rgba(238,183,102,.19);}
@media(max-height:460px){.stick-container{min-width:108px;width:108px;height:117px}.stick-ring{width:94px;height:94px}.stick-container>span{font-size:7.5px}.camera-controls{bottom:122px;}}
@media(max-width:700px) and (orientation:landscape){.stick-container{min-width:95px;width:104px;height:113px}.stick-ring{width:90px;height:90px}.stick-container>span{font-size:7px}.camera-controls{bottom:117px;}}
@media(max-width:400px){.stick-container{min-width:98px;width:104px;height:132px}.stick-ring{width:98px;height:98px}.stick-container>span{font-size:7px}.camera-controls{bottom:149px;}}

/* v0.7 — loja de moedas + habilidade de geada emergencial */
.shop-screen{z-index:8;background:rgba(5,10,22,.94);overflow-y:auto;padding:clamp(16px,3vh,30px) 16px;backdrop-filter:blur(10px)}
.shop-panel{max-width:990px;margin:0 auto;padding:clamp(16px,3vw,30px);border:1px solid #445773;background:linear-gradient(145deg,#111d32,#0a1224);border-radius:12px;box-shadow:0 25px 85px #0008;}
.shop-header{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.shop-header h2{font-family:Impact,sans-serif;letter-spacing:.05em;font-size:clamp(30px,5vw,52px);margin:0;color:#f5dbad;}
.shop-header p:not(.eyebrow){font-size:12px;color:#b7c5d9;margin:6px 0 0}
.shop-balance{white-space:nowrap;border:1px solid #8c7348;padding:10px 16px;border-radius:6px;background:#5e47243d;color:#ffdfa8;font-size:16px;font-weight:800;}
.shop-filters{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 14px;}
.shop-filters button{border:1px solid #34475e;border-radius:6px;background:#1a2a41;color:#ccd6e8;font-size:10px;font-weight:800;padding:9px 12px;}
.shop-filters button.selected{color:#192238;background:#e6bd79;border-color:#ffdf9e;}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:11px;}
.shop-item{border:1px solid #364a67;border-radius:9px;background:#17253b;padding:14px;display:flex;flex-direction:column;min-height:182px;}
.shop-item .item-symbol{font-size:29px;line-height:1;color:#f7d9a2;}
.shop-item h3{margin:7px 0 4px;font-size:15px;color:#f2f3ff;}
.shop-item p{flex:1;font-size:11px;line-height:1.5;color:#b0c2d8;margin:0 0 11px;}
.shop-item button{border:1px solid #d4b274;border-radius:5px;padding:10px 6px;background:#cda764;color:#181e2b;font-size:11px;font-weight:900;}
.shop-item button:disabled{opacity:.52;cursor:default;}
.shop-notice{margin:18px 0 0;color:#b6c4d7;font-size:11px;line-height:1.5;}
.shop-panel>.main-cta{max-width:340px;margin-left:auto;}
.combat-utilities{position:fixed;z-index:3;left:clamp(8px,2vw,24px);bottom:clamp(129px,23vh,190px);display:flex;flex-direction:column;gap:6px;max-width:180px;pointer-events:auto;}
.utility-btn{touch-action:manipulation;white-space:nowrap;background:rgba(20,37,61,.9);border:1px solid #80aed5;color:#e5f2ff;padding:10px 12px;border-radius:7px;font-size:10px;min-width:142px;font-weight:900;text-align:left;box-shadow:0 4px 16px #0007;}
.utility-btn small{display:block;color:#b9d0eb;font-size:9px;margin-top:3px;}
.utility-btn.freeze-refill{border-color:#9dcbeb;background:linear-gradient(120deg,#26496a,#222e4c);}
.utility-btn.freeze-refill.ready{box-shadow:0 0 16px #75cffe7a;border-color:#a5e9ff;animation:dc-glow 1s alternate infinite;}
.utility-btn:disabled{opacity:.44;filter:grayscale(.4);}
@keyframes dc-glow{from{filter:brightness(1)}to{filter:brightness(1.23)}}
@media(max-height:500px) and (orientation:landscape){.combat-utilities{left:8px;bottom:94px;max-width:145px;gap:4px}.utility-btn{min-width:130px;padding:6px 7px;font-size:8px}.utility-btn small{font-size:7px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));}}
@media(max-width:600px) and (orientation:portrait){.combat-utilities{left:7px;bottom:146px;}.utility-btn{min-width:125px;padding:7px 8px;font-size:9px}.shop-panel{padding:13px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-item{padding:10px;min-height:185px}.shop-balance{font-size:12px}.shop-filters button{padding:7px;}}

/* Static Cloudflare edition: no login misleading when the Node backend isn't deployed. */
html[data-static-demo="true"] .auth-tabs,html[data-static-demo="true"] #auth-form,html[data-static-demo="true"] #profile-auth-btn{display:none!important;}
.demo-notice{border:1px solid rgba(233,187,112,.54);background:rgba(233,187,112,.08);border-radius:8px;padding:13px;color:#d8e0f1;font-size:12px;line-height:1.55;margin:14px 0 4px;}
.demo-notice strong{display:block;color:#ffe0a0;letter-spacing:.07em;margin-bottom:5px;}
.locked-dragon{opacity:.78}
.locked-dragon .chosen{color:#ffe3b7}