/* Screen-specific layout: existing data and actions, no extra rendering services. */
body{background:#020b18}.paint{opacity:.55;background-position:center top;background-size:auto 900px;mask-image:linear-gradient(#000 0%,#0009 440px,transparent 900px);-webkit-mask-image:linear-gradient(#000 0%,#0009 440px,transparent 900px)}
main{max-width:1440px;margin-inline:auto;padding-top:28px}.hero,.wishlist-hero,.trade-head,.battle-head,.screen-heading{margin-bottom:24px}.hero h1,.wishlist-hero h1,.trade-head h1,.battle-head h1,.screen-heading h1{font-size:clamp(36px,4.2vw,58px);line-height:1.08;margin:10px 0 14px}.hero p,.trade-head p,.battle-head p{max-width:720px;line-height:1.6}.panel,.tile,.trade-builder,.chat-layout,.search-result{box-shadow:0 10px 28px #0003;background:#071e34ed}.panel h2{margin-top:0}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #43d7f4;outline-offset:3px}main [hidden]{display:none!important}
/* Collection and capture: compact filtering, full artwork, no reserved sidebar. */
.page-collection .toolbar{padding:14px;background:#041426ed;border:1px solid #43d7f433;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px}.page-collection .toolbar select{width:auto;flex:1 1 140px;max-width:220px}.page-collection .toolbar input{flex:1 1 180px;max-width:300px}.page-collection .stats{margin:0 0 22px}.page-collection .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.page-collection .tile .photo{height:280px;padding:16px;background:radial-gradient(ellipse,#12445c,#041426 80%)}.page-collection .tile .photo img{height:248px;max-width:100%;width:auto;object-fit:contain}.page-collection .tile .info{padding:16px}.page-collection .collection-favorite-rail{min-height:32px;padding:9px 14px}.page-collection .tile:not(:has(.collection-favorite-rail)){padding-top:32px}.page-collection .statusline{max-width:800px;line-height:1.5}.page-upload .capture-summary{margin-bottom:20px}.page-upload .upload-box{max-width:none}.page-upload .review-gallery .tile{padding-top:0}
/* Copy detail: photo and chosen copy remain parallel, evidence stays secondary. */
.page-card .card-detail-layout{gap:24px;align-items:start}.page-card .detail-photo{height:470px;padding:20px;background:radial-gradient(ellipse,#13435b,#041426 80%);border-radius:14px}.page-card .detail-photo img{object-fit:contain;max-height:430px}.page-card .copy-switcher{padding:14px}.page-card .copy{padding:20px}.page-card .event{margin-bottom:14px}.page-card .timeline{margin-top:16px}.page-card .thumbs{gap:10px;padding:12px 0}.page-card .thumbs button{min-height:48px}.page-card .card-copy-column .panel{margin-bottom:18px}
/* Directory and wishlist: records, not floating fragments. */
.page-people .analysis-heading{padding-bottom:20px;border-bottom:1px solid #43d7f433}.page-people .people-row{padding:18px;border:1px solid #43d7f433;border-radius:12px;background:#071e34ee;margin:10px 0}.page-people .people-table-head{padding-inline:18px}.page-people .people-previews img{height:76px;width:54px;object-fit:contain;border-radius:4px}.page-wishlist .wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.page-wishlist .wishlist-tools{background:#071e34ef;padding:16px;border-radius:12px}.page-wishlist .wishlist-note{max-width:800px}.page-pick{max-width:1120px}.page-pick .favorite-choice{background:radial-gradient(ellipse at top,#12445c,#041426);width:300px;min-height:0;padding:20px;border-radius:14px}.page-pick .favorite-choice img{height:340px;object-fit:contain}.page-pick .favorite-choice strong{margin-top:14px}.page-pick .feature-note{text-align:center;max-width:680px;margin:18px auto}
/* Search and discovery: clear object types with a working view switch. */
.page-search>p{max-width:780px;line-height:1.6}.search-filters{background:#041426ed;border:1px solid #43d7f433;border-radius:12px;padding:14px;gap:10px}.search-filters select,.search-filters input:not([type=checkbox]){width:auto;flex:1 1 150px;min-width:0;max-width:240px}.search-filters label{display:flex;align-items:center;gap:6px;margin:0}.search-view-switch{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.search-view-switch button[aria-pressed=true]{background:#0b524f;border-color:#27e1d1;color:#eaf8ff}.page-search section[data-search-group]{margin:26px 0}.search-results{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.search-result{display:flex;flex-direction:column;gap:8px;border:1px solid #43d7f433;border-radius:14px;padding:16px;min-width:0}.search-result img{height:250px;width:100%;object-fit:contain;padding:8px;background:radial-gradient(ellipse,#12445c,#041426 80%);border-radius:8px}.search-result strong{font-size:18px}.search-result small{color:#8eabc5;line-height:1.5}.search-result button{margin-top:auto;min-height:44px}.search-result a{line-height:1.5}.search-copy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search-copy-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;border:1px solid #43d7f433;border-radius:10px;padding:16px;background:#071e34;color:#eaf8ff;text-decoration:none}.search-copy-row>span:first-of-type{grid-row:2;color:#8eabc5;font-size:13px}.search-copy-row>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#43d7f4}.explore-stages{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}.explore-stages a{padding:10px 16px;background:#071e34;border:1px solid #43d7f433;border-radius:10px;text-decoration:none}
/* Analysis: let empty evidence shrink; preserve the actual charts. */
.page-analysis .analysis-overview{align-items:start;gap:20px}.page-analysis .analysis-overview .panel:has(.analysis-empty){min-height:0}.page-analysis .analysis-empty{padding:18px 0;margin:0}.page-analysis .analysis-metrics{margin:20px 0}.page-analysis .analysis-card{padding:12px}.page-analysis .analysis-card img{object-fit:contain}.page-analysis .analysis-section-heading{margin:24px 0 16px}.page-analysis .analysis-evidence{line-height:1.6}.page-analysis .analysis-labs{gap:20px}.page-versions .family-hero{padding:24px}.page-versions .family-filters{gap:8px}.page-versions .family-tree{padding:20px}.page-versions .printing-grid{gap:18px}
/* Trade: explicit selection state; history stays compact until useful. */
.trade-proposals{border:1px solid #43d7f433;background:#071e34;border-radius:12px;padding:16px;margin:18px 0}.trade-proposals summary{cursor:pointer;font-weight:600;min-height:32px}.trade-proposals #proposal-list{padding-top:16px}.trade-builder{border-radius:16px;padding:24px;border:1px solid #43d7f433}.trade-builder>select{max-width:380px}.trade-sides{gap:24px;margin:22px 0}.trade-sides>div{min-width:0}.trade-card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.trade-card{background:radial-gradient(ellipse at top,#12445c,#041426);border:1px solid #43d7f433;padding:12px;border-radius:12px}.trade-card img{height:180px;object-fit:contain}.trade-card.selected{border-color:#27e1d1;box-shadow:0 0 0 1px #27e1d1}.trade-selection-status{padding:12px 14px;border-left:2px solid #27e1d1;background:#0a2842;color:#b7d7eb;font-size:13px}.trade-actions{gap:12px}
/* Messages: viewport sized conversation, quiet collection sidebar. */
.page-club .chat-layout{grid-template-columns:210px minmax(300px,1fr) 240px;max-width:1320px}.page-club .chat-top{margin-bottom:20px}.page-club .chat-people,.page-club .chat-collection{background:#041426e8}.page-club .chat-conversation{background:#071e34}.page-club .chat-compose{padding:14px;border-top:1px solid #43d7f433}.page-club .chat-card-list img{object-fit:contain}.page-club .chat-messages:empty{min-height:160px}
/* Battle: selected cards, not two unexplained dropdowns. */
.page-battle{max-width:1120px}.battle-selections{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:20px;align-items:center}.battle-selections>div{min-width:0}.battle-selections select{margin:8px 0 18px}.battle-versus{text-align:center;font-size:28px;letter-spacing:.12em;color:#43d7f4}.battle-preview{padding:20px;background:radial-gradient(ellipse,#14485e,#041426 80%);border:1px solid #43d7f433;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:350px}.battle-preview img{height:270px;width:100%;object-fit:contain}.battle-preview strong{font-size:23px}.battle-preview small{color:#8eabc5;text-align:center}.battle-arena #battle-go{display:block;margin:22px auto 0;min-width:200px}.battle-log{margin-top:24px}.battle-story-text{line-height:1.7}.page-admin .admin-overview{margin-top:8px}.page-admin .feature-section{padding:22px;margin-top:20px}.login{max-width:460px;padding:36px;background:linear-gradient(145deg,#0a2842,#041426);border-radius:18px}.login h1{font-size:58px}.login form button{width:100%;min-height:48px}.login .statusline{padding-top:20px;border-top:1px solid #43d7f433}
@media(max-width:1099px){.page-club .chat-layout{grid-template-columns:170px minmax(0,1fr)}.page-club .chat-collection{grid-column:1/-1;max-height:240px;overflow:auto}.page-card .detail-photo{height:400px}.page-card .detail-photo img{max-height:360px}main{padding-bottom:110px}#nav{border-radius:12px;background:#041426fa;backdrop-filter:none;box-shadow:0 -10px 24px #020b18b3}}
@media(max-width:650px){main{padding-top:22px}.hero h1,.wishlist-hero h1,.trade-head h1,.battle-head h1,.screen-heading h1{font-size:38px}.page-collection .grid,.page-wishlist .wishlist-grid,.search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-collection .tile .photo{height:220px;padding:12px}.page-collection .tile .photo img{height:196px}.page-collection .tile .info{padding:12px}.search-result{padding:12px;font-size:13px}.search-result img{height:190px}.search-result strong{font-size:16px}.search-copy-list{grid-template-columns:1fr}.search-filters select,.search-filters input:not([type=checkbox]){max-width:none;flex-basis:42%}.page-pick .favorite-choice{width:calc(50% - 24px);padding:12px}.page-pick .favorite-choice img{height:220px}.page-card .detail-photo{height:360px}.page-card .detail-photo img{max-height:320px}.trade-builder{padding:18px}.trade-sides{gap:16px}.trade-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-card img{height:150px}.page-club .chat-layout{grid-template-columns:1fr}.battle-selections{grid-template-columns:1fr 1fr;gap:14px;align-items:start}.battle-versus{display:none}.battle-preview{min-height:255px;padding:12px}.battle-preview img{height:180px}.battle-preview strong{font-size:18px}.battle-selections select{font-size:12px}.login{padding:26px}.login h1{font-size:48px}.page-admin .admin-overview{margin-bottom:22px}}
#nav .nav-primary{display:contents}#nav-more-toggle{display:none}#nav .nav-more-panel,#nav .nav-more-panel[hidden]{display:contents}
@media(max-width:1099px){#nav{overflow:visible;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:800px}#nav a{justify-content:center;padding:9px 4px;font-size:12px;min-width:0}#nav-more-toggle{display:block;padding:8px 4px;border:0;background:transparent;color:#8eabc5;font-size:12px;min-height:44px}#nav-more-toggle.active,#nav-more-toggle[aria-expanded=true]{color:#27e1d1;background:#0a2842}#nav .nav-more-panel{position:absolute;bottom:calc(100% + 10px);right:0;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;padding:12px;border:1px solid #43d7f466;border-radius:14px;background:#041426;box-shadow:0 12px 32px #0008}#nav .nav-more-panel[hidden]{display:none}#nav .nav-more-panel a{justify-content:flex-start;padding:10px 14px}#nav .nav-unread{font-size:10px;margin-left:3px;padding:2px 4px}}
@media(max-width:430px){#nav a,#nav-more-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
