/* 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}}
@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}}
@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}}