.veil{padding:16px;align-items:center}.lobby{max-width:430px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:25px 23px;background:linear-gradient(145deg,#243c58f5,#102336f5)}.lobby .eyebrow{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1.3px}.lobby .eyebrow b{font-size:13px;white-space:nowrap}.lobby h1{font-size:44px;margin:20px 0 14px}.lobby p{margin:12px 0}.quest{background:#ffddaa12;border:1px solid #ffddaa24;color:#ffdfab;border-radius:12px;padding:11px;font-size:11px}.skin-name{margin:14px 0;color:#e1eaf4}.collection{background:#ffffff06;border:1px solid #ffffff1c;border-radius:15px;padding:13px}.collection summary{cursor:pointer;list-style:none;font-size:12px;display:flex;justify-content:space-between;gap:8px;min-height:20px}.collection summary span{font-size:8px;color:#b4c7dd;letter-spacing:1px}.collection h3{font-size:11px;font-weight:400;color:#bdcddd;margin:16px 0 10px}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.skin-card{background:#ffffff08;border:1px solid #ffffff20;border-radius:14px;color:#eff6ff;min-height:100px;padding:10px 3px;display:flex;align-items:center;flex-direction:column;gap:7px}.skin-card.active{border-color:#ffdb9c;background:#ffdb9c18}.skin-card span{font-size:10px}.skin-card small{font-size:8px;color:#f5d6a4}.orb{width:29px;height:29px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,var(--c) 40%,var(--c));box-shadow:inset -5px -6px 8px #0003,0 0 15px color-mix(in srgb,var(--c),transparent 75%)}.orb-3{outline:2px solid #f8dfb3;outline-offset:4px}.orb-8{border:2px solid #fff}.orb-10{background:radial-gradient(circle at 30% 30%,#fff,transparent 12%),linear-gradient(45deg,#574ca6,#dcbcf8)}.orb-11{box-shadow:0 0 18px #ffe1967a,inset -5px -6px 8px #a8783570}#trail-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.trail-option{border:1px solid #ffffff20;background:#ffffff08;color:#dae6f3;padding:10px;border-radius:10px;font-size:10px;min-height:40px}.trail-option.active{border-color:#ffe1a3;color:#ffe1a3}.settings{display:flex;gap:6px;margin:12px 0}.settings button{flex:1;background:#ffffff06;border:1px solid #ffffff15;color:#bbcede;font-size:9px;border-radius:10px;min-height:38px;padding:5px}.lobby .lifetime{font-size:10px;text-align:center;color:#8da6bd}.lobby .guide{font-size:9px;text-align:center;line-height:1.7;color:#aabed1}.lobby .primary{position:sticky;bottom:0;box-shadow:0 5px 30px #071324}.badge #run-stars{display:block;color:#ffe4a9;margin-top:8px}#toast{position:absolute;top:calc(147px + env(safe-area-inset-top));left:20px;right:20px;text-align:center;border:1px solid #ffffff30;background:#14304aeb;color:#ffebc9;padding:14px 10px;z-index:5;border-radius:16px;font-size:11px;opacity:0;transform:translateY(-8px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-height:690px){.lobby{padding:20px}.lobby h1{font-size:35px;margin:13px 0}.lobby p{font-size:11px;margin:8px 0}.quest{padding:8px}.lobby .guide{font-size:8px}.settings{margin:8px 0}.skin-name{margin:9px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.look-preview{position:relative;margin:16px 0 8px;border:1px solid #b2c9e52b;border-radius:18px;overflow:hidden;background:#142a40}.look-preview canvas{display:block;width:100%;height:auto;aspect-ratio:16/7}.look-preview>span{position:absolute;bottom:10px;right:12px;color:#b5cfeb;font-size:8px;letter-spacing:2px;pointer-events:none}.skin-name{font-size:11px;line-height:1.6}.collection summary{align-items:center}.collection summary span{font-size:7px;text-align:right;line-height:1.6}.collection .collection-intro{font-size:10px;color:#b5cce2;line-height:1.6}.skin-card{position:relative;justify-content:center;min-height:110px}.skin-card .motion-tag{font-size:6px;letter-spacing:.2px;color:#a8f3d2}.orb-12{background:repeating-linear-gradient(45deg,#d099ff 0 4px,#ffcee9 4px 8px);animation:hop-disco 1s ease-in-out infinite}.orb-13{border-radius:50% 50% 32% 32%;background:radial-gradient(circle at 36% 40%,#23405b 0 2px,transparent 2.5px),radial-gradient(circle at 65% 40%,#23405b 0 2px,transparent 2.5px),linear-gradient(#f4fbff,#9fcee9);animation:hop-ghost 2s ease-in-out infinite}.orb-14{outline:1px solid #e2d4ff;outline-offset:5px;animation:hop-satellite 3s ease-in-out infinite}.orb-15{background:radial-gradient(circle at 32% 25%,#effff6,#8ff2c9 45%,#3faaa0);animation:hop-jelly 1.6s ease-in-out infinite}#aura-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}#aura-list .active{border-color:var(--accent);color:var(--accent)}.skin-card:focus-visible,.trail-option:focus-visible,.collection summary:focus-visible{outline:2px solid #ffe1a3;outline-offset:3px}@keyframes hop-disco{0%,100%{transform:rotate(-13deg) scale(1.08,.92)}50%{transform:rotate(13deg) scale(.94,1.06)}}@keyframes hop-ghost{50%{transform:translateY(-5px) rotate(8deg)}}@keyframes hop-satellite{50%{transform:rotate(30deg);outline-offset:8px}}@keyframes hop-jelly{50%{transform:scale(1.16,.84)}}.motion-off .orb{animation:none!important}@media(prefers-reduced-motion:reduce){.orb{animation:none!important}}@media(max-width:360px){.lobby{padding:19px 15px}.skin-card .motion-tag{font-size:5px}.collection summary{flex-wrap:wrap}}@media(max-height:690px){.look-preview canvas{max-height:106px;object-fit:contain}}
/* Compact character atelier: one category at a time, with a persistent live stage. */
.atelier-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:12px;padding:4px;background:#081d2b70;border:1px solid #ffffff10;border-radius:12px}.atelier-tabs button{border:0;background:transparent;color:#9cb5ce;border-radius:8px;min-height:42px;padding:7px 2px;font-size:10px}.atelier-tabs button[aria-selected=true]{background:#3e5d76;color:#fff4da;box-shadow:0 2px 8px #0003}.atelier-tabs button:focus-visible,.preview-action:focus-visible{outline:2px solid #ffe1a3;outline-offset:2px}[role=tabpanel][hidden]{display:none!important}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.option-grid .active{border-color:var(--accent,#ffe1a3);color:var(--accent,#ffe1a3)}.option-swatch{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;vertical-align:middle;box-shadow:0 0 0 1px #ffffff35}.preview-action{position:absolute;bottom:9px;left:10px;min-height:32px;padding:6px 10px;border:1px solid #c7dcf33d;border-radius:20px;background:#10283ed9;color:#e1edf7;font-size:9px}.preview-action#preview-boost{left:76px}.look-preview>span{bottom:auto;top:11px;font-size:7px}.look-preview{position:sticky;top:0;z-index:2;box-shadow:0 8px 16px #10233680}.lobby h1{font-size:38px;margin:17px 0 11px}.lobby>p{font-size:12px}.collection summary span{font-size:6px;letter-spacing:1px}.option-grid .trail-option{min-height:42px}.collection .collection-intro{margin:12px 0}.skin-grid{margin-top:12px}.skin-card{min-height:94px}.skin-card .orb{width:26px;height:26px}@media(max-height:690px){.look-preview canvas{max-height:120px}.lobby h1{font-size:31px}.preview-action{min-height:28px}.lobby .guide{display:none}}@media(max-width:360px){.atelier-tabs button{font-size:9px}.collection summary span{font-size:5px}.preview-action{font-size:8px}}