@font-face{font-family:Huevo;src:url('/backers/assets/huevo_bold.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;font-family:Huevo,sans-serif;color:#f3e4c5;background:#101f23;font-size:20px;line-height:1.4;--mint:#aad7c3;--muted:#bdc9c4;--rule:#bcd8cd33}
*{box-sizing:border-box}body{margin:0;min-height:100svh;isolation:isolate}button,a,summary{-webkit-tap-highlight-color:transparent}
.wardrobe-art{position:fixed;inset:0;z-index:-1;overflow:hidden}.wardrobe-art img{display:block;position:absolute;right:0;width:132%;height:100%;max-width:none;object-fit:cover;object-position:right top}.wardrobe-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 44%,#101f2310 56%,#101f23d9 70%,#101f23f5),linear-gradient(0deg,#101f2333,transparent 28%)}
.masthead{position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 3.5vw;pointer-events:none}.masthead a{pointer-events:auto;display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none;font-size:48px;text-shadow:0 2px 10px #101f23}.masthead img{object-fit:contain;width:72px;height:72px;filter:drop-shadow(0 2px 10px #101f23)}.brand-words{display:flex;flex-direction:column;line-height:1.05;gap:7px}.brand-subtitle{font-size:19px;letter-spacing:.13em;color:var(--mint)}.edition{font-size:20px;letter-spacing:.14em;color:var(--mint)}
main{display:flex;justify-content:flex-end;align-items:flex-start;min-height:100svh;padding:clamp(132px,14svh,188px) 3.5vw 32px}.migration-panel{position:relative;width:31vw;min-width:360px;max-width:490px}.panel-content{padding:0}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);margin:0 0 12px}.eyebrow>span{width:30px;height:1px;background:var(--mint)}
h1{font-size:clamp(44px,3.6vw,60px);line-height:1.04;letter-spacing:-.015em;margin:0 0 22px;text-wrap:balance}h2{font-size:24px;line-height:1.25;margin:4px 0 6px}.intro{color:var(--muted);font-size:22px;line-height:1.4;margin:0 0 28px}
.wardrobe-summary{display:flex;align-items:center;gap:24px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:24px 0;margin-bottom:24px}.wardrobe-summary p{margin:0;font-size:18px;line-height:1.35;color:var(--muted)}.wardrobe-summary .item-label{font-size:18px;letter-spacing:.035em;color:var(--mint)}.wardrobe-summary strong{color:var(--mint);font-size:32px;margin-right:4px}
button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;background:#363132;border:1px solid #8a8082;color:#f3e4c5;font:inherit;font-size:23px;padding:10px 14px;cursor:pointer;border-radius:0;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#454041;border-color:var(--mint)}button.primary{justify-content:space-between;background:var(--mint);border:1px solid var(--mint);color:#152824}button.primary:disabled{background:#aad7c31c;border-color:#aad7c380;color:#c9dfd3;cursor:default}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.button-arrow,.back span{font-family:system-ui,sans-serif;font-size:22px}
.card-preview{width:clamp(156px,11vw,184px);flex-shrink:0}.card-open{position:relative;display:block;border:0;padding:0;width:100%;height:auto;aspect-ratio:1;overflow:hidden;background:#302e34;box-shadow:0 6px 24px #0003}.card-loop{display:block;width:100%;height:100%;object-fit:contain}.card-open span{position:absolute;inset:auto 0 0;padding:2px;background:#181b25cc;font-size:16px;line-height:1.2}.motion-toggle{display:block;border:0;background:none;padding:6px 0 0;min-height:0;font-size:15px;line-height:1.1;color:var(--muted)}.motion-toggle:hover{background:none!important;color:var(--mint)}
.notice{display:flex;gap:10px;align-items:center;margin:0 0 10px;color:var(--mint);font-size:18px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);flex-shrink:0}.fine-print{font-size:18px;line-height:1.4;color:var(--muted);margin:18px 0 24px}
details{font-size:19px;border-top:1px solid var(--rule);padding:0}summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e4e8dd;cursor:pointer;min-height:52px;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:system-ui,sans-serif;font-size:20px;color:var(--mint)}details[open]>summary:after{content:"−"}details p{margin:0 0 18px;color:var(--muted)}
.journey{list-style:none;margin:4px 0 22px;padding:0;display:grid;gap:18px}.journey li{display:flex;gap:16px;align-items:flex-start}.journey p{margin:4px 0 0;color:var(--muted);font-size:20px}.step{min-width:24px;color:var(--mint);font-size:22px}
.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);padding-top:20px;margin-top:8px}.back{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:18px;text-decoration:none}.back:hover{text-decoration:underline;text-underline-offset:5px}#environment{font-size:17px;color:#b4c9bf;text-align:right}
/* The viewer is a game window; the surrounding landing page stays open. */
.detail-dialog{color:#f3e4c5;background:transparent;border:0;padding:44px 24px 26px;width:min(600px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:hidden;filter:drop-shadow(0 18px 28px #0006)}
.detail-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.detail-dialog::backdrop{background:#10191aa6;backdrop-filter:blur(4px)}
.detail-dialog::before{content:"";position:absolute;inset:20px 16px 16px;background:#362d2e;z-index:-1}
.nop-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}
.detail-dialog>header{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;margin-bottom:18px}
.detail-dialog h2{grid-column:2;text-align:center;font-size:30px;line-height:1.2;margin:0;text-wrap:balance}
.dialog-close{position:relative;grid-column:3;display:grid;place-items:center;width:44px;min-height:44px;height:44px;padding:0;border:0;background:transparent;color:#f3e4c5}
.dialog-close:hover:not(:disabled){background:transparent}.dialog-close span{position:relative;width:18px;height:18px}
/* Draw the X around its geometric center, independent of font baseline metrics. */
.dialog-close span::before,.dialog-close span::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:3px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.dialog-close span::after{transform:translate(-50%,-50%) rotate(-45deg)}
.detail-content{position:relative;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#8a8082 #362d2e}
.detail-content p{color:var(--muted)}.detail-content video{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#302b2d}
.detail-dialog.card-dialog{width:min(660px,calc(100vw - 24px),calc(100svh - 38px));padding:34px 24px 28px;grid-template-rows:minmax(0,1fr)}
/* Authored 2x frame interior starts at top 28, sides 18, bottom 22.
   These insets leave exactly 6px of gray between the art and every inner edge. */
.card-dialog>header{position:absolute;top:46px;right:36px;width:44px;height:44px;display:block;margin:0;z-index:2}
.card-dialog h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.detail-content a{color:var(--mint)}
@media(max-width:480px){.detail-dialog{padding:40px 18px 24px}.detail-dialog>header{gap:4px;margin-bottom:14px}.detail-dialog h2{font-size:24px}}

.rehearsal{padding-top:4px}.rehearsal h2{font-size:21px;margin:8px 0}.rehearsal p{font-size:18px;margin:8px 0;overflow-wrap:anywhere}.rehearsal input,.detail-content input{width:100%;font:16px monospace;padding:10px;border:1px solid #8a8082;background:#252326;color:inherit;border-radius:0}.rehearsal button{margin:6px 0}.wallet-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wallet-choices button{font-size:20px}.wallet-choices button:only-child{grid-column:1/-1}.test-log{font-size:17px;padding-left:20px;overflow-wrap:anywhere}.test-log a{color:var(--mint)}.rehearsal-links{display:flex;gap:16px;margin-top:8px}.rehearsal-links button{width:auto;background:none;border:0;padding:0;min-height:28px;color:var(--mint);font-size:17px;text-decoration:underline;text-underline-offset:4px}.is-rehearsal .eyebrow{display:none}.is-rehearsal h1{font-size:42px}.is-rehearsal .intro{font-size:20px;margin-bottom:14px}.is-rehearsal .fine-print{display:none}
@media(min-width:1101px) and (max-height:850px){.masthead{padding-top:18px}.masthead img{width:64px;height:64px}.masthead a{font-size:44px}main{padding-top:106px;padding-bottom:18px}h1{font-size:44px;margin-bottom:14px}.intro{font-size:20px;margin-bottom:12px}.wardrobe-summary{padding:14px 0;margin-bottom:16px;gap:18px}.eyebrow{margin-bottom:8px}.fine-print{margin-bottom:10px}.card-preview{width:112px}.card-open{width:100%;height:auto}.panel-footer{padding-top:10px}.is-rehearsal h1{font-size:36px}.is-rehearsal .intro{display:none}}
/* Short desktop windows keep all primary actions visible; smaller widths stack. */
@media(min-width:1101px) and (max-height:760px){
 main{padding-top:98px;padding-bottom:16px}
 h1{font-size:38px;margin-bottom:10px}.intro{font-size:18px;line-height:1.3;margin-bottom:12px}
 .wardrobe-summary{padding:12px 0;margin-bottom:12px;gap:16px}
 .wardrobe-summary p,.wardrobe-summary .item-label{font-size:16px}.wardrobe-summary h2{font-size:21px}.wardrobe-summary strong{font-size:28px}
 .notice{font-size:16px;line-height:1.3;margin-bottom:8px}button{min-height:46px;padding:8px 12px;font-size:21px}
 .card-open{padding:0}.motion-toggle{min-height:0;padding:6px 0 0;font-size:15px}
 .fine-print{font-size:16px;line-height:1.3;margin:12px 0}summary{min-height:40px;font-size:17px}
 .panel-footer{margin-top:4px;padding-top:12px}.back,#environment{font-size:16px}
}
@media(max-width:1100px){body{display:flex;flex-direction:column;padding-top:100px}.masthead{padding:16px 24px;min-height:100px;background:#101f23}.masthead a{font-size:38px;gap:10px}.masthead img{width:60px;height:60px}.edition{font-size:18px;letter-spacing:.04em}.wardrobe-art{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:16/9;flex-shrink:0}.wardrobe-art img{position:static;width:100%;height:100%;object-fit:contain}.wardrobe-art:after{background:linear-gradient(0deg,#101f23,transparent 22%)}main{padding:22px 28px 36px;justify-content:center;align-items:flex-start;min-height:0}.migration-panel{width:540px;min-width:0;max-width:100%}h1{font-size:44px}.intro{font-size:22px}}
@media(max-width:480px){body{padding-top:88px}.masthead{padding:14px 20px;min-height:88px;gap:8px}.masthead a{font-size:31px;gap:8px}.masthead img{width:46px;height:46px}.edition{display:none}main{padding:12px 24px 28px}h1{font-size:40px}.intro{font-size:21px}.wardrobe-summary{gap:14px}.card-preview{width:112px}.card-open{width:100%;height:auto}.wardrobe-summary h2{font-size:23px}.wardrobe-summary strong{font-size:30px}.panel-footer{align-items:flex-start}.back{gap:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none;scroll-behavior:auto}}