:root{font:17px/1.5 'Atkinson Hyperlegible',Arial,sans-serif;color:#392b1d;background:#142b20;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#10251ee8,#142b20fa),url('/assets/info/sherwood-morning.webp') center/cover fixed;min-height:100vh}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #b77b27;outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.06)}[hidden]{display:none!important}
.page{max-width:1200px;margin:auto;padding:24px 40px 0}header{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#f0e5c8;padding-bottom:18px;border-bottom:1px solid #b3986255}.brand{display:flex;align-items:center;gap:12px;font:20px Silkscreen,monospace;text-decoration:none}.brand img{image-rendering:pixelated}.back{font-size:14px;padding:12px 0}h1,h2,p{margin:0}h1,h2{font-family:Silkscreen,monospace;font-weight:400}.heading{padding:34px 0 28px;color:#f6e3ac;display:flex;align-items:end;justify-content:space-between;gap:22px}h1{font-size:clamp(24px,3.3vw,38px);line-height:1.3}.heading p{font-size:17px;color:#d1d8be;max-width:24ch;padding-bottom:4px}.workshop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}.portrait-area{min-width:0}.portrait-frame{padding:18px;background:#573a24 url('/assets/ui/oak.webp') center/450px;border:3px solid #a17b48;box-shadow:inset 0 0 0 4px #322213,0 12px 25px #0004;border-radius:12px}.portrait-mat{position:relative;background-color:#c9c1ad;background-image:conic-gradient(#e9e2d2 25%,transparent 0 50%,#e9e2d2 0 75%,transparent 0);background-size:24px 24px;border:3px solid #291d14;box-shadow:0 0 0 2px #c29a59}
#portrait{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}.frame-pin{position:absolute;width:7px;height:7px;background:#a87c3b;box-shadow:inset 1px 1px #f1ca7b,1px 1px #25190f;pointer-events:none;top:-12px}.pin-one{left:-12px}.pin-two{right:-12px}.preview-strip{display:flex;align-items:center;gap:14px;padding:18px 2px;color:#f4e7c6}.preview-strip canvas{width:60px;height:60px;border-radius:50%;background:#243d30;image-rendering:pixelated;border:2px solid #b99a61;flex:none}.preview-strip strong{font-size:16px}.preview-strip span{display:block;font-size:13px;color:#c8d0b8}.preview-strip>div{flex:1;min-width:0}#framing{font-size:13px;min-height:44px;padding:8px 12px;border:1px solid #9b9e77;border-radius:6px;background:#203b2d;color:#f1e8cc}#framing[aria-pressed=true]{background:#d8bb78;color:#302818}.download-row{display:flex;align-items:center;gap:14px}.wood-button{flex:1;border:0;background: url('/assets/ui/destination-plaque.png') center/100% 100% no-repeat;min-height:86px;padding:24px 28px;font-weight:700;color:#382410;font-size:18px}.surprise{border:1px solid #80926d;color:#eae4cb;background:#2a4835;border-radius:8px;padding:12px 16px;min-height:48px;font-weight:700}.export-note{color:#c2ccb0;text-align:center;font-size:12px;padding-top:8px}.status{min-height:28px;color:#ecd299;font-size:14px;text-align:center;margin-top:10px}.wardrobe-panel{background:#efe0bb url('/assets/ui/parchment.webp') center/512px;border:3px solid #a17b48;border-radius:12px;box-shadow:0 12px 25px #0004;overflow:hidden}.panel-heading{padding:24px 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:21px}#reset{font-size:14px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px;color:#574125}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #ac8a54;margin:0 22px}.tabs button{background:none;border:0;padding:12px 3px;min-height:50px;font-size:14px;font-weight:700;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{border-bottom-color:#3c5837;color:#253e29;background:#b4b58a33}.option-panel{padding:22px;min-height:355px}.option-panel>p{font-size:14px;margin-bottom:18px;color:#665039}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice{position:relative;border:1px solid #ad946c;border-radius:8px;background:#fffae65e;padding:10px 6px 9px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:117px;font-size:13px}.choice[aria-pressed=true]{background:#fff5d6;border:2px solid #46613c;padding:9px 5px 8px;box-shadow:0 0 0 2px #46613c25}.choice[aria-pressed=true]:after{content:'✓';position:absolute;top:3px;right:5px;font-size:13px;color:#305031;font-weight:700}.choice canvas{width:72px;height:72px;image-rendering:pixelated;max-width:100%;object-fit:contain}.choice span{line-height:1.2}.wardrobe-note{display:flex;gap:14px;align-items:center;margin:0 22px;padding:16px 0;border-top:1px solid #a383504d;color:#786144;font-size:13px}.wardrobe-note img{image-rendering:pixelated}footer{display:flex;justify-content:space-between;gap:20px;color:#b9c6ad;border-top:1px solid #85916a44;padding:20px 0;margin-top:22px;font-size:13px}footer a{min-height:44px}.notice{padding:20px;background:#f8e8be;margin-bottom:20px}.skip{position:absolute;top:-100px;background:#fff1cc;padding:14px;z-index:5}.skip:focus{top:10px}
@media(max-width:850px){.page{padding:20px 24px 0}.workshop{gap:24px}.heading p{font-size:15px}.panel-heading{padding:18px 16px 12px}.tabs{margin:0 14px}.option-panel{padding:18px 14px;min-height:335px}.choices{gap:8px}.choice{font-size:12px;min-height:104px}.choice canvas{width:60px;height:60px}.wardrobe-note{margin:0 14px}.wood-button{font-size:16px;padding:20px;min-height:76px}.download-row{gap:8px}.surprise{font-size:14px;padding:10px}.preview-strip{gap:9px}.preview-strip canvas{width:48px;height:48px}.preview-strip strong{font-size:14px}.preview-strip span{font-size:12px}#framing{font-size:12px;padding:7px}}
@media(max-width:650px){.page{padding:16px 18px 0}.brand{font-size:17px}.brand img{width:30px;height:30px}.back{font-size:12px}.heading{display:block;padding:24px 0 22px}.heading p{margin-top:12px;max-width:none}.heading h1 br{display:none}h1{font-size:27px}.workshop{grid-template-columns:1fr;gap:18px}.portrait-frame{max-width:420px;margin:auto;padding:13px}.portrait-area{max-width:446px;width:100%;margin:auto}.preview-strip{padding:14px 2px}.preview-strip canvas{width:52px;height:52px}.download-row{gap:12px}.wood-button{min-height:77px;font-size:17px}.surprise{padding:12px 15px}.option-panel{min-height:0;padding:20px 18px 22px}.choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice{font-size:13px;min-height:112px}.choice canvas{width:70px;height:70px}.tabs{margin:0 18px}.panel-heading{padding:17px 18px 12px}.wardrobe-note{margin:0 18px}.wardrobe-panel{margin-bottom:12px}.status:empty{min-height:0;margin:0}footer{font-size:12px;margin-top:10px}}
@media(max-width:360px){.page{padding-inline:12px}.heading h1{font-size:24px}.tabs button{font-size:12px}.choices{gap:8px}.option-panel{padding-inline:14px}.wood-button{font-size:15px}.surprise{padding-inline:9px;font-size:13px}}

#mobile-preview{display:none}@media(max-width:650px){.wardrobe-panel{overflow:visible}.panel-heading{position:sticky;top:0;z-index:2;background:#efe0bb url(/assets/ui/parchment.webp) center/512px;border-radius:9px 9px 0 0;border-bottom:1px solid #b49a6e55;gap:12px}.panel-heading h2{flex:1;font-size:18px}#mobile-preview{display:block;width:64px;height:64px;flex:none;border-radius:50%;image-rendering:pixelated;background:#28402f;border:2px solid #9f8150}}

.collection-size{color:#c6d0b8;font-size:14px;margin:-10px 0 26px}.review-tools{margin-top:15px;text-align:center}.review-tools>button{background:#294733;color:#f2e7c7;border:1px solid #859567;border-radius:6px;padding:10px 18px;min-height:44px;font-weight:700}.selection-summary{font-size:12px;line-height:1.55;color:#c6d0b8;margin:12px auto 0;max-width:58ch}.share-fallback{color:#f2e5bf;font-size:13px;text-align:left;margin-top:12px}.share-fallback input{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #9a875d;border-radius:5px;background:#fff2d1;color:#392b1d;font:inherit}.filter-label{display:block;font-size:13px;color:#665039;margin:0 0 18px}.filter-label input{display:block;width:100%;margin-top:6px;background:#fff6df;border:1px solid #a88a5a;border-radius:6px;color:#392b1d;padding:10px 12px;font:inherit;min-height:44px}.filter-label input:focus-visible{outline:3px solid #92713e;outline-offset:2px}.empty-options{font-size:14px;color:#654c2e;padding:14px 0}.choice .option-code{font-size:10px;line-height:1.2;color:#7b694b;letter-spacing:.04em}.choice{min-height:132px}.choice canvas{width:76px;height:76px}.option-panel{min-height:420px}
@media(min-width:851px) and (min-height:850px){.portrait-area{position:sticky;top:20px}}
@media(max-width:650px){.collection-size{font-size:12px;margin:-10px 0 22px}.panel-heading{height:96px}.tabs{position:sticky;top:96px;z-index:2;margin:0;padding:0 18px;background:#efe0bb url('/assets/ui/parchment.webp') center/512px}.choice{min-height:128px}.option-panel{min-height:0}.review-tools{margin-top:12px}.selection-summary{font-size:11px}}

/* Keep category switches within reach while browsing a larger collection. */
.wardrobe-panel{overflow:visible}.panel-heading{position:sticky;top:0;z-index:3;height:86px;background:#efe0bb url('/assets/ui/parchment.webp') center/512px;border-radius:9px 9px 0 0}.tabs{position:sticky;top:86px;z-index:3;margin:0;padding:0 22px;background:#efe0bb url('/assets/ui/parchment.webp') center/512px}
@media(min-width:651px) and (min-height:850px){.portrait-area{position:sticky;top:20px}}
@media(max-width:650px){.panel-heading{height:96px}.tabs{top:96px;padding:0 18px}}