/* Layout scoped to the PC finder, independent of generated utilities. */
.pc-page main.loot-container { width: min(100% - 48px, 1184px); max-width:1184px; margin:0 auto; padding:48px 0 72px; }
.pc-page main > div:first-child { max-width:700px; margin:0 auto 36px; text-align:center; }
.pc-page h1 { font-size:clamp(30px,4vw,48px); line-height:1.12; letter-spacing:-.045em; text-transform:none; }
.pc-page main > div:first-child p { font-size:16px; line-height:1.7; margin-top:18px; color:#aeb9cb; }
.pc-page main > .mb-10 { margin-bottom:32px; }
.pc-page .setup-tier-btn { min-width:0; padding:24px; border:1px solid #2b3342; border-radius:16px; background:#131a25; box-shadow:none; transition:background .18s,border-color .18s; transform:none; }
.pc-page .setup-tier-btn.active { border-color:#9792ff; background:#211e3a; box-shadow:inset 0 0 0 1px #9792ff; }
.pc-page .setup-tier-btn h3 { font-size:18px; line-height:1.35; margin:16px 0 8px; }
.pc-page .setup-tier-btn p { font-size:13px; line-height:1.65; color:#aeb9cb; }
.pc-page .setup-tier-btn > div > span:first-child { width:12px; height:12px; border-radius:50%; background:#9792ff; font-size:0; }
.pc-page main > .mb-10 > .grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pc-page main > .mb-8 { display:flex; gap:24px; align-items:center; justify-content:space-between; padding:18px; margin-bottom:28px; background:#101620; border:1px solid #293242; border-radius:12px; }
.pc-page #pc-roda-search { width:100%; min-height:46px; padding:12px 14px; border:1px solid #354156; border-radius:8px; background:#0c1119; font-size:14px; }
.pc-page #pc-roda-count { font-size:12px; line-height:1.5; max-width:260px; text-transform:none; letter-spacing:0; }
.pc-page #pc-roda-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:56px; }
.pc-page #pc-roda-grid .loot-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; }
.pc-page #pc-roda-grid .loot-card > div:first-child { position:relative; aspect-ratio:16/9; width:100%; overflow:hidden; }
.pc-page #pc-roda-grid img { width:100%; height:100%; object-fit:cover; }
.pc-page #pc-roda-grid .loot-card > div:nth-child(2) { padding:20px; display:flex; flex:1; flex-direction:column; }
.pc-page #pc-roda-grid h3 { font-size:17px; line-height:1.4; margin:0 0 10px; }
.pc-page #pc-roda-grid p { font-size:13px; line-height:1.65; margin:0 0 20px; color:#aeb9cb; }
.pc-page #pc-roda-grid .mt-auto { margin-top:auto; padding-top:16px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #293242; }
.pc-page #pc-roda-grid a { padding:11px 15px; min-height:42px; border:0; border-radius:8px; background:#7166f2; box-shadow:none; white-space:nowrap; }
.pc-page :is(a,button,input):focus-visible { outline:3px solid #b9b4ff; outline-offset:4px; }
@media(max-width:900px) { .pc-page #pc-roda-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .pc-page main.loot-container { width:calc(100% - 32px); padding-top:32px; } .pc-page main > .mb-10 > .grid,.pc-page #pc-roda-grid { grid-template-columns:minmax(0,1fr); } .pc-page main > .mb-8 { align-items:stretch; flex-direction:column; gap:12px; } .pc-page .setup-tier-btn { padding:20px; } }