@import url('/game.css');
:root{color-scheme:dark;--bg:#111210;--surface:#191b18;--line:#34382e;--muted:#929888;--ink:#edeee7;--accent:#ffda00;--danger:#ff9690;font:15px 'Hitmarker Text',sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,select,input{border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--ink)}button{padding:10px 16px;cursor:pointer;transition:border-color .15s,color .15s}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#111210;font-weight:650}button.danger{color:var(--danger)}button.quiet{border-color:transparent;background:none}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}input,select{padding:12px;min-width:0}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}label{display:block}h1,h2{font-family:'Hitmarker Condensed',sans-serif;margin:0;font-weight:700}h1{font-size:46px;line-height:1.1}h2{font-size:30px;line-height:1.15}p{line-height:1.5}.topbar{height:82px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font:700 29px 'Hitmarker Condensed',sans-serif;display:flex;align-items:center}.brand span{color:var(--accent)}.brand small{font:11px 'Hitmarker Text',sans-serif;letter-spacing:.16em;color:var(--muted);margin-left:20px;padding-left:20px;border-left:1px solid var(--line)}.topbar nav{display:flex;gap:22px;align-items:center}.topbar nav a{font-size:14px}main{max-width:1900px;padding:42px 4vw 55px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted);margin:0 0 10px}.workspace-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.game-field{font-size:12px;color:var(--muted)}.game-field select{display:block;min-width:240px;margin-top:7px;color:var(--ink)}.filters{display:grid;grid-template-columns:minmax(240px,1fr) 210px 180px auto;gap:12px}.animated{display:flex;align-items:center;gap:10px;padding:0 10px}.selection-line{display:flex;gap:12px;align-items:center;min-height:68px;font-size:13px}.selection-line label{display:flex;gap:10px;align-items:center}.selection-line button{padding:7px 10px;font-size:13px}#result-count{color:var(--muted);margin-left:auto}.bulkbar{position:sticky;top:10px;z-index:5;background:#23251e;border:1px solid #655b16;box-shadow:0 8px 28px #0006;padding:12px 16px;display:flex;align-items:center;gap:20px;margin-bottom:12px}.bulkbar strong{color:var(--accent);min-width:110px}.bulk-actions{display:flex;gap:8px;flex-wrap:wrap}#notice{min-height:20px;margin:0 0 16px;font-size:14px;color:var(--accent)}#notice.error{color:var(--danger)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.tile{position:relative;min-width:0;border-bottom:2px solid transparent;padding-bottom:10px}.tile.selected{border-bottom-color:var(--accent)}.tile.selected .thumbnail{outline:2px solid var(--accent);outline-offset:2px}.thumbnail{display:block;width:100%;aspect-ratio:16/10;padding:20px;background:#181a17;border:0;border-radius:0;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.thumbnail:hover img{transform:scale(1.025)}.tile[data-category=calling-cards] .thumbnail{aspect-ratio:4/1;padding:0}.tile[data-category=loading] .thumbnail{aspect-ratio:16/9;padding:0}.select-image{position:absolute;top:9px;left:9px;z-index:1;background:#111d;padding:6px;border:1px solid #55594d;display:flex;align-items:center;border-radius:3px}.badge{position:absolute;right:8px;top:8px;padding:4px 7px;background:#111e;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#cbd0c2;pointer-events:none}.badge.hidden-badge{color:var(--accent)}.tile-name{margin:12px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.tile-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:35px}.pagination span{color:var(--muted);font-size:13px}.empty{text-align:center;padding:75px 0;color:var(--muted)}.empty h2{color:var(--ink)}.auth-panel{max-width:410px;margin:8vh auto}.auth-panel h1{margin-bottom:20px}.auth-panel label{margin:20px 0 8px}.auth-panel input{width:100%}.auth-panel .primary{margin-top:24px;width:100%}#auth-note{color:var(--muted);font-size:14px}.error{color:var(--danger);font-size:14px}.auth-panel .error:empty{display:none}dialog{border:1px solid #454b3c;border-radius:4px;padding:26px;background:var(--bg);color:var(--ink);width:min(600px,calc(100vw - 32px));max-height:90vh;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:18px}.dialog-top h2{overflow-wrap:anywhere}.close{font-size:28px;line-height:1;padding:0 6px;background:none;border:none}dialog p{color:var(--muted);font-size:14px}dialog p.error{color:var(--danger)}dialog label{font-size:13px;margin:16px 0 8px}dialog select,dialog input{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.rename-examples{padding-left:18px;overflow-wrap:anywhere;font-size:13px;line-height:1.8;color:var(--muted)}.preview-image{height:300px;background:#191b18;display:grid;place-items:center}.preview-image img{max-width:100%;max-height:300px;object-fit:contain}dl{font-size:13px}dl div{display:grid;grid-template-columns:140px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.preview-actions{display:flex;justify-content:end;gap:10px;margin-top:22px}
@media(min-width:1550px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.bulkbar{align-items:start;gap:8px;flex-direction:column}}@media(max-width:650px){.topbar{height:68px}.brand small{display:none}.brand{font-size:26px}.topbar nav{gap:12px}.topbar nav a{font-size:12px}main{padding-top:26px}.workspace-heading{align-items:start;flex-direction:column;gap:20px}h1{font-size:38px}.game-field,.game-field select{width:100%}.filters{grid-template-columns:1fr 1fr;gap:8px}.filters input[type=search]{grid-column:1/-1}.filters select{width:100%;padding:11px 8px}.animated{grid-column:1/-1;padding:9px 0}.selection-line{flex-wrap:wrap;gap:5px;padding:12px 0}.selection-line #result-count{width:100%;margin:7px 0 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.thumbnail{padding:10px}.tile-name{font-size:13px}.tile-meta{font-size:11px;flex-wrap:wrap}.bulk-actions button{padding:9px 11px;font-size:13px}.badge{top:7px;right:5px;font-size:9px}.select-image{top:5px;left:5px;padding:4px}.preview-image{height:200px}.preview-image img{max-height:200px}dl div{grid-template-columns:105px 1fr}dialog{padding:20px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:-14px 0 34px}.admin-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:16px 0;background:none;color:var(--muted)}.admin-tabs button[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.analytics-controls{display:flex;gap:10px;align-items:center}.analytics-message{min-height:0;margin:0 0 16px;color:var(--muted)}.analytics-message:empty{display:none}.analytics-message.error{color:var(--danger)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;border:1px solid var(--line);background:var(--surface)}.stat{padding:24px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-width:0}.stat:last-child{border-right:0}.stat>span{color:#adb2a5;font-size:13px}.stat>strong{font:700 52px/1.05 'Hitmarker Condensed',sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat>small{font-size:11px;color:var(--muted);line-height:1.4}.stat>small.positive{color:#c8d781}.stat-featured{background:#1f2117;box-shadow:inset 0 2px var(--accent)}.stat-featured>strong{font-size:32px;color:var(--accent);margin:auto 0}.analytics-panel{padding:24px 26px;border:1px solid var(--line);background:#151713;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.panel-heading h2,.device-panel h2{font-size:25px}.panel-heading p,.device-panel p{font-size:12px;color:var(--muted);margin:7px 0 0}.panel-heading>span{font-size:11px;color:var(--muted)}.traffic-panel{margin-bottom:20px}.chart-legend{display:flex;gap:22px;font-size:12px;color:#b7bead}.chart-legend span{display:flex;gap:8px;align-items:center}.chart-legend span:before{content:'';width:16px;height:3px;background:var(--accent)}.chart-legend .downloads-key:before{background:#dce5cc}.traffic-chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-gridline{stroke:#30342a;stroke-dasharray:3 5;stroke-width:1}.chart-label{fill:#929888;font:11px 'Hitmarker Text',sans-serif}.chart-area{fill:#ffda000c}.chart-line{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-line.views{stroke:var(--accent)}.chart-line.downloads{stroke:#dce5cc;stroke-dasharray:5 5;stroke-width:1.8}.chart-hit{fill:transparent}.chart-cursor{stroke:#747b64;stroke-dasharray:3 4;opacity:0}.chart-dot{fill:var(--accent);stroke:#111210;stroke-width:2;opacity:0}.chart-point{cursor:crosshair;outline:none}.chart-point:hover .chart-dot,.chart-point:focus .chart-dot,.chart-point:hover .chart-cursor,.chart-point:focus .chart-cursor{opacity:1}.chart-detail{min-height:20px;font-size:12px;color:#bdc3b5;margin:12px 0 0}.analytics-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ranked-list{min-height:174px}.ranked-row{display:grid;grid-template-columns:minmax(0,1fr) auto 45px;align-items:center;gap:8px;padding:9px 0;font-size:13px}.ranked-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranked-row>strong{font-weight:500;font-variant-numeric:tabular-nums}.ranked-row>small{font-size:11px;color:var(--muted);text-align:right}.ranked-row progress{grid-column:1/-1;width:100%;height:3px;border:0;background:#272c22;appearance:none;accent-color:#a79b37}.ranked-row progress::-webkit-progress-bar{background:#272c22}.ranked-row progress::-webkit-progress-value{background:#a79b37;border-radius:2px}.ranked-row progress::-moz-progress-bar{background:#a79b37}.no-activity{color:var(--muted);font-size:13px;margin:48px 0}.device-panel{display:flex;gap:50px;align-items:center;margin-top:20px}.device-panel>div:first-child{min-width:160px}.device-stats{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:28px}.device-stat{border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column;gap:6px}.device-stat>span{font-size:12px;color:#aab09e}.device-stat>strong{font:700 30px 'Hitmarker Condensed',sans-serif}.device-stat>small{font-size:11px;color:var(--muted)}.analytics-footnote{color:var(--muted);font-size:11px;margin:23px 0 12px}.analytics-notes{font-size:12px;color:var(--muted);max-width:950px}.analytics-notes summary{cursor:pointer;display:list-item}.analytics-notes p{line-height:1.7}#analytics-content{animation:analytics-in .3s ease-out}@keyframes analytics-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.stat{padding:20px 18px}.stat>strong{font-size:44px}.stat-featured>strong{font-size:27px}.device-panel{gap:20px}.device-panel>div:first-child{min-width:110px}.device-stats{gap:14px}.device-stat{padding-left:15px}}
@media(max-width:650px){.admin-tabs{margin-top:-5px;margin-bottom:25px}.stat-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat{padding:18px 16px}.stat>strong{font-size:40px}.stat-featured>strong{font-size:25px}.analytics-controls{width:100%}.analytics-controls select{flex:1}.analytics-columns{grid-template-columns:1fr;gap:14px}.analytics-panel{padding:20px 17px}.traffic-panel .panel-heading{align-items:start;flex-direction:column;gap:16px}.traffic-chart{overflow-x:auto;padding-bottom:4px}.traffic-chart svg{min-width:620px}.chart-detail{font-size:11px}.device-panel{display:block;margin-top:14px}.device-stats{margin-top:20px;grid-template-columns:1fr 1fr;gap:22px}.ranked-list{min-height:110px}.analytics-footnote{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important;animation:none!important}.thumbnail:hover img{transform:none}}

/* Archive layout and artwork use the public game.css; only editor controls differ. */
.library-active main{max-width:1800px;padding-left:4.25%;padding-right:4.25%}
#workspace{--text:#f2f1e9;--muted:#8b8d84;--line:#30312b;--brand-accent:#ffda00}
.library-context{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:-12px;margin-bottom:18px}
.library-context .breadcrumb{padding:0;min-width:0}
.library-context .game-field select{margin:0;height:40px;padding-top:8px;padding-bottom:8px}
#workspace .banner-copy h1{font-weight:600;letter-spacing:-1px}
#workspace .series-label{font-weight:600}
#workspace .banner-copy .eyebrow{font-weight:600}
#workspace .collection-title h2{line-height:.95;font-weight:500}
#workspace .tile{border:0;padding:0}
#workspace .asset-preview{display:block;padding:0;border:0;border-radius:0;text-align:inherit}
#workspace .tile.selected .asset-preview{outline:2px solid var(--accent);outline-offset:3px}
#workspace .asset-preview:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#workspace .tile .asset-name{white-space:normal}
#workspace .collection-tools input{padding:0}
#workspace #status-filter{font-size:13px;height:36px;padding:0 27px 0 10px;background:#161817;border-radius:2px;border-color:#353936}
#workspace .selection-line{min-height:52px;flex-wrap:wrap;gap:7px}
#workspace .selection-line #result-count{display:none}
#workspace .selection-line button{padding-left:8px;padding-right:8px}
#workspace #notice:empty{display:none}
#workspace .bulkbar{padding:10px 12px;gap:12px;flex-wrap:wrap}
#workspace .bulkbar strong{min-width:90px;font-size:13px}
#workspace .bulk-actions{gap:6px}
#workspace .bulk-actions button{font-size:13px;padding:8px 11px}
#workspace .collection-bottom .pagination{margin:0;justify-content:flex-end}
#workspace .category-button{font-weight:400}
@media(max-width:1050px){#workspace .collection-tools{flex-wrap:wrap;gap:10px}#workspace .search-field{flex-basis:100%}#workspace .sort-field{margin-left:auto}}
@media(max-width:760px){.library-context{align-items:start;flex-direction:column;margin-top:0;gap:14px}.library-context .game-field,.library-context .game-field select{width:100%}#workspace .selection-line #result-count{display:none}#workspace .collection-bottom .pagination{justify-content:space-between}#workspace .bulkbar{top:4px}#workspace .select-image{top:7px;left:7px}#workspace .collection-title{gap:9px}#workspace .collection-title h2{font-size:30px}}
@media(max-width:390px){#workspace .collection-title h2{font-size:27px}#workspace .collection-title>span{font-size:11px}#workspace #status-filter{max-width:115px}#workspace .sort-field label{display:none}}
.country-panel{grid-column:1/-1}.country-panel .ranked-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;min-height:0;max-height:370px;overflow:auto}.country-panel .no-activity{margin:20px 0;grid-column:1/-1}.country-note{font-size:11px;color:var(--muted);line-height:1.7;margin:20px 0 0}.country-note a{color:#c5caba;text-decoration:underline;text-underline-offset:3px;margin-left:8px}@media(max-width:650px){.country-panel .ranked-list{grid-template-columns:1fr}.country-note a{display:block;margin-left:0}}
.settings-panel{border:1px solid var(--line);padding:28px;background:var(--surface);margin:25px 0}
.settings-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}
.settings-heading h2{font:600 32px 'Hitmarker Condensed',sans-serif;margin:5px 0 0}
.settings-heading .eyebrow{margin:0;font-size:11px;letter-spacing:.14em}
.settings-hint{color:var(--muted);font-size:12px;line-height:1.7;margin:16px 0 24px}
.category-setting{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);padding:12px 0}
.category-name-field{flex:1;min-width:0}.category-name-field input{width:100%;margin:0}
.category-visibility{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:14px}
.category-visibility input{margin:0;width:18px;height:18px;accent-color:var(--accent)}
.setting-kind{font-size:11px;color:var(--muted);width:45px}
.create-category{border-top:1px solid var(--line);padding-top:24px;margin-top:10px}
.create-category>label{display:block;margin-bottom:10px}.create-category>div{display:flex;align-items:center;gap:20px}#new-category-name{flex:1;min-width:0;margin:0}
#settings-text-fields fieldset{border:0;border-top:1px solid var(--line);padding:20px 0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}
#settings-text-fields legend{padding-right:15px;font-size:20px;font-family:'Hitmarker Condensed',sans-serif;color:var(--accent)}
.text-setting{display:grid;grid-template-columns:1fr auto;gap:8px 12px}.text-setting label{grid-column:1/-1;font-size:13px;color:var(--muted)}
.text-setting input,.text-setting textarea{width:100%;min-width:0;margin:0}.text-setting textarea{resize:vertical;min-height:130px;background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;padding:12px}
.text-setting:has(textarea){grid-column:1/-1}.settings-save{display:flex;justify-content:flex-end}.manage-categories{margin-top:20px;font-size:13px!important}
.category-hidden-label{display:block;font:10px 'Hitmarker Text',sans-serif;color:#a7a58f;margin-top:5px}.category-is-hidden{opacity:.7}#settings-message{position:sticky;top:10px;z-index:3;background:var(--surface);padding:12px;color:var(--accent);border:1px solid var(--line)}#settings-message:empty{display:none}#settings-message.error{color:var(--danger)}
@media(max-width:650px){.settings-panel{padding:18px}.settings-heading{align-items:stretch;flex-direction:column;gap:15px}.settings-heading select{width:100%}.category-setting{gap:10px;flex-wrap:wrap}.category-name-field{flex-basis:100%}.category-setting .setting-kind{margin-right:auto}.create-category>div{flex-wrap:wrap}.create-category #new-category-name{flex-basis:100%}#settings-text-fields fieldset{grid-template-columns:1fr}.admin-tabs{gap:20px}.admin-tabs button{font-size:14px}}