*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#203b35;font-family:Arial,Helvetica,sans-serif}button,a,select{touch-action:manipulation}button{cursor:pointer;font:inherit;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid #d29a36;outline-offset:4px}header{height:80px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddeda}.brand{text-decoration:none;color:#203b35;font-weight:900;letter-spacing:2px;font-size:22px;display:flex;align-items:center;gap:10px}.ears{font-size:38px}.brand small{font-size:10px;letter-spacing:1.8px;border-left:1px solid #bec8bc;padding-left:16px;margin-left:10px;width:80px;line-height:1.5}.phase{font-size:11px;letter-spacing:2px}.phase i{font-style:normal;border:1px solid #bbc6b6;border-radius:50%;padding:9px;margin-left:12px}main{max-width:1600px;min-height:calc(100vh - 80px);margin:auto;display:grid;grid-template-columns:1.08fr 1fr}.stage{background:#123e38;min-height:760px;position:relative;overflow:hidden;color:#f5f6ed}.intro{position:absolute;left:7%;top:6%;z-index:1;pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#779383}.intro .eyebrow{color:#c4de9d}h1{font-size:clamp(32px,3vw,44px);line-height:1.04;letter-spacing:-2px;margin:18px 0}h1 em{font-style:normal;color:#daf18d}.intro p{font-size:14px;color:#a9c3b7}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{width:100%;height:100%;display:block}#loading{position:absolute;top:55%;left:10%;color:#daf18d}.stage-bottom{position:absolute;bottom:25px;width:100%;text-align:center;pointer-events:none}.stage-bottom>span{display:block;color:#d9efb0;letter-spacing:3px;font-size:10px;margin:16px}.stage-bottom p{font-size:12px;color:#9ab9ae}.tools{display:flex;gap:8px;justify-content:center;pointer-events:auto}.tools button{border:1px solid #73948865;background:#173f37d9;color:#eff3df;padding:10px 17px;border-radius:24px;font-size:12px}.tools button:hover{background:#355c47}.editor{padding:45px 7% 28px;display:flex;flex-direction:column}.editor-title{position:relative}h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin:10px 0 30px}.saved{position:absolute;right:0;top:28px;border:1px solid #cdd5c8;border-radius:30px;padding:7px 12px;font-size:11px}.tabs{display:flex;gap:20px;border-bottom:1px solid #d7ddd3;margin-bottom:26px}.tabs button{background:none;font-size:12px;padding:0 0 14px;color:#7b887c;border-bottom:3px solid transparent}.tabs .active{border-color:#25523e;color:#234d3b;font-weight:700}#form{min-height:340px}.field{margin-bottom:23px}.field label{display:block;font-size:12px;margin-bottom:11px;font-weight:700;letter-spacing:.3px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{background:#edeFE6;border:1px solid transparent;border-radius:9px;padding:12px 15px;font-size:12px}.choice:hover{background:#e2e8d8}.choice.selected{background:#e4ecd3;border-color:#6c8751;box-shadow:inset 0 0 0 1px #6c8751}.swatch{width:38px;height:38px;border:4px solid #f6f5ef;border-radius:50%;outline:1px solid #d9dfd2}.swatch.selected{outline:2px solid #43613c}.outfits{display:grid;grid-template-columns:1fr 1fr}.outfit{text-align:left;min-height:100px;position:relative;padding-left:60px}.outfit small{display:block;font-size:10px;font-weight:400;line-height:1.6;color:#72806c}.shirt{display:inline-block;width:32px;height:44px;position:absolute;left:15px;top:24px;border-radius:7px 7px 4px 4px;box-shadow:-7px 2px 0 -2px currentColor,7px 2px 0 -2px currentColor}.shirt:before{content:'';position:absolute;left:11px;top:0;width:10px;height:11px;background:#fffdf0;clip-path:polygon(0 0,100% 0,50% 100%)}.shirt:after{content:'•';position:absolute;color:#d6b45c;font-size:18px;left:14px;top:14px}.footer{margin-top:auto;padding-top:15px}.footer #status{font-size:12px;color:#60705e;min-height:15px}.primary{width:100%;background:#d5ed94;color:#243a23;border-radius:11px;padding:18px 20px;text-align:left;font-size:15px;font-weight:700}.primary:hover{background:#c4e178}.primary span{float:right;font-size:20px}.secondary{display:flex;justify-content:space-between;margin:15px 0 21px}.secondary button{background:none;font-size:12px;text-decoration:underline;text-underline-offset:4px}details{border-top:1px solid #d9dfd5;padding-top:14px;font-size:11px;line-height:1.6;color:#7b8679}summary{cursor:pointer}a{color:inherit}#evidence{max-width:460px}@media(max-width:800px){header{height:65px}.phase{display:none}main{grid-template-columns:1fr}.stage{min-height:620px}.intro{top:5%}h1{font-size:36px}.editor{padding:30px 6%}#form{min-height:0}.stage-bottom{bottom:14px}.brand{font-size:18px}}

.face-focus .intro{opacity:0}.intro{transition:opacity .2s}