/* Sold World archive theme. Public templates only; upstream forms stay independent. */
:root{color-scheme:dark;--sw-bg:#101a20;--sw-line:#33454e;--sw-text:#e3e9eb;--sw-muted:#8fa4ae;--sw-accent:#d7844d}
.sw-public *{box-sizing:border-box}
body.sw-public{margin:0;padding:0;background:var(--sw-bg);color:var(--sw-text);font:14px/1.6 'Segoe UI','Microsoft YaHei',system-ui,sans-serif}
.sw-public a{color:inherit;text-decoration:none}.sw-public a:hover{color:#fff}.sw-public button,.sw-public input,.sw-public select{font:inherit;color:inherit}
.sw-public button{cursor:pointer}.sw-public svg{display:block}.sw-public [hidden]{display:none!important}
.sw-public a:focus-visible,.sw-public button:focus-visible,.sw-public input:focus-visible,.sw-public select:focus-visible{outline:2px solid var(--sw-accent);outline-offset:4px}
.sw-public .sw-symbols{position:absolute;width:0;height:0;overflow:hidden}.sw-public .skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#20313b;padding:10px 18px}.sw-public .skip-link:focus{top:10px}
.sw-public .shell{max-width:1600px;margin:24px auto;padding:0 30px}
.sw-public .masthead{position:relative;height:158px;overflow:hidden;border:1px solid var(--sw-line)}
.sw-public .landscape{position:absolute;inset:0;background:linear-gradient(90deg,#101a20 0%,#101a20cc 28%,#101a2040 70%,#101a2090),linear-gradient(0deg,#101a20 0%,transparent 80%),url('textures/death-stranding-official-beach.jpg') center 48%/cover;filter:saturate(.35)}
.sw-public .strands{position:absolute;right:4%;top:0;width:58%;height:100%;color:#9bb6c0;opacity:.4;pointer-events:none}
.sw-public .brand{position:absolute;left:29px;top:42px}.sw-public .brand strong{font-size:30px;font-weight:500;letter-spacing:.18em}.sw-public .brand small{font-size:11px;letter-spacing:.08em;margin-left:3px}.sw-public .brand span{display:block;margin-top:8px;font:10px Consolas,monospace;letter-spacing:.28em;color:var(--sw-muted)}
.sw-public .manage-link{position:absolute;right:24px;bottom:22px;color:#a0b0b8;font-size:11px;letter-spacing:.08em}
.sw-public .layout{display:grid;grid-template-columns:152px minmax(0,1fr) 320px;border:1px solid var(--sw-line);border-top:0;min-height:810px}
.sw-public .sidebar{border-right:1px solid var(--sw-line);padding:28px 0;display:flex;flex-direction:column;gap:24px;min-width:0}
.sw-public .navgroup{display:grid;gap:5px;padding:0 12px}.sw-public .navgroup a{display:flex;align-items:center;gap:15px;padding:12px;font-size:13px;color:#b8c7cd;min-height:43px;border-left:2px solid transparent}.sw-public .navgroup a.active{background:#20303a;border-left-color:var(--sw-accent);color:#fff}
.sw-public .navgroup svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2;flex-shrink:0}
.sw-public .clock{margin:0 18px;padding:17px 0 15px;border-top:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line)}.sw-public .clock .date{font:9px Consolas,monospace;color:var(--sw-muted);margin-bottom:11px;letter-spacing:.05em}
.sw-public .clock time{display:block;color:#ff7058;font:27px Consolas,monospace}.sw-public .clock time svg{width:100%;height:auto;overflow:visible}.sw-public .clock .tube-digit{fill:none;stroke:#ff7058;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #ed493b99)}.sw-public .clock .tube-glass{fill:#182229;stroke:#52616a;stroke-width:.4;opacity:.35}.sw-public .clock small{display:block;margin-top:9px;font:8px Consolas,monospace;letter-spacing:.1em;color:var(--sw-muted)}
.sw-public .collection{padding:27px 26px 32px;min-width:0}.sw-public h1,.sw-public h2,.sw-public h3{font-weight:400}.sw-public h1{font-size:24px;overflow-wrap:anywhere}
.sw-public .toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--sw-line);padding-bottom:20px;margin-bottom:16px}.sw-public .toolbar h1{font-size:23px;letter-spacing:.15em;margin:0;white-space:nowrap}.sw-public .count{font:10px Consolas,monospace;color:var(--sw-muted);margin-left:12px;letter-spacing:0}
.sw-public .category-tabs{display:flex;gap:20px;flex-wrap:wrap}.sw-public .category-tabs a{font-size:12px;color:var(--sw-muted);padding:8px 0;position:relative}.sw-public .category-tabs a.active{color:#fff}.sw-public .category-tabs a.active:after{content:'';height:2px;background:var(--sw-accent);position:absolute;bottom:-21px;left:0;right:0}
.sw-public .filters{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 24px}.sw-public .filters select{border:0;border-bottom:1px solid #435762;padding:5px 15px 5px 0;background:var(--sw-bg);font-size:11px;max-width:100%}.sw-public .filters button{border:0;background:none;color:var(--sw-muted);padding:6px 0;font-size:11px}.sw-public .filters button:hover{color:var(--sw-accent)}.sw-public .query-label{font-size:11px;color:var(--sw-muted);overflow-wrap:anywhere}
.sw-public .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 19px}.sw-public .media-card{min-width:0}.sw-public .poster-shell{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:#23343d;border:1px solid #58717b30}.sw-public .poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.sw-public .poster-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:repeating-linear-gradient(130deg,transparent,transparent 30px,#8ba4af12 31px,transparent 32px),linear-gradient(145deg,#30434c,#16242b);font-size:16px;color:#a8bcc5;overflow-wrap:anywhere}
.sw-public .media-card h2{font-size:13px;margin:12px 0 7px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sw-public .meta{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:var(--sw-muted)}
.sw-public .record-rule{height:2px;background:#334c59;margin-top:12px}.sw-public .record-rule.completed{background:#a5bac3}.sw-public .record-bottom{display:flex;justify-content:space-between;gap:6px;font:9px Consolas,monospace;color:#819ba8;margin-top:8px}.sw-public .record-bottom span{color:#a8b6b8}.sw-public .progress-label{font-size:10px;color:var(--sw-muted);display:block;margin-top:5px}
.sw-public .empty{padding:70px 0;color:var(--sw-muted);font-size:13px}.sw-public .button{display:inline-block;border:1px solid #526872;padding:7px 12px;margin:8px 10px 0 0;font-size:12px}.sw-public .pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px;font-size:12px;color:var(--sw-muted)}
.sw-public .right{border-left:1px solid var(--sw-line);padding:28px 22px;display:flex;flex-direction:column;min-width:0}.sw-public .search{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--sw-line);padding-bottom:17px}.sw-public .search input[type=search]{width:100%;min-width:0;background:none;border:0;color:var(--sw-text);font-size:12px;padding:4px 0}.sw-public .search input::placeholder{color:#8ba1ab}.sw-public .search button{border:0;background:none;padding:5px}.sw-public .search svg{width:16px;height:16px;stroke:#92aab4;fill:none}
.sw-public .sectionhead{display:flex;justify-content:space-between;align-items:center;margin:28px 0}.sw-public .sectionhead h2{margin:0;font-size:14px;letter-spacing:.12em}.sw-public .sectionhead span{font:9px Consolas,monospace;color:var(--sw-muted)}
.sw-public .events{padding:0 0 0 13px;margin:0;border-left:1px solid #45616e;list-style:none}.sw-public .event{position:relative;padding:0 0 28px 5px}.sw-public .event:before{position:absolute;content:'';width:5px;height:5px;border:1px solid var(--sw-accent);background:var(--sw-bg);border-radius:50%;top:6px;left:-16px}.sw-public .event:first-child:before{background:var(--sw-accent)}.sw-public .event time{font:10px Consolas,monospace;color:#99b0bc}.sw-public .event h3{font-size:12px;line-height:1.6;margin:7px 0 4px;overflow-wrap:anywhere}.sw-public .event span,.sw-public .subtle{font-size:10px;color:var(--sw-muted)}
/* Reserve the upward cassette travel area, retaining the existing v5 mechanics. */
.sw-public .music-dock{margin-top:auto;padding-top:140px;position:relative}.sw-public .dock-label{font:9px Consolas,monospace;letter-spacing:.14em;color:var(--sw-muted);padding:15px 0 18px;border-top:1px solid var(--sw-line)}
.sw-public .cassette-player{position:relative;right:auto;bottom:auto;width:100%;max-width:350px;margin:0 auto;z-index:2}.sw-public .track-title{font-size:11px;color:#c6d4da;line-height:1.6;margin-top:15px}.sw-public .track-title small{display:block;font:9px Consolas,monospace;color:#94aab4;margin-top:5px}
.sw-public .footer{display:flex;justify-content:space-between;gap:12px;padding:19px 0;color:#8fa6b1;font:9px/1.8 Consolas,'Microsoft YaHei',monospace;letter-spacing:.04em}.sw-public .footer div{display:flex;gap:8px 14px;flex-wrap:wrap}.sw-public .footer a:hover{text-decoration:underline;text-underline-offset:3px}
.sw-public .timeline{border-left:1px solid #45616e;margin:20px 0 0 4px;padding-left:24px}.sw-public .day{position:relative;margin:28px 0 18px;font:12px Consolas,monospace;color:#b1c4ce}.sw-public .day:before{content:'';position:absolute;width:5px;height:5px;border:1px solid var(--sw-accent);border-radius:50%;background:var(--sw-bg);left:-27px;top:5px}
.sw-public .timeline-entry{display:grid;grid-template-columns:60px minmax(0,1fr);gap:18px;border-bottom:1px solid var(--sw-line);padding:0 0 20px;margin-bottom:22px}.sw-public .timeline-entry h3{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.sw-public .timeline-entry small{font-size:11px;color:var(--sw-muted)}.sw-public .timeline-entry .poster-fallback{padding:5px;font-size:10px}.sw-public .note-preview{font-size:12px;color:#aebfc6;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0}
.sw-public .back-link{margin:0 0 24px;font-size:12px;color:var(--sw-muted)}.sw-public .detail{display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px}.sw-public .detail .poster-shell{align-self:start}.sw-public .detail h1{font-size:25px;margin:6px 0 20px}.sw-public .detail h2{font-size:16px;margin:32px 0 18px}.sw-public .detail small,.sw-public .muted{color:var(--sw-muted)}.sw-public .metadata{display:flex;gap:10px 20px;flex-wrap:wrap;color:var(--sw-muted);font-size:12px}.sw-public .notes{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px}
@media(min-width:1600px){.sw-public .grid{gap:34px 23px}}
@media(max-width:1150px){.sw-public .layout{grid-template-columns:130px minmax(0,1fr) 285px}.sw-public .collection{padding:25px 20px}.sw-public .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sw-public .category-tabs{gap:12px}.sw-public .toolbar{align-items:flex-start}.sw-public .right{padding:27px 17px}.sw-public .brand strong{font-size:25px}.sw-public .detail{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:900px){.sw-public .shell{padding:0 18px;margin-top:18px}.sw-public .layout{grid-template-columns:115px minmax(0,1fr)}.sw-public .right{grid-column:2;border-left:0;border-top:1px solid var(--sw-line);display:grid;grid-template-columns:1fr 250px;gap:0 26px}.sw-public .search{grid-column:1/-1}.sw-public .right .sectionhead{grid-column:1}.sw-public .events{grid-column:1}.sw-public .music-dock{grid-column:2;grid-row:2/4;margin-top:28px;padding-top:90px}.sw-public .sidebar{grid-row:1/3}.sw-public .navgroup a{gap:10px;padding:11px 6px}.sw-public .clock{margin-left:12px;margin-right:12px}.sw-public .footer{flex-wrap:wrap}}
@media(max-width:600px){.sw-public .shell{padding:0 12px;margin:12px 0}.sw-public .masthead{height:135px}.sw-public .brand{left:20px;top:34px}.sw-public .brand strong{font-size:22px}.sw-public .brand span{font-size:8px;letter-spacing:.2em}.sw-public .manage-link{font-size:10px;bottom:12px;right:12px}.sw-public .layout{display:flex;flex-direction:column;min-height:0}.sw-public .sidebar{order:1;display:block;padding:8px 10px;border-right:0;border-bottom:1px solid var(--sw-line)}.sw-public .navgroup{display:flex;padding:0;gap:12px}.sw-public .navgroup a{font-size:12px;padding:8px;gap:8px;border-left:0}.sw-public .navgroup a.active{border-bottom:1px solid var(--sw-accent)}.sw-public .navgroup svg{width:14px}.sw-public .sidebar .category-nav,.sw-public .sidebar .clock{display:none}.sw-public .right{display:contents}.sw-public .search{order:2;margin:18px 17px 0;padding-bottom:12px}.sw-public .collection{order:3;padding:22px 17px}.sw-public .toolbar{display:block;padding-bottom:12px;margin-bottom:15px}.sw-public .toolbar h1{font-size:19px}.sw-public .category-tabs{margin-top:14px;gap:23px}.sw-public .category-tabs a.active:after{bottom:-13px}.sw-public .filters{gap:12px;margin-bottom:22px}.sw-public .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.sw-public .media-card h2{font-size:12px}.sw-public .sectionhead{order:4;margin:5px 17px 24px;border-top:1px solid var(--sw-line);padding-top:24px}.sw-public .events{order:5;margin:0 17px 0 23px}.sw-public .event{padding-bottom:22px}.sw-public .music-dock{order:6;max-width:320px;width:calc(100% - 34px);margin:0 17px 24px;padding-top:135px}.sw-public .cassette-player{width:100%;right:auto;bottom:auto}.sw-public .footer{font-size:8px;flex-wrap:wrap}.sw-public .timeline{padding-left:18px}.sw-public .day:before{left:-21px}.sw-public .timeline-entry{grid-template-columns:48px minmax(0,1fr);gap:12px}.sw-public .timeline-entry h3{font-size:13px}.sw-public .detail{grid-template-columns:1fr}.sw-public .detail>.poster-shell{width:160px;max-width:100%}.sw-public .detail h1{font-size:23px}.sw-public .detail .notes{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sw-public *{scroll-behavior:auto!important}}