.selection-page{background:radial-gradient(ellipse at 10% 35%,#2d4133 0,transparent 55%),#141e1b;min-height:100vh;color:#eaf0df}
.selection-page header{max-width:1440px;margin:auto;border-bottom-color:#a7bc8e24;padding:25px 5%}.selection-brand{text-decoration:none;color:#edf0dd;font-size:18px;font-weight:600;letter-spacing:.1em}.selection-brand span{display:block;font-size:9px;letter-spacing:.23em;color:#94a88c;margin-top:6px}.selection-main{max-width:1200px;padding:40px 36px 38px}.selection-heading{margin-bottom:28px}.selection-heading h1{font-size:clamp(28px,3vw,42px);line-height:1.3;letter-spacing:.04em;font-weight:500}.selection-heading>p:last-child{color:#a6b59e;font-size:13px;margin:14px 0 0}.selection-heading .eyebrow{margin-bottom:12px;color:#c3cd91}.selection-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}.traveler-preview{border:1px solid #8aa57345;border-radius:16px;padding:22px;background:linear-gradient(150deg,#3d51362b,#1a2b2280);position:relative;overflow:hidden}.preview-top{display:flex;align-items:center;justify-content:space-between}.preview-live{color:#b3c991;font-size:11px}.preview-live:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#b3c991;margin-right:7px}.preview-stage{position:relative;height:260px;display:grid;place-items:center}.preview-stage canvas{width:300px;height:300px;max-width:100%;object-fit:contain;position:absolute;top:-30px;cursor:default;touch-action:auto}.preview-ring{position:absolute;bottom:0;width:230px;height:60px;border:1px solid #94b06c3b;border-radius:50%;background:radial-gradient(ellipse,#93b46e26,transparent 70%);box-shadow:0 0 0 15px #93b46e06,0 0 0 16px #93b46e0b}.preview-stage p{position:relative;z-index:1;background:#1a2b22e6;padding:10px;border-radius:6px;color:#dbe7d3;font-size:12px;max-width:90%;text-align:center}.preview-stage p[hidden],#preview-retry[hidden]{display:none}#preview-retry{z-index:2;align-self:end}.preview-turn{display:flex;justify-content:center;align-items:center;gap:25px;color:#a9b99e;font-size:11px}.preview-turn button{background:transparent;border-color:#76936345;font-size:19px;padding:3px 12px}.preview-actions{display:flex;justify-content:center;gap:5px;margin:16px auto 23px}.preview-actions button{font-size:11px;border:0;padding:7px 16px;background:#12251c80;color:#aab9a0}.preview-actions button[aria-pressed=true]{background:#81966b35;color:#d7e8b5}.preview-caption{border-top:1px solid #9ab98026;padding-top:18px}.preview-caption>span{font-size:10px;color:#aebf85;letter-spacing:.12em}.preview-caption h2{font-size:24px;font-weight:500;margin:6px 0}.preview-caption p{font-size:12px;color:#a6b59e;line-height:1.7;margin:0}.weapon-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 19px}.weapon-heading h2{font-size:20px;font-weight:500;margin:5px 0 0}.weapon-heading>span{font-size:11px;color:#96aa85;border:1px solid #82976f40;border-radius:20px;padding:5px 10px}.weapon-heading .eyebrow{font-size:9px}.weapon-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.weapon-card{position:relative;padding:10px 4px 13px;text-align:center;background:#20312680;border:1px solid #74916736;border-radius:10px;transition:background .15s,border-color .15s}.weapon-card:hover{background:#34472b}.weapon-card[aria-pressed=true]{background:#76885227;color:#edf1d1;border-color:#c1d38d;box-shadow:inset 0 0 0 1px #c1d38d36}.weapon-card .selection-mark{position:absolute;right:8px;top:6px;font-size:12px;color:#d6e6a6;visibility:hidden}.weapon-card[aria-pressed=true] .selection-mark{visibility:visible}.weapon-card canvas{width:100%;height:auto;aspect-ratio:1;cursor:pointer;touch-action:auto}.weapon-card strong{font-size:12px;font-weight:500;display:block}.weapon-card small{display:block;font-size:9px;color:#98ab8f;margin-top:5px}.selection-note{font-size:11px;color:#8c9f84;line-height:1.7;margin:19px 0 23px}.departure{border-top:1px solid #8da07830;padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:15px}.departure>div{display:grid;gap:6px}.departure>div span{font-size:10px;color:#9aac8d}.departure strong{font-size:16px;font-weight:500}#enter-field{background:#d1ddab;color:#24331d;border:0;padding:15px 24px;border-radius:7px;font-size:13px;font-weight:600;min-width:190px}#enter-field:hover{background:#e0ebbf}#enter-field span{margin-left:23px}#enter-field:disabled{opacity:.45}.run-loadout{display:flex;align-items:center;gap:14px}.back-to-selection{color:#c5d5b3;font-size:12px;text-underline-offset:4px}
@media(min-width:1000px){.selection-heading h1 br{display:none}}@media(max-width:760px){.selection-main{padding:28px 20px}.selection-layout{grid-template-columns:1fr;gap:25px}.selection-heading h1 br{display:none}.traveler-preview{padding:18px}.preview-stage{height:230px}.preview-stage canvas{width:280px;height:280px}.preview-caption{padding-top:12px}.preview-actions{margin-bottom:15px}.selection-page header{padding:18px 20px}.selection-page .badge{display:block}.weapon-options{gap:8px}.departure{padding-bottom:8px}}@media(max-width:370px){.weapon-options{grid-template-columns:repeat(2,minmax(0,1fr))}#enter-field{min-width:0;padding:14px}}
@media(prefers-reduced-motion:reduce){.weapon-card{transition:none}}

.appearance-selection{margin-bottom:25px;padding-bottom:19px;border-bottom:1px solid #8da07830}.appearance-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.appearance-heading h2{font-size:20px;font-weight:500;margin:0}.appearance-heading button{padding:5px 9px;font-size:10px;background:transparent;color:#aaba98;border-color:#7f966249}.appearance-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.appearance-fields label{display:grid;gap:6px;font-size:11px;color:#afbea1;min-width:0}.appearance-fields select{width:100%;min-width:0;background:#213326;font-size:12px;padding:9px 10px}.appearance-more{margin-top:13px}.appearance-more summary{font-size:11px;color:#aaba98}.appearance-more .appearance-fields{margin-top:12px}.appearance-note{font-size:10px;color:#8b9e80;line-height:1.6;margin:13px 0 0}.traveler-preview{align-self:start;position:sticky;top:20px}@media(max-width:760px){.traveler-preview{position:relative;top:auto}.appearance-selection{margin-bottom:22px}}

.preview-turn{margin-bottom:23px}
.preview-stage #traveler-preview{width:100%;height:100%;max-width:100%;inset:0;cursor:grab;touch-action:none;image-rendering:auto}.preview-stage #traveler-preview:active{cursor:grabbing}.preview-hint{text-align:center;color:#92a384;font-size:10px;margin:-10px 0 20px}