.skin-art{position:relative}.skin-crop{width:100%;aspect-ratio:1215/717;overflow:hidden;background:#09131d;border-radius:8px}.skin-art .skin-crop img,.skin-lightbox .skin-crop img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;transform:scale(var(--skin-zoom,6));transform-origin:75% 45%}.skin-crop.revealed img{transform:none!important;object-fit:contain!important}.crop-badge{position:absolute;bottom:12px;left:12px;padding:5px 10px;border:1px solid #e1c17a60;background:#07131dde;border-radius:4px;font-size:.875rem;color:var(--gold)}.skin-steps{display:flex;gap:8px;flex-wrap:wrap}.skin-steps span{font-size:.875rem;padding:6px 10px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.skin-steps .current{border-color:var(--gold);color:var(--gold)}.skin-steps .passed{border-color:#78c6ad66;color:var(--teal)}.skin-prompt{display:flex;gap:12px;align-items:center;margin-bottom:16px;min-height:50px}.skin-prompt img{width:48px;height:48px;border-radius:50%}.skin-prompt h2{font-size:1.9rem;margin-top:3px}.skin-name-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-name-choice{min-height:78px;padding:15px;text-align:left;justify-content:flex-start}.skin-name-choice>span{font-size:1rem;line-height:1.4;overflow-wrap:anywhere}.skin-phase-note{font-size:.9375rem;line-height:1.6;color:var(--teal);margin-top:16px}.skin-solution{display:flex;align-items:center;gap:20px;background:#132c28;border:1px solid #78c6ad55;border-radius:8px;padding:20px}.skin-solution img{width:66px;height:66px;border-radius:50%}.skin-solution h2{font-size:2rem}.skin-solution p{margin-top:7px;color:var(--gold);line-height:1.5}.legacy-score{display:block;color:var(--muted);margin:12px 0;font-size:.875rem}
.extra-intro{max-width:800px;text-align:center;margin:0 auto}.extra-intro h2{font-size:2.5rem;margin:20px 0 16px}.extra-intro p{line-height:1.8;margin:0 auto 20px;max-width:650px}.extra-intro .button{margin:8px 0}.kit-emblem{display:flex;justify-content:center;gap:10px}.kit-emblem span{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--gold);border-radius:7px;color:var(--gold);font:700 1.7rem var(--heading);background:#e1c17a0b}.detective-emblem{display:grid;place-items:center;width:84px;height:84px;margin:auto;background:#142d31;border:1px solid var(--teal);border-radius:50%;font:600 4rem var(--heading);color:var(--teal)}.extra-gamebar{display:flex;align-items:center;gap:22px;position:sticky;top:0;z-index:7;background:var(--panel);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:24px;flex-wrap:wrap}.combo-shell,.detective-shell{padding-top:0}.extra-gamebar time,.extra-gamebar .available-points{margin-left:auto}.extra-gamebar .penalty-count{color:var(--muted);font-size:.9375rem}.available-points{color:var(--teal);font-size:.9375rem}.kit-champion{display:flex;align-items:center;gap:18px;margin:20px 0 26px}.kit-champion img{width:72px;height:72px;border-radius:50%;border:2px solid var(--gold)}.kit-champion h2{font-size:2.6rem;margin-top:5px}.combo-slots,.combo-bank{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:800px;margin:auto}.combo-slot{border:1px dashed #e1c17a88;background:#0d1c27;color:var(--ink);border-radius:9px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}.combo-slot b{font:700 1.8rem var(--heading);color:var(--gold)}.combo-slot img{width:70px;height:70px;border-radius:8px}.combo-slot>span:not(.slot-empty){font-size:.875rem;line-height:1.5}.slot-empty{width:70px;height:70px;display:grid;place-items:center;font-size:2.6rem;color:#536576;background:#162733;border-radius:8px}.combo-slot:hover:enabled{border-style:solid;border-color:var(--gold)}.combo-slot.correct{border:1px solid var(--teal);background:#18352d}.combo-slot.wrong{border:1px solid var(--red);background:#37222a}.combo-icon{border:1px solid var(--line);background:#122432;border-radius:8px;padding:14px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.combo-icon img{width:62px;height:62px;border-radius:8px}.combo-icon.selected{border-color:var(--gold);background:#332d20;box-shadow:0 0 0 1px var(--gold)}.combo-icon:disabled{opacity:.2}.combo-icon:disabled:hover{transform:none}.bank-label{max-width:800px;margin:26px auto 14px;font-size:1.5rem}.kit-instruction{max-width:800px;margin:18px auto;font-size:.9375rem;color:var(--teal);min-height:28px;line-height:1.6}.kit-controls{max-width:800px;margin:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.kit-controls .muted{font-size:.875rem}.combo-shell .feedback{max-width:800px;margin:24px auto 0}.detective-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start}.stat-dossier{background:#0d1c27;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;padding:24px}.stat-dossier h2{font-size:2rem;margin:12px 0 18px}.stat-dossier p{white-space:pre-line;line-height:1.9;font-size:1rem}.detective-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detective-options .choice{min-height:85px;padding:18px;justify-content:flex-start;text-align:left}.detective-options .choice>span{font-size:1rem;line-height:1.4}.detective-clues{display:grid;gap:12px;margin:16px 0}.dossier-clue{border:1px solid #78c6ad55;background:#142d27;border-radius:6px;padding:16px}.dossier-clue>span{display:block;font-size:.875rem;color:var(--teal);margin-bottom:10px}.dossier-clue strong{color:var(--gold);font-size:1.2rem}.detective-recipe{display:flex;gap:16px;flex-wrap:wrap}.detective-recipe>div{display:flex;align-items:center;gap:10px;flex:1;min-width:150px;font-size:.9375rem}.detective-recipe img{width:38px;height:38px;border-radius:5px}.result-score small{font:500 1.2rem var(--body);color:var(--muted)}
.combo-lobby{display:flex;gap:16px;align-items:center;justify-content:center;height:100%;background:radial-gradient(ellipse at center,#3c3720,transparent 70%)}.combo-lobby>div{display:grid;gap:10px;text-align:center}.combo-lobby img{width:62px;height:62px;border:1px solid var(--gold);border-radius:8px;transform:rotate(-5deg)}.combo-lobby span{font:700 1.4rem var(--heading);color:var(--gold)}.detective-lobby{display:flex;align-items:center;justify-content:center;gap:24px;height:100%;background:radial-gradient(ellipse at center,#18453e,transparent 70%)}.detective-lobby>img{width:80px;height:80px;border-radius:10px;border:1px solid var(--teal)}.detective-lobby>span{font:700 5rem var(--heading);color:var(--teal)}.detective-lobby>div{display:flex;flex-direction:column;gap:12px}.detective-lobby i{display:block;width:80px;border-bottom:4px solid #78c6ad77;font:500 1rem var(--body);color:var(--teal);text-align:right}
@media(max-width:900px){.detective-layout{grid-template-columns:minmax(0,1fr);gap:22px}.combo-lobby{gap:12px}.combo-lobby img{width:50px;height:50px}.skin-gamebar{flex-wrap:wrap}.skin-steps{margin-left:auto}}
@media(max-width:480px){.skin-name-options{grid-template-columns:minmax(0,1fr)}.skin-name-choice{min-height:58px}.skin-gamebar{gap:10px}.skin-gamebar .button{width:100%;justify-content:center}.skin-steps span{font-size:.8125rem;padding:5px 7px}.skin-solution{gap:12px;padding:15px}.skin-solution img{width:48px;height:48px}.skin-prompt h2{font-size:1.65rem}.extra-intro h2{font-size:2rem}.extra-intro p{font-size:.9375rem}.extra-gamebar{gap:12px;padding:14px 0}.extra-gamebar .button{width:100%;justify-content:center}.extra-gamebar .round-stat{font-size:.875rem}.extra-gamebar .round-stat b{font-size:1.5rem}.extra-gamebar .timer{font-size:1.9rem}.extra-gamebar .available-points{font-size:.875rem}.combo-slots,.combo-bank{gap:8px}.combo-slot{min-height:128px;gap:8px;padding:8px 4px}.combo-slot b{font-size:1.4rem}.combo-slot img,.slot-empty{width:48px;height:48px}.combo-slot>span:not(.slot-empty){font-size:.75rem}.combo-icon{padding:10px 4px;gap:5px;flex-direction:column}.combo-icon img{width:48px;height:48px}.combo-icon>span{font-size:.8125rem}.kit-champion{gap:12px}.kit-champion img{width:54px;height:54px}.kit-champion h2{font-size:2.2rem}.kit-champion .eyebrow{font-size:.8125rem}.kit-controls{gap:16px}.kit-controls .button{flex:1}.stat-dossier{padding:18px}.stat-dossier p{font-size:.9375rem;line-height:1.8}.detective-options .choice{min-height:76px;padding:13px}.detective-options .choice>span{font-size:.9375rem}.detective-layout{gap:18px}.detective-recipe>div{min-width:130px}.combo-lobby img{width:58px;height:58px}}


.line-prompt{margin:0 0 24px}.line-prompt h2{font-size:3rem;color:var(--gold);margin:8px 0 10px}.line-prompt p{font-size:.9375rem;color:var(--muted);line-height:1.7}.line-selection-count{color:var(--teal);margin-left:auto;font-size:.9375rem}.line-options .choice{flex-direction:column;text-align:center;gap:10px;padding:16px 8px;min-height:112px}.line-options .choice img{width:52px;height:52px}.line-options .choice span{font-size:.9375rem;overflow-wrap:anywhere}.line-options .choice small{font-size:.8125rem;line-height:1.45;overflow-wrap:anywhere}.line-options .line-selected{background:#233d38;border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.skinline-lobby{height:100%;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;background:linear-gradient(125deg,#122e35,#233348)}.skinline-lobby img{width:64px;height:64px;border:1px solid var(--teal);clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.skinline-lobby span{position:absolute;bottom:22px;color:var(--teal);font:700 1.15rem var(--heading);letter-spacing:5px}.detective-equivalents{font-size:.875rem;color:var(--teal);line-height:1.7;margin-top:12px}.detective-stats-note{font-size:.9375rem;color:var(--muted);line-height:1.7;margin:14px 0}.draft-table{min-width:760px}
@media(max-width:480px){.line-prompt h2{font-size:2.4rem}.line-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.line-options .choice{padding:12px 4px;min-height:104px}.line-options .choice img{width:40px;height:40px}.line-options .choice span{font-size:.8125rem}.line-options .choice small{font-size:.75rem}.line-selection-count{font-size:.875rem}.line-shell .extra-gamebar .button{width:100%}}

/* Item Detective: official item art stays visible alongside every answer. */
.detective-options .choice{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:142px;padding:16px 12px}.detective-options .choice>.detective-item-art{width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:7px;border:1px solid #e1c17a66;background:#09131d;box-shadow:0 3px 10px #0004}.detective-options .choice>span{width:100%;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:480px){.detective-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detective-options .choice{min-height:126px;padding:12px 8px;gap:9px}.detective-options .choice>.detective-item-art{width:52px;height:52px}.detective-options .choice>span{font-size:.875rem}}