.titles-main{max-width:1280px;margin:auto;padding:38px 28px 64px;--tt-surface:var(--color-surface);color:var(--color-text)}
.titles-main *{box-sizing:border-box}.titles-main :is(h1,h2,h3,h4,p){margin-top:0}.titles-main :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--color-interactive);outline-offset:4px}.titles-main a{color:var(--color-interactive);text-decoration:none}.titles-main a:hover{text-decoration:underline}.titles-main :is(p,li){line-height:1.65}.title-hero{display:grid;grid-template-columns:1fr 230px;gap:40px;align-items:center;padding:30px 0 38px}.titles-main .title-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.06;letter-spacing:-.04em;margin:16px 0 24px;color:var(--color-text)}.title-hero p{color:var(--color-text-muted);max-width:63ch;font-size:17px}.title-hero-tags{display:flex;gap:10px;flex-wrap:wrap}.title-hero-tags span{border:1px solid var(--color-border);padding:5px 13px;border-radius:50px;font-size:12px;letter-spacing:.03em}.title-emblem{text-align:center;color:var(--color-accent)}.title-emblem svg{width:200px;stroke:currentColor;stroke-width:1.6;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--color-accent) 20%,transparent))}.title-emblem span{display:block;font-size:10px;letter-spacing:.3em}.title-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:32px}.title-basics b{color:var(--color-accent);font-size:14px}.title-basics p{font-size:13px;color:var(--color-text-muted);margin:7px 0 0}.title-workbench{padding:28px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-card)}.title-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:26px;border-bottom:1px solid var(--color-border);margin-bottom:26px}.titles-main label:not(.title-check){display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:650;min-width:0}.titles-main :is(input[type=search],select){width:100%;min-width:0;min-height:46px;background:var(--color-surface-elevated)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:10px;padding:11px 12px;font:inherit}.titles-main input::placeholder{color:var(--color-text-muted);opacity:1}.title-plan-heading h2{font-size:25px;line-height:1.2;margin:10px 0 14px}.title-plan-heading p{color:var(--color-text-muted);max-width:88ch;font-size:14px}.title-route{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.title-route li{min-width:0}.title-route a{display:flex;align-items:center;gap:12px;height:100%;padding:13px;border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);background:var(--color-surface-elevated);transition:transform .2s,border-color .2s}.title-route a:hover{transform:translateY(-2px);border-color:var(--color-interactive);text-decoration:none}.title-route a>span{font-size:19px;color:var(--color-accent);font-variant-numeric:tabular-nums}.title-route b{font-size:13px;line-height:1.3;display:block;overflow-wrap:anywhere}.title-route small{display:block;color:var(--color-text-muted);font-size:11px;margin-top:5px}.title-route .is-owned a{border-color:var(--color-success)}.title-route .is-owned a>span{color:var(--color-success)}.title-plan-note{font-size:12px;color:var(--color-text-muted);margin-bottom:20px}.title-next{border-left:3px solid var(--color-accent);padding:8px 16px;background:color-mix(in srgb,var(--color-accent) 7%,transparent)}.title-next small{display:block;color:var(--color-text-muted)}.title-next a{font-weight:700;font-size:19px}.title-catalog{margin-top:48px}.title-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.title-section-heading h2{font-size:32px;line-height:1.2;margin:10px 0}.title-progress-wrap{min-width:220px;font-size:12px;color:var(--color-text-muted)}.title-progress-wrap progress{display:block;width:100%;height:7px;margin-top:10px;accent-color:var(--color-interactive)}.title-filters{padding:22px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:18px}.title-extra-filters{grid-column:1/-1}.title-extra-filters summary{cursor:pointer;color:var(--color-interactive);font-size:13px;min-height:32px}.title-extra-filters>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:12px}.title-filter-footer{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.title-check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;min-height:40px}.title-check input{width:18px;height:18px;accent-color:var(--color-interactive)}.titles-main button{cursor:pointer;background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;font:inherit;font-size:12px;padding:9px 12px;min-height:40px}.titles-main button:hover{border-color:var(--color-interactive)}#title-count{margin-left:auto;font-size:12px;color:var(--color-text-muted)}.title-status{font-size:12px;min-height:24px;margin:12px 0;color:var(--color-text-muted)}.title-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.title-card{min-width:0;padding:25px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;scroll-margin-top:130px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.title-card:target{outline:2px solid var(--color-interactive);outline-offset:3px}.title-card.is-owned{border-color:var(--color-success)}.title-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--color-text-muted)}.title-slot{display:inline-block;padding:5px 9px;border-radius:6px;background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);font-weight:700}.title-slot.slot-defense{background:color-mix(in srgb,var(--color-interactive) 12%,transparent);color:var(--color-interactive)}.title-slot.slot-other{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.title-name{display:flex;align-items:flex-start;gap:14px;margin:22px 0 12px}.title-rank{font-size:24px;color:var(--color-accent);line-height:1.2}.title-name h3{font:650 24px/1.2 var(--font-ui);letter-spacing:-.025em;color:var(--color-text);margin:0;overflow-wrap:anywhere}.title-card-tags{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--color-text-muted)}.title-reason{font-size:13px;color:var(--color-text-muted);margin:14px 0 18px}.title-bonuses{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 0;border-block:1px solid var(--color-border)}.title-bonuses h4,.title-how h4{font:650 12px/1.5 var(--font-ui);text-transform:uppercase;letter-spacing:.03em;color:var(--color-accent);margin:0 0 12px}.title-bonuses section+section{border-left:1px solid var(--color-border);padding-left:18px}.title-bonuses ul{padding:0;margin:0;list-style:none}.title-bonuses li{display:flex;justify-content:space-between;gap:7px;font-size:12px;margin-top:9px;line-height:1.4}.title-bonuses small{display:block;font-size:9px;color:var(--color-text-muted)}.title-bonuses b{color:var(--color-interactive);white-space:nowrap}.title-how{padding-top:22px;flex:1}.title-how ol{padding-left:20px;font-size:13px}.title-how li{padding-left:4px;margin-bottom:9px;color:var(--color-text)}.title-how li::marker{color:var(--color-accent)}.title-how p{font-size:12px;color:var(--color-text-muted);border-left:2px solid var(--color-border);padding-left:12px}.title-how a{font-size:12px}.title-card-bottom{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--color-border);margin-top:24px;padding-top:12px}.title-card-bottom>a{font-size:11px;margin-left:auto}.title-empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed var(--color-border);border-radius:18px}.title-reference{padding:28px;margin-top:40px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface)}.title-reference h2{font-size:23px}.title-reference details{border-top:1px solid var(--color-border);padding:15px 0}.title-reference summary{cursor:pointer;font-size:14px;color:var(--color-text)}.title-reference p{font-size:13px;color:var(--color-text-muted);margin:15px 0 0}.title-reference details:last-child{padding-bottom:0}
@media(max-width:900px){.title-route{grid-template-columns:repeat(2,minmax(0,1fr))}.title-hero{grid-template-columns:1fr 150px;gap:16px}.title-emblem svg{width:150px}.title-results{gap:16px}.title-card{padding:18px}.title-bonuses{grid-template-columns:1fr}.title-bonuses section+section{border:0;border-top:1px dashed var(--color-border);padding:12px 0 0}.title-filters{grid-template-columns:1fr 1fr}.title-search-label{grid-column:1/-1}}
@media(max-width:600px){.titles-main{padding:22px 16px 40px}.title-hero{grid-template-columns:1fr;padding:20px 0 28px}.title-emblem{display:none}.title-basics{grid-template-columns:1fr;gap:14px}.title-basics article{display:grid;grid-template-columns:100px 1fr;gap:10px}.title-basics p{margin:0}.title-workbench{padding:18px}.title-picker{grid-template-columns:1fr 1fr;gap:12px}.title-picker label:last-child{grid-column:1/-1}.title-route{grid-template-columns:1fr}.title-route a{padding:11px}.title-section-heading{display:block}.title-progress-wrap{margin-top:15px;max-width:300px}.title-filters{grid-template-columns:1fr;padding:16px}.title-search-label{grid-column:auto}.title-extra-filters>div{grid-template-columns:1fr}.title-results{grid-template-columns:1fr}.title-card{scroll-margin-top:105px}.title-filter-footer{gap:10px}#title-count{width:100%;margin:0}.title-name h3{font-size:23px}.title-bonuses{grid-template-columns:1fr 1fr}.title-bonuses section+section{border:0;border-left:1px solid var(--color-border);padding:0 0 0 12px}.title-reference{padding:18px}.title-next a{font-size:17px}}
@media(prefers-reduced-motion:reduce){.title-route a{transition:none}.title-route a:hover{transform:none}}