/* Borrowed Jacket: cream stitching, copper fittings and a warm camp stage. */
.outfit-scene{position:relative;overflow:hidden;border:1px solid #b8cdc34d;border-radius:24px;background:radial-gradient(ellipse at 50% 54%,#71958088 0,#52677766 27%,transparent 65%),linear-gradient(155deg,#25415b,#263d49 47%,#142b38);isolation:isolate}
.outfit-scene:before{content:'';position:absolute;inset:10px;border:1px dashed #dec79252;border-radius:17px;pointer-events:none;z-index:1}.outfit-scene canvas{display:block;width:100%;height:auto}.outfit-stage-label{position:absolute;inset:23px 24px auto;display:flex;justify-content:space-between;gap:10px;font:9px var(--body);letter-spacing:.12em;color:#d2c69f;z-index:1}.outfit-stage-label span:last-child{letter-spacing:.03em;text-align:right;color:#c8dcd6}.outfit-stage-caption{position:absolute;bottom:17px;left:0;right:0;text-align:center;font:italic 14px var(--display);color:#e5d0a4}.outfit-loading{position:absolute;top:45%;left:20px;right:20px;padding:12px;background:#142e42ed;text-align:center;font-size:12px;border:1px solid #8ca3a9;border-radius:12px;z-index:3}.outfit-loading[hidden]{display:none}
.wardrobe-screen{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#0e2334;color:#f1e8d4;overflow:hidden}.wardrobe-screen::backdrop{background:#081e30}.wardrobe-shell{max-width:920px;margin:auto;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 15% 10%,#294b56,#122a3e 57%);border-inline:1px solid #95bbbe26}.wardrobe-header{display:flex;align-items:center;gap:12px;padding:max(15px,env(safe-area-inset-top)) 20px 15px;border-bottom:1px solid #86aba22e;flex:none}.wardrobe-header>button{width:44px;height:44px;min-height:44px;padding:0;border-radius:14px;font:28px var(--body);flex:none;background:#294957}.wardrobe-header>div{flex:1;min-width:0}.wardrobe-header small{font:8px var(--body);letter-spacing:.15em;color:#a0bfc8}.wardrobe-header h1{font:26px/1.1 var(--display);margin:4px 0 0}.wardrobe-header>.camp-icon{width:33px;height:33px}.wardrobe-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 20px 24px;scrollbar-width:thin}.wardrobe-preview{min-width:0}.wardrobe-stage{padding-bottom:45px}.wardrobe-stage canvas{margin-bottom:-12px}.outfit-motion-controls{position:absolute;bottom:16px;left:18px;right:18px;display:flex;gap:4px;z-index:2}.outfit-motion-controls button{min-height:44px;min-width:40px;flex:1;padding:6px;font-size:12px;background:#173341ed;border:1px solid #b7c6b840;border-radius:11px;color:#c7d7d5}.outfit-motion-controls button[aria-pressed=true]{color:#fff0c9;background:#776946;border-color:#d7bd76}.outfit-motion-controls [data-turn],.outfit-motion-controls [data-play]{flex:0 0 40px;font-size:18px}.wardrobe-stage .outfit-stage-caption{display:none}
.wardrobe-looks{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin:12px 0 22px}.wardrobe-looks button{position:relative;display:flex;align-items:center;gap:9px;padding:8px 10px;background:#19394b;border:1px solid #8cafaf5e;border-radius:14px;min-height:66px;color:#d5dddd;font-size:12px}.wardrobe-looks img{height:49px;width:37px;object-fit:contain;flex:none}.wardrobe-looks button[aria-pressed=true]{border-color:#e8cc8a;background:linear-gradient(145deg,#6e6543,#374f55);box-shadow:inset 0 0 0 2px #f4d99122}.wardrobe-looks b{display:none;margin-left:auto}.wardrobe-looks button[aria-pressed=true] b{display:block}.wardrobe-looks b svg{width:17px;height:17px}
.wardrobe-kicker{font:9px var(--body);letter-spacing:.17em;color:#cebb8f}.wardrobe-copy h2{font:44px/.97 var(--display);margin:12px 0}.wardrobe-tagline{font:italic 19px var(--display);color:#e9cd90;margin:0 0 14px}.wardrobe-description{font:14px/1.65 var(--body);color:#bfd0d4;max-width:360px}.wardrobe-swatches{display:flex;align-items:center;gap:7px;margin:18px 0 22px}.wardrobe-swatches i{width:18px;height:18px;border-radius:50%;background:#203c5e;border:2px solid #b3bec187;box-shadow:0 2px 4px #061322}.wardrobe-swatches i:nth-child(2){background:#f1dec0}.wardrobe-swatches i:nth-child(3){background:#bd7735}.wardrobe-swatches span{margin-left:4px;font-size:10px;color:#a1b9bf}
.wardrobe-story{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;background:linear-gradient(120deg,#435561,#273748);border:1px solid #ab929e69;border-radius:16px}.wardrobe-story>span:first-child{display:flex;flex:none;padding-right:6px}.wardrobe-story img{width:35px;height:44px;object-fit:cover;object-position:50% 15%;border:1px solid #d3b57e;border-radius:10px;background:#224354}.wardrobe-story img+img{margin-left:-7px;margin-top:7px}.wardrobe-story b,.wardrobe-story small{display:block}.wardrobe-story b{font:16px var(--display);color:#f5deb0}.wardrobe-story small{font:10px var(--body);color:#b9cbd0;margin-top:5px}.wardrobe-story>.camp-icon{margin-left:auto;width:22px;height:22px;flex:none}
.wardrobe-set{margin:24px 0 14px;padding:16px;background:linear-gradient(140deg,#314a61,#253949);border:1px solid #93adb74f;border-radius:18px}.wardrobe-set[hidden]{display:none}.wardrobe-set>div{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-bottom:13px;border-bottom:1px solid #87a7b442}.wardrobe-set>div small{font:9px var(--body);letter-spacing:.1em;color:#d6c195}.wardrobe-set>div>span{font-size:10px;color:#b2c2c8}.wardrobe-set>div b{font:16px var(--number);color:#f0d295}.wardrobe-set article{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #87a7b424}.wardrobe-set article>span:nth-child(2){flex:1;min-width:0}.wardrobe-set article strong,.wardrobe-set article small{display:block}.wardrobe-set article strong{font:17px var(--display);color:#f4e3bf}.wardrobe-set article small{font-size:10px;margin-top:4px;color:#b7cbd0}.wardrobe-set article>b{font:9px var(--body);color:#b6d2ba}.wardrobe-set-icon{display:grid;place-items:center;width:48px;height:54px;border:1px solid #d9bf823d;border-radius:13px;background:#172e3b}.wardrobe-set-icon svg{width:34px;height:34px}.beacon-stitch{display:block;position:relative;border:3px double #dfc487;border-radius:14px;background:linear-gradient(150deg,#718a7a,#315568 48%,#26384f);box-shadow:0 0 0 2px #53626e,inset 0 0 15px #eed4903d}.beacon-stitch:after{content:'✦';position:absolute;right:-6px;bottom:-7px;color:#ffe7a4;font-size:21px;text-shadow:0 1px 3px #161c2f}.frame-preview{width:48px;height:54px;flex:none;overflow:visible}.frame-preview{display:grid;place-items:center}.frame-preview img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;border-radius:10px}.wardrobe-frame-toggle{display:flex;align-items:center;gap:10px;padding-top:14px;font-size:12px;min-height:44px;color:#c9d8d9}.wardrobe-frame-toggle input{width:21px;height:21px;accent-color:#dbbe7e;flex:none}.wardrobe-cosmetic{display:flex;align-items:center;justify-content:center;gap:7px;color:#a6c2c7;font:11px var(--body);margin-top:20px}.wardrobe-cosmetic svg{width:19px;height:19px}
.wardrobe-actions{flex:none;border-top:1px solid #d1bc8759;background:#102737f5;padding:10px 20px max(12px,env(safe-area-inset-bottom));box-shadow:0 -8px 25px #091b3444}.wardrobe-actions>button{width:100%;min-height:52px;margin:0;font:600 16px var(--body);border-radius:14px;background:linear-gradient(#efdaa4,#d3ac6f);color:#172f3c;box-shadow:0 3px 0 #806948}.wardrobe-actions>button:disabled{opacity:.55;box-shadow:none}.wardrobe-actions>small{display:block;text-align:center;margin:9px 0 0;font:10px var(--body);color:#a4bdc6}.wardrobe-status{font:12px/1.4 var(--body);color:#d7dcad;text-align:center;margin:0 0 8px}.wardrobe-status:empty{display:none}.wardrobe-screen button:focus-visible{outline:3px solid #ffe8a4;outline-offset:3px}.wardrobe-screen button{touch-action:manipulation}.outfit-unlocked .wardrobe-set{animation:outfitClaim .65s ease-out}@keyframes outfitClaim{from{box-shadow:0 0 30px #edce9baa}to{box-shadow:0 0 0 #edce9b00}}
.exchange-feature.outfit-feature{display:block!important;position:relative;border:1px solid #d6b87588;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#284b58,#273b58)}.outfit-feature .exchange-feature-art{aspect-ratio:auto!important;min-height:0!important;height:auto!important;padding:0!important;background:none!important}.outfit-feature .outfit-scene{border:0;border-radius:0}.outfit-feature .outfit-stage-label{top:22px}.outfit-feature .outfit-stage-caption{bottom:21px}.outfit-feature .exchange-feature-copy{position:relative;padding:22px!important;background:linear-gradient(155deg,#3c455c,#273d50)!important;border-top:1px solid #c9b48855}.outfit-feature .exchange-feature-copy h2{font-size:42px!important;line-height:1!important;margin:8px 0 10px!important}.outfit-feature .exchange-feature-copy h2 br{display:none}.outfit-feature .exchange-feature-copy h2 br:after{content:' '}.outfit-feature .exchange-feature-copy h2{white-space:normal}.outfit-feature .exchange-feature-copy>p{font:italic 17px var(--display);color:#e8cca1}.outfit-feature .exchange-includes{gap:15px}.outfit-feature .exchange-includes span{font-size:11px}.outfit-feature .exchange-feature-button{margin-top:17px!important;min-height:50px}.outfit-feature .exchange-price{margin-top:15px!important}.outfit-feature .exchange-feature-copy>small{color:#e5c78e}.shop-outfit-note{padding:15px 18px;border:1px solid #c5b77955;border-radius:16px;background:#3d4d504d;color:#c8d9d9;font-size:13px;line-height:1.6}.shop-outfit-card{display:flex;width:100%;gap:16px;align-items:center;text-align:left;padding:18px;margin:20px 0;background:linear-gradient(125deg,#57506d,#253e54);border:1px solid #c8ad807d;border-radius:20px}.shop-outfit-card img{width:84px;height:112px;object-fit:contain}.shop-outfit-card span{flex:1}.shop-outfit-card small,.shop-outfit-card strong,.shop-outfit-card b{display:block}.shop-outfit-card small{font:9px var(--body);letter-spacing:.12em;color:#d4c091}.shop-outfit-card strong{font:28px/1.05 var(--display);margin:10px 0;color:#f5ddb2}.shop-outfit-card b{font-size:12px;color:#b6d6db}.shop-outfit-card>.camp-icon{width:24px;height:24px}.wearing-beacon-stitch{filter:drop-shadow(0 1px 5px #dbb77035)}.wearing-beacon-stitch .camp-avatar{border:3px double #e4cb91!important;box-shadow:0 0 0 2px #526577,inset 0 0 12px #e6c67340!important}
@media(min-width:700px){.wardrobe-scroll{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;padding:26px}.wardrobe-preview{position:sticky;top:0;align-self:start}.wardrobe-copy{padding-top:10px}.outfit-feature.exchange-feature{display:grid!important;grid-template-columns:1.15fr 1fr!important}.outfit-feature .exchange-feature-art{align-self:center}.outfit-feature .exchange-feature-copy{border-top:0;border-left:1px solid #c9b48855;height:100%;display:flex;flex-direction:column;justify-content:center}}
@media(max-width:350px){.wardrobe-header{padding-inline:14px}.wardrobe-header h1{font-size:23px}.wardrobe-scroll{padding:14px}.wardrobe-actions{padding-inline:14px}.wardrobe-copy h2{font-size:39px}.wardrobe-stage{padding-bottom:47px}.outfit-motion-controls{left:13px;right:13px}.outfit-stage-label{left:19px;right:19px;font-size:8px}.wardrobe-looks{gap:7px}.wardrobe-looks button{padding:7px;gap:6px;font-size:11px}.wardrobe-set{padding:13px}.wardrobe-set article{gap:9px}.wardrobe-set article>b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.outfit-unlocked .wardrobe-set{animation:none}}
.wearing-beacon-stitch .profile-emblem{position:relative;border:3px double #e4cb91!important;box-shadow:0 0 0 2px #526577,inset 0 0 12px #e6c67340!important;background:linear-gradient(150deg,#739b8a,#314769)}.wearing-beacon-stitch .profile-emblem>.outfit-profile-avatar~.camp-icon{visibility:hidden}.wearing-beacon-stitch .profile-emblem>.outfit-profile-avatar{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;object-position:top;border-radius:9px}.wearing-beacon-stitch .profile-emblem>b{z-index:1}.borrowed-story .borrowed-art{background:radial-gradient(ellipse,#6a868580,#203c51 70%)}.borrowed-story .borrowed-art>img{width:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
/* Reviewed UI-01/04 candidate: readable purchase context and 44px controls. */
.wardrobe-screen .wardrobe-header small,.wardrobe-screen .wardrobe-kicker,.wardrobe-screen .wardrobe-swatches span,.wardrobe-screen .wardrobe-story small,.wardrobe-screen .wardrobe-set>div small,.wardrobe-screen .wardrobe-set article>b,.wardrobe-screen .wardrobe-cosmetic{font-size:12px;line-height:1.45}
.wardrobe-screen .wardrobe-stage .outfit-stage-label{font-size:12px;letter-spacing:.02em}.wardrobe-screen .outfit-stage-label span{max-width:50%}
.wardrobe-screen .outfit-motion-controls button{min-width:44px;font-size:14px}.wardrobe-screen .outfit-motion-controls [data-turn],.wardrobe-screen .outfit-motion-controls [data-play]{flex-basis:44px;font-size:18px}
.wardrobe-screen .wardrobe-looks button{font-size:14px;line-height:1.35}.wardrobe-screen .wardrobe-set article small,.wardrobe-screen .wardrobe-frame-toggle,.wardrobe-screen .wardrobe-set>div>span,.wardrobe-screen .wardrobe-actions>small{font-size:14px;line-height:1.45}
.wardrobe-screen .wardrobe-set>div,.wardrobe-screen .wardrobe-set article{flex-wrap:wrap}.wardrobe-screen .wardrobe-frame-toggle{padding-bottom:7px}
@media (min-resolution:2.5dppx){.shop-outfit-card img{height:105px}}
/* Founder frame (T075, Lead): an early light in the dark. Night-blue ground, a solid hammered-gold rim over a copper
   ring and a small gold diamond at the top, so it reads apart from the teal, double-stitched Beacon Stitch. */
.founder-frame{display:grid;place-items:center;position:relative;border:3px solid #f0cd7c;border-radius:14px;background:radial-gradient(circle at 50% 32%,#40578a,#141d38 72%);box-shadow:0 0 0 2px #7b4a20,0 0 0 4px #f0cd7c40,inset 0 0 14px #ffd98a4d;color:#ffe2a0}
.founder-frame:before{content:'';position:absolute;top:-8px;left:50%;width:11px;height:11px;transform:translateX(-50%) rotate(45deg);background:linear-gradient(135deg,#fff3c8,#e0a347);border:2px solid #7b4a20;border-radius:2px}
.founder-frame svg{width:58%;height:58%}
.founder-frame.is-small{width:34px;height:34px;border-width:2px;border-radius:10px;flex:none}
.founder-frame.is-small:before{top:-6px;width:8px;height:8px;border-width:1px}
.wearing-founder{filter:drop-shadow(0 1px 6px #f0cd7c33)}
.wearing-founder .profile-emblem{position:relative;border:3px solid #f0cd7c!important;box-shadow:0 0 0 2px #7b4a20,0 0 12px #f0cd7c47!important;background:radial-gradient(circle at 50% 32%,#40578a,#141d38 72%)!important}
.wearing-founder .profile-emblem:before{content:'';position:absolute;z-index:2;top:-8px;left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:linear-gradient(135deg,#fff3c8,#e0a347);border:2px solid #7b4a20;border-radius:2px}
.wearing-founder .camp-avatar{border:3px solid #f0cd7c!important;box-shadow:0 0 0 2px #7b4a20!important}
/* Wardrobe frame chooser: None plus the frames this journey owns. */
.wardrobe-frames{display:grid;gap:8px;padding:14px 0 4px}
.wardrobe-frames>small{font:700 11px/1.2 var(--ui-font,inherit);letter-spacing:.08em;color:#b9c9c9}
.wardrobe-frame-list{display:flex;flex-wrap:wrap;gap:8px}
.wardrobe-frame-list button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px 6px 8px;border-radius:12px;border:1px solid #3d5a66;background:#10262f;color:#dfe8e4;font:600 13px/1.2 inherit;cursor:pointer}
.wardrobe-frame-list button[aria-checked="true"]{border-color:#e2c27f;background:#223a3c;color:#fff3d4;box-shadow:inset 0 0 0 1px #e2c27f66}
.wardrobe-frame-list button:disabled{opacity:.6;cursor:default}
.frame-swatch{width:26px;height:26px;border-radius:8px;flex:none}
.frame-swatch.no-frame{border:2px dashed #587480;background:#14303a}
.frame-swatch.beacon-stitch{border-width:2px;border-radius:8px}
.frame-swatch.beacon-stitch:after{font-size:12px;right:-4px;bottom:-5px}
.frame-swatch.founder-frame{border-width:2px;border-radius:8px}
.frame-swatch.founder-frame:before{top:-5px;width:7px;height:7px;border-width:1px}