/* A static collection archive: shared tokens are defined by theme_field.css. */
.box-page{max-width:1480px;margin:82px auto 0;padding:54px 44px 76px;color:var(--field-ink)}
@media(max-width:760px){.box-page.field-collection{margin-top:68px}}
.box-page [hidden]{display:none!important}
.box-stage{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr);gap:36px;align-items:start;margin-bottom:64px}
.box-stage-copy{padding-top:24px}
.box-brandline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--field-line);font:10px var(--field-mono);letter-spacing:1px}
.box-brandline span{display:flex;align-items:center;gap:8px}
.box-brandline i,.vault-status i,.collection-download-status i,.collection-guest-note i{width:5px;height:5px;background:var(--field-link);display:inline-block}
.box-brandline b{font-weight:400;color:var(--field-muted)}
.box-overline{font:10px var(--field-mono);color:var(--field-muted);letter-spacing:1.5px;margin:30px 0 20px}
.box-stage h1{font-size:clamp(29px,3vw,48px);line-height:1.35;letter-spacing:-1.5px;margin:0 0 24px;font-weight:900}
.box-stage h1 em{font-style:normal;background:var(--field-signal);color:#171a19;padding:0 5px}
.box-stage-lead{font-size:13px;line-height:1.95;color:var(--field-muted);max-width:430px}
.box-selected-meta{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--field-line);padding-top:24px;margin-top:30px}
.box-selected-meta span,.box-library-foot p span{font:9px var(--field-mono);color:var(--field-muted);letter-spacing:2px}
.box-selected-meta strong{font-size:16px}
.box-stage-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.box-primary,.box-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 18px;min-height:48px;border:1px solid var(--field-ink);border-radius:0;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer;color:var(--field-ink);background:transparent}
.box-primary{background:var(--field-signal);border-color:var(--field-signal);color:#171a19}
.box-primary:hover,.box-secondary:hover{background:var(--field-ink);border-color:var(--field-ink);color:var(--field-panel)}
.box-machine-zone,.box-machine,.box-library,.box-client-body,.box-client-workspace{min-width:0}
.box-library{border:1px solid var(--field-line);background:var(--field-panel);position:relative}
.box-library-head{display:flex;align-items:center;justify-content:space-between;background:#171a19;color:#f7f8f3;padding:13px 18px;border-bottom:3px solid var(--field-signal)}
.box-client-identity{display:flex;gap:10px;align-items:center;font-size:13px}
.box-client-logo{width:26px;height:26px;object-fit:contain;filter:grayscale(1);background:#f7f8f3}
.box-library-head:after{content:'COLLECTION / 002';font:9px var(--field-mono);letter-spacing:1.5px;color:#bcc1b5}
.box-client-workspace{padding:20px}
.box-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.box-workspace-title h2{font-size:15px;display:flex;align-items:center;gap:10px;margin:0}
.box-library-refresh{border:1px solid var(--field-line);background:transparent;color:var(--field-ink);width:25px;height:25px;border-radius:0;cursor:pointer}
.box-library-refresh:hover{background:var(--field-signal);color:#171a19}
.box-search{border:1px solid var(--field-line);display:flex;align-items:center;gap:7px;padding:7px 9px;max-width:230px;background:var(--field-bg)}
.box-search input{border:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;min-width:0;width:100%;font-size:11px;color:var(--field-ink)}
.box-search kbd{font:8px var(--field-mono);color:var(--field-muted)}
.box-carousel-viewport{min-height:310px}
.box-game-grid{display:grid;grid-template-columns:repeat(var(--box-grid-columns,3),minmax(0,1fr));gap:10px;align-items:start}
.box-game-card{position:relative;display:block;min-width:0;background:var(--field-soft);border:2px solid transparent;padding:0;border-radius:0;cursor:pointer;overflow:hidden}
.box-game-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.box-game-card:hover{border-color:var(--field-ink)}
.box-game-card.is-selected{border-color:var(--field-link)}
.box-game-card.is-selected:after{content:'SELECTED';position:absolute;bottom:0;right:0;font:8px var(--field-mono);letter-spacing:1px;background:var(--field-signal);color:#171a19;padding:4px 6px}
.box-card-favorite,.box-card-glare{display:none}
.box-empty{grid-column:1/-1;padding:80px 10px;text-align:center;color:var(--field-muted);font-size:13px}
.box-library-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;border-top:1px solid var(--field-line);padding:16px 0 0;background:transparent;color:var(--field-ink)}
.box-library-foot p{display:flex;flex-direction:column;gap:5px;margin:0}
.box-library-foot p strong{font-size:11px}
.box-page-dots{display:flex;gap:5px}
.box-page-dots button{width:25px;height:25px;padding:0;border:1px solid var(--field-line);border-radius:0;background:var(--field-panel);color:var(--field-ink);cursor:pointer;font:10px var(--field-mono)}
.box-page-dots button.is-active{color:var(--field-panel);background:var(--field-ink);border-color:var(--field-ink)}
.box-access{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.4fr);gap:32px;scroll-margin-top:104px;border-top:2px solid var(--field-ink);padding-top:34px}
.box-vault-head{display:flex;align-items:flex-start;gap:14px}
.box-lock-mark{font:28px var(--field-mono);border:1px solid var(--field-line);width:50px;height:50px;display:grid;place-items:center;flex:none}
.box-lock-mark i{display:none}
.vault-status{font:9px var(--field-mono);letter-spacing:2px;display:flex;gap:6px;align-items:center;color:var(--field-muted)}
.box-access-intro h2{font-size:24px;line-height:1.5;margin:9px 0 0;max-width:400px}
.box-access-intro>p{font-size:12px;line-height:1.9;color:var(--field-muted);margin:24px 0}
.box-unlock-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.box-unlock-steps span{font-size:10px;display:flex;align-items:center;gap:7px}
.box-unlock-steps b{font:11px var(--field-mono);color:var(--field-link)}
.box-unlock-steps i{width:12px;height:1px;background:var(--field-line);align-self:center}
.box-access-form{background:var(--field-panel);border:1px solid var(--field-line);padding:26px;min-width:0}
.collection-composer-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--field-line);padding-bottom:20px;margin-bottom:20px}
.collection-composer-head>div>span,.collection-field>span{font:9px var(--field-mono);letter-spacing:1px;color:var(--field-muted)}
.collection-composer-head h3{font-size:16px;line-height:1.6;margin:7px 0 0}
.collection-guest-note{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--field-muted);flex-shrink:0}
.collection-signed-user{display:flex;align-items:center;gap:7px;font-size:10px}
.collection-signed-user i{width:30px;height:30px;display:grid;place-items:center;background:var(--field-soft);font-style:normal}
.collection-signed-user span{display:flex;flex-direction:column;gap:5px}
.box-form-row{display:grid;grid-template-columns:1fr;gap:17px}
.collection-field{display:flex;flex-direction:column;gap:8px}
.collection-field input,.collection-field textarea{width:100%;background:var(--field-bg);border:1px solid var(--field-line);padding:12px;font:12px var(--font-body);color:var(--field-ink);border-radius:0}
.collection-field textarea{min-height:96px;resize:vertical;line-height:1.8}
.collection-field input:focus,.collection-field textarea:focus{outline:1px solid var(--field-ink)}
.collection-submit{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--field-signal);color:#171a19;border:0;border-radius:0;cursor:pointer;text-align:left}
.collection-submit>i{font-style:normal;font-size:22px}
.collection-submit>span{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:700}
.collection-submit small{font:9px var(--field-mono);letter-spacing:1px}
.collection-submit>b{margin-left:auto;font:20px var(--field-mono)}
.collection-submit:disabled{opacity:.5;cursor:wait}
.collection-message{font-size:12px;color:var(--field-link);line-height:1.7;margin-bottom:12px}
.collection-message:empty{display:none}
.collection-message.is-error{color:#c44837}
.collection-privacy{font-size:10px;color:var(--field-muted);line-height:1.8;margin:15px 0 0}
.collection-captcha{border:1px solid var(--field-line);padding:15px;font-size:12px}
.collection-captcha>div{display:flex;gap:10px;align-items:center}
.collection-captcha input{width:100px;padding:9px;border:1px solid var(--field-line);background:var(--field-bg);color:var(--field-ink)}
.collection-unlocked{margin-top:25px;border-top:3px solid var(--field-signal);padding-top:22px}
.collection-download-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.collection-download-symbol{font:26px var(--field-mono)}
.collection-download-copy{flex:1;min-width:0}
.collection-download-copy>small{font:9px var(--field-mono);letter-spacing:1px;color:var(--field-muted)}
.collection-download-copy h3{font-size:16px;margin:5px 0}
.collection-download-copy p{font-size:11px;line-height:1.8;color:var(--field-muted);margin:0}
.collection-download-status{font:8px var(--field-mono);color:var(--field-link);display:flex;align-items:center;gap:5px}
.collection-download-route{display:flex;align-items:center;gap:15px;border:1px solid var(--field-line);padding:15px;margin:8px 0!important;background:var(--field-bg)}
.collection-route-meta{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.collection-route-meta>b{font:18px var(--field-mono);color:var(--field-muted)}
.collection-route-meta>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.collection-route-meta small{font-size:11px;line-height:1.6}
.collection-route-meta strong{font:9px var(--field-mono);color:var(--field-muted);overflow-wrap:anywhere}
.collection-route-note{font-size:11px;line-height:1.7;color:var(--field-muted)}
.collection-route-button{display:flex!important;align-items:center;gap:15px;padding:10px 15px;background:var(--field-signal);color:#171a19!important;text-decoration:none!important;border:0!important;font-size:12px;flex-shrink:0}
.collection-route-action-copy{display:flex;flex-direction:column;gap:3px}
.collection-route-action-copy small{font:8px var(--field-mono)}
.collection-route-button>b{font:18px var(--field-mono)}
.collection-other-routes{margin-top:15px;font-size:12px}
.collection-other-routes>summary{cursor:pointer;padding:12px 0;color:var(--field-muted);border-bottom:1px solid var(--field-line)}
.box-community-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid var(--field-line);border-radius:0;background:var(--field-panel);color:var(--field-ink);cursor:pointer;font-size:12px}
.box-community{grid-column:1/-1;min-width:0}
.community-head,.community-head>div{display:flex;align-items:center;gap:10px}
.community-head{justify-content:space-between;border-bottom:1px solid var(--field-line);padding-bottom:20px;margin-bottom:20px}
.community-head span{font:9px var(--field-mono);letter-spacing:2px;color:var(--field-muted)}
.community-head h2{font-size:22px;margin:7px 0 0}
.community-sort{display:flex;gap:5px}
.community-sort button{padding:8px 14px;font-size:11px;background:transparent;border:1px solid var(--field-line);color:var(--field-ink);cursor:pointer}
.community-sort button.is-active{background:var(--field-ink);color:var(--field-panel)}
.collection-comment-grid,#clist{display:grid;grid-template-columns:repeat(var(--collection-comment-columns,2),minmax(0,1fr));gap:14px}
#clist>p{grid-column:1/-1}
.collection-comment{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:20px;border:1px solid var(--field-line);background:var(--field-panel);min-width:0;align-items:start}
.collection-comment-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}
.collection-comment-head time{margin-left:auto}.collection-comment-badge{font-size:9px;padding:1px 5px}.collection-comment-replyto{font-size:10px;color:var(--field-muted)}
.collection-comment.is-reply{padding:12px;margin-top:14px;background:var(--field-bg);border:0;border-left:2px solid var(--field-line)}
.collection-comment-avatar img{width:32px;height:32px;object-fit:cover}.collection-comment-main{min-width:0}
.collection-comment-avatar{width:32px;height:32px;display:grid;place-items:center;background:var(--field-soft);object-fit:cover}
.collection-comment-head time,.collection-comment-meta{color:var(--field-muted);font:10px var(--field-mono)}
.collection-comment-head>div{display:flex;flex-direction:column;gap:5px}
.collection-comment-content{font-size:12px;line-height:1.9;overflow-wrap:anywhere;margin-top:14px}
.collection-comment-actions{display:flex;gap:8px;margin-top:12px}
.collection-comment-actions button{background:transparent;border:1px solid var(--field-line);color:var(--field-muted);padding:5px 9px;cursor:pointer;font-size:10px}
.collection-comment-replies{border-left:2px solid var(--field-line);padding-left:12px;margin-top:16px}
.collection-comments-loading,.box-noscript,.box-comments-disabled{font-size:12px;color:var(--field-muted);padding:20px;line-height:1.8}
.collection-pagination{display:flex;gap:5px;justify-content:center;margin:20px 0}
.collection-pagination button{padding:8px 12px;border:1px solid var(--field-line);background:var(--field-panel);color:var(--field-ink);cursor:pointer}
@media(max-width:760px){.box-page #clist{grid-template-columns:1fr}}
@media(max-width:1100px){.box-page{padding:36px 24px 56px}.box-stage{grid-template-columns:1fr;gap:30px}.box-stage-copy{padding-top:0}.box-stage h1 br{display:none}.box-stage-lead{max-width:650px}.box-selected-meta{display:none}.box-access{grid-template-columns:1fr}.box-access-intro h2{max-width:none}.collection-composer-head{flex-wrap:wrap}.box-carousel-viewport{min-height:0}}
@media(max-width:760px){.box-page{padding:28px 20px 45px}.box-stage{margin-bottom:38px}.box-brandline{font-size:8px}.box-brandline b{display:none}.box-stage h1{font-size:31px}.box-stage h1 br{display:block}.box-overline{font-size:9px;margin-top:22px}.box-stage-actions{gap:8px}.box-primary,.box-secondary{padding:12px;font-size:11px;gap:12px}.box-library-head{padding:12px}.box-library-head:after{font-size:8px;letter-spacing:0}.box-client-identity{font-size:11px}.box-client-workspace{padding:12px}.box-workspace-title{flex-direction:column;align-items:stretch;gap:12px}.box-search{max-width:none}.box-game-grid{gap:6px}.box-access{padding-top:25px;gap:24px}.box-access-intro h2{font-size:20px}.box-access-form{padding:18px}.box-library-foot p strong{max-width:150px}.collection-composer-head h3{font-size:14px}.collection-download-status{display:none}.collection-download-route{flex-wrap:wrap;padding:12px;gap:12px}.collection-route-meta{flex-basis:55%}.collection-route-note{order:3;flex-basis:100%}.collection-route-button{padding:10px;gap:8px;font-size:11px}.collection-comment-grid{grid-template-columns:1fr}.collection-comment{padding:16px}}