/* Shared navigation and profile polish. Keep navigation present while reading. */
:root{--nav-height:76px}
html{scroll-padding-top:calc(var(--nav-height) + 18px)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(25,28,30,.97);box-shadow:0 5px 20px #0002;backdrop-filter:blur(14px)}
.topbar-inner{gap:34px}.topbar nav{gap:23px}.topbar nav .nav-link{font-size:13px}
.profile-nav{display:flex;align-items:center;gap:9px;min-width:0}.profile-nav .username{max-width:130px;overflow:hidden;text-overflow:ellipsis}
img.avatar{object-fit:cover;background:#3e4247;border:1px solid #555c62;color:transparent}
.account-area{gap:10px}.profile-heading{min-width:0}.profile-heading>div{min-width:0}.profile-heading h1{overflow-wrap:anywhere}
.guide-nav{top:calc(var(--nav-height) + 22px)}.guide-section,.dashboard-recent,[id^="solution-"],[id^="comment-"]{scroll-margin-top:calc(var(--nav-height) + 18px)}
.round-card .round-number{font-size:20px;font-weight:650;color:var(--text);letter-spacing:0;line-height:1.4}.round-card-top{align-items:center;margin-bottom:24px}.round-card .round-difficulties{margin-bottom:20px}
@media(max-width:1250px){.topbar-inner{gap:22px;padding-left:24px;padding-right:24px}.topbar nav{gap:18px}.topbar nav .icon{display:none}.profile-nav .username{display:none}}
@media(max-width:980px){:root{--nav-height:112px}.topbar{height:auto}.topbar-inner{flex-wrap:wrap;padding-top:13px;gap:10px 22px}.topbar nav{order:3;width:100%;height:45px;justify-content:space-between;gap:10px}.account-area{margin-left:auto}.topbar nav .nav-link{font-size:13px}}
@media(max-width:540px){:root{--nav-height:108px}.topbar-inner{padding:12px 16px 0;gap:10px}.topbar nav{gap:0;height:43px;justify-content:space-between}.topbar nav .nav-link{font-size:10px}.account-area .avatar{width:26px;height:26px}.account-area{gap:8px}.round-card .round-number{font-size:20px}.guide-nav{position:static}.profile-heading h1{font-size:21px}}
@media print{.topbar{display:none}}

/* A single permanent-purchase plan and the owner's private collection. */
.single-round-plan{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:60px;align-items:center;margin-top:30px;padding:30px 34px;background:linear-gradient(120deg,#232b24,#1c2221)}
.single-round-plan .side-kicker{display:block;margin-bottom:12px}.single-round-plan h2{font-size:26px}.single-round-plan .plan-price{margin-bottom:0}.single-round-plan .plan-features{margin-bottom:20px}.single-plan-details{min-width:0}
.owned-intro{margin-bottom:28px}.owned-intro h1{font-size:32px}.owned-count{display:flex;align-items:baseline;gap:9px;background:#232b25;border:1px solid #455441;padding:16px 24px;border-radius:10px;white-space:nowrap}.owned-count strong{font-size:30px;font-weight:620;color:var(--accent)}.owned-count span{font-size:12px;color:#a4b49f}
.owned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.owned-card{padding:25px;border:1px solid #3a4a3e;border-radius:12px;background:#1d2620}.owned-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.owned-card h2{font-size:22px}.owned-permanent{font-size:11px;color:var(--green);border:1px solid #425d48;background:#26372b;border-radius:5px;padding:4px 8px;white-space:nowrap}.owned-card p{font-size:12px;color:#99ae98;margin-bottom:22px}.owned-card time{color:#c0cfb8}.owned-caption{font-size:12px;color:#8fa38c;margin-top:24px}.owned-empty{padding:62px 24px;background:#1b211e;border:1px solid #334038;border-radius:12px;text-align:center}.owned-empty>.icon{width:38px;height:38px;color:#9aad95;margin-bottom:20px}.owned-empty h2{font-size:22px;margin-bottom:12px}.owned-empty p{font-size:14px;color:#92a68f;line-height:1.9}.owned-empty .text-link{display:inline-block;margin-top:8px;font-size:13px}
@media(max-width:1250px){.topbar nav{gap:14px}.topbar-inner{gap:18px}}
@media(max-width:980px){.owned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.single-round-plan{gap:28px}.topbar nav{gap:7px}}
@media(max-width:600px){.single-round-plan{grid-template-columns:1fr;gap:22px;padding:24px}.single-round-plan h2{font-size:23px}.single-round-plan .plan-price{margin-top:15px}.single-round-plan .plan-features{font-size:12px}.owned-grid{grid-template-columns:1fr}.owned-count{margin-top:18px;padding:10px 16px;display:inline-flex}.owned-count strong{font-size:23px}.owned-card{padding:22px}.owned-empty{padding:40px 20px}.owned-empty h2{font-size:20px}.owned-empty p{font-size:13px}}
@media(max-width:540px){.topbar nav{gap:0}.topbar nav .nav-link{font-size:10px}}