/* Generated phone layout rules. Run node build-portrait.cjs after changing responsive CSS. */

/* style.css */

:root{--bg:#101310;--panel:#191c17;--gold:#dbac61;--dim:#999d8f;--border:#393c2d;--green:#b5cc8d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eee8db;font:14px 'DM Sans',sans-serif}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}aside{width:222px;position:fixed;height:100vh;border-right:1px solid var(--border);padding:34px 22px;background:#141711;z-index:10}.brand{color:var(--gold);text-decoration:none;font:26px 'Cormorant Garamond',serif;letter-spacing:2px}.brand span{font-size:39px}.brand small{display:block;font:8px 'DM Sans';letter-spacing:3px;margin:3px 0 0 42px}.season{font-size:9px;letter-spacing:2px;color:var(--dim);margin:56px 12px 24px}.season b{display:block;color:#dfd7c5;font:22px 'Cormorant Garamond';letter-spacing:0;margin-top:7px}nav{display:grid;gap:8px}nav a{padding:13px 15px;color:#b1b3a6;text-decoration:none;border:1px solid transparent;border-radius:5px;display:flex;gap:14px}nav a.active{color:var(--gold);background:#29291c;border-color:#51482d}nav a span{font-size:19px;width:22px}.sidefoot{position:absolute;bottom:25px;color:var(--gold);font:20px 'Cormorant Garamond';line-height:1.5}.sidefoot p{font:10px 'DM Sans';color:var(--dim)}.shell{margin-left:222px}header{height:82px;padding:0 42px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--dim)}header i{margin:0 15px}header b{color:#e6dfce;font-weight:500}header>div{display:flex;gap:24px;align-items:center}.coin{color:var(--gold)}.crystal{color:#8dbbcc}.avatar{border:1px solid #8d7547;border-radius:50%;height:34px;width:34px;color:var(--gold);background:#303020}main{max-width:1400px;margin:auto;padding:35px 42px 45px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:0}h1{font-size:42px;line-height:1.1}h2{font-size:26px}h3{font-size:22px}p{line-height:1.7;color:var(--dim)}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.pagetop{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.pagetop p{margin:9px 0 0;font-size:12px}.tag{font-size:10px;padding:8px 12px;border:1px solid var(--border);color:var(--gold);border-radius:30px}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.card{background:linear-gradient(125deg,#20231b,#171a15);border:1px solid var(--border);border-radius:8px;padding:24px}.hero{position:relative;min-height:368px;overflow:hidden;background:radial-gradient(ellipse at 75% 30%,#63604555,transparent 55%),linear-gradient(120deg,#20271f,#11160f)}.hero:after{content:'✧';position:absolute;font-size:330px;color:#b29b5330;right:15px;top:-5px}.hero img{position:absolute;right:-15px;bottom:-45px;height:410px;width:54%;object-fit:contain;z-index:1;filter:drop-shadow(0 0 30px #b18c3b30)}.herocopy{position:relative;z-index:2;width:54%}.hero h2{font-size:39px;margin:12px 0}.hero p{font-size:12px}.level{margin-top:30px}.bar{height:6px;border-radius:9px;background:#090d08;overflow:hidden;margin:10px 0}.bar span{display:block;height:100%;background:linear-gradient(90deg,#9c742b,#efbf6c);border-radius:9px}.muted{font-size:11px;color:var(--dim)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.gold{color:var(--gold)}.primary,.secondary{padding:11px 17px;border-radius:4px;letter-spacing:.3px;font-size:11px}.primary{background:#d6aa61;color:#1a1c13;border:1px solid #e9c78a;font-weight:700}.secondary{background:transparent;color:var(--gold);border:1px solid #675332}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{border:1px solid var(--border);border-radius:6px;padding:16px;background:#191d17}.stat b{font:27px 'Cormorant Garamond';display:block;margin:8px 0}.stat small{color:var(--dim);font-size:10px}.stat .bar{height:3px}.stack{display:grid;gap:20px}.flame{font-size:34px;color:#e8b25c}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;margin:20px 0 12px}.day{font-size:9px;color:var(--dim)}.day span{display:grid;place-items:center;margin-top:9px;border:1px solid #4f4c32;border-radius:50%;aspect-ratio:1;color:var(--gold);font-size:13px}.day.on span{background:#5e4422;box-shadow:0 0 13px #d8922920;border-color:#ba8a41}.day.today span{border:2px solid var(--gold)}.moods{display:flex;gap:7px;margin:17px 0}.moods button{flex:1;border:1px solid var(--border);border-radius:5px;background:#141911;color:#c6c9b9;padding:9px 3px;font-size:10px}.moods button.selected{border-color:var(--gold);color:var(--gold);background:#34301e}.quote{font:italic 20px 'Cormorant Garamond';color:#d4ccb7;line-height:1.4}.sectiontitle{margin:30px 0 15px}.quest{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #323629}.quest:last-child{border:0}.check{width:26px;height:26px;border:1px solid #79623a;color:#becf95;background:transparent;border-radius:50%;flex-shrink:0}.check.done{border-color:#839657;background:#364027}.quest .text{flex:1}.quest strong{font-weight:500;font-size:12px}.quest small{display:block;color:var(--dim);font-size:10px;margin-top:6px}.reward{font-size:11px;color:var(--gold)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tabs button{padding:10px 18px;border:1px solid var(--border);border-radius:4px;color:#b6baaa;background:#191d16}.tabs .selected{color:var(--gold);border-color:#9b7b41;background:#302c1d}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.challenge h2{margin:15px 0 8px}.challenge .symbol{font:45px Georgia;color:var(--gold)}.challenge button{width:100%;margin-top:15px}.achievement{text-align:center;cursor:pointer}.medal{background-image:url('assets/logros.png');background-size:300% 300%;width:140px;height:140px;margin:auto}.achievement.locked .medal{filter:grayscale(.85);opacity:.45}.achievement h3{margin:12px 0 5px}.achievement p{font-size:11px}.achievement .tag{display:inline-block}.chart{display:flex;align-items:end;height:140px;gap:14px;padding-top:15px;margin-bottom:25px}.chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:9px;font-size:9px;color:var(--dim)}.chart i{width:100%;max-width:35px;display:block;background:linear-gradient(#dcc18a,#75643d);border-radius:3px}.leader{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid var(--border)}.leader b{font:24px Georgia;color:var(--gold);width:25px}.leader .text{flex:1}.leader small{display:block;color:var(--dim);margin-top:5px;font-size:10px}.notice{font-size:11px;color:#a7af99;border-left:2px solid #ad8b50;padding-left:12px;margin:20px 0}.inventory{display:flex;gap:10px;flex-wrap:wrap}.inventory button{background:#272b20;color:var(--gold);border:1px solid var(--border);padding:15px}.portrait{height:370px;object-fit:contain;width:100%;background:radial-gradient(#6d654033,transparent 65%)}footer{border-top:1px solid var(--border);margin:0 42px;padding:22px 0;font-size:9px;letter-spacing:2px;color:var(--gold);display:flex;justify-content:space-between}footer span{letter-spacing:0;color:var(--dim)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 25px;background:#dcc18a;color:#171c11;border-radius:5px;z-index:50;display:none}dialog{background:#1d2119;color:#eee8db;border:1px solid #877047;border-radius:10px;max-width:440px;padding:35px}dialog::backdrop{background:#000a}.close{float:right;color:var(--gold);background:none;border:none;font-size:25px}.empty{padding:30px;text-align:center;color:var(--dim)}@media(min-width:1450px){main{padding-top:48px}}@media(max-width:1100px){aside{width:180px;padding:26px 15px}.shell{margin-left:180px}main{padding:28px 24px}header{padding:0 24px}.three{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.hero img{right:20px}.stats{margin-bottom:0}}@media(max-width:650px){aside{height:67px;width:100%;bottom:0;padding:0;border-top:1px solid var(--border)}.brand,.season,.sidefoot{display:none}nav{display:flex;height:100%;gap:0;justify-content:space-around}nav a{font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;border-radius:0;flex:1}nav a span{font-size:19px}.shell{margin:0;padding-bottom:65px}header{height:64px;padding:0 18px}header>span{font-size:8px}header>div{gap:12px}.crystal{display:none}main{padding:25px 16px}.pagetop{align-items:start}.pagetop .tag{font-size:8px;padding:7px}h1{font-size:34px}.hero{min-height:340px;padding:20px}.hero img{width:65%;right:-40px;height:340px;bottom:-20px}.herocopy{width:65%}.hero h2{font-size:34px}.hero p{max-width:160px}.stats{grid-template-columns:repeat(2,1fr)}.stack{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr;gap:12px}.card{padding:18px}.challenge{grid-column:1/-1}.achievement{padding:15px 8px}.medal{width:115px;height:115px}.achievement h3{font-size:21px}footer{margin:0 16px}footer span{max-width:180px;text-align:right}.quest strong{font-size:11px}.reward{font-size:10px}}
@container (max-width:650px){aside{height:67px;width:100%;bottom:0;padding:0;border-top:1px solid var(--border)}.brand,.season,.sidefoot{display:none}nav{display:flex;height:100%;gap:0;justify-content:space-around}nav a{font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;border-radius:0;flex:1}nav a span{font-size:19px}.shell{margin:0;padding-bottom:65px}header{height:64px;padding:0 18px}header>span{font-size:8px}header>div{gap:12px}.crystal{display:none}main{padding:25px 16px}.pagetop{align-items:start}.pagetop .tag{font-size:8px;padding:7px}h1{font-size:34px}.hero{min-height:340px;padding:20px}.hero img{width:65%;right:-40px;height:340px;bottom:-20px}.herocopy{width:65%}.hero h2{font-size:34px}.hero p{max-width:160px}.stats{grid-template-columns:repeat(2,1fr)}.stack{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr;gap:12px}.card{padding:18px}.challenge{grid-column:1/-1}.achievement{padding:15px 8px}.medal{width:115px;height:115px}.achievement h3{font-size:21px}footer{margin:0 16px}footer span{max-width:180px;text-align:right}.quest strong{font-size:11px}.reward{font-size:10px}}



/* reference.css */
/* The supplied artwork is deliberately retained as a UI skin. All controls and
   changing values are HTML, with the original 852 × 1846 coordinate system. */

:root{--gold:#edb96c;--dim:#c7b99d;--border:#8b632d;--panel:#110e0a}html{min-height:100%;background:#090806}body{background:radial-gradient(ellipse at top,#30261b,#090807 75%);font-family:Georgia,'Times New Roman',serif;color:#e8d0a7}.game{width:min(100%,852px);margin:auto;position:relative;min-height:100vh;box-shadow:0 0 100px #000;background:#100d09 url('assets/panel-original.png') center top/100% auto repeat-y;container-type:inline-size;overflow:clip}.masthead{display:block;aspect-ratio:852/145;background:url('assets/panel-original.png') center 4.1%/100% auto;margin-top:0}body:has(.reference-home) .masthead{display:none}main{padding:0 3.4% 5%;max-width:none}body:has(.reference-home) main{padding:0}h1,h2,h3,.quote{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(28px,6cqw,48px);color:var(--gold);text-shadow:1px 2px 3px #000}h2{font-size:clamp(21px,4cqw,34px);color:var(--gold)}h3{font-size:clamp(19px,3.5cqw,29px);color:var(--gold)}p{color:#e1d0b1}.eyebrow{font:clamp(8px,1.6cqw,13px) 'Cinzel',Georgia;letter-spacing:1.6px;color:#e5b66f}.pagetop{margin:0 0 3%;padding:3% 2%;border-bottom:1px solid #a97431;background:linear-gradient(90deg,#100c08e8,#100c0870)}.pagetop p{font-size:clamp(12px,2.4cqw,19px)}.pagetop .tag{display:none}.grid,.three,.stack{gap:18px}.grid{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr 1fr}.card{border-radius:0;border:10px solid transparent;border-image:url('assets/frame.svg') 25 stretch;background:linear-gradient(#060504c9,#0c0907e8),url('assets/panel-original.png') center 65%/150% auto;background-clip:padding-box;box-shadow:0 3px 12px #000b;padding:20px}.card p{font-size:clamp(13px,2.4cqw,20px)}.muted,.card .muted{font-size:clamp(11px,2cqw,16px);color:#c2b193}.tag{border-color:#886131;border-radius:0;font-family:Georgia;font-size:13px}.bar{height:10px;background:#030201;border:1px solid #584120;box-shadow:0 1px 1px #000}.bar span{background:linear-gradient(#ffe4a0,#ffad2c 40%,#d17513);box-shadow:0 0 10px #ff9e28}.primary,.secondary{font:clamp(14px,2.8cqw,23px) Georgia;color:#f1c681;border-radius:0;border:1px solid #bd8136;background:linear-gradient(110deg,#291606,#64371355,#201206);box-shadow:inset 0 0 0 3px #1a1008,inset 0 0 0 4px #65421b,0 2px 6px #000;padding:12px 20px;text-shadow:0 2px 2px #000}.primary:hover,.secondary:hover{filter:brightness(1.3)}.quest{padding:14px 0;border-bottom:1px solid #514028}.quest strong{font:clamp(15px,3cqw,25px) Georgia}.quest small{font:clamp(11px,2.1cqw,17px) Georgia;line-height:1.4;color:#c9b590}.check{width:32px;height:32px;border-color:#cd953e;color:#d7f453;background:#080705;box-shadow:inset 0 0 6px #000;font-size:21px}.check.done{background:#283309;border-color:#a8c537;box-shadow:0 0 9px #b5d82a55}.reward{font:clamp(14px,2.7cqw,23px) Georgia;color:#ffbc48}.tabs button{border-radius:0;border-color:#8b632d;background:#0c0805d9;color:#d8bd90;font:clamp(15px,3cqw,24px) Georgia}.tabs .selected{background:linear-gradient(#6d3b12,#26160a);border-color:#edb96c;color:#ffd58b}.medal{width:clamp(110px,25cqw,200px);height:clamp(110px,25cqw,200px)}.achievement{padding:15px 8px}.achievement h3{font-size:clamp(18px,3.4cqw,28px)}.achievement .tag{font-size:clamp(11px,2.3cqw,18px)}.achievement.locked .medal{filter:grayscale(.65);opacity:.65}.challenge{grid-column:auto}.challenge button{font-size:clamp(13px,2.7cqw,21px)}.challenge .symbol{font-size:55px}.notice{color:#dbc49d;font-size:clamp(12px,2.3cqw,18px);background:#100b08c9;padding:15px}.moods button{background:#160e08;border-color:#795326;border-radius:0;font-family:Georgia;font-size:clamp(11px,2.2cqw,18px);color:#edc78f}.moods button.selected{background:#63401c;color:#ffe7ad}.day{font-size:clamp(13px,2.4cqw,20px)}.day span{border-color:#b2823f;color:#ffc55b;font-size:clamp(15px,3cqw,24px);background:#080503}.day.on span{box-shadow:0 0 12px #f99c2355;background:#53300d}.quote{font-size:clamp(19px,3.4cqw,28px);color:#f0d7ad}.leader{font-size:clamp(16px,3cqw,25px)}.leader small{font-size:clamp(12px,2.2cqw,18px)}.inventory button{background:#170f09;border-color:#b88238;color:#eec38a;font-family:Georgia}.chart i{background:linear-gradient(#ffd67c,#bd6b1e)}.chart{font-size:16px}.portrait{height:480px}dialog{border-radius:0;background:#140e08;border:2px solid #b37b32;color:#f0d7ad;font-family:Georgia}dialog p{font-size:18px}#toast{background:linear-gradient(#4e2d13,#211309);color:#ffda9a;border:1px solid #c18c48;font-family:Georgia;font-size:16px;max-width:90%;text-align:center;bottom:100px;box-shadow:0 2px 20px #000;z-index:99}
nav#nav{display:flex;position:relative;z-index:20;gap:0;justify-content:space-around;width:96%;margin:0 auto 2%;min-height:100px;border:9px solid transparent;border-image:url('assets/frame.svg') 25 stretch;background:linear-gradient(#0d0a07d9,#080604ef),url('assets/panel-original.png') center 98%/110% auto;box-shadow:0 0 16px #000}nav#nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:5px 0;gap:6px;border:0;border-right:1px solid #634820;border-radius:0;color:#d7ad72;font:clamp(12px,2.9cqw,25px) Georgia;position:relative;text-shadow:0 2px 3px #000}nav#nav a:last-child{border-right:0}nav#nav a span{font-size:clamp(27px,5.7cqw,48px);width:auto;line-height:1}nav#nav a.active{background:radial-gradient(ellipse at bottom,#ee850855,transparent 75%);color:#ffdb87;text-shadow:0 0 12px #ff8400}nav#nav a.active:before{content:'';position:absolute;top:-9px;width:13px;height:13px;transform:rotate(45deg);background:#ffdd8d;box-shadow:0 0 15px 5px #ff8d1d;border:1px solid #ffac32}body:has(.reference-home) nav#nav{margin-top:-16.3%;min-height:14.2cqw;margin-bottom:2%;background:linear-gradient(#080604e8,#080604e8),url('assets/panel-original.png') center 98%/110% auto}
.reference-home{width:100%;aspect-ratio:852/1846;background:url('assets/panel-original.png') center top/100% 100%;position:relative;color:#efd0a0;font-size:2.8cqw}.reference-home button{font-family:Georgia}.ref-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ref-settings{position:absolute;left:90%;top:5.4%;width:8%;height:4%;opacity:0}.ref-level{position:absolute;left:6.4%;top:11.85%;font-size:4.7cqw;background:#110d07e8;padding-right:1%;color:#efc382;line-height:1}.ref-xp{position:absolute;left:74%;top:12.65%;width:22.5%;text-align:center;background:#0b0906ec;color:#ebc58e;font-size:3cqw;line-height:1.25;white-space:nowrap}.ref-xpbar{position:absolute;left:26.2%;top:13.17%;width:46%;height:.91%;background:#060504;clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,0 100%,0 30%)}.ref-xpbar span{display:block;height:100%;background:linear-gradient(#ffe1a0,#ffb42e,#c76d13);box-shadow:0 0 15px #ff9d2c}.ref-next{position:absolute;left:65.3%;top:44.4%;width:24%;background:radial-gradient(#bb8b48,#a87538);color:#190e04;font-size:3.8cqw;line-height:1.3;padding:0 .5%}.ref-count{position:absolute;right:7.3%;top:49.5%;background:#090704ef;color:#ffc060;width:8%;font-size:3.5cqw;text-align:right}.ref-quests{position:absolute;left:10.4%;top:52.63%;width:81%;height:12.1%;display:flex;flex-direction:column;justify-content:space-around;background:linear-gradient(90deg,#070604f5,#0b0906f5),url('assets/panel-original.png') center 60%/100% auto}.ref-quest{display:flex;align-items:center;gap:6.7%;height:20%;border-bottom:1px solid #6c50324d;white-space:nowrap}.ref-quest:last-child{border:0}.ref-quest .check{width:3.9cqw;height:3.9cqw;font-size:3.2cqw;padding:0;flex-shrink:0}.ref-quest .ref-label{flex:1;font-size:2.9cqw;letter-spacing:-.04em}.ref-quest .reward{font-size:2.9cqw;color:#ffb53b;flex-shrink:0}.ref-calendar{position:absolute;left:57.3%;top:71.4%;width:37%;height:9.2%;background:#080604f2;display:grid;grid-template-columns:repeat(7,1fr);gap:1%;text-align:center}.ref-calendar .day{font-size:2.7cqw;color:#e4c99b;display:flex;flex-direction:column;justify-content:space-around}.ref-calendar .day span{height:3.7cqw;width:3.7cqw;font-size:2.5cqw;margin:0 auto;display:grid;place-items:center;line-height:1;border-width:1px}.ref-streak{position:absolute;left:65%;top:68.05%;font-size:3.3cqw;background:#0b0805ed;color:#f2c17e;padding-right:2%;line-height:1.5}.ref-objective{position:absolute;left:21.4%;top:71%;width:29%;height:6.6%;background:#0c0906ec;font-size:2.8cqw;line-height:1.45;color:#e7cfaa}.ref-goalbar{position:absolute;left:15.7%;top:77.15%;width:21%;height:.8%;background:#080503;border:1px solid #8b5926;border-radius:20px;overflow:hidden}.ref-goalbar span{height:100%;display:block;background:linear-gradient(#ffc65c,#e48a19)}.ref-goalcount{position:absolute;left:37.5%;top:76.85%;background:#0a0805ef;font-size:2.8cqw;line-height:1.3}.ref-goalbutton{position:absolute;left:18%;top:79.3%;width:23%;height:1.9%;background:transparent;border:0;color:#f3c57f;font-size:2.6cqw}.ref-chestcopy{position:absolute;left:31%;top:83.5%;width:41%;height:5%;background:#0b0804f5;font-size:2.7cqw;line-height:1.4}.ref-chestcopy strong{display:block;color:#ffb234;font-weight:normal;font-size:3.3cqw}.ref-chest{position:absolute;left:33%;top:88.7%;height:2%;width:36%;font-size:2.8cqw;background:transparent;border:0;color:#edbb73}.below-reference{padding:1% 3.4% 3%}.reference-more{display:grid;grid-template-columns:1fr 1fr;gap:15px}.reference-more .card{margin:0}.reference-more .moods{gap:3px}.reference-more .moods button{font-size:12px}.reference-more .quote{font-size:21px}.reference-more h2{font-size:27px}.reference-more p{font-size:14px}
.ref-next{background-color:#b08041;background-image:url('assets/parchment.svg');font-weight:500;width:25%;top:44.35%;font-size:3.7cqw}.ref-calendar{background:#090705}.ref-goalbutton{top:79.55%;height:1.75%;background:linear-gradient(90deg,#291506,#43280d,#271407);border:1px solid #a76b2a;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}nav#nav a span.nav-icon{display:block;width:7.2cqw;height:7.2cqw;background-image:url('assets/panel-original.png');background-size:1183.33% 2563.89%;background-position:var(--icon-x) 97.45%;font-size:0;filter:drop-shadow(0 0 3px #b5792744)}nav#nav a.active span.nav-icon{filter:drop-shadow(0 0 7px #ffad2e)}nav#nav a:nth-child(3) span.nav-icon{background-position:7.1% 70.6%;background-size:1420% 3076.67%;width:7.2cqw;height:7.2cqw}
@media(min-width:1000px){body{padding:24px 0}.game{border-radius:45px;outline:1px solid #5b442233}}@media(max-width:650px){.shell{padding:0}.game{min-height:100dvh}.card{padding:12px;border-width:8px}.grid,.three,.stack{gap:12px}.stack{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}.challenge{grid-column:1/-1}.reference-more{grid-template-columns:1fr}.reference-more .moods button{font-size:13px}.portrait{height:340px}nav#nav{min-height:75px;margin-top:15px}body:has(.reference-home) nav#nav{min-height:13.5cqw;border-width:5px}nav#nav a{padding:3px 0;gap:4px}.quest .check{width:25px;height:25px}.tag{padding:6px}.pagetop{display:block}.pagetop p{line-height:1.45}.ref-quest .check{width:3.9cqw;height:3.9cqw;font-size:3.2cqw}.ref-quest{gap:6.7%}.card .quote{font-size:22px}}
@container (max-width:650px){.shell{padding:0}.game{min-height:100dvh}.card{padding:12px;border-width:8px}.grid,.three,.stack{gap:12px}.stack{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}.challenge{grid-column:1/-1}.reference-more{grid-template-columns:1fr}.reference-more .moods button{font-size:13px}.portrait{height:340px}nav#nav{min-height:75px;margin-top:15px}body:has(.reference-home) nav#nav{min-height:13.5cqw;border-width:5px}nav#nav a{padding:3px 0;gap:4px}.quest .check{width:25px;height:25px}.tag{padding:6px}.pagetop{display:block}.pagetop p{line-height:1.45}.ref-quest .check{width:3.9cqw;height:3.9cqw;font-size:3.2cqw}.ref-quest{gap:6.7%}.card .quote{font-size:22px}}

.ref-calendar .day span.lit{color:#ffd46e;border-color:#e5a23f;background:#4c2a0a;box-shadow:0 0 10px #f8a12580}.ref-calendar .day span{font-size:2.1cqw}
.game{background:#100c09 url("assets/obsidian.svg") repeat}.card{background:#0b0806 url("assets/obsidian.svg") repeat;background-clip:padding-box}.pagetop{background:linear-gradient(90deg,#090604f5,#110b05c0)}.below-reference{background:#100c09 url("assets/obsidian.svg") repeat}


/* inventory.css */
.holo-inventory{position:relative;padding:25px;border:1px solid #98723d;background:radial-gradient(ellipse at 50% 22%,#16405255,transparent 48%),linear-gradient(140deg,#111516f5,#07090cf5);box-shadow:inset 0 0 0 4px #0b0b0a,inset 0 0 0 5px #564323,0 0 28px #49bff418;overflow:hidden}.holo-inventory:before{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#7bd6ff04 4px);z-index:1}.armory-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #756038;padding-bottom:18px}.armory-heading h2{margin-top:8px;font-size:32px;color:#f2d5a2}.armory-heading h2 span{color:#a7becb;font-size:21px}.gear-level{border:1px solid #bf9c60;padding:12px;color:#f5d495;font:20px Georgia;box-shadow:0 0 16px #c3a05b1c}.equipment-stage{position:relative;display:grid;grid-template-columns:108px 1fr 108px;min-height:485px;padding:24px 10px 5px;gap:10px}.slot-column{display:flex;flex-direction:column;justify-content:space-around;gap:20px;z-index:2}.equipment-slot{height:88px;width:88px;position:relative;border:1px solid color-mix(in srgb,var(--rarity) 75%,#1b2430);background:radial-gradient(ellipse at center,#16435a66,#06090e);box-shadow:inset 0 0 16px #000,0 0 10px color-mix(in srgb,var(--rarity) 15%,transparent);color:#d6bd8d;padding:4px}.slot-column:last-child{align-items:end}.equipment-slot.chosen,.bag-item.chosen{outline:1px solid #f1d8a3;outline-offset:3px;box-shadow:0 0 18px #7fceff44}.gear-art{display:block;width:100%;height:100%;background-image:url('assets/equipo-atlas.png');background-size:300% 300%;background-repeat:no-repeat;mix-blend-mode:screen}.slot-label{position:absolute;bottom:-17px;left:-10px;right:-10px;text-align:center;font:12px 'DM Sans',sans-serif;color:#bfc5c6}.slot-rarity{position:absolute;top:3px;right:4px;font-size:9px;color:var(--rarity)}.paper-doll{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.paper-doll img{position:relative;z-index:1;width:145%;max-width:none;height:425px;object-fit:contain;filter:drop-shadow(0 0 20px #55b7e93b)}.arcane-ring{position:absolute;top:18%;width:140%;aspect-ratio:1;border-radius:50%;border:1px solid #8bafbb4a;box-shadow:0 0 0 14px #59c7ef07,0 0 0 15px #aa924337,0 0 0 35px #59c7ef03,inset 0 0 60px #56b6d518;z-index:0}.arcane-ring:after{content:'✧';position:absolute;inset:-10%;display:grid;place-items:center;color:#9ec8d41f;font-size:240px;transform:rotate(20deg)}.character-rank{position:absolute;bottom:0;text-align:center;color:#ecd1a0;font:13px 'Cinzel',Georgia;letter-spacing:3px;z-index:2;text-shadow:0 2px 8px #000}.character-rank span{display:block;font:11px 'DM Sans';letter-spacing:1px;color:#9bb7c8;margin-top:7px}.gear-totals{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;margin:15px 0 22px;border-top:1px solid #47667877;border-bottom:1px solid #47667877;background:linear-gradient(90deg,transparent,#3d91b41c,transparent)}.gear-totals div{text-align:center;border-right:1px solid #4c647455}.gear-totals div:last-child{border:0}.gear-totals b{display:block;font:27px Georgia;color:#a8dfff;text-shadow:0 0 12px #3fa8f14d}.gear-totals span{display:block;font:11px 'DM Sans';color:#bdc5c6;margin-top:6px}.inventory-workbench{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.bag h2{font-size:25px}.bag .muted{font:11px 'DM Sans';color:#adbec4}.gear-filters{display:flex;gap:5px;flex-wrap:wrap;margin:17px 0}.gear-filters button{background:#10171c;border:1px solid #415262;color:#a5b7c5;font:10px 'DM Sans';padding:8px 9px}.gear-filters button.active{color:#ffe3ac;border-color:#b08c50;background:#43351c66}.bag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 12px}.bag-item{min-width:0;position:relative;aspect-ratio:1;border:1px solid var(--rarity);padding:3px;background:radial-gradient(at bottom,color-mix(in srgb,var(--rarity) 19%,transparent),#080b10 85%);margin-bottom:22px}.bag-item.locked .gear-art{opacity:.4;filter:grayscale(.6)}.bag-badge{position:absolute;top:4px;right:4px;background:#080c13bf;padding:2px 4px;color:var(--rarity);font:9px 'DM Sans'}.bag-name{position:absolute;left:-3px;right:-3px;top:calc(100% + 7px);color:#bac4c9;font:10px/1.3 'DM Sans';text-align:center}.inventory-hint{font:11px/1.5 'DM Sans';color:#9cabb4;margin:24px 0 0}.item-inspector{border:1px solid color-mix(in srgb,var(--rarity) 50%,#1a2932);background:linear-gradient(150deg,#1a2b36aa,#080c12);padding:18px;align-self:start;box-shadow:inset 0 0 25px #65bbed0b}.item-preview{width:145px;height:145px;max-width:100%;margin:0 auto 12px;background:radial-gradient(color-mix(in srgb,var(--rarity) 18%,transparent),transparent 65%)}.rarity-name{font:10px 'DM Sans';color:var(--rarity);letter-spacing:1px}.item-inspector h3{font-size:25px;color:#f1d9af;margin:10px 0}.item-inspector .item-story{font:12px/1.65 'DM Sans';color:#b1bfca}.item-stats{margin:18px 0;font:12px 'DM Sans';border-top:1px solid #52616c55}.item-stats div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #52616c55;padding:10px 0}.item-stats dt{color:#c7d0d5}.item-stats dd{color:#b1deff;margin:0;text-align:right}.item-stats small{display:block;font-size:9px;margin-top:4px}.positive{color:#9acb9b}.negative{color:#df9b84}.item-requirement{display:flex;justify-content:space-between;font:10px 'DM Sans';color:#a7b7c4;margin:15px 0}.equip-action{width:100%;border:1px solid #ceaa69;color:#fce5b4;background:linear-gradient(#5b472477,#211e16);font:15px Georgia;padding:13px}.equip-action:disabled{border-color:#53616a;color:#a7b6bf;background:#18222a;cursor:default}.inventory-disclaimer{font:10px/1.6 'DM Sans';color:#86979f;margin:20px 0 0}.player-journal{margin:25px 0}.player-journal summary{padding:16px;border:1px solid #785c33;color:#d9bd87;font-size:20px;cursor:pointer;background:#100c08}.player-journal .card{margin-top:14px}.ref-calendar.month-calendar{top:71.1%;height:9.65%;display:block;padding:0 .7%;background:#0a0705}.month-caption{display:block;text-align:center;color:#e4bb76;font-size:1.65cqw;line-height:1.4;text-transform:capitalize}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.2cqw;align-items:center;justify-items:center}.month-weekday{font-size:1.7cqw;color:#d1bc98;line-height:1.4}.month-date{width:2.6cqw;height:2.6cqw;display:grid;place-items:center;border:1px solid #7e5b2c77;border-radius:50%;font:1.6cqw Georgia;color:#dbc59e}.month-date.current{border-color:#edb86c;color:#ffe4af}.month-date.lit{background:#58320c;border-color:#eab353;box-shadow:0 0 6px #f6a72666;color:#ffda7c}.month-date.future{opacity:.45}.month-date.blank{border-color:transparent}.ref-streak{font-size:3.1cqw}
@media(max-width:650px){.holo-inventory{padding:17px 12px}.armory-heading h2{font-size:25px}.armory-heading h2 span{font-size:16px}.gear-level{padding:9px;font-size:16px}.equipment-stage{grid-template-columns:65px 1fr 65px;min-height:360px;padding:20px 0 5px;gap:4px}.equipment-slot{width:60px;height:60px}.slot-column{gap:22px}.slot-label{font-size:9px;bottom:-14px}.paper-doll img{height:310px;width:155%}.character-rank{font-size:10px;letter-spacing:1px;bottom:2px}.arcane-ring{width:120%;top:25%}.arcane-ring:after{font-size:140px}.gear-totals{padding:16px 0;margin-top:18px}.gear-totals b{font-size:23px}.gear-totals span{font-size:9px}.inventory-workbench{grid-template-columns:1fr;gap:20px}.bag h2{font-size:25px}.bag-grid{grid-template-columns:repeat(3,1fr);gap:23px 13px}.bag-item{margin-bottom:16px}.bag-name{font-size:10px}.gear-filters button{font-size:11px;padding:8px 9px}.item-inspector{display:grid;grid-template-columns:88px 1fr;gap:0 14px;padding:15px}.item-preview{grid-column:1;grid-row:1/4;width:88px;height:105px;align-self:center;margin:0}.rarity-name,.item-inspector h3,.item-story{grid-column:2}.item-inspector h3{font-size:23px}.item-inspector .item-story{font-size:11px;margin:0}.item-stats,.item-requirement,.equip-action{grid-column:1/-1}.item-stats{font-size:13px;margin-bottom:0}.item-stats small{font-size:10px}.inventory-hint{font-size:11px}.inventory-disclaimer{font-size:10px}.player-journal summary{font-size:19px}}
@container (max-width:650px){.holo-inventory{padding:17px 12px}.armory-heading h2{font-size:25px}.armory-heading h2 span{font-size:16px}.gear-level{padding:9px;font-size:16px}.equipment-stage{grid-template-columns:65px 1fr 65px;min-height:360px;padding:20px 0 5px;gap:4px}.equipment-slot{width:60px;height:60px}.slot-column{gap:22px}.slot-label{font-size:9px;bottom:-14px}.paper-doll img{height:310px;width:155%}.character-rank{font-size:10px;letter-spacing:1px;bottom:2px}.arcane-ring{width:120%;top:25%}.arcane-ring:after{font-size:140px}.gear-totals{padding:16px 0;margin-top:18px}.gear-totals b{font-size:23px}.gear-totals span{font-size:9px}.inventory-workbench{grid-template-columns:1fr;gap:20px}.bag h2{font-size:25px}.bag-grid{grid-template-columns:repeat(3,1fr);gap:23px 13px}.bag-item{margin-bottom:16px}.bag-name{font-size:10px}.gear-filters button{font-size:11px;padding:8px 9px}.item-inspector{display:grid;grid-template-columns:88px 1fr;gap:0 14px;padding:15px}.item-preview{grid-column:1;grid-row:1/4;width:88px;height:105px;align-self:center;margin:0}.rarity-name,.item-inspector h3,.item-story{grid-column:2}.item-inspector h3{font-size:23px}.item-inspector .item-story{font-size:11px;margin:0}.item-stats,.item-requirement,.equip-action{grid-column:1/-1}.item-stats{font-size:13px;margin-bottom:0}.item-stats small{font-size:10px}.inventory-hint{font-size:11px}.inventory-disclaimer{font-size:10px}.player-journal summary{font-size:19px}}

.month-date{width:2.45cqw;height:2.45cqw;font-size:1.5cqw}
.empty-slot{border-style:dashed;box-shadow:inset 0 0 20px #2f73941c}.empty-glyph{font-size:40px;color:#71a2bc55}.equip-action:not(:disabled):hover{filter:brightness(1.25)}
.month-caption{width:100%;border:0;background:transparent;padding:0;cursor:pointer;font-size:2.1cqw;line-height:1.1}.month-weekday{font-size:2.2cqw;line-height:1.1}.month-date{width:2.55cqw;height:2.55cqw;font-size:2.05cqw}.month-grid{gap:.12cqw}.calendar-expanded h2{font-size:26px;margin-bottom:18px}.calendar-expanded .month-caption{font-size:19px;margin-bottom:16px;color:#e5ba76}.calendar-expanded .month-grid{gap:6px}.calendar-expanded .month-date{width:30px;height:30px;font-size:15px}.calendar-expanded .month-weekday{font-size:14px}.calendar-expanded p{font-size:14px}.calendar-expanded .month-date.lit{background:#58320c;border-color:#eab353;color:#ffda7c}.calendar-expanded .month-date.current{border-color:#edb86c}.calendar-expanded .month-date.future{opacity:.45}.calendar-expanded .month-date.blank{border:0}


/* atmosphere.css */
/* Shared ruined citadel and rock atmosphere; the original Inicio art stays intact. */
.game{background-color:#110c08;background-image:linear-gradient(#0d09064f,#0a07058c),url('assets/castillo-sombrio.png');background-position:center top;background-size:100% auto;background-repeat:repeat-y}
.pagetop{background:linear-gradient(90deg,#0b0705d9,#0b07057a);text-shadow:0 2px 4px #000}
.card{background:linear-gradient(#0b0806bd,#0a0705db);background-clip:padding-box;backdrop-filter:blur(.5px)}
.tabs button{background:#100904d6}.tabs button.selected{background:linear-gradient(#703a14d9,#261208e6)}
.notice{background:#100905c7}
.holo-inventory{border-color:#bb7a36;background:linear-gradient(140deg,#100a06ad,#0b0705d9);box-shadow:inset 0 0 0 4px #100a06,inset 0 0 0 5px #76502b,0 0 28px #d1811f12}
.holo-inventory:before{background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffc88403 4px)}
.armory-heading{border-color:#ae6d3177}.armory-heading h2 span{color:#cbb48e}
.gear-level{border-color:#cb8b44;box-shadow:0 0 16px #d88b2c1c}
.equipment-stage{margin:14px -8px 0;padding:24px 18px 12px;isolation:isolate;background-image:linear-gradient(0deg,#0b0705dc,transparent 35%,#0b070543),url('assets/castillo-sombrio.png');background-position:center,center 26%;background-size:cover;border-top:1px solid #9c622a66;border-bottom:1px solid #9c622a55;box-shadow:inset 0 0 30px #05030277}
.arcane-ring{display:none}
.paper-doll img{filter:drop-shadow(0 5px 10px #000b) drop-shadow(0 0 14px #c5822320)}
.equipment-slot,.bag-item{border-color:#c7853f;background:radial-gradient(ellipse at center,#75401745,#0d0805ed);box-shadow:inset 0 0 16px #000,0 0 8px #b9711d1c}
.equipment-slot.chosen,.bag-item.chosen{outline-color:#ffbc68;box-shadow:0 0 16px #e48b2d4d}
.empty-slot{border-color:#a86a32;box-shadow:inset 0 0 20px #a7671e1c}.empty-glyph{color:#d39a5955}
.slot-label{color:#d8c2a0}.character-rank span{color:#c7b391}
.gear-totals{border-color:#bc7b3477;background:linear-gradient(90deg,transparent,#ba6b1c1c,transparent)}
.gear-totals div{border-color:#ac6d3555}.gear-totals b{color:#f7cd8c;text-shadow:0 0 12px #df8a284d}.gear-totals span{color:#d2bea0}
.bag .muted,.bag-name,.inventory-hint{color:#c5b79e}
.gear-filters button{border-color:#a76c37;background:#1a1008cf;color:#d3ba96}
.gear-filters button.active{border-color:#efaa57;background:#673a178c;color:#ffe2b2}
.bag-badge{background:#160d07cf}
.item-inspector{border-color:#be7d39;background:linear-gradient(150deg,#2b180dda,#0b0705e8);box-shadow:inset 0 0 25px #da84200b}
.item-inspector .item-story{color:#c9baa3}
.item-stats,.item-stats div{border-color:#a16b345c}.item-stats dt{color:#d7c7ad}.item-stats dd{color:#f3cd96}
.item-requirement,.inventory-disclaimer{color:#bda98b}
.equip-action{border-color:#dc9848;background:linear-gradient(#6f411c88,#29160c);color:#ffe0ad}
.equip-action:disabled{border-color:#936333;color:#bfa987;background:#281b10}
.player-journal summary{border-color:#b27937;background:#100905c7}
/* A dim stone alcove separates the character from the exterior scenery. */
.equipment-stage{background-color:#090706;background-image:radial-gradient(ellipse at 50% 35%,#55432d30,transparent 62%),linear-gradient(#090706b8,#090706ed),url('assets/obsidian.svg');background-position:center;background-size:cover;box-shadow:inset 0 0 55px #000d,inset 0 1px 0 #c18c4222}
.paper-doll:before{content:'';position:absolute;inset:2% -18% 0;border:1px solid #80603a27;border-bottom:0;border-radius:48% 48% 0 0;background:linear-gradient(90deg,#0004,transparent 25%,transparent 75%,#0004);pointer-events:none}
.paper-doll img{filter:drop-shadow(0 8px 12px #000d)}
.ref-chestcopy{left:30.9%;top:83.2%;width:42.8%;height:5.1%;padding:.25% 1%;background:#0b0805;font-size:2.5cqw;line-height:1.28;text-shadow:none}
.ref-chestcopy strong{font-size:3.1cqw;line-height:1.28;margin-bottom:.5cqw}
.ref-chest{left:31.8%;top:88.55%;width:37.5%;height:2.25%;display:flex;align-items:center;justify-content:center;padding:0 .8%;background:linear-gradient(#33200e,#170d05);border:1px solid #ba7b32;box-shadow:inset 0 0 0 2px #150b04,inset 0 0 0 3px #6f431c;color:#ffcf85;font-size:2.55cqw;line-height:1;text-shadow:0 1px 1px #000;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}
nav#nav{background:#0c0805;border-width:8px;min-height:13.5cqw;align-items:stretch}
nav#nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1 1 0;min-width:0;gap:.8cqw;padding:1.1cqw .2cqw;font-size:2.75cqw;text-align:center}
nav#nav a span.nav-symbol{display:flex;align-items:center;justify-content:center;width:5.6cqw;height:5.6cqw;flex:none;line-height:1;color:#d2a46a;filter:drop-shadow(0 1px 1px #000)}
nav#nav .nav-symbol svg{display:block;width:100%;height:100%;fill:#9b6c2722;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
nav#nav a.active span.nav-symbol{color:#ffcd75;filter:drop-shadow(0 0 5px #f68b22)}
body:has(.reference-home) nav#nav{min-height:13.5cqw;background:#0c0805}
@media(max-width:650px){.equipment-stage{padding:20px 3px 12px;margin:12px -5px 0;background-position:center}nav#nav,body:has(.reference-home) nav#nav{border-width:5px}nav#nav a{padding:1.2cqw .2cqw;gap:.8cqw}}
@container (max-width:650px){.equipment-stage{padding:20px 3px 12px;margin:12px -5px 0;background-position:center}nav#nav,body:has(.reference-home) nav#nav{border-width:5px}nav#nav a{padding:1.2cqw .2cqw;gap:.8cqw}}



/* progress.css */
.character-navigation{display:flex;gap:10px;margin:15px 0 22px}.character-navigation a{color:#c8ad82;text-decoration:none;border:1px solid #90602d;padding:11px 22px;background:#140c06d9;font:18px Georgia}.character-navigation a[aria-current]{color:#ffe1a2;border-color:#e5a052;background:linear-gradient(#73451d9e,#271408e8);box-shadow:inset 0 -2px #e09b43}
.progress-preview{border:1px solid #bd8641;background:linear-gradient(145deg,#110c08ed,#0a0705eb);padding:28px;box-shadow:inset 0 0 0 4px #100b07,inset 0 0 0 5px #6b4928,0 8px 30px #0009}.progress-intro{display:flex;justify-content:space-between;gap:15px}.progress-intro h2{font-size:36px;margin-top:8px;color:#f5d6a0}.progress-intro p{font-size:16px;margin:8px 0 20px;color:#c4b18e}.progress-seal{font-size:54px;color:#dca451;text-shadow:0 0 20px #e7903344}.progress-data-toggle{display:flex;gap:5px}.progress-data-toggle button,.progress-period button{border:1px solid #78512c;background:#100b07;color:#bdad91;font:12px 'DM Sans',sans-serif;padding:10px 15px}.progress-data-toggle button[aria-pressed=true],.progress-period button[aria-pressed=true]{border-color:#d49243;color:#ffe0a3;background:#5d371b6b}.progress-source-note{font:11px/1.6 'DM Sans',sans-serif;color:#bbaf95;margin:10px 0 22px}.progress-source-note.demo{color:#dfb16e}.progress-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.progress-metrics>div{padding:18px 12px;background:linear-gradient(#70461c22,#180e0788);border:1px solid #7c542d66;text-align:center}.progress-metrics>div>span{color:#e8ae5e;font-size:22px}.progress-metrics b{display:block;font:36px Georgia;color:#f5d69f;margin:8px 0}.progress-metrics small{font-size:17px;color:#9f8c6b}.progress-metrics p{font:11px/1.4 'DM Sans',sans-serif;color:#bbaa8c;margin:0}.progress-chart-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.progress-chart-header h3{font-size:28px}.progress-chart-header p{font:12px 'DM Sans',sans-serif;color:#bcae91;text-transform:capitalize;margin:7px 0}.progress-period{display:flex;flex-shrink:0}.progress-period button{padding:9px 13px;font-size:11px}.progress-legend{display:flex;align-items:center;gap:7px;font:10px 'DM Sans',sans-serif;color:#b5a58b;margin:17px 0 25px}.progress-legend i{width:8px;height:8px;background:#e6a042;display:block}.progress-legend>span{margin-left:auto;color:#8d7a5e}.progress-plot{display:flex;gap:12px;position:relative}.progress-axis{display:flex;flex-direction:column;justify-content:space-between;height:190px;width:12px;font:10px 'DM Sans',sans-serif;color:#9e8e72;padding-bottom:0}.progress-plot-scroll{overflow-x:auto;flex:1;scrollbar-color:#95602c #170e07;scrollbar-width:thin;padding:3px 3px 8px}.progress-bars{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:15px;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#8d673a33 37px,#8d673a33 38px);background-size:100% 190px;background-repeat:no-repeat}.progress-bars.month-view{min-width:760px;gap:8px}.progress-day{height:233px;min-width:0;padding:0;border:0;background:transparent;color:#c9b18b;display:flex;flex-direction:column;align-items:center;cursor:pointer;font-family:'DM Sans',sans-serif}.progress-column{height:190px;width:100%;display:flex;align-items:end;justify-content:center}.progress-bar{display:block;width:65%;max-width:45px;position:relative;background:linear-gradient(#ffda88,#e3a13e 35%,#965115);border:1px solid #eab05a;box-shadow:0 0 14px #eb9d2830,inset 1px 0 #ffdf9944;border-radius:3px 3px 0 0;min-height:3px}.progress-bar.zero{border-color:#72512e;background:#3f2a16;box-shadow:none}.progress-bar>span{position:absolute;top:-22px;left:0;right:0;font-size:11px;color:#d6c09b}.progress-day.selected .progress-bar{background:linear-gradient(#fff0bd,#ffc858,#b86a1c);box-shadow:0 0 18px #ffab3855;outline:1px solid #ffdc97;outline-offset:3px}.progress-day.selected .progress-day-label{color:#ffdc98}.progress-day-label{font-size:11px;margin-top:12px;text-transform:capitalize}.progress-day-label small{display:block;font-size:9px;color:#9c8766;margin-top:3px}.progress-day.future{opacity:.28;cursor:default}.progress-scroll-hint{font:10px 'DM Sans',sans-serif;color:#af946d;margin:4px 0 20px}.progress-day-detail{padding:20px;background:linear-gradient(110deg,#60371922,#120b06bd);border:1px solid #95632f80;margin-top:20px}.progress-day-detail h3{font-size:25px;margin-top:5px}.progress-day-detail .eyebrow{font-size:9px}.progress-day-xp{font:22px Georgia;color:#efb656}.progress-day-detail ul{list-style:none;padding:0;margin:17px 0 0}.progress-day-detail li{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #6a492b55;font:12px 'DM Sans',sans-serif;color:#d4c3a7}.progress-day-detail li>span{color:#e4b95b}.progress-day-detail li>small{margin-left:auto;font-size:10px;color:#e5af60;white-space:nowrap}.progress-empty{font:13px/1.6 'DM Sans',sans-serif;color:#b8a68a;margin-bottom:0}.progress-encouragement{display:flex;gap:17px;align-items:center;margin:26px 0}.progress-encouragement>span{font-size:36px;color:#e7a84e}.progress-encouragement h3{font-size:23px}.progress-encouragement p{font:12px/1.6 'DM Sans',sans-serif;color:#b8a88b;margin:7px 0 0}.progress-footnote{font:10px/1.6 'DM Sans',sans-serif;color:#8f8069;border-top:1px solid #69492a55;padding-top:14px;margin-bottom:0}
@media(max-width:650px){.character-navigation a{font-size:16px;padding:10px 18px}.progress-preview{padding:20px 15px}.progress-intro h2{font-size:29px}.progress-intro p{font-size:14px}.progress-seal{font-size:35px}.progress-metrics{gap:7px;margin-bottom:24px}.progress-metrics>div{padding:13px 5px}.progress-metrics b{font-size:29px}.progress-metrics small{font-size:13px}.progress-metrics p{font-size:10px}.progress-chart-header h3{font-size:25px}.progress-period button{padding:8px 10px}.progress-legend{font-size:9px}.progress-bars{gap:8px}.progress-plot{gap:6px}.progress-bar{width:70%}.progress-day-label{font-size:10px}.progress-day-detail{padding:16px}.progress-day-detail li{font-size:11px}.progress-data-toggle button{font-size:11px}.progress-encouragement h3{font-size:22px}}
@container (max-width:650px){.character-navigation a{font-size:16px;padding:10px 18px}.progress-preview{padding:20px 15px}.progress-intro h2{font-size:29px}.progress-intro p{font-size:14px}.progress-seal{font-size:35px}.progress-metrics{gap:7px;margin-bottom:24px}.progress-metrics>div{padding:13px 5px}.progress-metrics b{font-size:29px}.progress-metrics small{font-size:13px}.progress-metrics p{font-size:10px}.progress-chart-header h3{font-size:25px}.progress-period button{padding:8px 10px}.progress-legend{font-size:9px}.progress-bars{gap:8px}.progress-plot{gap:6px}.progress-bar{width:70%}.progress-day-label{font-size:10px}.progress-day-detail{padding:16px}.progress-day-detail li{font-size:11px}.progress-data-toggle button{font-size:11px}.progress-encouragement h3{font-size:22px}}

.progress-plot-scroll{padding-top:25px}.progress-axis{margin-top:25px}


/* constancy-line.css */
.constancy-scroll{padding:18px 0 8px;overflow-x:auto;scrollbar-color:#95602c #170e07}.constancy-line-chart{position:relative;width:100%;aspect-ratio:var(--chart-ratio);min-width:0}.constancy-line-chart.monthly{min-width:940px}.constancy-line-chart svg{display:block;width:100%;height:100%;overflow:visible}.constancy-grid{stroke:#9f713b38;stroke-width:1}.constancy-tick{fill:#a28a64;font:11px 'DM Sans',sans-serif}.constancy-label{fill:#c0aa85;font:12px 'DM Sans',sans-serif;text-transform:capitalize}.constancy-label tspan{font-size:10px;fill:#97805f}.constancy-label.future{opacity:.4}.constancy-path{fill:none;stroke:#f0b65e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #d5892b33);vector-effect:non-scaling-stroke}.constancy-point{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);border:0;background:transparent;display:grid;place-items:center;padding:0;cursor:pointer}.constancy-point>span{display:block;width:9px;height:9px;border-radius:50%;border:1.5px solid #f5bf72;background:#28170a;box-shadow:0 0 5px #d9942938}.constancy-point.selected>span{width:12px;height:12px;background:#ffe0a1;border-color:#ffebc3;box-shadow:0 0 0 4px #e29a3033,0 0 13px #e7a53b66}.constancy-point:hover:not(:disabled)>span{background:#ffdb93}.constancy-point.future{opacity:.24;cursor:default}.constancy-point.future>span{width:5px;height:5px;border-color:#8c683e;background:#21170e}.progress-legend i{width:18px;height:0;border-top:2px solid #edb25a;background:none}.constancy-point:focus-visible{outline:1px solid #ffda98;border-radius:50%}@media(max-width:650px){.constancy-line-chart:not(.monthly){aspect-ratio:var(--chart-ratio)}.constancy-label{font-size:15px}.constancy-label tspan{font-size:12px}.constancy-tick{font-size:13px}.constancy-line-chart.monthly .constancy-label{font-size:12px}}
@container (max-width:650px){.constancy-line-chart:not(.monthly){aspect-ratio:var(--chart-ratio)}.constancy-label{font-size:15px}.constancy-label tspan{font-size:12px}.constancy-tick{font-size:13px}.constancy-line-chart.monthly .constancy-label{font-size:12px}}

.constancy-scroll:has(.constancy-line-chart:not(.monthly)){overflow-x:clip}


/* campaign.css */
.mission-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.mission-toolbar .tabs{margin:0}.mission-toolbar>.primary{font-size:16px}.personal-quest{gap:12px}.habit-category{display:inline-block;margin-top:7px;font:10px 'DM Sans',sans-serif;color:#d6ad6e}.habit-edit{padding:7px;border:1px solid #88602f;background:#170f09;color:#dcb171;font:18px Georgia}.habit-note{font:12px/1.6 'DM Sans',sans-serif;color:#b9a685;margin:18px 0}.habit-management{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #7b552c66}.habit-management.paused{opacity:.65}.habit-management h3{font-size:23px}.habit-management p{font:11px/1.5 'DM Sans',sans-serif;margin:8px 0 0}.habit-management>div:last-child{display:flex;gap:7px}.habit-management button{font-size:13px;padding:9px 12px}.campaign-card{border:1px solid #bd8844;margin:22px 0 30px;box-shadow:inset 0 0 0 4px #160e07,0 6px 25px #0008;background:#0c0806ed}.campaign-banner{padding:35px 28px;background:linear-gradient(90deg,#090604df,#09060499),url('assets/castillo-sombrio.png') center 30%/cover;border-bottom:1px solid #ad783c66}.campaign-banner h2{font-size:40px;color:#f1cc8c;margin-top:12px}.campaign-banner p{font-size:17px;color:#d8c4a0;line-height:1.5}.campaign-content{padding:25px 28px}.campaign-content>.row h3{font-size:26px}.campaign-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:24px 0}.campaign-steps>div{text-align:center}.campaign-steps span{width:38px;height:38px;display:grid;place-items:center;margin:auto;border:1px solid #816035;border-radius:50%;color:#9f8a65;font:19px Georgia}.campaign-steps small{display:block;color:#a99879;font:10px 'DM Sans',sans-serif;margin-top:9px}.campaign-steps .lit span{border-color:#eab059;background:#693d13;color:#ffe6aa;box-shadow:0 0 13px #e99d2938}.campaign-loot{display:flex;gap:20px;align-items:center;border:1px solid #a36e3277;background:linear-gradient(120deg,#9860201c,#0b0705);padding:19px;margin:25px 0}.campaign-loot-art{width:110px;height:110px;flex-shrink:0}.campaign-loot h3{font-size:27px;margin:8px 0}.campaign-loot p{font:12px/1.5 'DM Sans',sans-serif;color:#bea47c}.campaign-loot .eyebrow{font-size:9px;letter-spacing:1px}.campaign-loot button{font-size:17px}.campaign-owned{color:#d7bc7a;font:13px 'DM Sans',sans-serif}#detail:has(#habit-form),#detail:has(#campaign-form){width:min(94vw,540px);max-width:540px;max-height:90dvh;overflow:auto}#habit-form h2,#campaign-form h2{font-size:29px;margin:12px 0 20px}#habit-form label{display:flex;flex-direction:column;gap:8px;margin:16px 0;color:#e4cda8;font:14px Georgia}#habit-form input[type=text],#habit-form input:not([type]),#habit-form textarea,#habit-form select{width:100%;background:#0b0805;border:1px solid #926432;color:#f2dec0;border-radius:0;padding:11px;font:14px 'DM Sans',sans-serif}#habit-form textarea{resize:vertical}.habit-form-row{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}#habit-form fieldset{border:1px solid #79552d;padding:13px}#habit-form legend{color:#d6b786;font-size:14px}.habit-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}#habit-form .habit-weekdays label{margin:0;position:relative;cursor:pointer;display:block}.habit-weekdays input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.habit-weekdays span{display:grid;place-items:center;height:36px;border:1px solid #79552e;background:#180f08;color:#bba17a}.habit-weekdays input:checked+span{background:#74461966;border-color:#dca051;color:#ffe0a0}.habit-weekdays input:focus-visible+span{outline:2px solid #edba6d}.form-error{color:#edb092;font:12px/1.5 'DM Sans',sans-serif;min-height:18px}.campaign-choices{display:grid;gap:10px;margin:20px 0}.campaign-choices label{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #845c30;background:#110c07;font-size:17px;cursor:pointer}.campaign-choices input{accent-color:#dca052;width:18px;height:18px}.campaign-choices small{display:block;font:10px/1.5 'DM Sans',sans-serif;color:#bba27d;margin-top:5px}.campaign-choices label:has(input:checked){border-color:#edbc6d;background:#56321355}.ref-quest .ref-label{overflow:hidden;text-overflow:ellipsis}.ref-more-missions{position:absolute;left:22%;width:65%;top:64.78%;height:.95%;padding:0;border:0;background:#0b0805;color:#cda975;font:1.55cqw Georgia;line-height:1}.ref-quest-heading{position:absolute;left:6%;top:48.7%;width:70%;height:3.2%;border:0;background:transparent}.campaign-locked-label{color:#d8b480}
@media(max-width:650px){.mission-toolbar .tabs{gap:6px}.mission-toolbar .tabs button{font-size:14px;padding:9px 12px}.mission-toolbar>.primary{font-size:15px}.personal-quest{gap:8px}.personal-quest .reward{font-size:13px}.personal-quest strong{font-size:17px}.personal-quest small{font-size:12px}.habit-edit{font-size:17px;padding:5px}.habit-management{flex-direction:column;align-items:stretch}.habit-management>div:last-child{justify-content:flex-end}.campaign-banner{padding:24px 19px}.campaign-banner h2{font-size:32px}.campaign-banner p{font-size:15px}.campaign-content{padding:20px 17px}.campaign-content>.row h3{font-size:22px}.campaign-steps{gap:4px}.campaign-steps span{width:29px;height:29px;font-size:16px}.campaign-steps small{font-size:8px}.campaign-loot{padding:13px;gap:12px}.campaign-loot-art{width:77px;height:77px}.campaign-loot h3{font-size:23px}.campaign-loot p{font-size:11px}.campaign-loot .eyebrow{font-size:8px}.campaign-loot .muted{font-size:11px}.campaign-loot button{font-size:14px;padding:10px}.habit-form-row{gap:10px}.habit-note{font-size:11px}}
@container (max-width:650px){.mission-toolbar .tabs{gap:6px}.mission-toolbar .tabs button{font-size:14px;padding:9px 12px}.mission-toolbar>.primary{font-size:15px}.personal-quest{gap:8px}.personal-quest .reward{font-size:13px}.personal-quest strong{font-size:17px}.personal-quest small{font-size:12px}.habit-edit{font-size:17px;padding:5px}.habit-management{flex-direction:column;align-items:stretch}.habit-management>div:last-child{justify-content:flex-end}.campaign-banner{padding:24px 19px}.campaign-banner h2{font-size:32px}.campaign-banner p{font-size:15px}.campaign-content{padding:20px 17px}.campaign-content>.row h3{font-size:22px}.campaign-steps{gap:4px}.campaign-steps span{width:29px;height:29px;font-size:16px}.campaign-steps small{font-size:8px}.campaign-loot{padding:13px;gap:12px}.campaign-loot-art{width:77px;height:77px}.campaign-loot h3{font-size:23px}.campaign-loot p{font-size:11px}.campaign-loot .eyebrow{font-size:8px}.campaign-loot .muted{font-size:11px}.campaign-loot button{font-size:14px;padding:10px}.habit-form-row{gap:10px}.habit-note{font-size:11px}}



/* balance.css */
.balance-panel{border:1px solid #b87d39;padding:28px;background:linear-gradient(135deg,#100b07ef,#090604ed);box-shadow:inset 0 0 0 4px #100b07,inset 0 0 0 5px #694725}.balance-heading{display:flex;justify-content:space-between;gap:15px}.balance-heading h2{font-size:34px;color:#f0d29c;margin:10px 0}.balance-heading p{font:13px/1.6 'DM Sans',sans-serif;color:#c4b090}.balance-emblem{font-size:48px;color:#e4b263}.balance-source{font:11px/1.6 'DM Sans',sans-serif;color:#bda57f;margin:10px 0 0}.balance-radar{display:block;width:100%;height:auto;max-width:660px;margin:10px auto 0;overflow:visible}.radar-grid{fill:#e5ac4b03;stroke:#a4753e66;stroke-width:1}.radar-spoke{stroke:#a4753e55;stroke-width:1}.radar-current{fill:url(#balance-glow);stroke:#f0b158;stroke-width:2.6;stroke-linejoin:round;pointer-events:none}.radar-previous{fill:none;stroke:#ae9774;stroke-width:1.8;stroke-dasharray:6 5;pointer-events:none}.radar-scale{font:10px 'DM Sans',sans-serif;fill:#9c805b}.radar-dot{fill:#ffdc90;pointer-events:none}.radar-target{fill:#40271244;stroke:#ae7635;stroke-width:1;cursor:pointer}.radar-target.active{fill:#b2742466;stroke:#ffd18a;stroke-width:2}.radar-label{font:15px Georgia;fill:#e6c394;cursor:pointer}.radar-value{font:12px 'DM Sans',sans-serif;fill:#bca585;cursor:pointer}.balance-radar g:focus-visible{outline:none}.balance-radar g:focus-visible .radar-target{stroke:#fff0c9;stroke-width:3}.radar-legend{display:flex;justify-content:center;gap:20px;font:10px 'DM Sans',sans-serif;color:#bcaa8a}.radar-legend span{display:flex;align-items:center;gap:7px}.radar-legend i{width:18px;border-top:2px solid #efaf55}.radar-legend i.previous{border-top:2px dashed #ae9774}.balance-hint{font:11px/1.5 'DM Sans',sans-serif;color:#a79474;text-align:center;margin:15px 0 25px}.balance-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.balance-areas button{background:#160e08;border:1px solid #79512c;color:#d6bd92;padding:15px 12px;text-align:left;min-width:0}.balance-areas button[aria-pressed=true]{background:linear-gradient(#69411b55,#25150b);border-color:#e6a551;box-shadow:inset 0 -2px #c88b3d}.balance-areas span{display:block;font:13px/1.4 Georgia;min-height:36px}.balance-areas b{display:block;font:28px Georgia;color:#f2cc8d;margin:9px 0}.balance-areas small{font:9px/1.4 'DM Sans',sans-serif;color:#b5a080}.balance-detail{border:1px solid #9f6d3266;padding:22px;margin-top:25px;background:linear-gradient(110deg,#72431922,#110b06aa)}.balance-detail .eyebrow{font-size:10px}.balance-detail h3{font-size:27px;margin-top:8px}.balance-score{font:31px Georgia;color:#edbb6d}.balance-detail>p{font:13px/1.7 'DM Sans',sans-serif;color:#cbb797}.balance-detail-stats{display:flex;justify-content:space-between;gap:15px;font:11px/1.5 'DM Sans',sans-serif;color:#c7aa79;padding:15px 0;border-top:1px solid #79512855;border-bottom:1px solid #79512855}.balance-frequency{font:11px 'DM Sans',sans-serif;color:#bca27c;margin:17px 0}.balance-detail button{font-size:16px}.balance-commitment{display:grid;grid-template-columns:1fr 180px;gap:22px;align-items:center;margin:28px 0;padding:22px 0;border-top:1px solid #79512866;border-bottom:1px solid #79512866}.balance-commitment h3{font-size:28px;margin-top:10px}.balance-commitment p{font:12px/1.6 'DM Sans',sans-serif;color:#beaa87}.commitment-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.commitment-dots span{display:block;aspect-ratio:1;border:1px solid #7d592f;background:#150e09;border-radius:3px}.commitment-dots .lit{border-color:#e2a352;background:linear-gradient(#ffc46e,#9d5718);box-shadow:0 0 7px #e59a2522}.balance-message{font:italic 21px/1.5 Georgia;color:#e0c496}.balance-disclaimer{font:10px/1.7 'DM Sans',sans-serif;color:#a48e6c;border-top:1px solid #6b472655;padding-top:15px}.official-quest{gap:13px}.official-quest strong{font-size:23px}.official-quest small{font-size:15px}.official-quest .reward{white-space:nowrap}.mission-toolbar{margin:18px 0 24px}
@media(max-width:650px){.balance-panel{padding:22px 13px}.balance-heading h2{font-size:27px}.balance-heading p{font-size:12px}.balance-emblem{font-size:32px}.balance-areas{gap:7px;grid-template-columns:repeat(2,1fr)}.balance-areas button{padding:13px 10px}.balance-areas span{font-size:14px;min-height:20px}.balance-areas b{font-size:26px}.balance-areas small{font-size:10px}.balance-detail{padding:16px}.balance-detail h3{font-size:23px}.balance-score{font-size:27px}.balance-detail-stats{font-size:10px}.balance-commitment{grid-template-columns:1fr;gap:12px}.commitment-dots{max-width:245px}.balance-commitment h3{font-size:26px}.balance-message{font-size:20px}.official-quest{gap:10px}.official-quest strong{font-size:18px}.official-quest small{font-size:12px}.official-quest .reward{font-size:14px}.official-quest .habit-category{font-size:9px}.radar-label{font-size:18px}.radar-value{font-size:15px}}
@container (max-width:650px){.balance-panel{padding:22px 13px}.balance-heading h2{font-size:27px}.balance-heading p{font-size:12px}.balance-emblem{font-size:32px}.balance-areas{gap:7px;grid-template-columns:repeat(2,1fr)}.balance-areas button{padding:13px 10px}.balance-areas span{font-size:14px;min-height:20px}.balance-areas b{font-size:26px}.balance-areas small{font-size:10px}.balance-detail{padding:16px}.balance-detail h3{font-size:23px}.balance-score{font-size:27px}.balance-detail-stats{font-size:10px}.balance-commitment{grid-template-columns:1fr;gap:12px}.commitment-dots{max-width:245px}.balance-commitment h3{font-size:26px}.balance-message{font-size:20px}.official-quest{gap:10px}.official-quest strong{font-size:18px}.official-quest small{font-size:12px}.official-quest .reward{font-size:14px}.official-quest .habit-category{font-size:9px}.radar-label{font-size:18px}.radar-value{font-size:15px}}



/* daily-care.css */
.daily-care-panel{margin:25px 0 30px}.daily-care-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 3px 17px}.daily-care-heading h2{font-size:31px;margin-top:8px;color:#edc98f}.daily-care-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.daily-care-heading>span{font:12px Georgia;color:#bca27d;white-space:nowrap}.daily-care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.daily-care-card{position:relative;display:block;width:100%;aspect-ratio:376/177;background-image:url('assets/cuidado-referencia.png');background-size:408.52% 578.53%;background-position:var(--care-x) 84.06%;border:0;padding:0;color:#eed6ae;cursor:pointer;text-align:left;container-type:inline-size;box-shadow:0 4px 14px #0008}.daily-care-card:hover{filter:brightness(1.1)}.daily-care-card:focus-visible{outline:2px solid var(--care-color);outline-offset:3px}.care-number{position:absolute;left:23%;top:28%;width:66%;height:24%;display:flex;align-items:center;background:#0b0907;font:7cqw Georgia;line-height:1;white-space:nowrap;letter-spacing:-.03em;text-shadow:0 1px 2px #000;padding:0 1%}.care-meter{position:absolute;left:7.4%;top:55.7%;width:54%;height:13%;background:#0c0907;display:flex;align-items:center;padding:0 1%;z-index:1}.care-meter>span{width:100%;height:40%;min-height:3px;border-radius:9px;border:1px solid color-mix(in srgb,var(--care-color) 70%,#15100a);background:#0a0806;box-shadow:inset 0 1px 3px #000}.care-meter>span.recorded{background:linear-gradient(color-mix(in srgb,var(--care-color) 70%,#fff),var(--care-color));box-shadow:0 0 8px color-mix(in srgb,var(--care-color) 30%,transparent)}.care-action{position:absolute;left:28%;top:74%;width:37%;height:21%;display:flex;align-items:center;justify-content:center;background:#0b0907;color:#e3b977;font:5.5cqw Georgia;white-space:nowrap;line-height:1;padding:0 .7%;z-index:2}.care-panel-note{font:11px 'DM Sans',sans-serif;color:#ad9671;margin:12px 3px 0}#daily-care-form h2{font-size:31px;margin:12px 0;color:var(--care-color)}#daily-care-form>p:first-of-type{font:14px Georgia;color:#cdb38b;text-transform:capitalize}#daily-care-form>label{display:block;color:#dfc59d;font:16px Georgia;margin:25px 0 18px}.care-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid var(--care-color);background:#0b0806;margin-top:10px;padding-right:12px}.care-input-wrap input{width:100%;min-width:0;background:transparent;color:#f3deba;border:0;padding:14px;font:22px Georgia}.care-input-wrap span{color:#bca586;font:15px Georgia}.care-form-note{font:12px/1.6 'DM Sans',sans-serif;color:#b9a98e}.care-form-actions{display:flex;gap:10px;flex-wrap:wrap}.care-form-actions button{font-size:17px}dialog:has(#daily-care-form){width:min(94vw,450px);max-width:450px}@media(max-width:650px){.daily-care-heading h2{font-size:26px}.daily-care-heading .eyebrow{font-size:7px;letter-spacing:1px}.daily-care-heading>span{font-size:10px}.daily-care-grid{gap:9px}.daily-care-panel{margin:20px 0 25px}.care-panel-note{font-size:10px}}
@container (max-width:650px){.daily-care-heading h2{font-size:26px}.daily-care-heading .eyebrow{font-size:7px;letter-spacing:1px}.daily-care-heading>span{font-size:10px}.daily-care-grid{gap:9px}.daily-care-panel{margin:20px 0 25px}.care-panel-note{font-size:10px}}

.care-number{left:20%;width:73%;top:27%;height:25%;padding-left:2%}.care-action{left:7%;width:60%;top:73%;height:23%;justify-content:center}


/* evolution.css */
.evolution-progress{padding:18px 20px;background:linear-gradient(110deg,#2e42402c,#110d08e8);border:1px solid #b17b3666;margin:18px 0 23px}.evolution-progress .row img{height:82px;width:75px;object-fit:contain;object-position:center top;filter:drop-shadow(0 0 12px #b2701c22)}.evolution-progress h3{font-size:25px;margin-top:7px}.evolution-progress .eyebrow{font-size:9px}.evolution-progress p{font:11px/1.6 'DM Sans',sans-serif;color:#bea781;margin:11px 0 0}.evolution-crown{font-size:35px;color:#e7b35f}.evolution-gallery{margin:28px 0;padding:24px 20px;border:1px solid #ad7637;background:linear-gradient(140deg,#17201a99,#0c0805ed)}.evolution-gallery h2{font-size:30px;margin-top:7px}.evolution-gallery>p{font:12px/1.6 'DM Sans',sans-serif;color:#bda886}.evolution-gallery-mark{font-size:34px;color:#d9a14e}.evolution-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.evolution-phase{position:relative;min-width:0;overflow:hidden;border:1px solid #a87535;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--phase-color) 22%,transparent),#0c0805 75%);padding:13px 7px;color:#e6cba2;text-align:center}.evolution-phase.current{border-color:#f0bd72;box-shadow:0 0 12px #e7a33e22,inset 0 0 0 2px #c8923a22}.phase-number{font:9px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--phase-color)}.evolution-phase img{display:block;height:185px;object-fit:contain;width:100%;margin:9px auto;filter:drop-shadow(0 3px 6px #000)}.phase-title{display:block;font:17px/1.25 Georgia;min-height:43px}.phase-status{display:block;color:var(--phase-color);font:9px/1.4 'DM Sans',sans-serif;margin-top:9px}.evolution-preview{text-align:center}.evolution-preview>img{display:block;width:100%;height:390px;object-fit:contain;background:radial-gradient(color-mix(in srgb,var(--phase-color) 12%,transparent),transparent 70%);margin:13px 0}.evolution-preview h2{color:var(--phase-color);font-size:30px}.evolution-preview p{font:14px/1.7 'DM Sans',sans-serif;color:#d0bda0}.phase-preview-status{display:block;border:1px solid #b57b36;padding:12px;color:#eac58b;font:12px/1.6 'DM Sans',sans-serif}.evolution-preview .evolution-preview-note{font-size:11px;color:#ad9877}dialog:has(.evolution-preview){width:min(94vw,510px);max-width:510px;max-height:92dvh;overflow:auto}
.holo-inventory{--phase-color:#e1ac5c;background:linear-gradient(145deg,color-mix(in srgb,var(--phase-color) 9%,#120d08e8),#0b0705e8)}.equipment-stage{background-image:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--phase-color) 10%,transparent),transparent 68%),linear-gradient(#090706c9,#090706f2),url('assets/obsidian.svg')}.character-rank{color:var(--phase-color)}.character-rank span{color:#d6c3a3}.item-preview{box-shadow:0 0 20px color-mix(in srgb,var(--rarity) 7%,transparent)}.bag-item{background:radial-gradient(at bottom,color-mix(in srgb,var(--rarity) 13%,transparent),#0c0805 82%)}
.challenge-illustration.medal{width:150px;height:150px;mix-blend-mode:screen;margin:0 auto 13px;filter:drop-shadow(0 0 12px #d58b1d20)}.challenge{background:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--challenge-color,#e7ac58) 13%,transparent),#0b0806dc 65%);text-align:center}.challenge .symbol{display:none}.challenge>p{min-height:70px}.campaign-banner{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#130d08eb,#180d0688),url('assets/castillo-sombrio.png')}.campaign-banner:after{content:'';position:absolute;right:20px;top:20px;width:110px;height:110px;background:url('assets/equipo-atlas.png') 100% 0/300% 300%;mix-blend-mode:screen;opacity:.85;pointer-events:none}.campaign-banner h2,.campaign-banner>p{position:relative;z-index:1;max-width:78%}
.hall-banner{display:flex;align-items:center;gap:20px;padding:24px 25px;border:1px solid #b27d39;margin:20px 0 25px;background:radial-gradient(ellipse at right,#653d8a30,transparent 60%),linear-gradient(110deg,#120e0bdc,#0d0b12eb)}.hall-banner h2{font-size:31px;color:#e9c99a;margin:9px 0}.hall-banner p{font:12px/1.7 'DM Sans',sans-serif;color:#bea888}.hall-crystal{width:120px;height:140px;flex-shrink:0}.achievement-gallery .achievement{color:#ecd0a4;background:radial-gradient(ellipse at center 28%,color-mix(in srgb,var(--achievement-color) 15%,transparent),#0d0806ed 70%);padding-top:20px}.achievement-gallery .achievement .medal{mix-blend-mode:screen;filter:saturate(1.05);opacity:1}.achievement-gallery .achievement.locked .medal{filter:saturate(.92);opacity:.8}.achievement-gallery .achievement.earned .medal{filter:saturate(1.15) drop-shadow(0 0 7px #e5a73d33)}.achievement-gallery .achievement .tag{border-color:#9e733b;color:var(--achievement-color)}.achievement-gallery .achievement h3{color:#edcd9f}
.tavern-banner{min-height:290px;border:1px solid #b67c35;background:linear-gradient(90deg,#0e0907d9,#0e090722),url('assets/taberna-del-gremio.png') center/cover;display:flex;align-items:center;padding:30px;margin:20px 0 24px;box-shadow:inset 0 0 30px #0006}.tavern-banner>div{max-width:58%}.tavern-banner h2{font-size:38px;color:#f2d1a0;margin:12px 0}.tavern-banner p{font-size:16px;color:#e1c49a}.tavern-sign{display:inline-block;border:1px solid #ba8846;padding:8px 10px;background:#160d07aa;color:#e4b96e;font:10px 'DM Sans',sans-serif}.guild-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.guild-leaderboard{padding:20px}.guild-leaderboard h2{font-size:27px;margin-top:7px}.guild-demo-note{font:11px/1.6 'DM Sans',sans-serif;color:#bda482}.guild-cup{font-size:34px;color:#dfb362}.guild-player{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #8f622b55}.guild-player:last-child{border:0}.guild-position{font:21px Georgia;color:#bba077;width:20px}.guild-avatar{width:48px;height:55px;flex-shrink:0;border:1px solid #b17935;background:radial-gradient(color-mix(in srgb,var(--guild-color) 25%,transparent),#0d0805);overflow:hidden}.guild-avatar img{width:100%;height:150%;object-fit:cover;object-position:center top}.guild-player h3{font-size:21px;color:#edd2a9}.guild-player p{font:9px/1.5 'DM Sans',sans-serif;color:#b6a180;margin:5px 0 0}.guild-score{margin-left:auto;font:24px Georgia;color:var(--guild-color);text-align:right}.guild-score small{display:block;font:8px 'DM Sans',sans-serif;margin-top:4px;color:#b4a080}.guild-player.is-player{background:linear-gradient(90deg,#c48e2822,transparent);padding-left:8px;padding-right:8px}.guild-message{border:1px solid #a57135;padding:25px 20px;background:radial-gradient(ellipse at 50% 25%,#58407128,#0e0907e8 65%);text-align:center}.guild-message .medal{width:120px;height:120px;mix-blend-mode:screen;margin:15px auto}.guild-message h2{font-size:28px}.guild-message p{font:italic 20px/1.5 Georgia;color:#d6bf9b}.guild-message button{font-size:16px}.guild-future{display:flex;gap:20px;padding:22px;margin:24px 0;background:linear-gradient(90deg,#243b2c44,#0e0907dd);border:1px solid #947039}.guild-future>span{font-size:34px;color:#b1c078}.guild-future h3{font-size:24px}.guild-future p{font:12px/1.7 'DM Sans',sans-serif;color:#bfa989;margin-bottom:0}
@media(max-width:650px){.evolution-progress{padding:15px}.evolution-progress h3{font-size:22px}.evolution-progress .eyebrow{font-size:8px}.evolution-progress p{font-size:10px}.evolution-gallery{padding:20px 14px}.evolution-gallery h2{font-size:27px}.evolution-gallery>p{font-size:11px}.evolution-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evolution-phase img{height:180px}.phase-title{font-size:19px}.phase-status{font-size:10px}.evolution-preview>img{height:330px}.hall-banner{padding:18px 16px;gap:10px}.hall-banner h2{font-size:27px}.hall-banner p{font-size:11px}.hall-crystal{width:83px;height:105px}.challenge-illustration.medal{width:135px;height:135px}.campaign-banner:after{width:80px;height:80px;right:10px;top:18px;opacity:.7}.campaign-banner h2,.campaign-banner>p{max-width:85%}.campaign-banner .eyebrow{position:relative;z-index:1}.tavern-banner{min-height:245px;padding:23px 19px;background-position:64% center}.tavern-banner>div{max-width:76%}.tavern-banner h2{font-size:31px}.tavern-banner p{font-size:14px}.tavern-sign{font-size:9px}.guild-layout{grid-template-columns:1fr;gap:17px}.guild-leaderboard{padding:18px}.guild-player p{font-size:10px}.guild-score small{font-size:9px}.guild-message{padding:22px 18px}.guild-future{padding:18px;gap:13px}.guild-future h3{font-size:22px}.guild-future p{font-size:11px}}
@container (max-width:650px){.evolution-progress{padding:15px}.evolution-progress h3{font-size:22px}.evolution-progress .eyebrow{font-size:8px}.evolution-progress p{font-size:10px}.evolution-gallery{padding:20px 14px}.evolution-gallery h2{font-size:27px}.evolution-gallery>p{font-size:11px}.evolution-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evolution-phase img{height:180px}.phase-title{font-size:19px}.phase-status{font-size:10px}.evolution-preview>img{height:330px}.hall-banner{padding:18px 16px;gap:10px}.hall-banner h2{font-size:27px}.hall-banner p{font-size:11px}.hall-crystal{width:83px;height:105px}.challenge-illustration.medal{width:135px;height:135px}.campaign-banner:after{width:80px;height:80px;right:10px;top:18px;opacity:.7}.campaign-banner h2,.campaign-banner>p{max-width:85%}.campaign-banner .eyebrow{position:relative;z-index:1}.tavern-banner{min-height:245px;padding:23px 19px;background-position:64% center}.tavern-banner>div{max-width:76%}.tavern-banner h2{font-size:31px}.tavern-banner p{font-size:14px}.tavern-sign{font-size:9px}.guild-layout{grid-template-columns:1fr;gap:17px}.guild-leaderboard{padding:18px}.guild-player p{font-size:10px}.guild-score small{font-size:9px}.guild-message{padding:22px 18px}.guild-future{padding:18px;gap:13px}.guild-future h3{font-size:22px}.guild-future p{font-size:11px}}

.achievement-preview{text-align:center}.achievement-preview .medal{width:190px;height:190px;mix-blend-mode:screen;margin:10px auto 20px}.achievement-preview h2{color:var(--achievement-color);margin:12px 0}.achievement-preview p{font:15px/1.6 Georgia}.achievement-preview .tag{display:inline-block;margin-top:10px;color:var(--achievement-color)}


/* mobile.css */
/* Phone layout: keep the illustrated world, with reachable controls and legible cards. */
@media(max-width:650px){
  dialog{width:calc(100% - 24px);max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px 18px;margin:auto}
  dialog .close{min-width:44px;min-height:44px;margin:-10px -8px 0 0}
  .calendar-expanded .month-grid{gap:4px}
  .calendar-expanded .month-date{width:100%;max-width:34px;height:auto;aspect-ratio:1}
  .character-navigation a{flex:1;text-align:center;padding:12px 7px;min-height:44px}
  .tabs button,.gear-filters button,.progress-period button,.progress-data-toggle button{min-height:44px}
  .armory-heading>div,.evolution-progress .row>div,.guild-player>div{min-width:0}
  .armory-heading{gap:10px}.gear-level{flex-shrink:0}
  .gear-totals span{font-size:10px}
  .bag-grid{row-gap:29px}.bag-name{font-size:11px}
  .inventory-disclaimer,.inventory-hint,.evolution-progress p{font-size:12px}
  .evolution-progress .eyebrow{font-size:10px;letter-spacing:1px}
  .progress-chart-header{flex-wrap:wrap}
  .progress-legend{flex-wrap:wrap;line-height:1.5}
  .progress-day-detail>.row{flex-wrap:wrap}
  .progress-day-detail li{align-items:flex-start;line-height:1.5}
  .campaign-content>.row{align-items:flex-start;flex-wrap:wrap}
  .campaign-steps span{width:clamp(24px,7vw,32px);height:clamp(24px,7vw,32px)}
  .campaign-loot{flex-wrap:wrap}.campaign-loot>div:last-child{flex:1;min-width:130px}
  .daily-care-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}
  .daily-care-heading .eyebrow{font-size:9px}
  .care-panel-note{font-size:12px;line-height:1.5}
  .official-quest .text{min-width:0}.official-quest .check{flex-shrink:0;position:relative}
  .official-quest .check:after{content:'';position:absolute;inset:-10px}
  .balance-detail-stats{flex-wrap:wrap;font-size:12px}
  .balance-radar{overflow:hidden}
  .radar-label{font-size:29px}
  .constancy-line-chart:not(.monthly) .constancy-label{font-size:28px}
  .constancy-line-chart:not(.monthly) .constancy-label tspan{font-size:24px}
  .constancy-line-chart:not(.monthly) .constancy-tick{font-size:25px}
  .achievement-gallery .achievement{min-width:0}
  .achievement-gallery .achievement .medal{width:100%;max-width:135px;height:auto;aspect-ratio:1}
  .achievement-gallery .tag{display:inline-block;max-width:100%;white-space:normal;font-size:12px;line-height:1.4}
  .guild-player{gap:9px}.guild-score{flex-shrink:0}
  .ref-calendar.month-calendar .month-caption:after{content:'';position:absolute;inset:0;z-index:2}
  .ref-calendar.month-calendar .month-caption:focus-visible:after{outline:2px solid #edb96c}
}
@container (max-width:650px){
  dialog{width:calc(100% - 24px);max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px 18px;margin:auto}
  dialog .close{min-width:44px;min-height:44px;margin:-10px -8px 0 0}
  .calendar-expanded .month-grid{gap:4px}
  .calendar-expanded .month-date{width:100%;max-width:34px;height:auto;aspect-ratio:1}
  .character-navigation a{flex:1;text-align:center;padding:12px 7px;min-height:44px}
  .tabs button,.gear-filters button,.progress-period button,.progress-data-toggle button{min-height:44px}
  .armory-heading>div,.evolution-progress .row>div,.guild-player>div{min-width:0}
  .armory-heading{gap:10px}.gear-level{flex-shrink:0}
  .gear-totals span{font-size:10px}
  .bag-grid{row-gap:29px}.bag-name{font-size:11px}
  .inventory-disclaimer,.inventory-hint,.evolution-progress p{font-size:12px}
  .evolution-progress .eyebrow{font-size:10px;letter-spacing:1px}
  .progress-chart-header{flex-wrap:wrap}
  .progress-legend{flex-wrap:wrap;line-height:1.5}
  .progress-day-detail>.row{flex-wrap:wrap}
  .progress-day-detail li{align-items:flex-start;line-height:1.5}
  .campaign-content>.row{align-items:flex-start;flex-wrap:wrap}
  .campaign-steps span{width:clamp(24px,7vw,32px);height:clamp(24px,7vw,32px)}
  .campaign-loot{flex-wrap:wrap}.campaign-loot>div:last-child{flex:1;min-width:130px}
  .daily-care-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}
  .daily-care-heading .eyebrow{font-size:9px}
  .care-panel-note{font-size:12px;line-height:1.5}
  .official-quest .text{min-width:0}.official-quest .check{flex-shrink:0;position:relative}
  .official-quest .check:after{content:'';position:absolute;inset:-10px}
  .balance-detail-stats{flex-wrap:wrap;font-size:12px}
  .balance-radar{overflow:hidden}
  .radar-label{font-size:29px}
  .constancy-line-chart:not(.monthly) .constancy-label{font-size:28px}
  .constancy-line-chart:not(.monthly) .constancy-label tspan{font-size:24px}
  .constancy-line-chart:not(.monthly) .constancy-tick{font-size:25px}
  .achievement-gallery .achievement{min-width:0}
  .achievement-gallery .achievement .medal{width:100%;max-width:135px;height:auto;aspect-ratio:1}
  .achievement-gallery .tag{display:inline-block;max-width:100%;white-space:normal;font-size:12px;line-height:1.4}
  .guild-player{gap:9px}.guild-score{flex-shrink:0}
  .ref-calendar.month-calendar .month-caption:after{content:'';position:absolute;inset:0;z-index:2}
  .ref-calendar.month-calendar .month-caption:focus-visible:after{outline:2px solid #edb96c}
}


@media(max-width:360px){
  .holo-inventory{padding:15px 9px}.armory-heading h2{font-size:23px}.armory-heading h2 span{font-size:15px}
  .equipment-stage{grid-template-columns:53px minmax(0,1fr) 53px;gap:2px}
  .equipment-slot{width:51px;height:55px}.paper-doll img{height:290px}
  .slot-label{font-size:9px;left:-3px;right:-3px}
  .gear-totals b{font-size:21px}.gear-totals span{font-size:9px}
  .evolution-progress{padding:12px}.evolution-progress h3{font-size:21px}
  .evolution-progress .row img{width:45px;height:70px}
  .mission-toolbar .tabs{gap:4px}.mission-toolbar .tabs button{padding:9px 8px;font-size:13px}
  .official-quest{flex-wrap:wrap}.official-quest .text{flex-basis:calc(100% - 38px)}
  .official-quest .reward{margin-left:35px}
  .achievement-gallery{gap:8px}.achievement-gallery .achievement{padding:15px 4px}
  .achievement-gallery .achievement h3{font-size:18px}
  .achievement-gallery .achievement p{font-size:12px}
  .hall-banner{padding:16px 12px}.hall-crystal{width:60px}
  .guild-leaderboard{padding:14px 10px}.guild-avatar{width:38px;height:48px}
  .guild-player h3{font-size:19px}.guild-player p{font-size:9px}.guild-position{width:14px}
}
@container (max-width:360px){
  .holo-inventory{padding:15px 9px}.armory-heading h2{font-size:23px}.armory-heading h2 span{font-size:15px}
  .equipment-stage{grid-template-columns:53px minmax(0,1fr) 53px;gap:2px}
  .equipment-slot{width:51px;height:55px}.paper-doll img{height:290px}
  .slot-label{font-size:9px;left:-3px;right:-3px}
  .gear-totals b{font-size:21px}.gear-totals span{font-size:9px}
  .evolution-progress{padding:12px}.evolution-progress h3{font-size:21px}
  .evolution-progress .row img{width:45px;height:70px}
  .mission-toolbar .tabs{gap:4px}.mission-toolbar .tabs button{padding:9px 8px;font-size:13px}
  .official-quest{flex-wrap:wrap}.official-quest .text{flex-basis:calc(100% - 38px)}
  .official-quest .reward{margin-left:35px}
  .achievement-gallery{gap:8px}.achievement-gallery .achievement{padding:15px 4px}
  .achievement-gallery .achievement h3{font-size:18px}
  .achievement-gallery .achievement p{font-size:12px}
  .hall-banner{padding:16px 12px}.hall-crystal{width:60px}
  .guild-leaderboard{padding:14px 10px}.guild-avatar{width:38px;height:48px}
  .guild-player h3{font-size:19px}.guild-player p{font-size:9px}.guild-position{width:14px}
}



/* celebrations.css */
.mission-experience{margin:18px 2px 24px;padding:12px 15px;border:1px solid #94652e88;background:#100a06df}.mission-experience>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#e2bf88;font:14px Georgia}.mission-experience .bar{margin:10px 0 0;height:8px}
.official-quest{position:relative}.official-quest:has(.check.done) .text:after{content:'✓ Completada';display:block;font:11px 'DM Sans',sans-serif;color:#c1d580;margin-top:8px;letter-spacing:.4px}.official-quest:has(.check.done){background:linear-gradient(90deg,#a5831820,transparent)}.mission-just-completed{animation:mission-illuminate 1.15s ease-out}.mission-just-completed .check{animation:mission-seal .5s ease-out}.mission-just-completed .reward{animation:mission-xp .8s ease-out}
@keyframes mission-illuminate{0%{box-shadow:inset 0 0 0 1px #ffd37b;background-color:#dba13a50}100%{box-shadow:inset 0 0 0 1px transparent;background-color:transparent}}@keyframes mission-seal{0%{transform:scale(.7)}55%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes mission-xp{0%{transform:translateY(5px);color:#fff3c8;text-shadow:0 0 15px #ffc75c}100%{transform:none}}
#mission-reward{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;visibility:hidden;pointer-events:none;z-index:99;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 24px);padding:16px 20px;background:linear-gradient(115deg,#33200bf5,#100a05f5);border:1px solid #d7a14f;box-shadow:0 5px 28px #000b,inset 0 0 0 3px #0d0805;color:#e9c790;transition:opacity .2s,transform .2s,visibility .2s}
#mission-reward.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}#mission-reward>div{font:13px/1.5 Georgia}#mission-reward strong{display:block;font-size:20px;color:#f8dba1;margin-bottom:3px}#mission-reward>b{white-space:nowrap;color:#ffd170;font:23px Georgia}.completion-seal{width:36px;height:36px;flex-shrink:0;border:1px solid #b2c45d;border-radius:50%;display:grid;place-items:center;background:#333c13;color:#e0f28b;font-size:24px;box-shadow:0 0 14px #bbc84c33}
#level-celebration{width:min(94vw,540px);max-width:540px;max-height:94dvh;overflow-y:auto;padding:26px;background:radial-gradient(ellipse at 50% 32%,#62421d66,transparent 55%),linear-gradient(#130e09f5,#090604fa),url('assets/obsidian.svg');border:1px solid #e0a956;box-shadow:0 0 70px #bc781e33,inset 0 0 0 4px #120b06,inset 0 0 0 5px #8c5c2c}
#level-celebration::backdrop{background:#050302dc;backdrop-filter:blur(3px)}.level-celebration{text-align:center;animation:level-reveal .65s ease-out}.level-celebration>.eyebrow{font-size:10px}.level-celebration h2{font-size:36px;margin:12px 0;color:#ffdb91}.level-hero{position:relative;isolation:isolate;height:300px;margin:12px 0 0;display:grid;place-items:center}.level-hero:before{content:'';position:absolute;inset:8% 15%;z-index:-1;background:radial-gradient(ellipse,#e9b85844,transparent 68%);animation:level-glow 1.6s ease-out}.level-hero img{position:absolute;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 5px 14px #000)}.level-number{position:absolute;right:9%;bottom:12%;width:83px;height:83px;display:flex;flex-direction:column;justify-content:center;border:1px solid #f0bd68;border-radius:50%;background:radial-gradient(#62421e,#130c05);box-shadow:0 0 22px #c7923544;color:#ffe3a7;font:39px Georgia}.level-number small{font:9px 'DM Sans',sans-serif;letter-spacing:2px;margin-bottom:3px}.level-journey{font:16px Georgia;color:#d7b67c;margin:7px 0 12px}.level-journey span{color:#ffcc72;margin:0 13px}.level-celebration h3{font-size:26px;color:var(--phase-color)}.level-celebration .level-message{font:14px/1.6 Georgia;color:#d2bd98}.level-unlock{display:flex;align-items:center;text-align:left;gap:14px;padding:13px;margin:15px 0;background:linear-gradient(110deg,#8a5c172b,#100a06);border:1px solid #a8793488}.level-unlock .gear-art{width:65px;height:65px;flex-shrink:0}.level-unlock strong{font:19px Georgia;color:#f4ca85}.level-unlock p{font:12px/1.5 Georgia;margin:7px 0 0;color:#c9af87}.level-unlock-mark{font-size:34px;color:#eac075}.level-next{font:13px/1.6 Georgia;color:#c5ac82}.level-celebration>button{display:block;width:100%;margin-top:12px;font-size:18px;min-height:46px}.level-celebration>button.secondary{border-color:#805a2d;background:#120b06}.level-previous{animation:phase-fade-out 1.5s ease-out forwards}.has-transformation .level-current{animation:phase-fade-in 1.5s ease-out both}
@keyframes level-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes level-glow{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.12)}100%{transform:scale(1)}}@keyframes phase-fade-out{0%,20%{opacity:1}90%,100%{opacity:0}}@keyframes phase-fade-in{0%,20%{opacity:0}90%,100%{opacity:1}}
@media(max-width:650px){.mission-experience{padding:12px;margin-top:16px}.mission-experience>div:first-child{font-size:13px}#mission-reward{gap:10px;padding:13px 14px;bottom:18px}#mission-reward>div{font-size:12px}#mission-reward strong{font-size:18px}#mission-reward>b{font-size:20px}.completion-seal{width:30px;height:30px;font-size:20px}#level-celebration{padding:23px 17px;max-height:94dvh}.level-celebration h2{font-size:30px}.level-hero{height:235px}.level-number{width:68px;height:68px;font-size:32px;right:3%}.level-celebration h3{font-size:23px}.level-celebration .level-message{font-size:13px}.level-unlock strong{font-size:18px}.level-unlock .gear-art{width:55px;height:55px}}
@container (max-width:650px){.mission-experience{padding:12px;margin-top:16px}.mission-experience>div:first-child{font-size:13px}#mission-reward{gap:10px;padding:13px 14px;bottom:18px}#mission-reward>div{font-size:12px}#mission-reward strong{font-size:18px}#mission-reward>b{font-size:20px}.completion-seal{width:30px;height:30px;font-size:20px}#level-celebration{padding:23px 17px;max-height:94dvh}.level-celebration h2{font-size:30px}.level-hero{height:235px}.level-number{width:68px;height:68px;font-size:32px;right:3%}.level-celebration h3{font-size:23px}.level-celebration .level-message{font-size:13px}.level-unlock strong{font-size:18px}.level-unlock .gear-art{width:55px;height:55px}}

@media(prefers-reduced-motion:reduce){.mission-just-completed,.mission-just-completed .check,.mission-just-completed .reward,.level-celebration,.level-hero:before,.has-transformation .level-current{animation:none}.level-previous{display:none}#mission-reward{transition:none}}


/* economy.css */
.wallet-hud{position:absolute;z-index:5;right:11.1%;top:5.8cqw;width:33.4%;height:7.7cqw;display:flex;justify-content:space-around;align-items:center;gap:1cqw;padding:0 .6cqw;background:linear-gradient(#181009,#080604);border:1px solid #8f5d26;color:#f2cf96;font:3.4cqw Georgia;box-shadow:inset 0 0 6px #000;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}.wallet-hud span{white-space:nowrap}.wallet-hud i{font-style:normal;color:#e9af46}.wallet-hud span:last-child i{color:#8dc9e2}body:has(.reference-home) .wallet-hud{top:12.2cqw}.wallet-hud:hover{filter:brightness(1.15)}
.character-navigation{flex-wrap:wrap}.character-navigation a{flex:1;text-align:center;padding-inline:13px;white-space:nowrap}.mission-currency{display:block!important;color:#d7b675!important;font:12px/1.5 Georgia!important;white-space:normal;max-width:150px;margin-top:6px!important}.mission-currency.gem-mission{color:#9acde1!important}.official-quest .reward{flex-shrink:0;text-align:right}.celebration-currency{display:block;color:#a8d4dc;font:12px/1.5 Georgia;margin-top:5px}.daily-gem-bonus{display:flex;align-items:center;gap:15px;margin:20px 0;padding:15px;background:linear-gradient(100deg,#19405444,#0c0906c9);border:1px solid #a7773266}.daily-gem-bonus>span{font-size:30px;color:#93cde0;text-shadow:0 0 14px #6ba6cf55}.daily-gem-bonus strong{font:21px Georgia;color:#e9c98c}.daily-gem-bonus p{font:12px/1.6 Georgia;color:#cfbea2;margin:6px 0 0}
.shop-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;border:1px solid #a17135;background:radial-gradient(ellipse at right,#74602633,transparent 70%),linear-gradient(#0f0a07df,#090604eb);margin:24px 0}.shop-intro h2{font-size:35px;margin:10px 0}.shop-intro p{font:15px/1.6 Georgia;margin-bottom:0}.shop-wallet{flex-shrink:0;display:grid;gap:12px;padding:17px;border:1px solid #9b6a3388;background:#0d0806;color:#d9b47b}.shop-wallet span{white-space:nowrap;font-size:15px}.shop-wallet span:last-child{color:#9bcce0}.shop-wallet b{font-size:27px;margin:0 5px}.chest-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.chest-card{min-width:0;text-align:center;background:radial-gradient(ellipse at center 25%,color-mix(in srgb,var(--chest-color) 12%,transparent),#0b0806eb 70%)}.chest-card>.eyebrow{color:var(--chest-color)}.chest-card h2{font-size:29px}.chest-card>p{font:14px/1.6 Georgia;min-height:43px}.chest-card>button{width:100%;font-size:17px;margin-top:15px;min-height:48px}.chest-price{font:30px Georgia;color:var(--chest-color);margin:20px 0 0}.chest-price small{font-size:15px}.shop-item-preview{display:flex;gap:10px;text-align:left;align-items:center;padding:10px;border-top:1px solid #a1763944;border-bottom:1px solid #a1763944;background:#08050466}.shop-item-preview .gear-art{width:58px;height:58px;flex-shrink:0}.shop-item-preview small{font:8px 'DM Sans',sans-serif;color:#b79a6d;letter-spacing:1px}.shop-item-preview strong{display:block;font:18px/1.3 Georgia;color:#e6c68e;margin-top:7px}.level-chest-gift{display:flex;gap:22px;align-items:center;padding:24px;margin:26px 0;border:1px solid #b88039;background:linear-gradient(110deg,#5e371b55,#0b0806e8)}.level-chest-gift h3{margin-top:10px;font-size:27px}.level-chest-gift p{font:14px/1.6 Georgia;color:#c6af8c}.level-chest-gift button{font-size:17px;flex-shrink:0}.level-chest-gift button:disabled,.first-week-prizes button:disabled{cursor:default;opacity:.65}.economy-rules{margin:28px 0;border:1px solid #8f612d;padding:20px;background:#100a06e6}.economy-rules summary{font:23px Georgia;color:#e7c38b;cursor:pointer;line-height:1.4}.economy-rules p{font:14px/1.7 Georgia;color:#c9b392}.economy-small{font:11px/1.6 'DM Sans',sans-serif!important;color:#b49c78!important}
.first-week-economy{margin-top:27px;padding-top:24px;border-top:1px solid #99683277}.first-week-economy h3{font-size:29px;margin:10px 0}.first-week-economy>p{font:14px/1.6 Georgia;color:#cbb28b}.first-week-prizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.first-week-prizes>div{display:flex;flex-direction:column;align-items:center;padding:15px 9px;border:1px solid #7c572e;background:#100a06}.first-week-prizes>div.ready{border-color:#deb069;background:linear-gradient(#6a441e44,#100a06)}.first-week-prizes>div.claimed{border-color:#788452}.first-week-prizes span{font:13px Georgia;color:#e5c58d}.first-week-prizes b{font:24px Georgia;color:#e8b95f;margin:12px 0 5px}.first-week-prizes small{font:10px Georgia;color:#9fc6d9;min-height:25px}.first-week-prizes button{font-size:13px;padding:10px 7px;width:100%;min-height:40px}
.treasure-chest{position:relative;width:100%;max-width:330px;aspect-ratio:320/230;margin:0 auto;perspective:700px;isolation:isolate}.treasure-chest svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 10px 10px #000)}.chest-base{z-index:1}.chest-lid{z-index:3;transform-origin:50% 48%;transform-style:preserve-3d}.chest-aura{position:absolute;inset:7% 7% 0;background:radial-gradient(ellipse,color-mix(in srgb,var(--chest-color) 24%,transparent),transparent 68%);z-index:0}.chest-rays{position:absolute;z-index:2;left:16%;right:12%;bottom:42%;height:75%;opacity:0;background:conic-gradient(from 165deg at 50% 100%,transparent,#ffe4a5a8 5deg,transparent 10deg,#fff3c1 16deg,transparent 23deg,#ffe4a5a8 31deg,transparent 40deg);clip-path:polygon(0 0,100% 0,68% 100%,32% 100%);filter:blur(2px);pointer-events:none}.chest-spark{position:absolute;opacity:0;color:#ffdc8b;font-size:24px;z-index:4}.spark-one{left:20%;top:20%}.spark-two{right:20%;top:5%;font-size:35px}.spark-three{right:40%;top:33%;font-size:17px}
.chest-purchase,.chest-opening{text-align:center}.chest-purchase>h2,.chest-opening>h2{font-size:33px;margin:12px 0;color:#f1ca87}.chest-purchase>p{font:14px/1.6 Georgia}.chest-purchase>button{width:100%;font-size:18px;min-height:48px}.chest-purchase>button:disabled{opacity:.6;cursor:default}.guaranteed-item{display:flex;gap:16px;align-items:center;text-align:left;border:1px solid #a4773c77;padding:12px;background:#090604}.guaranteed-item>.gear-art{width:80px;height:80px;flex-shrink:0}.guaranteed-item h3{font-size:24px}.guaranteed-item p{font:13px/1.5 Georgia;margin:7px 0 0;color:#c6ad86}dialog:has(.chest-opening),dialog:has(.chest-purchase){width:min(94vw,510px);max-width:510px;max-height:94dvh;overflow:auto;background:radial-gradient(ellipse at center 30%,#54371955,transparent 60%),#100b07;border-color:#bc8540;padding:25px}.chest-opening>.treasure-chest{margin-top:20px;animation:chest-rumble .7s ease-in-out}.chest-opening .chest-lid{animation:chest-open 1.9s ease-in-out forwards}.chest-opening .chest-rays{animation:treasure-light 1.9s ease-out forwards}.chest-opening .chest-spark{animation:treasure-spark 1.9s ease-out forwards}.chest-opening .spark-two{animation-delay:.15s}.chest-opening .spark-three{animation-delay:.25s}.chest-loot{display:none}.chest-opening.revealed .chest-loot{display:block;animation:loot-reveal .45s ease-out}.chest-opening.revealed .chest-lid{animation:none;transform:rotateX(-65deg) translateY(-14px)}.chest-opening.revealed .chest-rays{animation:none;opacity:.65}.chest-obtained{font:14px Georgia;color:#f1cc84}.chest-revealed-item>.gear-art{width:150px;height:150px;margin:5px auto;filter:drop-shadow(0 0 17px color-mix(in srgb,var(--chest-color) 40%,transparent))}.chest-revealed-item h3{font-size:29px;margin:12px 0;color:var(--chest-color)}.chest-revealed-item p{font:14px/1.6 Georgia;color:#d5bc93}.chest-loot>button{width:100%;font-size:18px;min-height:46px;margin-top:12px}.currency-treasure{font-size:48px;color:#edbe6a;text-shadow:0 0 20px #d79a3955}.chest-opening>[data-skip-chest]{font-size:14px;min-height:44px}
@keyframes chest-rumble{0%,100%{transform:none}25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}@keyframes chest-open{0%,30%{transform:none}70%,100%{transform:rotateX(-65deg) translateY(-14px)}}@keyframes treasure-light{0%,30%{opacity:0;transform:scaleY(.5)}70%{opacity:1;transform:scaleY(1.1)}100%{opacity:.65;transform:none}}@keyframes treasure-spark{0%,40%{opacity:0;transform:translateY(25px) scale(.5)}65%{opacity:1}100%{opacity:0;transform:translateY(-35px) scale(1.1)}}@keyframes loot-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:650px){.character-navigation{gap:6px}.character-navigation a{font-size:14px;padding:12px 7px}.shop-intro{padding:22px 16px;display:block}.shop-intro h2{font-size:30px}.shop-wallet{display:flex;justify-content:space-around;margin-top:20px;padding:12px}.shop-wallet b{font-size:25px}.chest-catalog{gap:12px}.chest-card h2{font-size:24px}.chest-card>p{font-size:13px;min-height:60px}.chest-card>button{font-size:14px;padding:12px 7px}.shop-item-preview{flex-direction:column;text-align:center;gap:4px;padding:8px 4px}.shop-item-preview strong{font-size:16px}.shop-item-preview small{font-size:7px;letter-spacing:.5px}.chest-price{font-size:26px}.chest-price small{font-size:12px}.level-chest-gift{padding:20px 15px;display:block}.level-chest-gift button{width:100%}.economy-rules{padding:18px 14px}.economy-rules summary{font-size:21px}.first-week-prizes{grid-template-columns:repeat(2,minmax(0,1fr))}.first-week-economy h3{font-size:25px}.mission-currency{font-size:11px!important;max-width:90px}.official-quest .text{min-width:0}.daily-gem-bonus strong{font-size:20px}.daily-gem-bonus p{font-size:12px}.chest-purchase>h2,.chest-opening>h2{font-size:29px}.chest-purchase .treasure-chest,.chest-opening .treasure-chest{max-width:280px}.guaranteed-item{gap:10px;padding:10px}.guaranteed-item>.gear-art{width:65px;height:65px}.guaranteed-item h3{font-size:22px}.chest-revealed-item>.gear-art{width:120px;height:120px}.chest-revealed-item h3{font-size:25px}dialog:has(.chest-opening),dialog:has(.chest-purchase){padding:23px 16px}.chest-opening.revealed>.treasure-chest{max-width:210px}}
@container (max-width:650px){.character-navigation{gap:6px}.character-navigation a{font-size:14px;padding:12px 7px}.shop-intro{padding:22px 16px;display:block}.shop-intro h2{font-size:30px}.shop-wallet{display:flex;justify-content:space-around;margin-top:20px;padding:12px}.shop-wallet b{font-size:25px}.chest-catalog{gap:12px}.chest-card h2{font-size:24px}.chest-card>p{font-size:13px;min-height:60px}.chest-card>button{font-size:14px;padding:12px 7px}.shop-item-preview{flex-direction:column;text-align:center;gap:4px;padding:8px 4px}.shop-item-preview strong{font-size:16px}.shop-item-preview small{font-size:7px;letter-spacing:.5px}.chest-price{font-size:26px}.chest-price small{font-size:12px}.level-chest-gift{padding:20px 15px;display:block}.level-chest-gift button{width:100%}.economy-rules{padding:18px 14px}.economy-rules summary{font-size:21px}.first-week-prizes{grid-template-columns:repeat(2,minmax(0,1fr))}.first-week-economy h3{font-size:25px}.mission-currency{font-size:11px!important;max-width:90px}.official-quest .text{min-width:0}.daily-gem-bonus strong{font-size:20px}.daily-gem-bonus p{font-size:12px}.chest-purchase>h2,.chest-opening>h2{font-size:29px}.chest-purchase .treasure-chest,.chest-opening .treasure-chest{max-width:280px}.guaranteed-item{gap:10px;padding:10px}.guaranteed-item>.gear-art{width:65px;height:65px}.guaranteed-item h3{font-size:22px}.chest-revealed-item>.gear-art{width:120px;height:120px}.chest-revealed-item h3{font-size:25px}dialog:has(.chest-opening),dialog:has(.chest-purchase){padding:23px 16px}.chest-opening.revealed>.treasure-chest{max-width:210px}}

@media(max-width:360px){.chest-catalog{grid-template-columns:1fr}.chest-card>p{min-height:0}.chest-card .treasure-chest{max-width:240px}.shop-item-preview{flex-direction:row;text-align:left;gap:12px}.chest-card h2{font-size:29px}.chest-card>button{font-size:17px}.shop-item-preview strong{font-size:19px}.character-navigation a{font-size:13px}.official-quest .reward{margin-left:35px}.shop-wallet{gap:12px}.shop-wallet span{font-size:13px}.shop-wallet b{font-size:23px}}
@container (max-width:360px){.chest-catalog{grid-template-columns:1fr}.chest-card>p{min-height:0}.chest-card .treasure-chest{max-width:240px}.shop-item-preview{flex-direction:row;text-align:left;gap:12px}.chest-card h2{font-size:29px}.chest-card>button{font-size:17px}.shop-item-preview strong{font-size:19px}.character-navigation a{font-size:13px}.official-quest .reward{margin-left:35px}.shop-wallet{gap:12px}.shop-wallet span{font-size:13px}.shop-wallet b{font-size:23px}}

@media(prefers-reduced-motion:reduce){.chest-opening>.treasure-chest,.chest-opening .chest-lid,.chest-opening .chest-rays,.chest-opening .chest-spark,.chest-opening.revealed .chest-loot{animation:none}}
.wallet-hud{top:3.7cqw;height:9cqw}
.treasure-chest{aspect-ratio:1;max-width:300px}
.treasure-chest,.chest-revealed-item{mix-blend-mode:screen}
.chest-frame{position:absolute;inset:0;background-image:url('assets/cofre-estados-v1.png');background-size:200% 100%;background-repeat:no-repeat;mix-blend-mode:screen;z-index:2;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--chest-color) 22%,transparent))}
.chest-frame-closed{background-position:left center}.chest-frame-open{background-position:right center;opacity:0}
.chest-opening .chest-frame-closed{animation:chest-frame-close 1.9s ease-in-out forwards}
.chest-opening .chest-frame-open{animation:chest-frame-open 1.9s ease-in-out forwards}
.chest-opening.revealed .chest-frame-closed{animation:none;opacity:0}.chest-opening.revealed .chest-frame-open{animation:none;opacity:1}
.chest-opening .chest-rays{bottom:38%;height:60%;z-index:1}
@keyframes chest-frame-close{0%,35%{opacity:1}65%,100%{opacity:0}}
@keyframes chest-frame-open{0%,35%{opacity:0}65%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.chest-opening .chest-frame{animation:none}}


/* vault.css */
.vault-wallet{display:flex;align-items:center;gap:25px;margin:20px 0 22px;padding:15px 20px;border:1px solid #b47d3866;background:linear-gradient(90deg,#28190ee8,#100b07e8);box-shadow:inset 0 0 0 3px #110b06}.vault-wallet>span{display:flex;gap:9px;align-items:center;color:#efc87c}.vault-wallet i{font-style:normal;font-size:23px}.vault-wallet b{font:28px Georgia}.vault-wallet small{font:9px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#b79d76}.vault-wallet>span:nth-child(2){color:#9dcee1}.vault-wallet .vault-collection{margin-left:auto;display:block;font:9px 'DM Sans',sans-serif;color:#ae9675;letter-spacing:1px;text-align:right}.vault-collection b{display:block;color:#e2bb79;font-size:22px;margin-top:5px}
.vault-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:430px;border:1px solid #ba833b;padding:25px 24px 25px 10px;overflow:hidden;background:radial-gradient(ellipse at 30% 38%,color-mix(in srgb,var(--chest-color) 19%,transparent),transparent 60%),linear-gradient(125deg,#0a0705e8,#0a0705f0),url('assets/castillo-sombrio.png') center/cover;box-shadow:inset 0 0 0 4px #110b07,inset 0 0 0 5px #775125,0 12px 35px #0009;scroll-margin-top:16px}.vault-showcase:before{content:'';position:absolute;inset:14px;border:1px solid #bb87372b;pointer-events:none;z-index:-1}.vault-visual{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;isolation:isolate}.vault-visual>.treasure-chest{width:130%;max-width:420px;flex-shrink:0;z-index:2;animation:vault-arrive .45s ease-out}.vault-visual .chest-aura{inset:8% -10% 0;background:radial-gradient(ellipse,color-mix(in srgb,var(--chest-color) 18%,transparent),transparent 67%)}.vault-pedestal{position:absolute;bottom:18%;left:4%;right:3%;height:20%;z-index:1;background:linear-gradient(#b0915c44,#0b0806 25%,#483725 27%,#0b0806 35%,#110b07);clip-path:polygon(13% 0,85% 0,100% 38%,91% 100%,9% 100%,0 38%);box-shadow:0 20px 20px #000}.vault-rarity{position:absolute;bottom:5%;left:0;right:0;text-align:center;text-transform:uppercase;font:12px 'Cinzel',Georgia;letter-spacing:5px;color:var(--chest-color);z-index:3}.vault-star{position:absolute;top:5%;left:0;right:0;text-align:center;color:var(--chest-color);font-size:26px;text-shadow:0 0 24px var(--chest-color);opacity:.75}.vault-copy{position:relative;min-width:0;z-index:3;padding:15px 0 15px 8px}.vault-copy>.eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--chest-color)}.vault-copy h2{font-size:39px;line-height:1.1;margin:13px 0;color:#f2d3a1}.vault-flavor{font:italic 16px/1.6 Georgia;color:#c7b08a}.vault-guaranteed{display:flex;gap:12px;align-items:center;margin:22px 0 15px;padding:10px 0;border-top:1px solid #92673455;border-bottom:1px solid #92673455}.vault-guaranteed>.gear-art{width:65px;height:65px;flex-shrink:0}.vault-guaranteed small{font:8px 'DM Sans',sans-serif;letter-spacing:1px;color:#ac9168}.vault-guaranteed strong{display:block;color:#e9c491;font:20px/1.2 Georgia;margin:6px 0}.vault-guaranteed span{font:11px Georgia;color:var(--chest-color)}.vault-price{font:17px Georgia;color:var(--chest-color);margin:22px 0 15px}.vault-price strong{font-size:36px;font-weight:400}.vault-price>span{color:#c7ae85;margin-left:4px;font-size:14px}.vault-action{width:100%;font-size:18px;min-height:50px}.vault-copy .vault-distance{font:11px/1.6 Georgia;color:#b49b77;margin-bottom:0}
[data-chest=mist] .chest-frame{filter:hue-rotate(145deg) saturate(.65) drop-shadow(0 0 10px #80bbdb44)}[data-chest=eclipse] .chest-frame{filter:hue-rotate(235deg) saturate(.7) drop-shadow(0 0 12px #b18bdc44)}[data-chest=traveler] .chest-frame{filter:saturate(.6) drop-shadow(0 0 8px #a5ba6955)}[data-chest=sovereign] .chest-frame{filter:saturate(1.35) brightness(1.08) drop-shadow(0 0 13px #e8b74b55)}
.vault-shelf{margin:33px 0}.vault-shelf>.row{align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:17px}.vault-shelf h2{font-size:28px}.vault-shelf>.row>span{font:11px Georgia;color:#b89a70}.vault-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vault-choice{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:16px 8px;border:1px solid #95652f;background:radial-gradient(ellipse at center 45%,color-mix(in srgb,var(--chest-color) 12%,transparent),#0c0805 80%);color:#dfbf8c;box-shadow:inset 0 0 0 3px #0c0805;overflow:hidden}.vault-choice.selected{border-color:#f3c87a;box-shadow:inset 0 0 0 3px #0c0805,inset 0 0 0 4px #bd8a42,0 0 18px #c28b2522;background-color:#3b2612}.vault-choice.selected:after{content:'✦';position:absolute;top:7px;right:9px;color:#ffd98d;font-size:12px}.choice-rarity{text-transform:uppercase;font:8px 'DM Sans',sans-serif;letter-spacing:1px;color:var(--chest-color)}.vault-choice>.treasure-chest{width:125%;max-width:180px;margin:-4px -10px -7px;flex-shrink:0}.vault-choice>strong{font:20px Georgia;color:#e9c895;margin:0 0 8px}.choice-price{font:16px Georgia;color:var(--chest-color)}.choice-owned{font:9px Georgia;color:#c4d293;margin-top:8px}
.vault-level-gift{display:flex;gap:18px;align-items:center;padding:25px 22px;border:1px solid #bd8843;background:radial-gradient(ellipse at left,#8b5b212f,transparent 65%),linear-gradient(#160e08eb,#0c0805f0);box-shadow:inset 0 0 0 4px #100a06;margin:30px 0}.vault-gift-icon{font-size:47px;color:#edc36e;text-shadow:0 0 20px #d1932944}.vault-level-gift h3{font-size:25px;margin:9px 0}.vault-level-gift p{font:14px Georgia;color:#e0b76d;margin:9px 0 0}.vault-level-gift p>span{color:#9bc9dc;margin-left:12px}.vault-level-gift>button{font-size:17px;margin-left:auto;flex-shrink:0;min-height:46px}.vault-level-gift>button:disabled{opacity:.6;cursor:default}
@keyframes vault-arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:650px){.vault-wallet{gap:18px;padding:13px 15px;margin-top:18px}.vault-wallet>span{gap:6px}.vault-wallet i{font-size:19px}.vault-wallet b{font-size:24px}.vault-wallet small{font-size:8px;letter-spacing:1px}.vault-wallet .vault-collection{font-size:7px}.vault-collection b{font-size:20px}.vault-showcase{grid-template-columns:1fr;padding:16px 20px 24px}.vault-visual{height:265px;min-height:0}.vault-visual>.treasure-chest{width:100%;max-width:300px}.vault-pedestal{left:5%;right:5%;bottom:15%;height:18%}.vault-star{top:3%;font-size:24px}.vault-rarity{bottom:0;font-size:10px;letter-spacing:4px}.vault-copy{padding:24px 0 0;text-align:center}.vault-copy h2{font-size:35px;max-width:300px;margin:12px auto}.vault-flavor{font-size:15px;margin:12px 0}.vault-guaranteed{justify-content:center;text-align:left;margin:20px 0 12px;padding:10px 0}.vault-guaranteed>.gear-art{width:60px;height:60px}.vault-guaranteed strong{font-size:21px}.vault-price{margin:17px 0 13px}.vault-price strong{font-size:34px}.vault-action{font-size:18px}.vault-copy .vault-distance{font-size:12px}.vault-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-choice{padding:15px 8px}.vault-choice>.treasure-chest{max-width:180px;margin:-5px -10px -10px}.choice-rarity{font-size:9px}.vault-choice>strong{font-size:22px}.choice-price{font-size:18px}.vault-level-gift{padding:22px 17px;gap:13px;flex-wrap:wrap}.vault-gift-icon{font-size:37px}.vault-level-gift>div:nth-child(2){flex:1;min-width:0}.vault-level-gift h3{font-size:24px}.vault-level-gift .eyebrow{font-size:9px}.vault-level-gift p{font-size:13px}.vault-level-gift p>span{margin-left:5px}.vault-level-gift>button{width:100%;margin:4px 0 0}.wallet-hud{font-size:3.05cqw}}
@container (max-width:650px){.vault-wallet{gap:18px;padding:13px 15px;margin-top:18px}.vault-wallet>span{gap:6px}.vault-wallet i{font-size:19px}.vault-wallet b{font-size:24px}.vault-wallet small{font-size:8px;letter-spacing:1px}.vault-wallet .vault-collection{font-size:7px}.vault-collection b{font-size:20px}.vault-showcase{grid-template-columns:1fr;padding:16px 20px 24px}.vault-visual{height:265px;min-height:0}.vault-visual>.treasure-chest{width:100%;max-width:300px}.vault-pedestal{left:5%;right:5%;bottom:15%;height:18%}.vault-star{top:3%;font-size:24px}.vault-rarity{bottom:0;font-size:10px;letter-spacing:4px}.vault-copy{padding:24px 0 0;text-align:center}.vault-copy h2{font-size:35px;max-width:300px;margin:12px auto}.vault-flavor{font-size:15px;margin:12px 0}.vault-guaranteed{justify-content:center;text-align:left;margin:20px 0 12px;padding:10px 0}.vault-guaranteed>.gear-art{width:60px;height:60px}.vault-guaranteed strong{font-size:21px}.vault-price{margin:17px 0 13px}.vault-price strong{font-size:34px}.vault-action{font-size:18px}.vault-copy .vault-distance{font-size:12px}.vault-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-choice{padding:15px 8px}.vault-choice>.treasure-chest{max-width:180px;margin:-5px -10px -10px}.choice-rarity{font-size:9px}.vault-choice>strong{font-size:22px}.choice-price{font-size:18px}.vault-level-gift{padding:22px 17px;gap:13px;flex-wrap:wrap}.vault-gift-icon{font-size:37px}.vault-level-gift>div:nth-child(2){flex:1;min-width:0}.vault-level-gift h3{font-size:24px}.vault-level-gift .eyebrow{font-size:9px}.vault-level-gift p{font-size:13px}.vault-level-gift p>span{margin-left:5px}.vault-level-gift>button{width:100%;margin:4px 0 0}.wallet-hud{font-size:3.05cqw}}

@media(max-width:360px){.vault-wallet{gap:12px;padding:13px 10px}.vault-wallet b{font-size:21px}.vault-wallet small{font-size:7px}.vault-wallet .vault-collection{letter-spacing:.3px}.vault-showcase{padding:15px 16px 23px}.vault-visual{height:235px}.vault-visual>.treasure-chest{max-width:270px}.vault-copy h2{font-size:31px}.vault-copy>.eyebrow{font-size:8px}.vault-guaranteed strong{font-size:20px}.vault-copy .vault-distance{font-size:11px}.vault-shelf h2{font-size:26px}.vault-choice>strong{font-size:20px}.choice-price{font-size:17px}.vault-shelf{margin-top:27px}}
@container (max-width:360px){.vault-wallet{gap:12px;padding:13px 10px}.vault-wallet b{font-size:21px}.vault-wallet small{font-size:7px}.vault-wallet .vault-collection{letter-spacing:.3px}.vault-showcase{padding:15px 16px 23px}.vault-visual{height:235px}.vault-visual>.treasure-chest{max-width:270px}.vault-copy h2{font-size:31px}.vault-copy>.eyebrow{font-size:8px}.vault-guaranteed strong{font-size:20px}.vault-copy .vault-distance{font-size:11px}.vault-shelf h2{font-size:26px}.vault-choice>strong{font-size:20px}.choice-price{font-size:17px}.vault-shelf{margin-top:27px}}

@media(prefers-reduced-motion:reduce){.vault-visual>.treasure-chest{animation:none}}
.vault-pedestal{bottom:1%;height:12%;background:linear-gradient(#6d532733,#0b0806 70%);box-shadow:none}
.vault-choice>strong{text-transform:capitalize}
.vault-showcase .chest-frame,.vault-choice .chest-frame{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(transparent,#000 20%,#000 90%,transparent);mask-composite:intersect}


/* journey.css */
.progress-journey{position:relative;isolation:isolate;background:radial-gradient(ellipse at 5% 5%,#16454b66,transparent 40%),radial-gradient(ellipse at 100% 45%,#57356944,transparent 55%),linear-gradient(150deg,#101b24f5,#171323f5 55%,#0e1520f8);border-color:#b58a4b;box-shadow:inset 0 0 0 4px #0c1018,inset 0 0 0 5px #775a36,0 10px 30px #0007}
.progress-journey:before{content:'';position:absolute;inset:8px;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#c3eee7a0 1px,transparent 1.5px),radial-gradient(circle,#d5bcf282 .7px,transparent 1.2px);background-size:123px 167px,173px 139px;background-position:12px 24px,61px 54px;opacity:.2}
.progress-journey .progress-intro h2{color:#d8e9e9}.progress-journey .progress-intro p{color:#becbd1}.progress-journey .progress-seal{color:#bda0e3;text-shadow:0 0 28px #b695e455}.progress-journey .progress-data-toggle button,.progress-journey .progress-period button{background:#101823;color:#c1c5d6;border-color:#9c7745}.progress-journey .progress-data-toggle button[aria-pressed=true],.progress-journey .progress-period button[aria-pressed=true]{color:#d7f0ea;background:linear-gradient(#24414e,#232033);border-color:#d2a868;box-shadow:inset 0 -2px #9ebfbb55}.progress-journey .progress-source-note{color:#a9c2c6}.progress-journey .progress-source-note.demo{color:#bda9d9}
.progress-journey .progress-metrics>div{border-color:#96724777;background:linear-gradient(#16272b99,#101a22d9);box-shadow:inset 0 2px #8dcfc244}.progress-journey .progress-metrics>div:nth-child(2){background:linear-gradient(#32263e99,#1b1727d9);box-shadow:inset 0 2px #bd98e344}.progress-journey .progress-metrics>div:nth-child(3){background:linear-gradient(#40322388,#1e1a20d9);box-shadow:inset 0 2px #e8bb7544}.progress-journey .progress-metrics>div:first-child>span,.progress-journey .progress-metrics>div:first-child b{color:#a2dfd1}.progress-journey .progress-metrics>div:nth-child(2)>span,.progress-journey .progress-metrics>div:nth-child(2) b{color:#cbb2e9}.progress-journey .progress-metrics>div:nth-child(3)>span,.progress-journey .progress-metrics>div:nth-child(3) b{color:#f0cc91}.progress-journey .progress-metrics p{color:#bec6d0}.progress-journey .progress-metrics small{color:#a7b8bd}
.progress-journey .progress-chart-header h3{color:#d2e9e4}.progress-journey .progress-chart-header p{color:#adbdc6}.progress-journey .progress-legend{color:#b2c6d1}.progress-journey .progress-legend i{border-top-color:#91d6cc}.progress-journey .progress-legend>span{color:#ad9dbb}.progress-journey .constancy-scroll{margin-top:12px;padding-inline:4px;border-radius:5px;background:radial-gradient(ellipse at center bottom,#4b326d27,transparent 70%),linear-gradient(#10202d55,#12212d55)}
.progress-journey .constancy-path{stroke:url(#constancy-stroke);stroke-width:3.5;filter:drop-shadow(0 0 5px #8cd8ce44)}.progress-journey .constancy-grid{stroke:#a1b6c32b}.progress-journey .constancy-tick{fill:#9aaebe}.progress-journey .constancy-label{fill:#c4d4dc}.progress-journey .constancy-label tspan{fill:#a395ba}.progress-journey .constancy-point>span{border-color:#9fe2d4;background:#162e35;box-shadow:0 0 7px #8ecfc43b}.progress-journey .constancy-point.selected>span{background:#f6d7a0;border-color:#fff0c6;box-shadow:0 0 0 4px #e2b96c22,0 0 16px #edc28155}.progress-journey .constancy-point.future>span{border-color:#7d7c9b;background:#211b31}.journey-curve-note{font:11px/1.6 Georgia;color:#b2bdcc;margin:8px 0 20px}
.progress-journey .progress-day-detail{background:linear-gradient(120deg,#18414b55,#2d203b77);border-color:#ad855377}.progress-journey .progress-day-detail h3{color:#d1e8e1}.progress-journey .progress-day-detail li{border-color:#8f839044;color:#d0d6dd}.progress-journey .progress-day-detail li>span{color:#a6dec8}.progress-journey .progress-day-xp,.progress-journey .progress-day-detail li>small{color:#eed09c}.progress-journey .progress-encouragement h3{color:#d7c5e9}.progress-journey .progress-encouragement>span{color:#ada3de}.progress-journey .progress-encouragement p,.progress-journey .progress-footnote{color:#aab9c7}.progress-journey .progress-footnote{border-color:#9c7e6355}
/* The chest itself has real alpha; no rectangle, blending, masking or pedestal. */
.vault-pedestal{display:none}.treasure-chest{mix-blend-mode:normal}.chest-frame{background-image:url('assets/cofre-estados-transparente-v2.png');mix-blend-mode:normal}.vault-showcase .chest-frame,.vault-choice .chest-frame{mask-image:none}.vault-visual .chest-aura{background:radial-gradient(ellipse,color-mix(in srgb,var(--chest-color) 10%,transparent),transparent 70%)}
.vault-showcase{background:radial-gradient(ellipse at 25% 35%,color-mix(in srgb,var(--chest-color) 10%,transparent),transparent 65%),linear-gradient(#100d0be8,#0b0806f5),url('assets/obsidian.svg')}
.test-wallet-banner{padding:20px;border:1px solid #c19b58;background:linear-gradient(110deg,#25404b,#21172b);margin:20px 0}.test-wallet-banner h3{font-size:25px;color:#d2e8e4}.test-wallet-banner p{font:14px/1.6 Georgia;color:#d4c2a0}.test-wallet-banner button{font-size:17px;min-height:46px;width:100%}
@media(max-width:650px){.progress-journey .progress-metrics b{font-size:28px}.journey-curve-note{font-size:12px}.test-wallet-banner{padding:18px 14px}}
@container (max-width:650px){.progress-journey .progress-metrics b{font-size:28px}.journey-curve-note{font-size:12px}.test-wallet-banner{padding:18px 14px}}



/* refinements.css */
/* Dark obsidian, embers and antique gold for the character journey. */
.progress-journey{background:radial-gradient(ellipse at top left,#633b182d,transparent 50%),linear-gradient(#15110df5,#090807f8),url('assets/obsidian.svg');box-shadow:inset 0 0 0 4px #100b07,inset 0 0 0 5px #775a36,0 10px 30px #0008}.progress-journey:before{opacity:.07;filter:sepia(1)}.progress-journey .progress-intro h2,.progress-journey .progress-chart-header h3,.progress-journey .progress-day-detail h3{color:#e9c892}.progress-journey .progress-intro p,.progress-journey .progress-source-note,.progress-journey .progress-source-note.demo,.progress-journey .progress-chart-header p{color:#bda98c}.progress-journey .progress-seal{color:#d39d50;text-shadow:0 0 22px #c5832a33}.progress-journey .progress-metrics>div,.progress-journey .progress-metrics>div:nth-child(2),.progress-journey .progress-metrics>div:nth-child(3){background:linear-gradient(#30211388,#100c09e8);box-shadow:inset 0 2px #b67a3733}.progress-journey .progress-metrics>div>span,.progress-journey .progress-metrics>div b{color:#e3bc78!important}.progress-journey .progress-metrics p,.progress-journey .progress-metrics small{color:#bda98b}.progress-journey .progress-data-toggle button,.progress-journey .progress-period button{background:#130e09;color:#cbb18d}.progress-journey .progress-data-toggle button[aria-pressed=true],.progress-journey .progress-period button[aria-pressed=true]{background:linear-gradient(#51311688,#23170d);color:#f0cc8b;box-shadow:inset 0 -2px #c88b3d55}.progress-journey .constancy-scroll{background:radial-gradient(ellipse at bottom,#6b381822,transparent 70%),#0e0b08aa}.progress-journey .constancy-path{stroke:url(#constancy-stroke);filter:drop-shadow(0 0 5px #c88b3744)}.progress-journey .constancy-grid{stroke:#96764a30}.progress-journey .constancy-tick,.progress-journey .constancy-label tspan{fill:#a18a68}.progress-journey .constancy-label{fill:#ceb58e}.progress-journey .constancy-point>span{background:#2d1b0e;border-color:#d8aa63;box-shadow:0 0 7px #b47c2833}.progress-journey .progress-legend,.progress-journey .progress-legend>span,.journey-curve-note{color:#b7a07b}.progress-journey .progress-legend i{border-color:#d3a15e}.progress-journey .progress-day-detail{background:linear-gradient(120deg,#4b2c1444,#130d09cc)}.progress-journey .progress-day-detail li{border-color:#926b3c44;color:#d6c09c}.progress-journey .progress-day-detail li>span,.progress-journey .progress-encouragement h3,.progress-journey .progress-encouragement>span{color:#d6b479}.progress-journey .progress-encouragement p,.progress-journey .progress-footnote{color:#ad9777}
/* Currency symbols carry their type; every currency amount stays gold. */
.currency-amount,.vault-wallet b,.vault-wallet i,.vault-price,.vault-price strong,.choice-price,.shop-wallet b{color:#f0c66e!important}.currency-icon{display:inline-block;font-style:normal;line-height:1;color:#e8b24e!important}.currency-icon.gem,.vault-wallet>span:nth-child(2)>i,.wallet-hud>span:nth-child(2)>i{color:#83c7e7!important;text-shadow:0 0 7px #6fb8dc33}.wallet-hud>span,.vault-level-gift p,.vault-level-gift p>span{color:#f0c66e}.currency-pair{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap}.choice-price{display:flex;align-items:center;justify-content:center;gap:5px}
.vault-price>.currency-pair{font-size:36px}.vault-wallet .currency-amount{font:28px Georgia}.vault-wallet .currency-icon{font-size:23px}.wallet-hud .currency-pair{gap:.25em}.chest-purchase .currency-pair{vertical-align:middle}.currency-treasure i{font-style:normal}
.slot-picker h2{font-size:30px;margin:12px 0}.slot-picker>p{font:14px/1.6 Georgia;color:#c6af8d}.slot-picks{display:grid;gap:14px;margin:20px 0}.slot-pick{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:15px;padding:14px;border:1px solid #9c713b;background:linear-gradient(#36211255,#0c0806)}.slot-pick>.gear-art{width:90px;height:100px}.slot-pick h3{font-size:23px;margin:7px 0}.slot-pick p{font:13px/1.6 Georgia;color:#c8af86}.slot-pick button{width:100%;font-size:15px;min-height:44px}.slot-pick button:disabled{opacity:.8;cursor:default}.slot-picker>[data-close-picker]{width:100%;font-size:16px;min-height:44px}.slot-picker .rarity-name{color:var(--rarity)}dialog:has(.slot-picker){width:min(94vw,540px);max-width:540px;max-height:92dvh;overflow:auto}
/* A staged opening: charge, release of light, then the item rises into view. */
dialog:has(.chest-opening){width:min(96vw,700px);max-width:700px;background:radial-gradient(ellipse at 50% 25%,#4f301733,transparent 55%),#080604;box-shadow:0 0 80px #000,inset 0 0 0 4px #100a05,inset 0 0 0 5px #8e602d;overflow-x:hidden}dialog:has(.chest-opening)::backdrop{background:#030201ed;backdrop-filter:blur(5px)}.chest-opening{position:relative;isolation:isolate;min-height:420px}.chest-opening>h2{position:relative;z-index:4}.chest-opening>.treasure-chest{max-width:380px;margin:30px auto 5px;animation:epic-charge 3.6s ease-in-out both}.chest-opening .chest-frame-closed{animation:epic-closed 3.6s ease-in-out forwards}.chest-opening .chest-frame-open{animation:epic-open 3.6s ease-in-out forwards}.chest-opening .chest-rays{animation:epic-rays 3.6s ease-out forwards;bottom:30%;height:100%;left:-20%;right:-20%;filter:blur(4px)}.chest-opening .chest-aura{animation:epic-aura 3.6s ease-out both}.epic-opening-effects{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.epic-opening-effects:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#fff0b5c0,transparent 60%);opacity:0;animation:epic-release 3.6s ease-out}.epic-opening-effects i{position:absolute;left:var(--spark-x);top:50%;width:3px;height:7px;background:#edbf75;box-shadow:0 0 8px #f7d192;opacity:0;animation:epic-ember 3.6s ease-out both;animation-delay:var(--spark-delay)}.chest-opening.revealed>.treasure-chest{animation:none;max-width:200px;transition:max-width .45s;margin-top:12px}.chest-opening.revealed .chest-loot{animation:epic-loot .75s cubic-bezier(.2,.8,.2,1)}.chest-opening.revealed .epic-opening-effects{display:none}.chest-opening.revealed .chest-frame-closed{animation:none;opacity:0}.chest-opening.revealed .chest-frame-open{animation:none;opacity:1}.chest-opening.revealed .chest-aura{animation:none}.chest-opening.revealed .chest-revealed-item>.gear-art{width:170px;height:170px;filter:drop-shadow(0 0 25px color-mix(in srgb,var(--chest-color) 50%,transparent))}.chest-loot>[data-equip-loot]{border-color:#e3b96c;background:linear-gradient(#7a4b20,#29170b)}
@keyframes epic-charge{0%{transform:scale(.9)}30%{transform:scale(.97) translateY(-4px)}38%,46%,54%{transform:rotate(-1.2deg) scale(1.02)}42%,50%,58%{transform:rotate(1.2deg) scale(1.02)}70%{transform:scale(1.1) translateY(-10px)}100%{transform:scale(1) translateY(0)}}@keyframes epic-closed{0%,56%{opacity:1}75%,100%{opacity:0}}@keyframes epic-open{0%,56%{opacity:0;transform:translateY(8px)}80%,100%{opacity:1;transform:none}}@keyframes epic-rays{0%,45%{opacity:0;transform:scaleY(.3)}68%{opacity:.9;transform:scaleY(1.1)}100%{opacity:.35;transform:scaleY(1)}}@keyframes epic-aura{0%{opacity:.2}55%{opacity:1;transform:scale(1.2)}100%{opacity:.6}}@keyframes epic-release{0%,54%{opacity:0}68%{opacity:.6}100%{opacity:0}}@keyframes epic-ember{0%,48%{opacity:0;transform:translate(0,25px)}65%{opacity:.9}100%{opacity:0;transform:translate(var(--spark-drift),-190px)}}@keyframes epic-loot{from{opacity:0;transform:translateY(35px) scale(.9)}to{opacity:1;transform:none}}
@media(max-width:650px){.slot-pick{grid-template-columns:65px minmax(0,1fr);gap:12px;padding:12px}.slot-pick>.gear-art{width:65px;height:85px}.slot-pick h3{font-size:22px}.chest-opening>.treasure-chest{max-width:310px}.chest-opening.revealed .chest-revealed-item>.gear-art{width:130px;height:130px}.chest-opening{min-height:350px}}
@container (max-width:650px){.slot-pick{grid-template-columns:65px minmax(0,1fr);gap:12px;padding:12px}.slot-pick>.gear-art{width:65px;height:85px}.slot-pick h3{font-size:22px}.chest-opening>.treasure-chest{max-width:310px}.chest-opening.revealed .chest-revealed-item>.gear-art{width:130px;height:130px}.chest-opening{min-height:350px}}

@media(prefers-reduced-motion:reduce){.chest-opening>.treasure-chest,.chest-opening .chest-frame,.chest-opening .chest-rays,.chest-opening .chest-aura,.chest-opening.revealed .chest-loot{animation:none!important;transition:none}.epic-opening-effects{display:none}}
@media(max-width:650px){.vault-wallet .currency-amount{font-size:24px}.vault-wallet .currency-icon{font-size:18px}}
@container (max-width:650px){.vault-wallet .currency-amount{font-size:24px}.vault-wallet .currency-icon{font-size:18px}}

@media(max-width:360px){.vault-wallet .currency-amount{font-size:21px}.vault-wallet .currency-icon{font-size:17px}}
@container (max-width:360px){.vault-wallet .currency-amount{font-size:21px}.vault-wallet .currency-icon{font-size:17px}}

@media(max-width:650px){.vault-wallet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-wallet>span{justify-content:center;min-width:0}.vault-wallet .vault-collection{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;border-top:1px solid #9d713633;padding-top:8px}.vault-wallet .vault-collection b{display:inline;margin:0;font-size:17px;color:#f0c66e}}
@container (max-width:650px){.vault-wallet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-wallet>span{justify-content:center;min-width:0}.vault-wallet .vault-collection{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;border-top:1px solid #9d713633;padding-top:8px}.vault-wallet .vault-collection b{display:inline;margin:0;font-size:17px;color:#f0c66e}}



/* relics.css */
/* Nine-slice of the actual missions frame in the user's Inicio artwork. */
:is(.card,.holo-inventory,.item-inspector,.progress-preview,.balance-panel,.campaign-card,.hall-banner,.tavern-banner,.guild-message,.guild-future,.vault-showcase,.vault-wallet,.vault-choice,.vault-level-gift,.economy-rules,.evolution-progress,.gear-level,.player-journal>summary,.progress-metrics>div,.progress-day-detail,.balance-detail,.campaign-loot,.first-week-prizes>div,.slot-pick,.attribute-tile,.test-wallet-banner,dialog){border:12px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;border-radius:0;background-clip:padding-box;box-shadow:0 4px 18px #0008}
:is(.primary,.secondary,.tabs button,.character-navigation a,.gear-filters button,.equipment-slot,.bag-item){border:5px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;border-radius:0;background-clip:padding-box}.vault-showcase:before{display:none}.holo-inventory:before{pointer-events:none}.ref-rank-stripe-cover{position:absolute;left:6.2%;top:14.32%;width:35%;height:1.05%;background:#130e09 url('assets/obsidian.svg');z-index:1;pointer-events:none}
.character-attributes{margin:24px 0 25px;padding:22px 0;border-top:1px solid #99733a55;border-bottom:1px solid #99733a55}.character-attributes h3{font-size:29px;margin:10px 0 20px}.character-attributes>p{font:12px Georgia;color:#b49c79}.attribute-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.attribute-tile{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding:12px 8px;background:radial-gradient(ellipse at center,#6c451c33,#100b07)}.attribute-name{grid-column:1/-1;font:11px 'Cinzel',Georgia;color:#d8b37a;text-align:center;letter-spacing:.8px}.attribute-emblem{display:block;width:58px;height:58px;max-width:100%}.attribute-tile>strong{font:36px Georgia;color:#f1cb84;text-align:center;text-shadow:0 0 16px #c18c3a33}
.equipment-comparison{margin:14px 0;padding:12px 0;border-top:1px solid #97703b55}.equipment-comparison h4{font:16px Georgia;color:#e2bd80;margin:0 0 13px}.equipment-comparison table{width:100%;border-collapse:collapse;font:13px Georgia;text-align:right}.equipment-comparison thead th{font:10px Georgia;color:#b19b7c;padding:0 3px 8px}.equipment-comparison th:first-child{text-align:left}.equipment-comparison tbody th{font-weight:400;color:#cdb591}.equipment-comparison tbody th,.equipment-comparison td{padding:8px 3px;border-top:1px solid #8d683630}.equipment-comparison td{color:#e3c28d}.equipment-comparison .stat-improves{color:#b6cc7d}.equipment-comparison .stat-decreases{color:#e7a080}.equipment-comparison .stat-unchanged{color:#927d61}.equipment-comparison>p{font:11px/1.5 Georgia;color:#a38d6d;margin:12px 0 0}.item-inspector>.equipment-comparison{grid-column:1/-1;min-width:0}.slot-pick{grid-template-columns:65px minmax(0,1fr);align-items:start}.slot-pick>.gear-art{width:65px;height:80px;margin-top:22px}.slot-pick h3{font-size:23px}.slot-pick .equipment-comparison table{font-size:12px}.equipment-offer h2{font-size:29px;text-align:center}.offer-art{width:130px;height:130px;margin:10px auto}.equipment-offer>button{width:100%;font-size:17px;margin-top:12px}.equipment-offer .equipment-comparison{margin-top:23px}
dialog:has(.royal-opening){width:min(96vw,620px);max-width:620px;max-height:96dvh;padding:24px 22px;overflow-x:hidden;background:radial-gradient(ellipse at 50% 35%,#4b362944,transparent 65%),#080605}dialog:has(.royal-opening)::backdrop{background:#030201ed;backdrop-filter:blur(5px)}.royal-opening{text-align:center;--card-color:var(--chest-color,#deb86f)}.royal-opening>h2{font-size:32px;margin:10px 0;color:#edcb8f}.royal-opening>.eyebrow{font-size:9px}.royal-counter{font:13px Georgia;color:#d1ad74;margin:10px 0}.royal-stage{position:relative;min-height:405px;display:grid;place-items:center;isolation:isolate;perspective:900px}.royal-chest-tap{position:relative;width:100%;max-width:340px;padding:0;border:0;background:none;cursor:pointer;z-index:2}.royal-chest-tap>.treasure-chest{max-width:none;margin:0;mix-blend-mode:normal;animation:none}.royal-chest-tap .chest-frame,.royal-chest-tap .chest-aura,.royal-chest-tap .chest-rays,.royal-chest-tap .chest-spark{animation:none}.royal-chest-tap .chest-rays{opacity:0}.royal-chest-tap .chest-frame-open{opacity:0}.royal-chest-tap:focus-visible{outline:1px solid #e1bd75;outline-offset:4px}.royal-sunburst{position:absolute;inset:8% -25%;background:repeating-conic-gradient(from 10deg,color-mix(in srgb,var(--card-color) 12%,transparent) 0deg 8deg,transparent 8deg 26deg);mask-image:radial-gradient(ellipse,#000,transparent 70%);opacity:.45;z-index:0}.royal-instruction{font:17px/1.5 Georgia;color:#e4c38a;margin:12px 0}.royal-skip{border:0;background:none;color:#b5a080;text-decoration:underline;padding:12px;font:13px Georgia;min-height:44px}.royal-replay-note{font:11px/1.5 Georgia;color:#aa9371}.royal-actions>button{display:block;width:100%;min-height:46px;font-size:17px;margin:10px 0}.royal-opening.bursting .royal-chest-tap{animation:royal-pop .7s cubic-bezier(.2,.8,.2,1)}.royal-opening.bursting .chest-frame-closed{animation:royal-lid-out .7s both}.royal-opening.bursting .chest-frame-open{animation:royal-lid-in .7s both}.royal-opening.bursting .royal-sunburst{animation:royal-burst .7s both}.royal-opening.card-ready .royal-chest-tap{position:absolute;width:125px;left:-5px;bottom:0;opacity:.7;pointer-events:none;transition:width .25s}.royal-opening.card-ready .chest-frame-closed{opacity:0}.royal-opening.card-ready .chest-frame-open{opacity:1}.royal-card-space{position:relative;z-index:3}.royal-card{position:relative;width:240px;height:320px;transform-style:preserve-3d;animation:royal-card-rise .45s cubic-bezier(.2,.8,.2,1);transition:transform .5s}.royal-card-back,.royal-card-front{position:absolute;inset:0;border:8px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;backface-visibility:hidden;box-shadow:0 8px 30px #0009;background:radial-gradient(ellipse,color-mix(in srgb,var(--card-color) 22%,#23160b),#100a06);background-clip:padding-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;color:#efd199}.royal-card-back{cursor:pointer;width:100%;height:100%}.royal-card-back>span{font-size:58px;color:var(--card-color);text-shadow:0 0 30px var(--card-color)}.royal-card-back>b{font:70px Georgia;margin:10px 0}.royal-card-back>small{font:10px Georgia;letter-spacing:1px}.royal-card-front{transform:rotateY(180deg)}.royal-card-front>.gear-art{width:150px;height:150px;flex-shrink:0}.royal-card-front>.eyebrow{font-size:9px;margin-top:12px;color:var(--card-color)}.royal-card-front h3{font-size:24px;margin:12px 0;color:#edce94}.royal-card-front p{font:12px/1.5 Georgia;margin:0;color:#d6bb8f}.royal-card-front .royal-currency-symbol{font-size:75px;margin:25px 0}.royal-card-front .currency-amount{font-size:34px}.royal-opening.card-revealed .royal-card{transform:rotateY(180deg)}.royal-opening.card-revealed .royal-skip{display:none}
@keyframes royal-pop{0%{transform:scale(.95)}28%{transform:scale(.9) rotate(-3deg)}48%{transform:scale(1.12) rotate(2deg)}75%{transform:scale(1.04)}100%{transform:scale(1)}}@keyframes royal-lid-out{0%,35%{opacity:1}65%,100%{opacity:0}}@keyframes royal-lid-in{0%,35%{opacity:0;transform:translateY(8px)}65%,100%{opacity:1;transform:none}}@keyframes royal-burst{0%{opacity:.3;transform:scale(.7)}60%{opacity:.95;transform:scale(1.1)}100%{opacity:.5;transform:scale(1)}}@keyframes royal-card-rise{from{opacity:0;transform:translateY(95px) scale(.5) rotate(-8deg)}to{opacity:1;transform:none}}
@media(max-width:650px){:is(.card,.holo-inventory,.item-inspector,.progress-preview,.balance-panel,.campaign-card,.hall-banner,.tavern-banner,.guild-message,.guild-future,.vault-showcase,.vault-wallet,.vault-choice,.vault-level-gift,.economy-rules,.evolution-progress,.gear-level,.player-journal>summary,.progress-metrics>div,.progress-day-detail,.balance-detail,.campaign-loot,.first-week-prizes>div,.slot-pick,dialog){border-width:8px}.attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attribute-tile{border-width:7px;padding:12px;gap:8px}.attribute-name{font-size:11px}.attribute-emblem{width:47px;height:47px}.attribute-tile>strong{font-size:34px}.character-attributes h3{font-size:27px}.equipment-comparison table{font-size:12px}.slot-pick{display:block;padding:12px}.slot-pick>.gear-art{float:left;width:62px;height:62px;margin:0 12px 12px 0}.slot-pick h3{min-height:28px}.slot-pick .equipment-comparison{clear:both}.slot-pick button{font-size:16px}.item-inspector>.equipment-comparison{font-size:12px}dialog:has(.royal-opening){padding:22px 14px}.royal-stage{min-height:330px}.royal-opening>h2{font-size:28px}.royal-card{width:215px;height:290px}.royal-card-front>.gear-art{width:130px;height:130px}.royal-chest-tap{max-width:290px}.royal-opening.card-ready .royal-chest-tap{width:95px;left:-8px;bottom:-8px}.royal-instruction{font-size:15px}.royal-card-front h3{font-size:23px}.royal-actions>button{font-size:16px}}
@container (max-width:650px){:is(.card,.holo-inventory,.item-inspector,.progress-preview,.balance-panel,.campaign-card,.hall-banner,.tavern-banner,.guild-message,.guild-future,.vault-showcase,.vault-wallet,.vault-choice,.vault-level-gift,.economy-rules,.evolution-progress,.gear-level,.player-journal>summary,.progress-metrics>div,.progress-day-detail,.balance-detail,.campaign-loot,.first-week-prizes>div,.slot-pick,dialog){border-width:8px}.attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attribute-tile{border-width:7px;padding:12px;gap:8px}.attribute-name{font-size:11px}.attribute-emblem{width:47px;height:47px}.attribute-tile>strong{font-size:34px}.character-attributes h3{font-size:27px}.equipment-comparison table{font-size:12px}.slot-pick{display:block;padding:12px}.slot-pick>.gear-art{float:left;width:62px;height:62px;margin:0 12px 12px 0}.slot-pick h3{min-height:28px}.slot-pick .equipment-comparison{clear:both}.slot-pick button{font-size:16px}.item-inspector>.equipment-comparison{font-size:12px}dialog:has(.royal-opening){padding:22px 14px}.royal-stage{min-height:330px}.royal-opening>h2{font-size:28px}.royal-card{width:215px;height:290px}.royal-card-front>.gear-art{width:130px;height:130px}.royal-chest-tap{max-width:290px}.royal-opening.card-ready .royal-chest-tap{width:95px;left:-8px;bottom:-8px}.royal-instruction{font-size:15px}.royal-card-front h3{font-size:23px}.royal-actions>button{font-size:16px}}

@media(max-width:360px){.attribute-tile{padding:10px 7px}.attribute-name{font-size:10px}.attribute-emblem{width:40px;height:43px}.attribute-tile>strong{font-size:30px}.equipment-comparison thead th{font-size:9px}.equipment-comparison table{font-size:11px}.royal-card{width:195px;height:280px}.royal-stage{min-height:315px}.royal-opening>h2{font-size:26px}}
@container (max-width:360px){.attribute-tile{padding:10px 7px}.attribute-name{font-size:10px}.attribute-emblem{width:40px;height:43px}.attribute-tile>strong{font-size:30px}.equipment-comparison thead th{font-size:9px}.equipment-comparison table{font-size:11px}.royal-card{width:195px;height:280px}.royal-stage{min-height:315px}.royal-opening>h2{font-size:26px}}

@media(prefers-reduced-motion:reduce){.royal-opening *{animation:none!important;transition:none!important}}
.ref-rank-stripe-cover{top:14.1%;height:1.4%;left:6%;width:35.7%}
nav#nav{border-image-source:url('assets/frame-reference.svg');border-image-slice:24 36 20 36}.daily-care-card:after{content:'';position:absolute;inset:0;border:6px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;pointer-events:none;z-index:4}:is(.progress-data-toggle button,.progress-period button,.equipment-stage){border:5px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;background-clip:padding-box}#level-celebration{border:10px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;box-shadow:0 0 60px #000b;background-clip:padding-box}
.equipment-slot{box-sizing:border-box;aspect-ratio:1;height:auto!important;align-self:center;display:grid;place-items:center;flex-shrink:0}.slot-column{align-items:center!important}.equipment-slot.chosen,.bag-item.chosen{outline:0;box-shadow:inset 0 0 14px #ec9f4155,0 0 14px #e69a3944}.equipment-slot.chosen:after,.bag-item.chosen:after{content:'';position:absolute;inset:-3px;border:2px solid #edb967;pointer-events:none;box-shadow:0 0 8px #e7a54155}.equipment-slot>.gear-art{aspect-ratio:1;min-height:0}.slot-pick:has(button:disabled){background:radial-gradient(ellipse at top,#75501d45,#100b07)}
.royal-stage{overflow:hidden}.royal-chest-tap{position:absolute;inset:0;margin:auto;height:max-content;transform-origin:center;transition:transform .8s cubic-bezier(.22,.7,.25,1),opacity .8s;will-change:transform}.royal-opening.card-ready .royal-chest-tap{width:100%;max-width:290px;left:0;bottom:0;opacity:.45;transform:translate(-95px,125px) scale(.32);transition:transform .8s cubic-bezier(.22,.7,.25,1),opacity .8s}.royal-opening.bursting .royal-chest-tap{animation:epic-charge 2.4s ease-in-out both}.royal-opening.bursting .chest-frame-closed{animation:epic-closed 2.4s both}.royal-opening.bursting .chest-frame-open{animation:epic-open 2.4s both}.royal-opening.bursting .royal-sunburst{animation:epic-rays 2.4s ease-in-out both}.royal-beam,.royal-shockwave,.royal-embers{position:absolute;pointer-events:none;opacity:0;z-index:1}.royal-beam{inset:0 12%;background:radial-gradient(ellipse at 50% 65%,#fff5ceaa,#e8b45c55 30%,transparent 68%);transform-origin:50% 65%}.royal-shockwave{width:190px;aspect-ratio:1;border:2px solid #f4cf83;border-radius:50%;box-shadow:0 0 25px #f1be62,inset 0 0 25px #f1be62}.royal-embers{inset:0;opacity:1}.royal-embers i{position:absolute;left:50%;top:60%;width:4px;height:4px;background:#ffe2a0;border-radius:50%;opacity:0;box-shadow:0 0 8px #ffc25c;--angle:calc(var(--i)*25.714deg)}.bursting .royal-beam{animation:epic-beam 2.4s both}.bursting .royal-shockwave{animation:epic-ring 2.4s both}.bursting .royal-embers i{animation:epic-ember 2.4s ease-out both}.royal-card{animation:epic-card-rise .85s cubic-bezier(.16,.8,.25,1);transition:transform .75s cubic-bezier(.2,.65,.25,1)}.royal-card-front,.royal-card-back{box-sizing:border-box}.royal-card-front{width:100%;height:100%}
@keyframes epic-charge{0%{transform:scale(1)}25%{transform:translateY(2px) scale(.96)}35%{transform:rotate(-1deg) scale(.97)}43%{transform:rotate(1deg) scale(.98)}51%{transform:rotate(-1.5deg) scale(.99)}59%{transform:rotate(1.5deg) scale(1.01)}68%{transform:translateY(-8px) scale(1.06)}80%{transform:translateY(-15px) scale(1.12)}100%{transform:translateY(-5px) scale(1.02)}}
@keyframes epic-closed{0%,62%{opacity:1}80%,100%{opacity:0}}
@keyframes epic-open{0%,62%{opacity:0;transform:translateY(9px) scale(.98)}84%,100%{opacity:1;transform:none}}
@keyframes epic-rays{0%{opacity:.25;transform:scale(.8) rotate(-8deg)}60%{opacity:.6;transform:scale(1) rotate(3deg)}80%{opacity:1;transform:scale(1.4) rotate(9deg)}100%{opacity:.65;transform:scale(1.1) rotate(14deg)}}
@keyframes epic-beam{0%,25%{opacity:0;transform:scale(.3)}65%{opacity:.5;transform:scale(.8)}80%{opacity:1;transform:scale(1.4)}100%{opacity:.2;transform:scale(1.1)}}
@keyframes epic-ring{0%,72%{opacity:0;transform:scale(.2)}76%{opacity:.9}100%{opacity:0;transform:scale(2.3)}}
@keyframes epic-ember{0%,65%{opacity:0;transform:rotate(var(--angle)) translateY(0)}76%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(-160px)}}
@keyframes epic-card-rise{from{opacity:0;transform:translateY(70px) scale(.65) rotate(-5deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.royal-opening *{animation:none!important;transition:none!important}}
@media(max-width:650px){.item-inspector{grid-template-columns:88px minmax(0,1fr)}.item-inspector h3,.slot-pick h3,.equipment-offer h2{overflow-wrap:anywhere}}
@container (max-width:650px){.item-inspector{grid-template-columns:88px minmax(0,1fr)}.item-inspector h3,.slot-pick h3,.equipment-offer h2{overflow-wrap:anywhere}}



/* account.css */
.account-access{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;background:#120d08e8;border-bottom:1px solid #88603166;color:#bca17a;font:11px/1.5 Georgia}.account-access button{flex-shrink:0;min-height:44px;padding:8px 10px;background:#38250e;border:1px solid #9b7139;color:#f0cd8c;font:12px Georgia}.account-panel h2{font-size:30px}.account-panel p{font:14px/1.65 Georgia;color:#c9b08b}.account-panel label{display:block;margin:18px 0;color:#e0c392;font:14px Georgia}.account-panel input{display:block;width:100%;box-sizing:border-box;min-height:48px;margin-top:8px;padding:11px;background:#080604;border:1px solid #92703d;color:#f5dfb6;font:16px Georgia;border-radius:0}.account-panel button{display:block;width:100%;margin:12px 0;min-height:46px}.account-panel .form-error{color:#e4bf80;min-height:24px}.account-panel .account-footnote{font-size:12px;color:#a88e6b}.account-link{background:none;border:0;text-decoration:underline;color:#dfbd83;font:13px Georgia}.account-email{overflow-wrap:anywhere}.cloud-gate{margin:20px;padding:24px 15px}.cloud-gate h1{font-size:28px}.cloud-gate button{width:100%;margin-top:12px}.cloud-busy .account-access span:after{content:' · Guardando…'}.cloud-busy [data-mission],.cloud-busy [data-buy-chest],.cloud-busy [data-pick-equipment]{opacity:.65;pointer-events:none}


/* character-creation.css */
body:has(.character-creation) .masthead{display:none}body:has(.character-creation) .game{background:linear-gradient(#090806cf,#0a0705ec),url('assets/panel-original.png') center 20%/auto 1300px}body:has(.character-creation) #nav{display:none}.character-creation{padding:28px 4px 30px}.creation-heading{text-align:center}.creation-heading .eyebrow{font-size:9px;letter-spacing:2px}.creation-heading h1{font:38px/1.08 Georgia;margin:16px 0;color:#f1c784}.creation-heading>p{font:14px Georgia;color:#ae9676}.creation-portrait{position:relative;height:330px;margin:25px 0 0;border:8px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--class-color) 12%,#0c0806),#080605 75%);overflow:hidden;isolation:isolate}.creation-portrait>img{width:100%;height:290px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 10px 12px #000)}.creation-halo{position:absolute;inset:10% 15%;background:radial-gradient(ellipse,color-mix(in srgb,var(--class-color) 16%,transparent),transparent 65%);opacity:.6}.creation-level{position:absolute;top:12px;left:0;right:0;text-align:center;font:9px Georgia;letter-spacing:1.3px;color:#c7ae82;z-index:2}.creation-portrait-title{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:35px 10px 15px;background:linear-gradient(transparent,#090604 45%);z-index:2}.creation-portrait-title>span{color:var(--class-color);font-size:18px}.creation-portrait-title h2{font:30px Georgia;margin:5px 0 0}.creation-story{text-align:center;padding:8px 12px 20px;min-height:128px}.creation-motto{font:italic 17px/1.5 Georgia!important;color:#ecc88e!important}.creation-story p{font:13px/1.65 Georgia;color:#bda789}.class-options{margin:0;padding:0;border:0;min-width:0}.class-options legend,.creation-name>label{font:22px Georgia;color:#e4bd7f;margin-bottom:18px;display:block}.class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.class-choice{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 7px 15px;border:6px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--class-color) 8%,#100b08),#080604);cursor:pointer}.class-choice.selected{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--class-color) 18%,#100b08),#120b05);box-shadow:inset 0 0 0 1px #dcb477,0 0 14px #bb7d2525}.class-choice:focus-within{outline:2px solid #e9b866;outline-offset:3px}.class-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:3}.class-choice img{display:block;width:100%;height:155px;object-fit:contain;filter:drop-shadow(0 5px 6px #000);margin:5px 0 8px}.class-choice strong{font:19px Georgia;color:#edc58a}.class-choice-sub{font:10px/1.4 Georgia;text-align:center;color:#ad9879;margin-top:7px}.class-choice-check{position:absolute;top:8px;right:7px;color:#aa8c58;font-size:16px;z-index:2}.selected .class-choice-check{color:#ffca6c;text-shadow:0 0 10px #fbb149}.creation-name{margin-top:32px}.creation-name input{width:100%;box-sizing:border-box;background:#080604;border:1px solid #9f753c;color:#f1d7ad;padding:15px 12px;font:17px Georgia;min-height:50px;border-radius:0}.creation-name small{display:block;margin:9px 0;font:11px Georgia;color:#a38d6b}.creation-fairness{margin:25px 0 8px;font:12px/1.7 Georgia;text-align:center;color:#bca27d}.creation-submit{width:100%;min-height:54px;font-size:18px}.creation-save-note{font:11px/1.65 Georgia;color:#a18a68;text-align:center}.character-creation .form-error{min-height:24px;color:#e7ad85;font:13px/1.5 Georgia}.ref-class-avatar{position:absolute;left:3%;top:20.25%;width:55%;height:27.9%;z-index:1;background:linear-gradient(#100c09e8,#100b07f2),url('assets/panel-original.png') 40% 30%/250% auto;overflow:hidden}.ref-class-avatar img{width:100%;height:100%;object-fit:contain}.class-evolution-note{font:13px/1.7 Georgia;color:#bca684;padding:16px 0}
@container(max-width:360px){.creation-heading h1{font-size:33px}.class-choice img{height:140px}.class-choice strong{font-size:18px}.class-grid{gap:12px 9px}.creation-portrait{height:300px}.creation-portrait>img{height:270px}}
.creation-heading{display:block;height:auto;padding:0;border:0;letter-spacing:normal;background:none}.creation-heading h1{max-width:100%;overflow-wrap:normal}.creation-heading>p{letter-spacing:normal}body:has(.character-creation) .game{background:linear-gradient(#090806a8,#0a0705f2),url('assets/castillo-sombrio.png') center top/100% auto repeat-y}.ref-class-avatar{background:linear-gradient(#100c09cc,#100b07ea),url('assets/castillo-sombrio.png') center/cover}
.creation-stage-title{display:block;font:12px Georgia;color:#c9b28c;margin-top:8px}.creation-phase-toggle{display:flex;gap:8px;margin:15px 0 10px}.creation-phase-toggle button{flex:1;min-height:44px;padding:10px 5px;font:13px Georgia;color:#c0a581;border:1px solid #7a542c;background:#100b07}.creation-phase-toggle button[aria-pressed="true"]{color:#f5d394;border-color:#d9a45c;background:linear-gradient(#523113,#211309)}.creation-phase-note{font:12px/1.6 Georgia;text-align:center;color:#b59d79;margin:8px 5px 0}.class-choice-tier{display:block;font:8px Georgia;letter-spacing:.7px;color:#d7aa65;margin-top:9px}.class-choice img{height:170px}.creation-portrait>img{height:300px}


/* home-polish.css */
/* Fully opaque replacement of the level text and both bars baked into the artwork. */
.ref-level-panel{position:absolute;left:3.3%;top:11%;width:93.4%;height:5.05%;z-index:4;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:.6cqw;padding:.65cqw 1.5cqw;border:4px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;background:#100b07 url('assets/obsidian.svg') center/180px;box-shadow:0 2px 8px #0008}
.ref-level-row{display:flex;align-items:center;justify-content:space-between;gap:2cqw;min-width:0}.ref-level-panel .ref-level,.ref-level-panel .ref-xp{position:static;background:none;padding:0;width:auto;line-height:1;white-space:nowrap}.ref-level-panel .ref-level{font:4.2cqw/1 Georgia;color:#f1ca8a;text-shadow:0 1px 3px #000}.ref-level-panel .ref-xp{font:2.8cqw/1 Georgia;color:#d7b986;text-align:right}.ref-level-panel .ref-xpbar{position:relative;left:auto;top:auto;width:100%;height:1.4cqw;min-height:4px;flex-shrink:0;box-sizing:border-box;clip-path:none;border:1px solid #785021;background:#050403;box-shadow:inset 0 1px 3px #000;overflow:hidden;border-radius:2px}.ref-level-panel .ref-xpbar span{height:100%;background:linear-gradient(#ffe5a4,#ee9d29 55%,#ab5410);box-shadow:0 0 8px #e9a34477;border-radius:0}.ref-level-panel .ref-xpbar.is-empty span{box-shadow:none;opacity:0}
/* Every class, including Guerrero, uses its actual unlocked phase. Opaque world
   artwork below the cutout prevents the original endgame warrior showing through. */
.ref-class-avatar{left:0;top:20%;width:59.5%;height:28.5%;background:#15100b url('assets/castillo-sombrio.png') center 28%/auto 120%;z-index:1;isolation:isolate;box-shadow:inset 0 0 25px 8px #09060499}.ref-class-avatar:before{content:'';position:absolute;inset:0;background:linear-gradient(#0c09062b,#0c09060a 65%,#100b07aa);z-index:0}.ref-class-avatar img{position:relative;z-index:1;object-fit:contain;object-position:center bottom;width:100%;height:100%;filter:drop-shadow(0 5px 6px #000a)}


/* currency-art.css */
/* The exact illustrated currency art is shared by wallets, prices and rewards. */
.currency-icon{display:inline-block!important;flex-shrink:0;width:1.2em;height:1.3em;vertical-align:middle;background-position:center;background-repeat:no-repeat;background-size:contain;font-style:normal;color:transparent!important;text-shadow:none!important;text-indent:-10000px;overflow:hidden;line-height:0}.currency-icon.coin{background-image:url('assets/currency-gold.png')}.currency-icon.gem{background-image:url('assets/currency-gem.png')}.currency-pair{gap:.28em;vertical-align:middle}.currency-amount{color:#f0c66e!important}
.masthead-shell{position:relative;width:100%}.wallet-hud,body:has(.reference-home) .wallet-hud{position:absolute;left:58%;right:auto;top:20%;width:31.3%;height:52%;margin:0;padding:.15cqw .45cqw;display:flex;align-items:center;justify-content:space-between;gap:.5cqw;z-index:5;border:2px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;border-radius:0;background:#100b07 url('assets/obsidian.svg') center/150px;box-shadow:inset 0 0 5px #000;clip-path:none;font:3.5cqw/1 Georgia;box-sizing:border-box}.reference-home>.wallet-hud,body:has(.reference-home) .reference-home>.wallet-hud{top:5.45%;height:3.9%}.wallet-hud>span{min-width:0;display:flex;align-items:center;justify-content:center;flex:1}.wallet-hud .currency-pair{gap:.15em}.wallet-hud .currency-icon{width:1.2em;height:1.5em}.wallet-hud .currency-amount{font:inherit}.wallet-hud[data-wide="true"]{font-size:2.8cqw}.royal-card-front>.royal-currency-symbol{width:75px;height:85px}.wallet-hud:focus-visible{outline:2px solid #ffd389;outline-offset:3px}
/* Cover the complete painted frame, including its projecting left corner.
   A feathered dark backing blends with the header instead of stacking borders. */
.wallet-hud,body:has(.reference-home) .wallet-hud{left:55%;width:35%;top:15%;height:65%;padding:0 1.7cqw;border:0;border-image:none;border-radius:1.4cqw;background:#0d0a07;box-shadow:0 0 5px 2px #0d0a07;clip-path:none}.reference-home>.wallet-hud,body:has(.reference-home) .reference-home>.wallet-hud{top:5.15%;height:4.65%}


/* hero-roster.css */
.roster-intro{background:linear-gradient(135deg,#352619d9,#0c0b0af2),url('assets/classes/warrior-final-thumb.webp') right/cover;padding:22px}.roster-intro h2{font-size:28px;color:#f2d5a0;line-height:1.2}.roster-intro p{line-height:1.65}.roster-rule{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #a17c3c42}.roster-rule>span:first-child{font-size:13px;max-width:65%}.hero-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.roster-card.card{padding:0;overflow:hidden;min-width:0;background:#100e0c}.roster-card.is-active{box-shadow:0 0 20px #c58a3438;outline:1px solid #d9a252}.roster-art{height:190px;position:relative;background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--hero-accent) 22%,#12100c),#070807)}.roster-art img{width:100%;height:100%;object-fit:contain}.roster-art>span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.7px;background:#090807ce;padding:8px 2px;color:#ddc9a7}.roster-copy{padding:12px 8px;text-align:center}.roster-copy h3{color:#eed0a0;font-size:21px;margin:0}.roster-copy p{font-size:12px;color:#bbae96;margin:6px 0 12px}.roster-copy button{width:100%;font-size:12px;min-height:48px;padding:7px 3px;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.roster-copy .currency-icon{width:19px;height:19px}.roster-footnote{font-size:12px;line-height:1.7;color:#bdae98;padding:15px 5px}.roster-confirm{text-align:center}.roster-confirm>img{height:200px;max-width:100%;object-fit:contain;display:block;margin:auto}.roster-confirm h2{color:#f2d2a1}.roster-confirm p{line-height:1.65;font-size:14px}.roster-confirm button{width:100%;margin-top:10px;min-height:48px}.roster-feedback{color:#efc982}.character-navigation{flex-wrap:wrap}.roster-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:16px 18px;color:#f2d5a0;text-decoration:none;background:linear-gradient(120deg,#392718,#15100c);border:1px solid #a77a3d}.roster-shortcut strong{display:block;font-size:19px}.roster-shortcut small{display:block;color:#baaa93;margin-top:5px}

.roster-confirm .close-roster{background:#1c1710;color:#d6c3a0;border:1px solid #705433;border-radius:2px}
.roster-copy button{background:linear-gradient(#382719,#1a130c);color:#e8ce9d;border:1px solid #9a713a;border-radius:2px}.roster-copy button:disabled{background:#19150f;color:#b9a582;border-color:#645031;opacity:1}.roster-copy button:not(:disabled):hover{background:linear-gradient(#51361e,#26190e)}
.roster-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}.roster-section-heading h2{font-size:28px;line-height:1.2;color:#efd4a5;margin:5px 0}.roster-section-heading .eyebrow{font-size:9px;letter-spacing:1px}.roster-count{flex-shrink:0;border:1px solid #8d6938;padding:8px 12px;color:#e4bf7b;background:#21180d;font-size:14px}.roster-section-note{font-size:14px;color:#c2b293;line-height:1.6;margin:8px 0 14px}.roster-new{margin-top:32px;padding-top:8px;border-top:1px solid #8e693c60}.roster-free{color:#b8c893;font-size:17px}.roster-owned .hero-roster{margin-top:12px}
.roster-section-heading>div{display:block;min-width:0;flex:1}.roster-section-heading h2{text-align:left}.roster-section-heading .eyebrow{display:block}


/* settings.css */
.masthead-settings{position:absolute;right:0;top:12%;width:10%;height:75%;min-height:44px;padding:0;border:0;background:transparent;z-index:6;cursor:pointer}.masthead-settings:focus-visible,.ref-settings:focus-visible{outline:2px solid #ffd389;outline-offset:-3px;opacity:1}.settings-page{padding-bottom:15px}.settings-back{display:inline-block;padding:8px 0 18px;color:#d9b77c;font-size:14px;text-decoration:none}.settings-banner.card{display:flex;align-items:center;gap:15px;padding:18px 14px;background:radial-gradient(ellipse at left,#75421d44,transparent 72%),linear-gradient(#15100ce8,#100c09ed)}.settings-sigil{display:grid;place-items:center;width:64px;height:72px;flex-shrink:0;font-size:54px;color:#e3b969;text-shadow:0 0 20px #b66b254c}.settings-banner h2{font-size:26px;color:#efd1a0;margin:8px 0}.settings-banner p{font-size:13px;line-height:1.65;color:#bbaa8e;margin:0}.settings-card.card{margin:20px 0;padding:20px 14px;background:linear-gradient(130deg,#21170fed,#0b0907f5)}.settings-heading{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #9a703e52}.settings-heading>span{font-size:30px;line-height:1;color:#dba956;width:32px;flex-shrink:0;text-align:center}.settings-heading>div{display:block;min-width:0}.settings-heading .eyebrow,.settings-banner .eyebrow{display:block;font-size:9px;letter-spacing:1px;color:#ae915f}.settings-heading h2{font-size:24px;margin:5px 0 0;color:#eed1a1}.settings-player{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}.settings-player strong{font-size:22px;color:#f0d5a9;overflow-wrap:anywhere}.settings-player>span{font-size:13px;color:#bca482}.settings-save{display:flex;gap:10px;align-items:flex-start;border:1px solid #82643b5e;background:#18140d;padding:12px 10px}.settings-save>i{width:7px;height:7px;border-radius:50%;background:#b79a60;flex-shrink:0;margin-top:5px}.settings-save.is-connected>i{background:#acbc77;box-shadow:0 0 9px #9aae5b52}.settings-save strong{font-size:14px;color:#e1c497}.settings-save p{font-size:12px;line-height:1.6;color:#b3a38a;margin:6px 0 0}.settings-email{font-size:12px;color:#b7a789;overflow-wrap:anywhere;margin:12px 0}.settings-action{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;min-height:49px;box-sizing:border-box;background:linear-gradient(#322315,#1b130c);border:1px solid #8c6336;padding:12px;color:#eed1a0;font:14px Georgia;text-decoration:none;margin:11px 0 0;text-align:left}.settings-action:focus-visible,.settings-page select:focus-visible{outline:2px solid #f4ca77;outline-offset:3px}.settings-action>span{color:#cb9b55;font-size:20px}.settings-preference{display:block}.settings-preference>span{display:block}.settings-preference strong{font-size:16px;color:#e9d0a8}.settings-preference small{display:block;line-height:1.7;font-size:13px;color:#bcaa8c;margin:8px 0 13px}.settings-preference select{width:100%;min-height:48px;box-sizing:border-box;background:#100d09;color:#edcf9e;border:1px solid #88663e;border-radius:2px;padding:10px;font:15px Georgia;color-scheme:dark}.settings-device-note,.settings-feedback{font-size:12px;line-height:1.7;color:#ab997d}.settings-feedback{color:#d6bf8f;margin-bottom:0}.settings-feedback:empty{display:none}.settings-help details{border-bottom:1px solid #7f5c353d;padding:0}.settings-help details:last-child{border-bottom:0}.settings-help summary{min-height:48px;box-sizing:border-box;padding:15px 4px;color:#dfc295;cursor:pointer;font-size:14px;line-height:1.5}.settings-help details p{color:#bcab91;font-size:13px;line-height:1.8;margin:0 5px 16px}.settings-footer{display:flex;flex-direction:column;gap:7px;text-align:center;color:#b49c78;font-size:12px;padding:17px 0}.settings-footer strong{font-size:20px;letter-spacing:3px;color:#c19b5e}.settings-footer small{font-size:11px;color:#8c7a60}
html[data-reduced-motion="true"] *,html[data-reduced-motion="true"] *:before,html[data-reduced-motion="true"] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html[data-reduced-motion="true"] .level-previous{display:none!important}html[data-reduced-motion="true"] :is(.royal-sunburst,.royal-beam,.royal-shockwave,.royal-embers,.chest-rays,.chest-spark){display:none!important}

.ref-settings{min-width:44px;min-height:44px;background:transparent;border:0;padding:0;z-index:6}


/* loot-art.css */
/* Forged relics: original slot silhouettes, five material tiers. */
.gear-art.loot-art{background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important;filter:drop-shadow(0 3px 4px #0008);image-rendering:auto;mix-blend-mode:normal}.bag-item .loot-art{width:88%;height:88%;margin:auto}.equipment-slot .loot-art{width:92%;height:92%;margin:4%}.slot-pick>.loot-art{background-color:transparent}.royal-card-front>.loot-art{filter:drop-shadow(0 5px 9px #000a)}

.gear-art.dark-loot-art{background-image:url('assets/loot-dark-atlas-v1.png');background-size:400% 400%!important;background-position:var(--loot-x) var(--loot-y)!important;background-repeat:no-repeat;mix-blend-mode:screen;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--loot-color) 20%,transparent))}
.gacha-pool .gear-art.dark-loot-art{width:55px;max-width:100%;height:55px;margin:auto}


/* gacha.css */
/* The account entry and save status live inside Ajustes. */
.account-access{display:none!important}.mission-currency,.mission-currency.gem-mission,.currency-label{color:#f0c66e!important}.currency-pair,.currency-amount{color:#f0c66e!important}.mission-currency{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px}.mission-currency .currency-icon{flex-shrink:0}
.gacha-preview{margin-top:15px}.gacha-promise{display:flex;flex-direction:column;gap:7px;padding:12px;background:#21180d;border:1px solid #79562e;color:#e9c68a;text-align:center}.gacha-promise strong{font-size:19px}.gacha-promise span{font-size:13px;color:#bbac8f}.gacha-preview>p{font-size:13px;line-height:1.6;color:#bcaa91}.gacha-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.gacha-pool>div{padding:6px 2px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity) 14%,#100d09),#100d09);border:1px solid color-mix(in srgb,var(--rarity) 40%,#201910);min-width:0;text-align:center}.gacha-pool .gear-art{width:100%;height:55px;display:block}.gacha-pool>div>span:last-child{font-size:9px;line-height:1.5;display:block;overflow-wrap:anywhere;color:#c9b594}.gacha-count{color:#b6a28a;font-size:12px}.vault-guaranteed.gacha-guaranteed{gap:10px}.gacha-guaranteed .gear-art{width:66px;height:66px;flex-shrink:0}.vault-history{margin-top:24px}.vault-history h2{font-size:23px}.vault-history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #84603640;padding:12px 0}.vault-history-row>div{min-width:0}.vault-history-row strong{font-size:14px;color:#e4c497;display:block}.vault-history-row small{display:block;color:#ad9c82;font-size:11px;margin-top:5px}.vault-history-row button{font-size:12px;min-height:44px;flex-shrink:0}.gacha-opening{--loot-color:#d9af66;text-align:center;position:relative;isolation:isolate}.gacha-opening>h2{font-size:27px!important;line-height:1.25;margin:12px 0}.gacha-opening .royal-counter{color:#ceb68d;font-size:12px;letter-spacing:1.2px;margin:10px 0 5px}.gacha-opening .royal-stage{position:relative;min-height:390px!important;overflow:hidden;border-radius:0;isolation:isolate;background:radial-gradient(ellipse at 50% 78%,#58321435,transparent 65%),linear-gradient(#080807e0,#070605ef),url('assets/castillo-sombrio.png') center/cover}.gacha-sky{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.gacha-sky>i{position:absolute;width:2px;height:2px;background:#e0cda3;border-radius:50%;opacity:.35;box-shadow:0 0 5px #d5bb83;animation:gacha-star 4s ease-in-out infinite alternate;animation-delay:calc(var(--star)*-.23s)}.gacha-orbit{position:absolute;width:210px;height:210px;border:1px solid #a47b3b66;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(55deg);box-shadow:0 0 18px #c6994930,inset 0 0 18px #c6994920}.gacha-orbit:before,.gacha-orbit:after{content:'';position:absolute;inset:12px;border:1px dashed #9d7f4d88;border-radius:50%}.gacha-orbit:after{inset:-15px;border-style:solid;border-color:#a47b3b22}.gacha-rift{position:absolute;left:50%;top:52%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%) scale(.1);opacity:0;background:radial-gradient(ellipse,#080705 20%,color-mix(in srgb,var(--loot-color) 60%,#5a3513) 44%,transparent 68%);box-shadow:0 0 25px var(--loot-color)}.gacha-comet{position:absolute;left:50%;top:10%;width:7px;height:7px;opacity:0;border-radius:50%;background:#fff3d6;box-shadow:0 0 12px 4px var(--loot-color),0 0 35px 8px var(--loot-color)}.gacha-comet:after{content:'';position:absolute;width:5px;height:160px;left:1px;bottom:3px;background:linear-gradient(to top,var(--loot-color),transparent);transform-origin:bottom;transform:rotate(-30deg);filter:blur(1px)}.gacha-impact{position:absolute;left:50%;top:53%;width:150px;height:150px;opacity:0;border:2px solid var(--loot-color);border-radius:50%;transform:translate(-50%,-50%) scale(.1);box-shadow:0 0 18px var(--loot-color),inset 0 0 18px var(--loot-color)}.gacha-opening .royal-chest-tap{position:absolute;inset:auto;left:50%;top:49%;transform:translate(-50%,-50%);width:260px!important;height:230px;border:0;background:none;box-shadow:none;opacity:1;padding:0}.gacha-opening .royal-chest-tap .treasure-chest{width:100%;height:190px}.gacha-tap-label{display:block;font-size:10px;letter-spacing:2px;color:#d4b988;margin-top:0}.gacha-opening .royal-instruction{min-height:38px;font-size:13px;line-height:1.6;color:#c5ad86;margin:14px 0 8px}.gacha-opening .royal-actions{display:grid;gap:8px}.gacha-opening .royal-actions button{min-height:47px;margin:0;font-size:14px}.gacha-opening .royal-skip{display:block;margin:13px auto 2px;background:none;border:0;border-bottom:1px solid #7f6643;color:#c4ab84;font-size:12px;padding:9px;min-height:40px}.gacha-opening .royal-skip[hidden]{display:none}.gacha-opening.is-summoning .royal-chest-tap{pointer-events:none;animation:gacha-chest-sink 3.8s ease forwards}.is-summoning .gacha-orbit{animation:gacha-orbit-awake 3.8s ease forwards}.is-summoning .gacha-rift{animation:gacha-rift-awake 3.8s ease forwards}.is-summoning .gacha-comet{animation:gacha-comet-fall 3.8s cubic-bezier(.3,.1,.7,1) forwards}.is-summoning .gacha-impact{animation:gacha-impact-wave 3.8s ease-out forwards}
@keyframes gacha-star{to{opacity:.8;transform:scale(1.5)}}
@keyframes gacha-chest-sink{0%,15%{opacity:1;transform:translate(-50%,-50%) scale(1)}32%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}48%,100%{opacity:0;transform:translate(-50%,-50%) scale(.05)}}
@keyframes gacha-orbit-awake{0%{opacity:.6;transform:translate(-50%,-50%) rotateX(55deg) rotate(0)}45%{opacity:1;transform:translate(-50%,-50%) rotateX(15deg) rotate(130deg) scale(1.2)}75%{opacity:1;transform:translate(-50%,-50%) rotateX(0) rotate(280deg) scale(1.3)}100%{opacity:0;transform:translate(-50%,-50%) rotateX(0) rotate(400deg) scale(2)}}
@keyframes gacha-rift-awake{0%,12%{opacity:0;transform:translate(-50%,-50%) scale(.1)}40%,65%{opacity:.9;transform:translate(-50%,-50%) scale(1.5)}82%{opacity:.7;transform:translate(-50%,-50%) scale(2)}100%{opacity:0;transform:translate(-50%,-50%) scale(3)}}
@keyframes gacha-comet-fall{0%,38%{opacity:0;transform:translate(85px,-110px) scale(.2)}45%{opacity:1;transform:translate(70px,-80px) scale(.5)}77%{opacity:1;transform:translate(-5px,160px) scale(2)}83%,100%{opacity:0;transform:translate(-10px,190px) scale(3)}}
@keyframes gacha-impact-wave{0%,76%{opacity:0;transform:translate(-50%,-50%) scale(.1)}80%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) scale(3)}}
.gacha-opening.card-ready .royal-chest-tap,.gacha-opening.gacha-complete .royal-chest-tap{display:none!important}.gacha-opening .royal-card-space{position:relative;z-index:1;display:grid;place-items:center;min-height:390px;padding:18px 0}.gacha-opening:not(.card-ready):not(.gacha-complete) .royal-card-space{pointer-events:none}.gacha-opening .royal-card{width:242px!important;height:325px!important;max-width:calc(100% - 36px);position:relative;perspective:900px;animation:gacha-card-arrive .65s cubic-bezier(.2,.8,.25,1) both}.gacha-opening .royal-card-back,.gacha-opening .royal-card-front{position:absolute;inset:0;box-sizing:border-box;backface-visibility:hidden;border:1px solid color-mix(in srgb,var(--loot-color) 70%,#42321b);background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--loot-color) 16%,#11100d),#0c0906 75%);box-shadow:0 0 25px color-mix(in srgb,var(--loot-color) 15%,transparent),inset 0 0 20px #0008;border-radius:2px;transition:transform .65s cubic-bezier(.2,.7,.3,1);padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.gacha-opening .royal-card-back{transform:rotateY(0deg);color:var(--loot-color);cursor:pointer}.gacha-opening .royal-card-back>span{font-size:28px;opacity:.6}.gacha-opening .royal-card-back>b{font-size:94px;line-height:1.5;text-shadow:0 0 30px var(--loot-color)}.gacha-opening .royal-card-back>small{font-size:9px;letter-spacing:2px}.gacha-opening .royal-card-front{transform:rotateY(180deg);gap:8px}.gacha-opening.card-revealed .royal-card-front{transform:rotateY(0deg)}.gacha-opening.card-revealed .royal-card-back{transform:rotateY(-180deg)}.gacha-opening .royal-card-front .gear-art{width:140px;height:140px;display:block;flex-shrink:0;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--loot-color) 35%,transparent))}.gacha-opening .royal-card-front h3{font-size:24px;line-height:1.15;color:#efd5a3;margin:0}.gacha-opening .royal-card-front p{font-size:12px;line-height:1.7;margin:2px 0;color:#cdbb9d}.gacha-opening .royal-card-front .eyebrow{font-size:9px;letter-spacing:.7px;color:var(--loot-color)}.gacha-stars{letter-spacing:3px;font-size:16px;color:var(--loot-color);text-shadow:0 0 12px color-mix(in srgb,var(--loot-color) 35%,transparent)}.gacha-duplicate{font-size:10px;color:#ae9f87;line-height:1.5}.gacha-featured:before{content:'';position:absolute;inset:-11px;border:1px solid color-mix(in srgb,var(--loot-color) 40%,transparent);pointer-events:none;box-shadow:0 0 35px color-mix(in srgb,var(--loot-color) 20%,transparent)}
@keyframes gacha-card-arrive{from{opacity:0;transform:translateY(45px) scale(.7) rotate(-5deg)}to{opacity:1;transform:none}}
.gacha-opening.gacha-complete .royal-stage{overflow:visible;min-height:0!important;background:none}.gacha-complete .gacha-sky{display:none}.gacha-opening.gacha-complete .royal-card-space{min-height:0;padding:12px 0}.gacha-summary{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gacha-result{min-width:0;padding:12px 7px;border:1px solid color-mix(in srgb,var(--loot-color) 45%,#3b3021);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--loot-color) 12%,#0d0b09),#0d0b09);display:flex;flex-direction:column;align-items:center;gap:6px;animation:gacha-card-arrive .5s both;animation-delay:calc(var(--reveal-order)*.07s)}.gacha-result .gear-art{width:82px;height:82px;display:block}.gacha-result h3{font-size:16px;line-height:1.3;color:#e9ce9e;margin:0;overflow-wrap:anywhere}.gacha-result .eyebrow{font-size:8px;letter-spacing:.3px;color:var(--loot-color)}.gacha-result p{font-size:10px;line-height:1.7;color:#baa88a;margin:2px 0}.gacha-result .gacha-stars{font-size:12px;letter-spacing:2px}.gacha-result button{width:100%;font-size:10px;padding:7px 3px;min-height:40px;margin-top:auto}.gacha-result.is-featured{grid-column:1/-1;padding:17px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--loot-color) 17%,#100d09),#100d09);box-shadow:0 0 22px color-mix(in srgb,var(--loot-color) 12%,transparent)}.gacha-result.is-featured .gear-art{width:120px;height:120px}.gacha-result.is-featured h3{font-size:23px}.gacha-result.is-featured button{max-width:220px;font-size:13px}.gacha-result .royal-currency-symbol{width:70px;height:70px}.gacha-opening .royal-replay-note{font-size:11px;color:#aa977b;line-height:1.6}
html[data-reduced-motion="true"] .gacha-opening .gacha-sky{display:none}html[data-reduced-motion="true"] .gacha-opening.card-revealed .royal-card-front{transform:none}html[data-reduced-motion="true"] .gacha-opening.card-revealed .royal-card-back{visibility:hidden}
@media(prefers-reduced-motion:reduce){.gacha-opening *{animation:none!important;transition:none!important}.gacha-opening .gacha-sky{display:none}}
.gacha-opening.card-revealed .royal-skip{display:block}.gacha-opening .royal-skip[hidden]{display:none!important}


/* hero-breathing.css */
/* A quiet breath for the selected hero; the painted world stays still. */
.reference-home .ref-class-avatar img{
 transform-origin:50% 98%;
 animation:hero-idle-breath 6s cubic-bezier(.45,0,.3,1) infinite;
}
@keyframes hero-idle-breath{
 0%,100%{transform:translateY(0) scaleX(1) scaleY(1)}
 44%,50%{transform:translateY(-.3px) scaleX(1.004) scaleY(1.009)}
}
html[data-reduced-motion="true"] .reference-home .ref-class-avatar img{
 animation:none!important;
 transform:none!important;
}
@media(prefers-reduced-motion:reduce){
 .reference-home .ref-class-avatar img{
  animation:none!important;
  transform:none!important;
 }
}


/* phone-polish.css */
/* iPhone safe areas belong to the shell, not the painted panels. */
.game{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 12px)}
dialog{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px)!important;margin-top:max(12px,env(safe-area-inset-top,0px));margin-bottom:max(12px,env(safe-area-inset-bottom,0px))}
dialog .close{z-index:20;touch-action:manipulation}
.gacha-opening .royal-card-front{cursor:pointer;color:inherit;font-family:inherit;touch-action:manipulation}
.gacha-opening .royal-card-front:focus-visible{outline:2px solid var(--loot-color);outline-offset:5px}
.challenge-illustration.medal{display:block;float:none;align-self:center;flex-shrink:0;margin:0 auto 13px!important;aspect-ratio:1;background-repeat:no-repeat;background-size:330% 330%}
.challenge:nth-child(1) .challenge-illustration{background-position:50% 1%!important}
.challenge:nth-child(2) .challenge-illustration{background-position:3% 43.5%!important}
.challenge:nth-child(3) .challenge-illustration{background-position:50% 43.5%!important}
/* Rendered Blender footage: keep its native 5:7 frame, including on narrow phones. */
.gacha-opening .royal-stage{aspect-ratio:5/7;min-height:0!important}
.royal-chest-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.gacha-opening:not(.card-ready):not(.gacha-complete) .gacha-sky{display:none}
.gacha-opening .royal-chest-tap{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;transform:none;aspect-ratio:auto}
.gacha-opening .royal-chest-tap .treasure-chest{display:none}
.gacha-opening .gacha-tap-label{position:absolute;bottom:6%;left:0;right:0;padding:15px 5px;background:linear-gradient(90deg,transparent,#0b0806dd,transparent);color:#f1d49e;font-size:11px}
.gacha-opening.is-summoning .royal-chest-tap{animation:none!important;opacity:0}
.gacha-opening.card-ready .royal-chest-film,.gacha-opening.gacha-complete .royal-chest-film{display:none}
.gacha-opening.card-ready .royal-stage,.gacha-opening.gacha-complete .royal-stage{aspect-ratio:auto}


/* chest-touch.css */
/* Full phone opening, with its own close control above every scene layer. */
dialog#detail.chest-modal{position:fixed;inset:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);width:min(100vw,430px)!important;max-width:430px!important;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;margin:0 auto!important;padding:10px!important;overflow-y:auto;overscroll-behavior:contain;background:#090807 url('assets/obsidian.svg') center/220px;border-radius:0}
#detail.chest-modal>.close{display:none!important}.touch-opening{position:relative;min-height:100%;isolation:isolate}.royal-dismiss{position:sticky;top:0;float:right;z-index:1000;display:grid;place-items:center;min-width:46px;min-height:46px;margin:0 0 -46px auto;padding:0;background:#100d09f5;border:1px solid #bd8745;color:#f4ce8f;font:31px Georgia;cursor:pointer;pointer-events:auto;touch-action:manipulation}.royal-heading{padding:12px 42px 5px}.royal-heading .eyebrow{font-size:8px}.royal-heading h2{font-size:25px;color:#efce9a;margin:12px 0 8px}.touch-opening .royal-stage{height:67dvh;min-height:0!important;aspect-ratio:auto;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#4b382122,transparent 65%),linear-gradient(#050504d9,#050504ed),url('assets/castillo-sombrio.png') center/cover}
.royal-three-stage{position:absolute;inset:0;pointer-events:none}.royal-three-stage canvas{display:block;width:100%;height:100%;pointer-events:none}.royal-touch{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;padding:0;box-shadow:none;cursor:pointer;touch-action:manipulation}.royal-fallback{position:absolute;width:100%;aspect-ratio:1;left:0;top:50%;transform:translateY(-50%)}.royal-fallback .treasure-chest{width:100%;height:auto;aspect-ratio:1;max-width:none}.three-ready .royal-fallback{visibility:hidden}.royal-tap-hint{position:absolute;bottom:7%;left:0;right:0;font:10px Georgia;letter-spacing:2px;color:#d9bb8b;text-shadow:0 2px 5px #000}.touch-opening .royal-card-space{min-height:0;padding:0}.touch-opening .royal-instruction{font-size:13px;min-height:35px;margin:10px 0}.touch-opening .royal-actions button{width:100%;min-height:46px}.touch-opening.gacha-complete .royal-stage{display:none}.touch-opening.gacha-complete .royal-card-space{padding:12px 0}.touch-opening .gacha-result.is-featured{grid-column:auto;padding:12px 7px}.touch-opening .gacha-result.is-featured .gear-art{width:90px;height:90px}.touch-opening .gacha-result.is-featured h3{font-size:17px}.touch-opening .gacha-result .gear-art{width:90px;height:90px}.touch-opening .gacha-result{animation:none}.touch-opening .gacha-result button{font-size:11px}.chest-nudge .royal-fallback{animation:touch-chest-shake .35s ease}.chest-releasing .royal-fallback .chest-frame-closed{opacity:0;transition:opacity .9s}.chest-releasing .royal-fallback .chest-frame-open{opacity:1;transition:opacity .9s}
@keyframes touch-chest-shake{0%,100%{transform:translateY(-50%) rotate(0)}25%{transform:translateY(-51%) rotate(-3deg)}65%{transform:translateY(-50%) rotate(3deg)}}
.reference-home{clip-path:inset(0 0 17.6% 0);margin-bottom:-38.14cqw}.home-chest-rewards{position:relative;padding:0 3.4% 15px}.home-gift.card{display:grid;grid-template-columns:35% minmax(0,1fr);align-items:center;gap:8px;margin:12px 0 0;padding:15px 13px;min-height:200px;background:linear-gradient(115deg,#140f09fa,#080705f5),url('assets/castillo-sombrio.png') center/cover}.gift-art{min-width:0}.gift-art .treasure-chest{width:100%;height:auto;aspect-ratio:1}.gift-copy{min-width:0}.gift-copy h2{font-size:24px;line-height:1.2;margin:8px 0;color:#f0cb91}.gift-copy .eyebrow{font-size:8px;letter-spacing:1px}.gift-copy p{font-size:13px;line-height:1.5;margin:8px 0}.gift-copy button{width:100%;font-size:13px;padding:10px 5px;min-height:44px}.daily-gift .gift-art{filter:grayscale(.85) brightness(1.2)}.daily-countdown{display:block;color:#f1d5a0;font:19px Georgia;letter-spacing:1px;margin:12px 0}.swipe-tip{text-align:center;font-size:11px;color:#baa17b;padding:12px 0 0}.collection-drawer{margin:15px 0}.collection-drawer>summary{min-height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #896332;background:#191008;color:#ebc791;cursor:pointer;padding:10px;text-align:center;font-size:14px}.collection-drawer>summary:after{content:'＋';margin-left:12px}.collection-drawer[open]>summary:after{content:'−'}.collection-drawer .bag-grid{max-height:56dvh;overflow-y:auto;overscroll-behavior:contain;padding:12px 5px}.care-sleep .care-number{left:29%;width:66%}.care-sleep .care-meter{left:7.4%;width:54%}
@media(prefers-reduced-motion:reduce){.chest-nudge .royal-fallback{animation:none}.chest-releasing .royal-fallback .chest-frame{transition:none}}

.touch-opening .royal-heading{display:block;height:auto;min-height:0;background:none;border:0;text-align:center;padding:8px 45px 6px}.touch-opening .royal-heading .royal-counter{margin:8px 0 4px;font-size:12px}.touch-opening .royal-heading h2{font-size:25px;margin:9px 0;line-height:1.15}

.game{touch-action:pan-y pinch-zoom}


/* remodel.css */
/* LIFE RPG: compact navigation, five coherent attributes, details on demand. */
.home-attributes{position:absolute;left:59.3%;top:20.3%;width:38.5%;height:20.3%;box-sizing:border-box;z-index:4;padding:1.7cqw 1.8cqw;background:#090705 url('assets/obsidian.svg') center/160px;border:4px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;box-shadow:0 0 5px 2px #0b0805;color:#eacb9b}.home-attributes h2{font:3.8cqw/1.15 Georgia;color:#efc282;margin:0 0 1.6cqw}.home-attribute{margin:0 0 1.4cqw}.attribute-caption{display:flex;align-items:center;gap:.7cqw;min-width:0;font:2.65cqw/1.2 Georgia}.attribute-caption svg{width:3cqw;height:3cqw;flex-shrink:0;color:var(--attribute-color)}.attribute-caption b{margin-left:auto;font-weight:400;color:#efd3a7}.attribute-track{display:block;height:.8cqw;min-height:3px;background:#2e251b;border-radius:3px;margin-top:.65cqw;overflow:hidden}.attribute-track i{display:block;height:100%;background:var(--attribute-color);border-radius:3px}
.compact-gifts{padding-top:2px;padding-bottom:18px}.home-chest-banner{position:relative;width:100%;min-height:105px;display:grid;grid-template-columns:27% minmax(0,1fr) 14px;align-items:center;gap:10px;margin:10px 0 0;padding:7px 15px 7px 8px;box-sizing:border-box;color:#efd0a0;text-align:left;background:linear-gradient(100deg,#130e08f5,#090705ee),url('assets/castillo-sombrio.png') center/cover;border:6px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;cursor:pointer;box-shadow:0 4px 10px #0006}.home-chest-banner:disabled{opacity:1;cursor:default}.banner-chest{display:block;min-width:0}.banner-chest .treasure-chest{width:100%;height:auto;aspect-ratio:1;max-width:none}.banner-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.banner-copy small{font:7px/1.5 Georgia;letter-spacing:1px;color:#b6986b}.banner-copy strong{font:22px/1.2 Georgia;color:#efca8f;font-weight:400}.banner-copy>span{font:12px/1.5 Georgia;color:#c6ad87}.banner-copy .daily-countdown{font:13px/1.5 Georgia;margin:0;color:#e3bf80;letter-spacing:.7px}.banner-arrow{font:28px Georgia;color:#ba8843}.home-chest-banner.daily-gift{filter:none}.daily-gift .banner-chest{filter:grayscale(.9) brightness(1.12)}
.section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0 23px}.section-tabs button{min-height:45px;min-width:0;padding:8px 4px;color:#bda482;background:#110d09;border:1px solid #6e502b;font:14px Georgia;cursor:pointer;position:relative}.section-tabs button[aria-selected="true"]{color:#ffdfaa;background:linear-gradient(#4f3017,#21150c);border-color:#bd8845;box-shadow:inset 0 -2px #c4944d}.section-tabs button:focus-visible,.text-control:focus-visible{outline:2px solid #e5b66d;outline-offset:3px}
.quiet-details{border-top:1px solid #78542f66;margin:17px 0 0;padding:0;color:#baa383}.quiet-details>summary{list-style:none;min-height:46px;padding:13px 22px 13px 0;box-sizing:border-box;cursor:pointer;font:13px/1.5 Georgia;position:relative;color:#d6b685}.quiet-details>summary::-webkit-details-marker{display:none}.quiet-details>summary:after{content:'›';position:absolute;right:3px;top:11px;font:23px Georgia}.quiet-details[open]>summary:after{transform:rotate(90deg)}.quiet-details p{font:12px/1.7 Georgia;color:#bca98e;margin:7px 0 13px}.balance-panel{padding:22px 14px;background:linear-gradient(140deg,#120d09f5,#090705f2)}.balance-heading{display:block}.balance-heading h2{font-size:28px;line-height:1.15;margin:9px 0}.balance-heading p{font:13px Georgia;color:#bda783}.balance-source-switch{text-align:right}.text-control{background:none;border:0;border-bottom:1px solid #73532d;padding:8px 0;color:#bca17a;font:11px Georgia;cursor:pointer;min-height:36px}.pentagon-radar{margin:0 auto;max-width:620px}.pentagon-radar .radar-grid{stroke:#9e763d88;stroke-width:1.5;fill:none}.pentagon-radar .radar-spoke{stroke:#8b693b70;stroke-width:1.5}.pentagon-radar .radar-current{stroke:#e2b568;stroke-width:3.5}.pentagon-radar .radar-dot{fill:#edc982;stroke:#d9b169;stroke-width:1.5}.pentagon-radar .radar-label{fill:#e6c28c;font:22px Georgia}.pentagon-radar g[aria-pressed="true"] .radar-label{fill:#ffe4b0}.balance-message{font:italic 17px/1.5 Georgia;margin:0 6px 15px;color:#cfb389}.next-care{margin-top:18px;padding:16px 13px;border:1px solid #805b3166;background:linear-gradient(110deg,#67451b22,#0d0906)}.next-care h3{font:23px/1.2 Georgia;color:#edc791;margin:9px 0}.next-care p{font:13px/1.6 Georgia;color:#c7b28f}.next-care button{font-size:14px;min-height:44px}.adventurer-diary textarea{width:100%;box-sizing:border-box;resize:vertical;background:#0b0806;color:#efd7b2;border:1px solid #78542e;min-height:110px;padding:12px;font:15px/1.6 Georgia}.adventurer-diary button{min-height:44px;font-size:14px}.journal-privacy{font-size:11px!important}.balance-source{font-size:11px}
.daily-quests,.monthly-quests{padding:17px 13px}.daily-quests h2,.monthly-quests>h2{font-size:27px;margin:10px 0 16px}.mission-slim{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #6f4b2855}.mission-slim .check{width:29px;height:29px;flex-shrink:0}.mission-info{min-width:0;flex:1;text-align:left;background:none;border:0;color:#e6c69a;cursor:pointer;padding:7px 0;min-height:44px}.mission-info strong{font:17px/1.3 Georgia;display:block}.mission-info small{display:block;font:10px/1.5 Georgia;color:#b09a7c;margin-top:5px}.mission-slim .reward{font:12px/1.5 Georgia;flex-shrink:0;max-width:85px;text-align:right;color:#edb96b;white-space:normal}.mission-slim .mission-currency{display:block;font-size:11px;margin-top:4px}.mission-slim .currency-pair{white-space:nowrap}.monthly-quest{padding:17px 0;border-top:1px solid #76532e66}.monthly-quest h3{font:22px/1.3 Georgia;color:#e4c18c;margin:0 0 14px}.monthly-quest .row{font:12px Georgia}.monthly-quest>.secondary{width:100%;min-height:44px;font-size:13px;margin-top:12px}.monthly-quest .quiet-details{margin-top:10px}.monthly-quest .bar{height:6px;margin:12px 0}
.campaign-overview .campaign-content{padding:17px 14px}.campaign-overview .campaign-banner{padding:25px 17px;min-height:155px}.campaign-overview .campaign-banner h2{font-size:30px;line-height:1.12;margin:10px 0}.campaign-overview .campaign-banner>p{font:13px/1.6 Georgia}.campaign-overview .campaign-content h3{font:22px/1.25 Georgia}.campaign-overview .campaign-content>.bar{height:7px;margin:14px 0 19px}.campaign-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0}.campaign-path>button{min-width:0;min-height:76px;border:1px solid #76542d;background:#130e09;color:#b69b73;padding:9px 3px;cursor:pointer;text-align:center}.campaign-path>button.ready{border-color:#c89544;background:radial-gradient(#74502344,#160e08);box-shadow:inset 0 -2px #a67938}.campaign-path>button.claimed{border-color:#8d7b4c;color:#dec998;background:#29241877}.campaign-path strong{font:21px Georgia;font-weight:400;display:block}.campaign-path small{font:10px Georgia;display:block;margin-top:5px}.path-glyph svg{width:17px;height:17px;display:inline-block;color:#cba563}.campaign-motto{font:italic 15px/1.6 Georgia!important;text-align:center;color:#cdb48d!important;padding:9px 0 0}.challenge-list{display:grid;gap:12px}.challenge-row{border:6px solid transparent;border-image:url('assets/frame-reference.svg') 24 36 20 36 stretch;background:linear-gradient(120deg,#191009ef,#0c0805ed)}.challenge-row>summary{display:flex;align-items:center;gap:12px;min-height:89px;padding:10px 11px;list-style:none;cursor:pointer}.challenge-row>summary::-webkit-details-marker{display:none}.challenge-row>summary>span:nth-child(2){min-width:0;flex:1}.challenge-row strong{font:20px/1.25 Georgia;color:#e5c18b;display:block}.challenge-row small{font:11px/1.5 Georgia;color:#b29c7c;display:block;margin-top:5px}.row-arrow{color:#c18d47;font:26px Georgia}.challenge-row[open] .row-arrow{transform:rotate(90deg)}.challenge-body{padding:0 14px 16px}.challenge-body p{font:13px/1.6 Georgia;color:#c5b08d}.challenge-body button{width:100%;min-height:44px;font-size:14px}.challenge-icon.medal{width:64px;height:64px;flex-shrink:0;margin:0;background-size:330% 330%;mix-blend-mode:screen}.challenge-art-0{background-position:50% 1%!important}.challenge-art-1{background-position:3% 43.5%!important}.challenge-art-2{background-position:50% 43.5%!important}.reward-feature{text-align:center;padding:22px 17px}.reward-ring{display:block;width:110px;height:110px;margin:0 auto 15px}.reward-feature h2{font:27px Georgia;color:#edc78e;margin:10px 0}.reward-feature p{font:13px Georgia;color:#cab18c}.reward-feature button{display:block;margin:16px auto 0;min-height:44px;font-size:14px}.reward-state{display:block;font:12px/1.5 Georgia;color:#bda582}.reward-provisions{margin:17px 0;padding:0 13px}.reward-emblems{padding:18px 13px}.reward-emblems h2{font-size:25px;margin-bottom:15px}.emblem-row{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #76522b55}.emblem-row strong{display:block;font:18px/1.3 Georgia;color:#d9b986}.emblem-row small{display:block;font:11px Georgia;color:#ac9778;margin-top:6px}.campaign-day-popup h2{font-size:32px;margin:15px 0;color:#e7be7d}.campaign-day-popup p{font:15px/1.6 Georgia;color:#d0b995}.reward-amounts{display:flex;gap:20px;font:26px Georgia;margin:22px 0}.campaign-day-popup button{width:100%;min-height:46px}.loot-grade{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--loot-color,#cda66a);font:11px Georgia;letter-spacing:.4px}.loot-grade svg{width:22px;height:22px;flex-shrink:0}.character-attributes .attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attribute-grid .attribute-tile:last-child{grid-column:1/-1}.character-attributes h3{font-size:26px}.equipment-comparison{overflow-x:auto}

.monthly-quest>summary{list-style:none;cursor:pointer;padding:2px 0;min-height:76px}.monthly-quest>summary::-webkit-details-marker{display:none}.monthly-quest>summary>strong{display:block;font:22px/1.3 Georgia;color:#e4c18c;margin-bottom:13px;font-weight:400}.monthly-quest .monthly-body{padding:2px 0 8px}.monthly-body p{font:13px/1.6 Georgia;color:#bfa886}.monthly-body>button{width:100%;min-height:44px;font-size:14px;margin-top:8px}.monthly-quest[open]>summary>strong{color:#f1d19b}


html{min-height:100%;scrollbar-gutter:stable}body{padding:0!important;min-width:0}.game{width:100%;max-width:430px!important;margin:0 auto;min-height:100dvh;border-radius:0!important;container-type:inline-size}.game main{min-width:0}nav#nav{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important}.game .vault-showcase{grid-template-columns:1fr}.game .inventory-workbench{grid-template-columns:1fr}.game .attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game .guild-layout{grid-template-columns:1fr}.game .evolution-phases{grid-template-columns:repeat(2,minmax(0,1fr))}
dialog,#level-celebration,dialog:has(.slot-picker),dialog:has(.royal-opening),dialog:has(.chest-purchase),dialog:has(.evolution-preview),dialog:has(#campaign-form),dialog:has(#daily-care-form){width:min(calc(100vw - 24px),406px)!important;max-width:406px!important;max-height:94dvh;padding:22px 14px;box-sizing:border-box;border-width:8px}dialog{container-type:inline-size}dialog .close{min-height:44px;min-width:44px}dialog .slot-pick{display:block;padding:12px}dialog .slot-pick>.gear-art{float:left;width:62px;height:62px;margin:0 12px 12px 0}dialog .slot-pick .equipment-comparison{clear:both}dialog .royal-stage{min-height:330px}dialog .royal-card{width:215px;height:290px}dialog .royal-card-front>.gear-art{width:130px;height:130px}dialog .royal-chest-tap{max-width:290px}dialog .royal-opening.card-ready .royal-chest-tap{width:95px}dialog .royal-opening>h2{font-size:28px}dialog .royal-instruction{font-size:15px}dialog .level-hero{height:235px}dialog .level-celebration h2{font-size:30px}dialog .evolution-preview>img{height:300px}#mission-reward>div{min-width:0;overflow-wrap:anywhere}#toast,#mission-reward{max-width:min(calc(100vw - 24px),406px)}
@media(max-width:360px){dialog .royal-card{width:195px;height:280px}dialog .royal-stage{min-height:315px}}