:root{--bg:#07090d;--panel:rgba(9,12,17,.88);--line:rgba(192,205,218,.18);--text:#edf0ec;--muted:#9aa3a6;--blue:#5aa9d6;--red:#a63736;--gold:#c7a76b;--green:#79a68b;--purple:#8c62a9;--display:'Cinzel',serif;--body:'Inter',sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--body)}button{font:inherit;color:inherit}.screen{position:absolute;inset:0;display:none}.screen.active{display:block}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:.28em;font-weight:700;color:var(--gold);text-transform:uppercase}.glass{background:linear-gradient(145deg,rgba(14,18,24,.9),rgba(5,7,10,.8));border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.3)}.menu-screen{background:url('assets/backgrounds/cidade-cinzenta.png') center/cover}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.96) 0%,rgba(3,5,8,.74) 42%,rgba(3,5,8,.1) 73%),linear-gradient(0deg,#05070b 0%,transparent 35%)}.menu-content{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-52%);width:min(580px,43vw)}.sigil{width:54px;height:54px;border:1px solid rgba(199,167,107,.5);display:grid;place-items:center;transform:rotate(45deg);color:var(--gold);font:600 25px var(--display);margin:0 0 34px 4px}.sigil::first-letter{transform:rotate(-45deg)}h1,h2,h3{font-family:var(--display);margin:0}.menu-content h1{font-size:clamp(58px,7vw,112px);letter-spacing:.08em;line-height:.85;text-shadow:0 4px 30px #000}.subtitle{font:600 15px var(--display);letter-spacing:.45em;color:#bfc5c7;margin:19px 0 38px}.menu-content blockquote{font-family:var(--display);font-size:16px;color:#aeb5b5;margin:0 0 42px;padding-left:20px;border-left:1px solid var(--gold)}.menu-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-btn,.ghost-btn{border:1px solid transparent;padding:15px 24px;letter-spacing:.14em;font-size:11px;font-weight:700;cursor:pointer;transition:.25s}.primary-btn{background:linear-gradient(135deg,#b88f50,#846532);color:#090a0c;box-shadow:0 8px 30px rgba(184,143,80,.22)}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.ghost-btn{background:rgba(3,5,8,.45);border-color:var(--line)}.ghost-btn:hover{border-color:var(--gold);color:var(--gold)}.menu-note{margin-top:24px;color:#697174;font-size:10px;letter-spacing:.14em}.menu-party{position:absolute;right:2vw;bottom:-6%;height:88%;width:55%;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 20px 40px #000)}.menu-party img{height:70%;margin:0 -10%;opacity:.62}.menu-party .lead{height:94%;z-index:1;opacity:1}.select-screen{background:radial-gradient(circle at 50% 5%,#192333,#080b10 56%);padding:6vh 6vw}.select-header{text-align:center}.select-header h2{font-size:clamp(30px,4vw,54px);letter-spacing:.08em}.select-header>p:last-child{color:var(--muted)}.roster{height:65vh;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1300px;margin:4vh auto 0}.hero-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(#111722,#080b0f);cursor:pointer;transition:.3s}.hero-card::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px transparent;transition:.3s;pointer-events:none}.hero-card:hover,.hero-card.selected{transform:translateY(-5px);border-color:rgba(199,167,107,.5)}.hero-card.selected::after{box-shadow:inset 0 0 0 2px var(--gold)}.hero-card img{height:78%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);filter:drop-shadow(0 8px 18px #000)}.hero-card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:70px 22px 20px;background:linear-gradient(transparent,rgba(4,6,9,.96) 55%)}.hero-card-copy small{color:var(--gold);letter-spacing:.18em}.hero-card-copy h3{font-size:22px;margin:6px 0}.hero-card-copy p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.select-footer{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:2vh auto}.select-footer span{font-size:11px;color:var(--muted)}.select-footer b{color:var(--gold);margin-right:10px}.game-screen{background:#05070a}.scene-bg{position:absolute;inset:0;background:center/cover;transition:background-image .6s}.scene-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,9,.78),transparent 25%,transparent 72%,rgba(4,6,9,.82)),linear-gradient(0deg,rgba(4,6,9,.94),transparent 42%)}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 140px 35px #020305;pointer-events:none}.game-header{position:absolute;z-index:5;left:18px;right:18px;top:16px;height:74px;display:flex;align-items:center;padding:10px 18px}.floor-mark{display:flex;align-items:center;gap:13px;min-width:250px}.floor-mark>span{font:600 38px var(--display);color:var(--gold);border-right:1px solid var(--line);padding-right:14px}.floor-mark small{display:block;font-size:8px;letter-spacing:.25em;color:var(--muted)}.floor-mark b{font:600 13px var(--display);letter-spacing:.12em}.stage-track{display:flex;align-items:center;justify-content:center;gap:0;flex:1}.stage-node{display:flex;align-items:center;color:#596064}.stage-node i{width:12px;height:12px;border:2px solid currentColor;transform:rotate(45deg);background:#10151b}.stage-node span{width:66px;height:1px;background:currentColor}.stage-node.done,.stage-node.current{color:var(--gold)}.stage-node.current i{background:var(--gold);box-shadow:0 0 14px var(--gold)}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:rgba(0,0,0,.3);cursor:pointer}.left-rail,.right-rail{position:absolute;z-index:4;top:104px;bottom:178px;width:252px;padding:17px}.left-rail{left:18px}.right-rail{right:18px}.rail-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:15px;font-size:10px;letter-spacing:.14em}.rail-title small{color:var(--muted)}.party-member{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:8px;margin-bottom:5px;border:1px solid transparent;cursor:pointer}.party-member.active{background:rgba(90,169,214,.08);border-color:rgba(90,169,214,.25)}.party-member .mini-portrait{width:52px;height:52px;border-radius:50%;background:center 16%/145% auto no-repeat;border:1px solid var(--line)}.party-member b,.party-member small{display:block}.party-member b{font:600 12px var(--display);margin:3px 0}.party-member small{font-size:8px;color:var(--muted);letter-spacing:.08em}.stat-line{height:4px;background:#232830;margin-top:4px}.stat-line i{display:block;height:100%;background:#a54544}.stat-line.corrupt i{background:var(--purple)}.encounter-meter{position:absolute;bottom:18px;left:17px;right:17px}.meter-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.meter-track{height:5px;background:#252a30;margin:9px 0}.meter-track i{display:block;height:100%;width:18%;background:linear-gradient(90deg,var(--gold),var(--red));transition:.4s}.encounter-meter p{font-size:10px;line-height:1.5;color:var(--muted)}.battlefield{position:absolute;z-index:2;inset:104px 288px 182px}.location-copy{text-align:center;text-shadow:0 2px 16px #000}.location-copy>p:first-child{font-size:9px;letter-spacing:.25em;color:var(--gold)}.location-copy h2{font-size:24px}.location-copy>p:last-child{font-size:11px;color:#bdc4c4;max-width:540px;margin:7px auto}.enemy-zone{position:absolute;inset:90px 0 0;display:flex;align-items:center;justify-content:center;gap:35px}.enemy{position:relative;width:190px;text-align:center}.enemy-figure{height:215px;display:flex;align-items:end;justify-content:center;filter:drop-shadow(0 18px 18px #000)}.enemy-figure .creature{font-size:110px;line-height:1;filter:grayscale(.5);text-shadow:0 0 30px var(--enemy-glow,#5aa9d6)}.enemy.intent-attack{animation:pulse 1.8s infinite}.enemy h3{font-size:14px;letter-spacing:.08em}.enemy small{color:var(--muted);font-size:9px}.enemy-hp{height:7px;background:#262b30;border:1px solid #111;margin:8px auto 5px;max-width:150px}.enemy-hp i{display:block;height:100%;background:linear-gradient(90deg,#702c2b,#b84a46);transition:.3s}.enemy-status{font-size:9px;color:var(--gold);min-height:14px}.intent-card{text-align:center;padding:15px 8px;border:1px solid var(--line);background:rgba(0,0,0,.18)}.intent-icon{font-size:36px}.intent-card b,.intent-card span{display:block}.intent-card b{font:600 13px var(--display)}.intent-card span{font-size:10px;color:var(--muted);margin-top:6px}.rule-card{margin-top:15px;padding:15px;border-left:2px solid var(--gold);background:rgba(199,167,107,.05)}.rule-card small{font-size:8px;color:var(--gold);letter-spacing:.15em}.rule-card b{display:block;font:600 12px var(--display);margin:7px 0}.rule-card p{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.end-turn{position:absolute;bottom:17px;left:17px;right:17px;padding:14px;border:1px solid var(--gold);background:rgba(199,167,107,.11);font-size:10px;letter-spacing:.12em;cursor:pointer}.end-turn:hover{background:var(--gold);color:#08090a}.hand-panel{position:absolute;z-index:6;left:18px;right:18px;bottom:14px;height:150px;display:flex;align-items:center;padding:12px 16px}.active-hero{width:200px;display:flex;align-items:center;gap:10px}.portrait{width:62px;height:62px;border-radius:50%;border:2px solid var(--gold);background:center 12%/150% auto no-repeat}.active-hero small,.active-hero b,.active-hero span{display:block}.active-hero small{font-size:8px;color:var(--gold)}.active-hero b{font:600 13px var(--display)}.active-hero span{font-size:9px;color:var(--muted)}.breath-orb{width:58px;height:58px;border:1px solid #4c7691;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 16px rgba(90,169,214,.2);margin-right:14px}.breath-orb strong{font:600 21px var(--display);color:#9bd2f0}.breath-orb span{font-size:7px;letter-spacing:.1em}.hand{flex:1;display:flex;justify-content:center;gap:9px;perspective:900px}.card{position:relative;width:112px;height:134px;border:1px solid var(--card-color,var(--red));background:#11151a;overflow:hidden;cursor:pointer;transition:.2s;transform-origin:bottom}.card:hover{transform:translateY(-14px) scale(1.08);z-index:3;box-shadow:0 12px 30px #000}.card.disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.card-art{height:61px;background:center/cover}.card-cost{position:absolute;left:5px;top:5px;width:23px;height:23px;border-radius:50%;background:#10161c;border:1px solid #78aaca;display:grid;place-items:center;font:700 12px var(--display)}.card-copy{padding:6px}.card-copy b{display:block;font:600 9px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy small{display:block;font-size:7px;color:var(--card-color);letter-spacing:.1em;margin:3px 0}.card-copy p{font-size:7px;line-height:1.25;color:#bcc2c3;margin:0}.deck-counts{width:75px;font-size:8px;color:var(--muted);line-height:1.7;text-align:right}.deck-counts b{color:var(--text)}.event-panel{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:min(640px,85%);padding:30px;text-align:center}.event-panel .event-icon{font-size:46px;color:var(--gold)}.event-panel h3{font-size:25px;margin:7px}.event-panel p{font-size:12px;line-height:1.7;color:#bbc1c2}.event-options{display:flex;gap:10px;justify-content:center;margin-top:22px}.event-options button{max-width:220px;padding:13px 16px;border:1px solid var(--line);background:#11161c;cursor:pointer;font-size:10px}.event-options button:hover{border-color:var(--gold)}.toast{position:absolute;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;padding:10px 17px;background:#11171d;border:1px solid var(--line);font-size:10px;transition:.3s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal{position:fixed;z-index:20;inset:0;background:rgba(0,0,0,.78);display:grid;place-items:center}.modal-card{position:relative;width:min(900px,90vw);max-height:85vh;padding:38px;overflow:auto}.modal-card h2{font-size:34px}.modal-close{position:absolute;right:17px;top:14px;border:0;background:transparent;font-size:28px;cursor:pointer}.codex-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.codex-grid article{padding:20px;border:1px solid var(--line);background:rgba(0,0,0,.16)}.codex-grid span{font-size:8px;letter-spacing:.18em;color:var(--gold)}.codex-grid h3{margin:8px 0;font-size:16px}.codex-grid p{font-size:11px;color:var(--muted);line-height:1.6}.reward-card{text-align:center}.reward-options{display:flex;justify-content:center;gap:18px;margin-top:28px}.reward-options .card{width:165px;height:225px}.reward-options .card-art{height:105px}.reward-options .card-copy b{font-size:12px}.reward-options .card-copy p{font-size:10px;margin-top:8px}@keyframes pulse{50%{transform:translateY(-3px);filter:brightness(1.2)}}@media(max-width:1050px){.right-rail{display:none}.battlefield{right:18px}.hand-panel{left:18px}.card{width:94px}.menu-party{opacity:.55}.menu-content{width:60vw}.stage-track{display:none}}@media(max-width:760px){html,body,#app{overflow:auto;min-height:100%}.menu-content{left:7vw;width:86vw}.menu-party{right:-38%;width:110%;opacity:.33}.roster{grid-template-columns:1fr;height:auto}.hero-card{height:380px}.select-screen{overflow:auto}.select-footer{padding-bottom:30px}.left-rail{display:none}.battlefield{inset:95px 10px 190px}.game-header{left:8px;right:8px}.hand-panel{left:8px;right:8px;overflow-x:auto}.active-hero{display:none}.breath-orb{flex:0 0 52px}.hand{justify-content:flex-start}.card{flex:0 0 95px}.codex-grid{grid-template-columns:1fr}}