:root{--petrol:#102833;--deep:#0b2029;--mid:#193a45;--copper:#cf9769;--copper-dark:#a97148;--ivory:#f2e5d5;--chalk:#fbf6ee;--ink:#18323b;--muted:#657578;--line:#d9d4c8;--danger:#803b28;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--chalk)}
*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}button:focus-visible{outline:3px solid var(--copper);outline-offset:3px}a:focus-visible{outline:3px solid var(--copper)}.shell{max-width:1600px;margin:auto}.masthead{min-height:94px;background:var(--petrol);color:var(--ivory);padding:16px clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #31515b}.brand{display:flex;align-items:center;gap:13px;font:27px/1 'Marcellus',Georgia,serif;white-space:nowrap}.brand img{border-radius:10px}.brand small{display:block;font:500 10px/1.8 'DM Sans',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--copper)}.session-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.identity{font-size:13px;color:#e2d1be}.button{border:1px solid transparent;border-radius:3px;padding:12px 17px;font-weight:700;font-size:13px;line-height:1.25;white-space:normal;text-align:center;transition:background .16s ease,border-color .16s ease}.button:not(:disabled):hover{filter:brightness(1.06)}.button.light{background:var(--ivory);color:var(--petrol)}.button.outlined{background:transparent;border-color:#91a4a7;color:inherit}.overview .button.outlined{color:var(--petrol);border-color:#698088}.button.copper{background:var(--copper);color:var(--deep)}.button.text-button{background:transparent;color:var(--ivory);border-color:#54717a}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 60%,#27505a 0,var(--petrol) 47%,var(--deep) 100%);color:var(--ivory);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);min-height:376px;padding:50px clamp(22px,5vw,80px);gap:30px}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,#ffffff09 120px 121px);pointer-events:none}.hero-copy,.hero-mark{z-index:1}.edition{color:var(--copper);font-weight:600;font-size:14px;letter-spacing:.035em;margin:0 0 18px}.hero h1{font:clamp(60px,7.3vw,118px)/.96 'Marcellus',Georgia,serif;letter-spacing:-.04em;margin:0}.intro{max-width:530px;font-size:17px;line-height:1.62;color:#d6d8d3;margin:24px 0 0}.hero-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.hero-mark img{width:min(240px,65%);height:auto;border:1px solid #a67f6088;border-radius:26%}.hero-mark span{font-size:11px;color:var(--copper);letter-spacing:.16em}.hero-mark i{font-style:normal;padding:0 6px;color:#718d95}.disclosure{background:#e1c5aa;color:#34281f;padding:17px clamp(22px,5vw,80px);line-height:1.45;font-size:14px;border-bottom:1px solid #c49c7c}.status{padding:13px clamp(22px,5vw,80px);background:#e5ece9;font-size:13px;color:#2e4b47;overflow-wrap:anywhere}.error{padding:13px clamp(22px,5vw,80px);background:#f9e9e1;color:var(--danger);font-weight:700;font-size:13px;overflow-wrap:anywhere}.overview{padding:28px clamp(22px,5vw,80px);display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:stretch;border-bottom:1px solid var(--line)}.balance{display:flex;flex-direction:column;min-width:0;border-left:3px solid var(--copper);padding:4px 20px}.balance span{font-size:13px;font-weight:700}.balance strong{font:40px/1.2 'Marcellus',Georgia,serif;margin:8px 0 3px;font-variant-numeric:tabular-nums}.balance small{color:var(--muted);font-size:11px}.tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.slots-section,.history{padding:64px clamp(22px,5vw,80px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-index{font-size:11px;font-weight:700;color:var(--copper-dark);letter-spacing:.12em;margin:0 0 12px}.section-heading h2,.qa-band h2{font:clamp(33px,3.5vw,54px)/1.08 'Marcellus',Georgia,serif;letter-spacing:-.02em;margin:0 0 12px}.section-heading p:not(.section-index),.qa-band p:not(.section-index){font-size:14px;line-height:1.6;color:var(--muted);max-width:620px;margin:0}.chain-badge,.vault-summary{font-size:12px;color:var(--muted);padding:8px 12px;border:1px solid var(--line);white-space:normal;text-align:right}.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.slot{background:var(--petrol);color:var(--ivory);min-height:315px;padding:23px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-top:4px solid var(--copper)}.slot:before{position:absolute;right:-25px;top:45px;content:'✦';font-family:Georgia,serif;font-size:140px;line-height:1;color:#ffffff08}.slot-1{border-color:#b47d61}.slot-2{border-color:#d8b57d}.slot-3{border-color:#e3cbb2}.slot-heading{display:flex;align-items:center;gap:12px;z-index:1}.slot-number{border:1px solid #638089;color:var(--copper);padding:7px 9px;font-size:13px}.slot-name{font:19px 'Marcellus',Georgia,serif}.slot-middle{display:flex;flex-direction:column;margin:auto 0 20px;z-index:1}.small-label{font-size:12px;color:#b5c8c8}.slot-middle strong{font:clamp(27px,2.7vw,40px) 'Marcellus',Georgia,serif;margin-top:7px;font-variant-numeric:tabular-nums}.slot-middle small{font:500 11px 'DM Sans',Arial,sans-serif;color:var(--copper)}.slot-foot{border-top:1px solid #45616a;padding-top:13px;display:flex;justify-content:space-between;gap:8px;font-size:12px;z-index:1}.slot-state{color:#f5c799;font-weight:700}.slot-epoch{color:#abc0bd}.slot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;z-index:1}.slot-actions .button{flex:1;min-width:115px}.empty{grid-column:1/-1;background:#eeeae1;padding:28px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}.qa-band{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e7d9c5;padding:36px clamp(22px,5vw,80px);border-top:1px solid #d5bda1;border-bottom:1px solid #d5bda1}.qa-band p:not(.section-index){color:#554b42}.qa-band .button{flex-shrink:0}.history{padding-bottom:90px}.chest-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.chest-row{border-bottom:1px solid var(--line);padding:20px 10px;display:grid;grid-template-columns:44px minmax(130px,1fr) minmax(140px,.7fr) auto;align-items:center;gap:16px}.chest-sigil{font:36px 'Marcellus',Georgia,serif;color:var(--copper-dark)}.chest-row b{display:block;font:21px 'Marcellus',Georgia,serif}.chest-row span:not(.chest-sigil):not(.rarity):not(.claimed-label){font-size:12px;color:var(--muted);display:block;margin-top:5px}.chest-reward{text-align:right}.chest-reward strong{display:block;font-size:14px}.rarity{display:block;color:var(--copper-dark);font-size:11px;font-weight:700;text-transform:capitalize;margin-bottom:4px}.claimed-label{font-size:12px;color:var(--muted);text-align:center;min-width:110px}footer{background:var(--petrol);color:#b7c8c5;display:flex;justify-content:space-between;gap:12px;padding:28px clamp(22px,5vw,80px);font-size:12px}footer span:first-child{font:18px 'Marcellus',Georgia,serif;color:var(--ivory)}[hidden]{display:none!important}
@media(max-width:1100px){.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{grid-template-columns:1fr 1fr}.tools{grid-column:1/-1}.hero-mark img{max-width:185px}}
@media(max-width:650px){.masthead{align-items:flex-start;flex-direction:column;gap:14px}.session-controls{width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;min-height:0;padding-top:42px;padding-bottom:42px}.hero h1{font-size:clamp(55px,14vw,79px)}.hero-mark{display:none}.overview{grid-template-columns:1fr;padding-top:24px}.balance{border-left:0;border-bottom:1px solid var(--line);padding:0 0 19px}.tools{grid-column:auto}.tools .button{flex:1}.slots-section,.history{padding-top:46px;padding-bottom:48px}.section-heading{display:block}.chain-badge,.vault-summary{display:inline-block;text-align:left;margin-top:15px}.slots{grid-template-columns:1fr}.slot{min-height:278px}.slot-middle strong{font-size:39px}.qa-band{display:block}.qa-band .button{width:100%;margin-top:22px}.chest-row{grid-template-columns:35px 1fr;gap:10px}.chest-reward{text-align:left;grid-column:2}.chest-row>.button,.claimed-label{grid-column:2;justify-self:start}footer{flex-direction:column}.intro{font-size:15px}}
/* Developer QA-specific controls: fluid grids and unbreakable test hashes. */
html,body,.shell,main{max-width:100%;min-width:0}
.status,.error,.identity,.disclosure,.vault-summary,.chain-badge,.chest-row,.chest-row *{overflow-wrap:anywhere;min-width:0}
.status,.error{word-break:break-word}
.chest-row{grid-template-columns:38px minmax(0,1fr) minmax(0,.7fr) minmax(150px,.8fr) auto}
.rarity-picker{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--ink)}
.rarity-picker select{font:inherit;width:100%;max-width:100%;min-height:42px;padding:8px;border:1px solid #81949a;border-radius:3px;background:var(--chalk);color:var(--ink)}
.rarity-picker select:focus-visible,input:focus-visible{outline:3px solid var(--copper);outline-offset:2px}
.chest-row>.button{max-width:100%}
.qa-band .button.outlined{color:var(--petrol);border-color:var(--petrol)}
dialog{max-width:min(92vw,520px);border:1px solid var(--copper-dark);border-radius:5px;background:var(--chalk);color:var(--ink);padding:clamp(22px,4vw,36px);box-shadow:0 25px 65px #0b202990}
dialog::backdrop{background:#081923ba}dialog h2{font:30px 'Marcellus',Georgia,serif;margin:0 0 15px}dialog p{line-height:1.6}dialog label{display:block;font-weight:700;margin:20px 0 8px}dialog input{font:inherit;width:100%;max-width:100%;padding:12px;border:1px solid #81949a;border-radius:3px}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.dialog-actions .outlined{color:var(--ink);border-color:var(--muted)}
@media(max-width:1100px){.chest-row{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr)}.chest-reward{grid-column:2;text-align:left}.rarity-picker{grid-column:3;grid-row:1/3}.chest-row>.button,.claimed-label{grid-column:3;justify-self:start}}
@media(max-width:650px){.masthead{padding:16px 18px}.session-controls{min-width:0}.identity{max-width:100%}.hero,.overview,.slots-section,.history,.qa-band{padding-left:18px;padding-right:18px}.hero h1{font-size:clamp(42px,12vw,72px)}.chest-row{grid-template-columns:30px minmax(0,1fr);padding:18px 0;gap:9px}.chest-reward,.rarity-picker,.chest-row>.button,.claimed-label{grid-column:2;grid-row:auto}.rarity-picker{width:100%}.chest-row>.button{width:100%}.slot-actions{flex-wrap:wrap}.slot-actions .button{max-width:100%}.status,.error{padding-left:18px;padding-right:18px}}
@media(max-width:350px){.session-controls .button{padding:10px}.brand{font-size:23px}.tools{flex-wrap:wrap}.tools .button{min-width:130px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}