@font-face{font-family:Baloo;src:url(assets/baloo2-800.woff2)}@font-face{font-family:Nunito;src:url(assets/nunito-700.woff2)}
:root{--ink:#173948;--muted:#4f686e;--jade:#11675e;--pale:#e7f5ea;--gold:#ffd064;--edge:#cbd8d1;--paper:#fffdf4;font:16px/1.45 Nunito,"Segoe UI",sans-serif;color:var(--ink);background:#dce7e3}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #007dae;outline-offset:3px}button{border:1px solid var(--edge);border-radius:7px;background:#fffdf5;padding:.55em .9em}h1,h2,h3,p{margin:0}h1,h2,h3,.points,.num{font-family:Baloo,"Trebuchet MS",sans-serif;line-height:1.09}h1{font-size:clamp(35px,4.4vw,64px);letter-spacing:-.035em}h2{font-size:32px;letter-spacing:-.025em}h3{font-size:23px}.wrap,.tools{width:min(1140px,calc(100% - 72px));margin-inline:auto}.previewbar{background:#172e3a;color:#e3f0f1}.tools{min-height:45px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;padding:6px 0}.tools strong{margin-right:auto}.lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9ce0b1;margin-right:7px}.tools select,.tools button{background:#284552;color:#fff;border:1px solid #53707a;border-radius:5px;padding:4px 8px}.tools label select{margin-left:4px}.tools button[aria-pressed=true]{background:#e0f3eb;color:var(--ink)}.device{container-type:inline-size;margin:auto;background:#f5f6eb;min-height:100vh}.device.phone{max-width:390px;box-shadow:0 0 0 1px #adbfbb,0 15px 40px #28485934}.site{background:linear-gradient(#edf5ea,#f8f5e9 70%);min-height:100vh}header{background:#fffdf4;border-bottom:1px solid #ccdbcf}.brandrow{height:67px;display:flex;gap:18px;align-items:center}.logo{width:100px;height:62px;object-fit:contain}.area{border-left:1px solid var(--edge);padding-left:16px;color:var(--muted)}.navbtn{margin-left:auto;background:transparent;border-color:#a8bdb3;font-size:14px}.mini-count{color:var(--jade)}.hero{position:relative;background:linear-gradient(90deg,#ecf5ed 1%,#e8f8f0e8 29%,#eaf6f22b 75%),url(assets/eternal-sky.webp) center 46%/cover;border-bottom:3px solid #d3b870;overflow:hidden}.hero-inner{position:relative;min-height:224px;display:flex;align-items:center;padding-block:28px 36px}.hero-copy{position:relative;z-index:1;width:71%}.hero-copy p{max-width:530px;margin-top:8px;font-size:17px}.season{display:flex;gap:9px;align-items:center;color:#245c58;margin-bottom:8px}.tag{font-size:11px;color:#36524d;background:#e6f1df;border:1px solid #9db9a6;border-radius:20px;padding:2px 8px}.star{color:#a97722}.mage{height:130%;width:33%;position:absolute;right:0;bottom:-17%;object-fit:contain;filter:drop-shadow(0 6px 4px #263c4633)}.content{padding-bottom:24px}.progress-panel{position:relative;margin-top:-17px;display:grid;grid-template-columns:minmax(170px,.8fr) 2fr;align-items:center;gap:20px;padding:17px 26px;background:#fffdf5;border:1px solid #aabdaf;box-shadow:0 3px 0 #315c5319;border-radius:12px}.muted,small,.foot{color:var(--muted)}.points{font-size:39px;white-space:nowrap}.points span{font-size:20px}.progress-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.progress-line span{font-size:13px;color:var(--muted)}progress{display:block;width:100%;height:10px;margin:8px 0 4px;border:none;border-radius:10px;overflow:hidden;background:#e0e9df;accent-color:var(--jade)}progress::-webkit-progress-bar{background:#e0e9df}progress::-webkit-progress-value{background:#278c79;border-radius:10px}progress::-moz-progress-bar{background:#278c79}.tabs{display:flex;gap:24px;border-bottom:1px solid #bfcec2;margin:20px 0}.tabs button{border:0;background:transparent;color:#536769;border-radius:0;padding:10px 1px 9px;border-bottom:3px solid transparent}.tabs button[aria-current=page]{border-color:var(--jade);color:#164e48}.heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}.chip{display:inline-block;border-radius:18px;padding:3px 9px;background:#e4e9e4;color:#42585b;font-size:12px;white-space:nowrap}.chip.ready{background:#d2efda;color:#145744}.chip.done{background:#dceef3;color:#275568}.chip.warn{background:#fff0c7;color:#744619}.rail{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px}.step{width:100%;min-width:0;position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-height:91px;padding:6px 2px;background:#f5f5e9;border:1px solid #cfdbce;box-shadow:inset 0 1px #fff}.step img{height:31px;width:31px;object-fit:contain;image-rendering:pixelated}.step.active{background:#ffefbd;border:2px solid #9b7125}.step .num{font-size:20px}.step small{font-size:10px}.step .mobile-name{display:none}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(255px,1fr);gap:16px;margin:16px 0}.panel,.aside,.empty,.archive{background:var(--paper);border:1px solid #bacbbd;border-radius:11px;padding:22px}.panel{border-top:4px solid #3c806e}.panel .heading{margin:0 0 7px}.lead{color:#425c60}.items{padding:0;list-style:none;margin:15px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.items li{border:1px solid #dce2d4;background:#f4f5e9;border-radius:5px;display:flex;align-items:center;gap:9px;min-height:51px;padding:6px 9px;font-size:14px}.items img,.history-icon{width:33px;height:33px;object-fit:contain;image-rendering:pixelated;flex:none}.items b{display:block;color:#26574c;font-size:12px}.notes{font-size:14px;color:#4d6261;margin-top:12px}.actionrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px}.gold{background:linear-gradient(#ffe19a,#ffca59);border:1px solid #986e27;box-shadow:0 2px 0 #a6813b;color:#423417;font-weight:bold}.link{color:#185f59;background:none;border:0;text-decoration:underline;text-underline-offset:3px;padding:.45em .15em}.aside{align-self:start;background:#eef3e6}.aside h3{margin:4px 0 6px}.slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin:13px 0}.slots i{border:1px solid #a8b9aa;border-radius:4px;aspect-ratio:1;background:#fbfcf1;box-shadow:inset 0 2px 2px #1d473117}.slots .used{background:#498b78}.feature{border-top:1px solid #bed0bf;padding-top:13px;margin-top:16px;display:flex;align-items:center;gap:10px}.feature img{width:45px;height:45px;image-rendering:pixelated}.feature span{display:block;color:var(--muted);font-size:13px}.foot{border-top:1px solid #cfdbcf;padding-top:16px;margin-top:24px;font-size:13px}.foot span{color:#997a32;margin:0 5px}.notice{background:#fff1cb;color:#67491c;padding:11px 15px;border:1px solid #e1c785;border-radius:7px;margin-top:12px}.notice button{margin-left:6px}.archive{margin-bottom:10px;display:flex;align-items:center;gap:14px}.archive .end{margin-left:auto}.actionrow small{max-width:25em}.mobile-detail{display:none}
dialog{width:min(520px,calc(100vw - 24px));max-height:90dvh;padding:0;color:var(--ink);border:1px solid #87a396;border-radius:12px;background:var(--paper);box-shadow:0 15px 65px #152b4270}body:has(.phone) dialog{max-width:min(366px,calc(100vw - 24px))}dialog::backdrop{background:#18354091}.dialog-shell{padding:22px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.close{width:39px;height:38px;padding:0;font-size:24px}dialog h2{margin-bottom:9px}dialog .items{grid-template-columns:1fr;max-height:none}.fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.fields label{display:grid;flex:1 1 42%;gap:3px;font-size:14px}.fields select{min-width:0;width:100%;padding:9px 5px;border:1px solid #9eb6a6;background:#fff;border-radius:5px}.cabrow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #d7e0d4;font-size:14px}.cabrow img{width:32px;height:32px}.cabrow button{margin-left:auto;font-size:13px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}button:hover:not(:disabled){filter:brightness(.97)}.step[aria-expanded=false]:hover{background:#edf4e4}
@container(max-width:740px){.wrap{width:calc(100% - 28px)}.brandrow{height:56px;gap:9px}.logo{width:78px;height:50px}.area{font-size:12px;padding-left:9px}.navbtn{font-size:12px;padding:8px}.hero-inner{min-height:172px;padding:18px 0 25px}.hero-copy{width:78%}.hero h1{font-size:39px}.hero-copy p{font-size:14px}.hero{background-position:center,center}.mage{right:-9%;width:45%;height:85%;bottom:0}.season{font-size:13px;gap:5px}.progress-panel{grid-template-columns:1fr;gap:5px;padding:12px 16px}.progress-panel>div:first-child{display:flex;align-items:baseline;justify-content:space-between}.points{font-size:29px}.points span{font-size:15px}.progress-line{font-size:14px}.tabs{gap:12px;justify-content:space-between;margin:12px 0}.tabs button{font-size:14px}.heading h2{font-size:26px}.rail{grid-template-columns:1fr;gap:6px}.step{min-height:50px;display:flex;justify-content:flex-start;gap:9px;padding:6px 10px;text-align:left}.step .num{font-size:18px;min-width:40px}.step .mobile-name{display:block;font-size:14px}.step small{margin-left:auto;font-size:11px}.step img{width:26px;height:26px}.layout{display:block}.layout>.panel{display:none}.mobile-detail{display:block}.panel,.aside,.archive,.empty{padding:15px}.panel{border-top-width:2px}.heading{margin:12px 0}.items{gap:5px}.items li{font-size:12px;gap:5px;padding:5px}.items img{width:27px;height:27px}.archive{flex-wrap:wrap}.archive .end{margin-left:0}.hero .tag{font-size:10px}.aside{margin-top:12px}.foot{font-size:12px}}
@media(max-width:700px){.tools{width:calc(100% - 24px);gap:6px;font-size:12px}.tools strong{margin-right:auto}.tools label{font-size:0}.tools select{font-size:13px}.tools #device{display:none}.tools button,.tools select{min-height:36px}.dialog-shell{padding:16px}}
@container(max-width:360px){.area{display:none}.hero-copy{width:84%}.hero h1{font-size:33px}.mage{opacity:.72}.tabs{gap:5px}.step{gap:5px}.step .mobile-name{font-size:12px}}
.fashion summary{color:var(--jade);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.midnight-showcase{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:6px;background:radial-gradient(ellipse at center,#39304b,#151527);color:#f4edff;padding:16px 8px 10px;border-radius:8px;text-align:center;margin:12px 0}.midnight-showcase figure{margin:0;padding:5px 0;border:1px solid transparent;border-radius:8px}.midnight-showcase .selected-fit{border-color:#bda5df}.midnight-showcase figure img{width:100%;height:112px;object-fit:contain;image-rendering:pixelated}.midnight-coffer{display:grid;justify-items:center;gap:2px}.midnight-coffer img{width:76px;max-width:100%}.midnight-coffer span,.midnight-showcase figcaption{font-size:.8rem;color:#e1d4f1}.midnight-select{display:flex;align-items:center;gap:10px;font-weight:700}.midnight-select select{min-height:38px;padding:5px 10px;font:inherit}.midnight-showcase+.fashion{margin-top:10px}
.items li>div{min-width:0;flex:1}.bag-choice{display:grid;gap:3px}.bag-choice select{width:100%;min-width:0;padding:5px 2px;font:inherit;color:var(--ink);background:white;border:1px solid #9eb6a6;border-radius:4px}
@container(max-width:460px){.items:has(.bag-choice){grid-template-columns:1fr}.bag-choice{grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:8px}.bag-choice select{min-height:40px;font-size:16px}}
@container(max-width:740px){.hero{background-image:linear-gradient(90deg,#eff6ebfa 0%,#eff6ebf5 33%,#eff6ebca 57%,#eff6eb08 91%),url(assets/eternal-sky.webp)}.hero-copy p{max-width:95%}}

.warden-showcase{margin:1rem 0;padding:1rem;text-align:center;border-radius:.6rem;background:radial-gradient(ellipse at center,#48405e,#26243c 72%);color:#e5d7b5}.warden-showcase img{display:block;height:144px;width:auto;max-width:100%;margin:auto}.warden-showcase figcaption{margin-top:.6rem;font-size:.68rem;letter-spacing:.16em}
.pair-showcase{display:grid;grid-template-columns:2fr 3fr;align-items:end;gap:8px;margin:1rem 0;padding:12px 8px;border-radius:8px;background:linear-gradient(115deg,#f3e8e2,#dce9e9);color:#2a3540;text-align:center}.pair-showcase figure{margin:0}.pair-showcase img{width:100%;height:112px;object-fit:contain;image-rendering:pixelated}.pair-showcase figcaption{font-size:.8rem;font-weight:700}

.future-icon{display:grid;place-items:center;width:31px;height:31px;border:1px dashed #82978e;border-radius:50%;color:#52695e;font-weight:700}
.track{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:5px;margin:16px 0}.track .step{width:auto;min-width:0}.track+.panel{margin-bottom:22px}.items small{display:block;font-size:12px;color:var(--muted)}@media(max-width:650px){.track{grid-template-columns:repeat(3,1fr)}.track .step{display:flex;flex-direction:column;align-items:center}.track .step small{display:block}}

.midnight-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.items b{display:block}
.choice-types{font-size:12px;margin-top:4px}
.choice-types summary{color:var(--jade);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.choice-types p{margin-top:3px}
@container(max-width:460px){.panel>.items,.fields .items{grid-template-columns:1fr}}