:root{font:15px system-ui,sans-serif;color:#e8e3d6;background:#0b1115;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:72px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;gap:35px;border-bottom:1px solid #d9b87738;background:#10191ddd;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.mark{font:27px Georgia;color:#e6c982;letter-spacing:.17em;white-space:nowrap}.mark small{display:block;font:8px system-ui;letter-spacing:.35em;text-align:center}.topbar nav{display:flex;gap:25px;margin-left:auto;font-size:12px;color:#c7c6bb}.topbar a:hover{color:#f6dc9a}.play-link,.primary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #f2d895;background:linear-gradient(130deg,#c9a962,#80693f);color:#11191a;font-weight:700;padding:11px 19px;border-radius:5px}.play-link{font-size:12px}.secondary{display:inline-flex;align-items:center;justify-content:center;background:#17252a;border:1px solid #94845f;color:#ead9aa;padding:11px 19px;border-radius:5px}.hero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#142329}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#081216 2%,#0b171be8 35%,#0b171b33 85%),url('previa-guerra.png') center/cover;animation:scene-pan 24s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1115,transparent 32%);pointer-events:none}.hero-copy{position:relative;z-index:1;width:min(680px,85%);margin-left:clamp(24px,8vw,130px);padding:75px 0}.eyebrow{font:700 11px system-ui;color:#d8bb78;letter-spacing:.24em}.hero h1{font:clamp(42px,6vw,78px)/1.02 Georgia;margin:20px 0;color:#f0e3be;text-shadow:0 4px 18px #000}.hero p{max-width:550px;font:17px/1.65 system-ui;color:#d5d8ce}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-facts{display:flex;gap:38px;margin-top:54px;color:#d6c291;font:12px system-ui;text-transform:uppercase;letter-spacing:.12em}.hero-facts span+span{border-left:1px solid #c5ad735e;padding-left:38px}@keyframes scene-pan{from{transform:scale(1.04) translateX(-1%)}to{transform:scale(1.13) translateX(2%)}}.section{max-width:1360px;margin:auto;padding:80px clamp(20px,5vw,72px)}.section-heading{max-width:720px;margin-bottom:28px}.section h2{font:clamp(29px,4vw,46px) Georgia;color:#edd9ad;margin:10px 0}.section-heading p,.card p{color:#aebfba;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.card{border:1px solid #a18a5a55;background:linear-gradient(155deg,#223237b0,#111b21);border-radius:10px;overflow:hidden;box-shadow:0 15px 30px #0004}.feature-grid img{display:block;width:100%;aspect-ratio:1.7;object-fit:cover;transition:transform .4s}.feature-grid article:hover img{transform:scale(1.04)}.feature-grid h3,.feature-grid p{margin:14px 20px}.feature-grid h3,.card h3{color:#f0d7a0;font:23px Georgia}.feature-grid p{color:#aec0b9;font-size:13px;line-height:1.5;margin-bottom:22px}.account-section,.market-section{border-top:1px solid #a18a5a27}.account-layout,.market-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.market-layout{grid-template-columns:1fr 1fr}.card{padding:25px}.card h3{margin:0 0 18px}.card h4{color:#dac38e;margin:25px 0 8px}.card label{display:block;color:#d1cfbf;font-size:12px;margin:13px 0}.card input,.card select{width:100%;margin-top:7px;padding:11px;background:#0a161c;border:1px solid #8a835f;border-radius:5px;color:#f0ead6}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.card button{font-size:12px}.card button:hover,.play-link:hover,.hero-actions a:hover{filter:brightness(1.14)}#auth-status{font-size:12px;min-height:20px}.roster,.inventory,#listings{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.roster .character,.inventory .item-tile,.draft{padding:15px;background:#101f25;border:1px solid #9c895b66;border-radius:6px}.character strong,.item-tile strong,.draft strong{display:block;color:#f0d8a5}.character small,.item-tile small,.draft small{display:block;color:#b4c5bf;margin-top:6px}.inventory-card{margin-top:18px}.inventory-controls{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:18px}.inventory-controls label{min-width:200px;flex:1}.empty{color:#b9c0b7;font-size:13px}.small-note{font-size:11px}.draft button{margin-top:9px;padding:6px 9px;background:#362727;border:1px solid #a27366;border-radius:4px;color:#eed5c9}.money-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.money-roadmap div{padding:20px;border-left:3px solid #b79d62;background:#16242a}.money-roadmap strong,.money-roadmap span{display:block}.money-roadmap strong{color:#eed9a4;margin-bottom:7px}.money-roadmap span{color:#b1c0bb;font-size:12px;line-height:1.5}.gateway{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #a18a5a55}footer{border-top:1px solid #a18a5a55;padding:28px clamp(20px,5vw,80px);color:#dbc58f;display:flex;justify-content:space-between;gap:20px;font:12px system-ui}footer span{color:#98aaa5}footer a{text-decoration:underline}@media(max-width:800px){.topbar{gap:12px;padding:0 16px}.topbar nav{display:none}.play-link{margin-left:auto}.hero{min-height:560px}.hero-copy{margin-left:24px}.hero-facts{gap:14px}.hero-facts span+span{padding-left:14px}.feature-grid,.account-layout,.market-layout,.money-roadmap{grid-template-columns:1fr}.section{padding:55px 20px}.gateway,footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hero-image{animation:none}.feature-grid img{transition:none}}

/* Identidade visual: fogo, magia e metal antigo. */
:root{background:#100d1b;color:#f5ecdf}
body{background:radial-gradient(circle at 84% 32%,#4f225a55,transparent 34%),radial-gradient(circle at 5% 75%,#552b1d55,transparent 35%),#100d1b}
.topbar{background:#100d1be8;border-bottom-color:#d6a8686e;box-shadow:0 8px 28px #08061088}
.mark{color:#ffdb99;text-shadow:0 0 20px #ff9f5177}
.topbar nav a{font-weight:700;letter-spacing:.05em}
.play-link,.primary{background:linear-gradient(115deg,#ffda8b,#e9994d 58%,#c76d3f);border-color:#ffe6a9;box-shadow:0 0 22px #fb994b55,0 6px 20px #07050bb0;color:#251322;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s,box-shadow .2s}
.play-link:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 0 32px #fb994b88}
.secondary{background:#32213bba;border-color:#b778bf;color:#f4d6f0}
.hero{min-height:700px;background:#171324}
.hero-image{background:linear-gradient(90deg,#0b091be8 0%,#0b091bb0 25%,#0b091b13 72%),url('portal-vesper-hero.png') center/cover;animation:scene-pan 24s ease-in-out infinite alternate}
.hero:before{content:'';position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 81% 30%,#ff9e5530,transparent 28%);pointer-events:none;animation:ember-glow 4s ease-in-out infinite alternate}
.hero:after{background:linear-gradient(0deg,#100d1b 0%,transparent 38%)}
.hero-copy{width:min(680px,90%)}
.hero h1{color:#fff1d0;text-shadow:0 3px 16px #0a0518,0 0 30px #e07d5255;font-weight:700}
.hero p{color:#f0dfd5;text-shadow:0 2px 8px #07050b}
.hero-facts span{font-weight:800;color:#ffdb9e;text-shadow:0 0 12px #e89350}
.eyebrow{color:#ffb66c;text-shadow:0 0 14px #ed784880}
.section{position:relative}
.section h2{color:#ffe0b2;text-shadow:0 0 20px #c0656355}
.section-heading:before{content:'✧';display:block;color:#f2a467;font:27px Georgia;margin-bottom:6px}
.feature-grid article{border-color:#b8799f91;background:#21182b;box-shadow:0 20px 45px #05030ac0;transition:transform .25s,border-color .25s}
.feature-grid article:hover{transform:translateY(-6px);border-color:#ffbd79}
.feature-grid article:nth-child(2){border-color:#7f82cb91}.feature-grid article:nth-child(3){border-color:#e57e5b91}
.feature-grid article img{filter:saturate(1.25) contrast(1.08)}
.feature-grid h3{color:#ffd29a;font-size:26px}
.card{background:linear-gradient(145deg,#32203eeb,#171729ee);border-color:#af72b580;box-shadow:0 16px 35px #06040c99,inset 0 1px #ffffff1a}
.card h3{color:#ffd49e}.card h3:before{content:'◆';color:#dc8dce;font-size:12px;margin-right:10px}
.card input,.card select{background:#150f22;border-color:#8d6a9b}
.card input:focus,.card select:focus{outline:2px solid #f2ad77;outline-offset:2px}
.roster .character,.inventory .item-tile,.draft{background:#241a32;border-color:#bf8aaf88}
.money-roadmap div{background:linear-gradient(110deg,#37203c,#1d1a2e);border-left-color:#efa26b}
.gateway{background:radial-gradient(circle at 82% 45%,#a34d5b33,transparent 40%)}
@keyframes ember-glow{from{opacity:.4}to{opacity:1}}
@media(max-width:800px){.hero{min-height:620px}.hero-image{background-position:60% center}.hero-copy{width:calc(100% - 48px)}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}.feature-grid article,.play-link,.primary{transition:none}}
[hidden]{display:none!important}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:16px 0 30px}.vault-item{padding:20px;border:1px solid #8f784644;background:#122024;border-radius:8px;overflow-wrap:anywhere}.vault-item h4{font:20px Georgia;color:#ead39e;margin:12px 0}.vault-item small{color:#b4bdab}.vault-item p{font:13px/1.5 system-ui;color:#ced4c9}.vault-item button{width:100%;margin-top:8px}.character-select{text-align:left;width:100%;cursor:pointer}.character-select span{display:block;margin-top:12px;font:11px system-ui;color:#dcc38c}.character-select[aria-pressed=true]{border-color:#edcb82;background:#29392f}.market-wallets{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.market-banner{padding:12px 16px;border-left:3px solid #d2ad62;background:#23342d}.listing-form{max-width:620px;margin:24px 0}.listing-form button{margin-right:12px}.market-order{padding:12px;border-bottom:1px solid #8f784644;font:13px/1.7 system-ui}#market-status{min-height:24px;color:#ebd29c}#vault-count{font:12px system-ui;color:#a9b5a8}#market-character{max-width:480px}#marketplace button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:650px){.market-wallets{grid-template-columns:1fr}.vault-grid{grid-template-columns:1fr}}
.login-page{min-height:100vh;background:#0b0914}.login-page .topbar{position:relative}.login-hero{min-height:calc(100vh - 72px);position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,440px);align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(36px,6vw,86px);overflow:hidden}.login-art{position:absolute;inset:0;background:linear-gradient(90deg,#0b0817 0%,#120d20dd 42%,#120d2050 100%),url('portal-vesper-hero.png') center/cover;transform:scale(1.03)}.login-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,#ff9c4a30,transparent 26%),linear-gradient(0deg,#0b0914 0%,transparent 28%)}.login-copy,.login-card{position:relative;z-index:1}.login-copy{max-width:720px}.login-copy h1{font:clamp(48px,7vw,92px)/.96 Georgia;color:#fff0cf;margin:16px 0 18px;text-shadow:0 6px 24px #05020d,0 0 34px #d76e4f70}.login-copy p{max-width:560px;font:18px/1.6 system-ui;color:#f2dfd2;text-shadow:0 2px 10px #05020d}.login-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.login-badges span{padding:9px 12px;border:1px solid #d49b6499;background:#1b1328cc;color:#ffdba5;border-radius:5px;font:700 11px system-ui;text-transform:uppercase;letter-spacing:.11em}.login-card{padding:32px;border-color:#f3bb7b99;background:linear-gradient(150deg,#321f3cf5,#151323f5);box-shadow:0 26px 70px #05020dcc,0 0 32px #e07b5040}.login-card h3{font-size:30px}.login-card .login-play{width:100%;margin-top:16px}.login-card .button-row button{flex:1}.login-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d99d6833;border-top:1px solid #d99d6855;border-bottom:1px solid #d99d6855}.login-strip article{padding:28px clamp(18px,4vw,54px);background:#120d1d}.login-strip strong,.login-strip span{display:block}.login-strip strong{color:#ffd89d;font:22px Georgia;margin-bottom:7px}.login-strip span{color:#bfb1bf;font-size:13px}.login-page #character-vault{background:#100d1b}.login-page #marketplace{display:none}@media(max-width:850px){.login-hero{grid-template-columns:1fr;padding:32px 20px}.login-copy h1{font-size:52px}.login-strip{grid-template-columns:1fr}.login-card{padding:24px}}
.ranking-page{min-height:100vh;background:#0b0914}.ranking-hero{min-height:430px;position:relative;display:flex;align-items:center;overflow:hidden;background:#120d1d}.ranking-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#0b0817 0%,#100d1de8 43%,#100d1d5c 100%),url('/portal-vesper-hero.png') center/cover;transform:scale(1.05)}.ranking-backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 24%,#ff9c4a33,transparent 28%),linear-gradient(0deg,#100d1b 0%,transparent 32%)}.ranking-copy{position:relative;z-index:1;width:min(800px,90%);margin-left:clamp(24px,7vw,110px);padding:70px 0}.ranking-copy h1{font:clamp(48px,7vw,90px)/.98 Georgia;color:#fff0cf;margin:16px 0;text-shadow:0 6px 24px #05020d,0 0 34px #d76e4f70}.ranking-copy p{max-width:570px;font:18px/1.6 system-ui;color:#f2dfd2}.ranking-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.ranking-section{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.ranking-board{padding:32px}.ranking-side{position:sticky;top:92px}.ranking-list{display:grid;gap:12px}.rank-row{display:grid;grid-template-columns:78px 1fr auto;gap:16px;align-items:center;padding:18px 20px;border:1px solid #9f789688;background:linear-gradient(110deg,#241832,#151522);border-radius:10px;box-shadow:0 10px 24px #05030a66}.rank-row strong{color:#ffd18f;font:24px Georgia}.rank-row span{color:#fff1d4;font-weight:800;letter-spacing:.02em}.rank-row em{font-style:normal;color:#f1b36f;font-weight:900}.rank-1{border-color:#ffe19f;background:linear-gradient(110deg,#4a2b31,#201628);box-shadow:0 0 26px #ffb25f44}.rank-2{border-color:#b6b7d8}.rank-3{border-color:#d48a68}@media(max-width:850px){.ranking-section{grid-template-columns:1fr}.ranking-side{position:static}.rank-row{grid-template-columns:54px 1fr}.rank-row em{grid-column:2}}
.auth-mode{display:block;color:#f0bc86}
.login-card label{display:block;margin:16px 0 7px;color:#f1d9ba;font:600 13px system-ui}.login-card input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #9f806c;border-radius:5px;background:#100d1b;color:#fff0dc;font:15px system-ui}.login-card input:focus{outline:2px solid #f2ad77;outline-offset:2px}.password-wrap{display:flex;align-items:stretch;gap:8px}.password-wrap input{flex:1;min-width:0}.password-wrap button{align-self:flex-end;min-height:43px;padding:8px 12px;border:1px solid #9f806c;border-radius:5px;background:#211729;color:#ffe1b5}.login-card #password-hint{display:block;margin:8px 0;color:#cbb8aa;font:12px/1.5 system-ui}.auth-links{display:flex;justify-content:space-between;gap:12px;margin:12px 0}.auth-links button,.auth-mode{padding:0;border:0;background:transparent;color:#f3bd83;text-decoration:underline;font:13px system-ui;cursor:pointer}.auth-links button:hover,.auth-mode:hover{color:#ffe5b6}.google-auth{min-height:40px;margin:12px 0}.google-unavailable{width:100%;padding:11px;border:1px solid #716574;border-radius:5px;background:#211d29;color:#c6bbc8;font:13px system-ui}.login-card #auth-status{min-height:22px;margin:12px 0;color:#e9d5b5;font:13px/1.5 system-ui;overflow-wrap:anywhere}.dev-auth-link{display:inline-block;margin-top:7px;color:#ffcf8b}.login-card .auth-mode{display:block;margin:10px auto 0;text-align:center}.login-card #login,.login-card #register,.login-card #logout{min-height:44px}.login-card .login-play{display:block;box-sizing:border-box;text-align:center;padding:13px}.login-card .button-row{display:flex;gap:10px;margin-top:14px}.login-card .button-row button{min-width:0}.login-card #auth-title{margin-top:12px}.login-card #auth-description{line-height:1.55}.login-card #username[hidden],.login-card #password-label[hidden]{display:none}