/* Extracted from the supplied Layout List index to preserve its visual language. */

:root{--page:#121517;--surface:#1c2023;--surface2:#22272b;--top:#171a1d;--border:#353b40;--muted:#a6adb3;--dim:#7f8992;--text:#eef1f3;--accent:#5dc1e6;--accent-soft:#203944;--green:#76c8a1;--round:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font:14px/1.55 'Montserrat','Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.3}img{max-width:100%}small,.muted{color:var(--muted)}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.sitehead{height:66px;background:var(--top);border-bottom:1px solid var(--border)}.headinner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font-size:22px;font-weight:900;letter-spacing:-.9px;white-space:nowrap;color:#f5f7f7;line-height:1}.wordmark b{color:var(--accent);font-weight:900}.wordmark small{display:block;color:var(--dim);font-size:8px;font-weight:700;letter-spacing:2px;margin-top:5px}.navlinks{display:flex;align-items:center;gap:27px;white-space:nowrap}.navlinks button{border:0;background:transparent;color:#b7bdc2;font-size:12px;font-weight:800;padding:13px 0}.navlinks button:hover,.navlinks button.active{color:#fff}.navlinks button.active{box-shadow:inset 0 -2px var(--accent)}.headsubmit{border:1px solid #47798b;padding:8px 11px;color:#bfeafa;font-weight:800;font-size:11px}.headsubmit:hover{text-decoration:none;background:var(--accent-soft)}
.pageintro{padding:24px 0 21px}.pageintro h1{font-size:26px;font-weight:850;letter-spacing:-.6px}.pageintro p{font-size:12px;color:var(--muted);margin-top:5px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:27px;align-items:start}.content{min-width:0}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:48px;border:1px dashed var(--border);margin-bottom:17px;background:#1b1e20}.tabs button{border:0;border-right:1px dashed var(--border);background:none;color:#bec5c9;font-size:14px;font-weight:800}.tabs button:last-child{border-right:0}.tabs button[aria-selected=true]{color:#fff;background:#252a2d;box-shadow:inset 0 -3px var(--accent)}.tabs button:hover{background:#292f33;color:#fff}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 17px;flex-wrap:wrap}.toolbar-copy{font-size:12px;color:var(--muted);flex:1;min-width:200px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter,.select{appearance:none;border:1px solid #3a4247;background:#202529;color:#eef1f3;border-radius:2px;padding:9px 11px;font-size:12px;min-height:36px}.filter{width:185px}.filter::placeholder{color:#8b959d}.select{max-width:230px}.smallstatus{font-size:11px;color:var(--dim);margin:5px 0 12px}.smallstatus .online{color:var(--green)}.listcards{display:flex;flex-direction:column;gap:17px}.listcard{width:100%;min-height:127px;display:flex;gap:19px;align-items:center;text-align:left;border:1px dashed #3c444a;background:var(--surface);padding:12px 15px;color:var(--text);transition:border-color .15s,background .15s}.listcard:hover{border-color:#7ca6b6;background:#252b2f}.thumbnail{width:193px;height:102px;flex:0 0 193px;position:relative;overflow:hidden;background:linear-gradient(135deg,#212b32,#101c24 45%,#33444e);border:1px solid #323b40;display:flex;align-items:center;justify-content:center}.thumbnail::before{content:'';position:absolute;width:135%;height:100%;transform:rotate(-27deg);background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(117,158,176,.065) 16px 20px)}.thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.83) brightness(.82)}.playbadge{width:45px;height:32px;border-radius:6px;background:#121516c9;color:white;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:1;border:1px solid #ffffff2d;box-shadow:0 2px 12px #0006}.thumb-watermark{position:absolute;font-size:26px;font-weight:900;letter-spacing:-2px;color:#ffffff1a}.listcardmeta{flex:1;min-width:0}.listcard h2{font-size:21px;letter-spacing:-.4px;line-height:1.3;font-weight:850;word-break:break-word}.listcard h2 .hash{font-weight:900}.listcard .creator{font-size:13px;font-weight:800;font-style:italic;color:#adb6bc;margin-top:5px}.listcard .tiernote{margin-top:9px;font-size:10px;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.75px}.nextarrow{font-size:24px;color:#64717a;flex:none;margin-right:6px}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin:20px 0 4px}.pagebtn{background:#23282b;color:var(--text);border:1px dashed var(--border);padding:9px 14px;font-weight:700}.pagebtn[disabled]{opacity:.4;cursor:default}.pagebtn:not([disabled]):hover{border-color:var(--accent)}
.sidebar{display:flex;flex-direction:column;gap:16px}.panel{background:var(--surface);border:1px dashed var(--border);padding:19px 19px 20px}.panel h2{font-size:17px;font-weight:850;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #343a3f}.panel p{font-size:12px;color:#b2bbc0;line-height:1.7;margin:0 0 11px}.panel p:last-child{margin-bottom:0}.panel a{font-weight:700}.panel .sidebutton{display:block;text-align:center;padding:10px 12px;font-weight:800;background:#2e7188;color:white;font-size:12px;margin-top:15px;border:1px solid #3e8eab}.panel .sidebutton:hover{text-decoration:none;background:#388aa6}.bulletrows{display:flex;flex-direction:column;gap:9px}.bulletrows>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;border-bottom:1px solid #30373c;padding-bottom:8px}.bulletrows>div:last-child{border:0;padding:0}.bulletrows strong{font-size:13px}.tierlinks{display:flex;flex-wrap:wrap;gap:6px}.tierchip{border:1px solid #47535c;padding:4px 7px;background:#252b30;color:#c4ced4;font-size:11px;cursor:pointer}.tierchip:hover{color:var(--accent);border-color:var(--accent)}.foot{padding:28px 0 36px;border-top:1px solid #2b3238;margin-top:40px;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;color:#879198;font-size:11px}.foot a{color:#a5c8d4}.note{background:#1a303a;border:1px solid #385c69;padding:10px 14px;font-size:12px;color:#b9e6f2;margin-bottom:15px}.empty{padding:34px 20px;text-align:center;border:1px dashed var(--border);color:var(--muted);font-size:13px}.section-title{font-size:22px;margin-bottom:15px;font-weight:850}.singlepanel{background:var(--surface);border:1px dashed var(--border);padding:23px;margin-bottom:17px}.singlepanel h2{font-size:19px;font-weight:800;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:11px}.backrow{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.backbutton,.textbutton{background:transparent;color:var(--accent);border:0;padding:5px 0;font-size:12px;font-weight:800}.prevnext{display:flex;gap:12px}.prevnext button{border:1px dashed var(--border);background:#242a2f;color:var(--text);font-weight:750;padding:6px 10px;font-size:12px}.prevnext button:disabled{opacity:.3}.detailheading h1{font-size:27px;line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.65px}.detailheading p{margin:7px 0 16px;font-size:13px;color:#bcc4c8}.detailheading p strong{color:#fff}.videoarea{width:min(100%,650px);aspect-ratio:16/9;background:#0e1113;margin:0 auto 17px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #333f45;overflow:hidden}.videoarea img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.63)}.videoarea iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.videooverlay{position:relative;z-index:2;background:#d93732;border:0;border-radius:7px;color:#fff;padding:11px 23px;font-weight:800;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #0009}.videooverlay:hover{background:#ed4942}.videoempty{position:relative;z-index:2;color:#c5cdd0;font-size:12px}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #343c41;margin-top:11px;padding-top:16px;text-align:center;gap:8px}.fact>strong{display:block;font-size:12px;color:#f4f5f5;font-weight:800;overflow-wrap:anywhere}.fact>span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.fact button{border:0;background:none;color:var(--accent);padding:0;font-weight:850}.statline{margin-top:15px;text-align:center;font-size:12px;color:var(--muted)}.statline strong{color:#eee}.collapsible>summary{font-size:18px;cursor:pointer;font-weight:800}.collapsible .muted{margin-top:12px}.recordsintro{font-size:12px;color:var(--muted);margin:0 0 13px}.recordsintro strong{color:#f3f5f5}.recordtable{width:100%;border-collapse:collapse;font-size:12px}.recordtable th{background:#283139;color:#8ed8f1;text-align:left;font-size:11px;letter-spacing:.3px;padding:11px 10px}.recordtable td{border-bottom:1px solid #353c40;padding:12px 10px;color:#c9d1d5}.recordtable tr:last-child td{border-bottom:none}.recordtable .complete{font-weight:800;color:#fff}.recordtable th:nth-child(2),.recordtable td:nth-child(2){text-align:center}.recordtable th:last-child,.recordtable td:last-child{text-align:right}.pill{display:inline-block;padding:2px 7px;color:#87d7f0;background:#223640;font-size:10px;text-transform:uppercase;font-weight:800}.profiletitle{display:flex;align-items:center;justify-content:space-between;gap:15px}.profilegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.profilestat{padding:16px;border:1px dashed var(--border);background:#22282c;text-align:center}.profilestat strong{display:block;font-size:23px}.profilestat small{font-size:11px}.columns2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pack{border:1px dashed var(--border);background:var(--surface);padding:17px}.pack h3{font-size:16px;margin-bottom:7px}.pack p{font-size:11px;color:var(--dim);margin-bottom:12px}.pack button{display:block;background:transparent;border:0;color:var(--accent);font-size:12px;text-align:left;padding:3px 0}.otherstat{color:var(--dim);font-size:11px}.runvalue{font-size:75px;font-weight:900;letter-spacing:-5px;color:#f4f4f4;line-height:1.2}.actionbutton{background:#2e7188;color:white;border:1px solid #438fa7;padding:10px 17px;font-weight:800;font-size:12px}.actionbutton:hover{background:#3d8fa9}.ghostbutton{background:#20272b;color:#d8e5ec;border:1px dashed #49535a;padding:10px 14px;font-size:12px;font-weight:700}.buttonrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.progressrow{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(80px,1fr) 53px auto;gap:14px;align-items:center;margin:12px 0;border:1px dashed var(--border);background:#22282c;padding:14px}.progressrow .labelname{font-weight:800}.progressrow input{width:100%;accent-color:#61bad9}.progressrow .percent{font-weight:800}.progressrow button{border:0;background:none;color:var(--accent)}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#2b555f;border:1px solid #65a5b6;padding:10px 15px;box-shadow:0 8px 30px #0009;color:#fff;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}.toast.show{opacity:1}
@media(max-width:1050px){.navlinks{gap:14px}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.thumbnail{width:156px;flex-basis:156px;height:94px}.listcard{gap:13px}.listcard h2{font-size:19px}}
@media(max-width:780px){.sitehead{height:auto}.headinner{min-height:61px;flex-wrap:wrap;padding:15px 0 0;gap:10px}.navlinks{width:100%;overflow-x:auto;gap:19px;order:3}.navlinks button{padding:11px 0}.headsubmit{margin-left:auto}.layout{display:flex;flex-direction:column}.sidebar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.pageintro{padding:22px 0 15px}.container{width:min(100% - 30px,1180px)}}
@media(max-width:520px){.sidebar{display:flex}.tabs button{font-size:12px}.thumbnail{width:121px;flex-basis:121px;height:76px}.listcard{min-height:104px;padding:9px;gap:11px}.listcard h2{font-size:16px}.listcard .creator{font-size:11px}.listcard .tiernote{margin-top:5px;font-size:9px}.playbadge{width:30px;height:24px;font-size:11px}.nextarrow{display:none}.toolbar{align-items:stretch}.filters{width:100%}.filter{flex:1;width:100px}.select{flex:1;min-width:100px}.facts{grid-template-columns:repeat(2,1fr);gap:16px 6px}.singlepanel{padding:16px}.detailheading h1{font-size:23px}.recordtable{font-size:11px}.recordtable th,.recordtable td{padding:9px 5px}.columns2{grid-template-columns:1fr}.profilegrid{gap:5px}.profilestat{padding:12px 4px}.progressrow{grid-template-columns:1fr 40px auto}.progressrow input{grid-column:1 / -1;grid-row:2}.container{width:calc(100% - 24px)}.navlinks{gap:17px}}

/* V15: public player profiles and difficulty-completion packs */
.profile-hero{display:flex;align-items:center;gap:17px;margin-bottom:18px}
.profile-avatar{flex:0 0 66px;width:66px;height:66px;border:1px solid var(--border);background:var(--surface2);display:grid;place-items:center;font-size:26px;font-weight:900;color:var(--accent)}
.profile-subtitle{color:var(--dim);font-size:12px;margin-top:5px}
.player-link{border:0;background:none;color:var(--accent);padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:750}
.player-link:hover{text-decoration-thickness:2px}
.player-link.inline-player{display:inline;font-size:inherit;font-weight:800}
.profile-list{display:flex;flex-direction:column;gap:8px}
.profile-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px dashed var(--border);background:var(--surface2);font-size:12px}
.profile-record strong{font-size:13px}
.profile-record .record-meta{color:var(--dim);font-size:11px;margin-top:4px}
.profile-record .record-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}
.profile-note{font-size:12px;color:var(--dim);line-height:1.6}
.pack-progress-track{height:8px;background:var(--surface2);border:1px solid var(--border);margin:10px 0 7px;overflow:hidden}
.pack-progress-fill{height:100%;background:var(--accent);transition:width .25s ease}
.pack-status{font-size:11px;color:var(--dim);line-height:1.6}
.pack-earned{border-color:var(--accent) !important}
.pack-earned-label{background:var(--accent-button);color:#fff;display:inline-block;padding:3px 7px;font-size:10px;font-weight:850;letter-spacing:.35px;margin-bottom:8px}
.pack-head{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}
.pack-head h3{margin:0}
.pack-count{font-size:11px;color:var(--dim)}
.profile-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.profile-packs .pack{min-width:0}
.pack-cta{border:0;background:none;color:var(--accent);text-align:left;padding:5px 0;font-size:12px;font-weight:750;cursor:pointer}
.pack-cta:hover{text-decoration:underline}
.pack-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.pack-filter .filter{width:min(100%,310px)}
.pack-people{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 0}
.pack-people button{padding:5px 9px;border:1px dashed var(--border);background:var(--surface2);font-size:11px;color:var(--text)}
.pack-people button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.pack-entry{font-size:12px;color:var(--text);margin:7px 0}
.pack-entry button{display:inline;color:var(--accent);font-size:inherit}
.profile-empty{font-size:12px;color:var(--dim);padding:14px;border:1px dashed var(--border)}
body.light-mode .profile-record,body.light-mode .profilestat,body.light-mode .pack,body.light-mode .pack-people button{background:#f1f3f5;color:#252a30}
body.light-mode .profile-record .record-meta,body.light-mode .pack-status,body.light-mode .profile-note{color:#5b626a}
@media(max-width:670px){.profile-packs{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.profile-avatar{width:50px;height:50px;flex-basis:50px;font-size:21px}.profile-record{align-items:flex-start;flex-direction:column}.profile-record .record-actions{width:100%;justify-content:space-between}}


/* V17: searchable player combobox for Packs */
.pack-autocomplete{position:relative;width:min(100%,365px);flex:1 1 230px;min-width:0}
.pack-autocomplete .filter{width:100%;min-height:40px}
.pack-suggestions{position:absolute;z-index:80;top:calc(100% + 5px);left:0;right:0;max-height:285px;overflow:auto;background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 35px #0005;border-radius:3px;padding:5px}
.pack-suggestion{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-radius:2px;background:transparent;color:var(--text);padding:11px 12px;font-size:13px;cursor:pointer;transition:background .2s ease}
.pack-suggestion:hover,.pack-suggestion[aria-selected=true]{background:var(--surface2);color:var(--accent-strong)}
.pack-suggestion small{font-size:10px;color:var(--muted);white-space:nowrap}
.pack-suggest-empty{color:var(--muted);font-size:12px;padding:11px 12px}
.pack-player-hint{font-size:11px;color:var(--muted);margin-top:8px}
body.light-mode .pack-suggestions{background:#fff;box-shadow:0 15px 30px #151a222b}
body.light-mode .pack-suggestion:hover,body.light-mode .pack-suggestion[aria-selected=true]{background:#e8edf0;color:#313940}
@media(max-width:600px){.pack-filter{align-items:stretch}.pack-autocomplete{flex-basis:100%;width:100%}.pack-suggestions{max-height:235px}}

/* V39: player profile accordion sections; open state is native and accessible. */
.profile-accordion.singlepanel{padding:0;overflow:hidden}
.profile-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:17px 22px;min-height:57px;color:var(--text);transition:background-color .18s ease}
.profile-accordion>summary::-webkit-details-marker{display:none}
.profile-accordion>summary:hover{background:var(--surface2)}
.profile-accordion>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.profile-accordion-heading{font-size:18px;font-weight:800;line-height:1.3}
.profile-accordion-heading small{color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;margin-left:5px}
.profile-accordion-chevron{font-size:22px;font-weight:500;line-height:1;color:var(--muted);transition:transform .18s ease;flex:none}
.profile-accordion[open] .profile-accordion-chevron{transform:rotate(180deg)}
.profile-accordion[open]>summary{border-bottom:1px solid var(--border)}
.profile-accordion-content{padding:18px 22px 22px}
.profile-accordion-content>.profile-note:first-child{margin-top:0}
body.light-mode .profile-accordion>summary:hover{background:#f0f2f4}
@media(max-width:670px){.profile-accordion>summary{padding:16px;min-height:55px}.profile-accordion-heading{font-size:16px}.profile-accordion-content{padding:15px 16px 19px}}
@media(prefers-reduced-motion:reduce){.profile-accordion>summary,.profile-accordion-chevron{transition:none}}

/* Official Laylist staff, with a separate credit for this version. */
.list-editors{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:10px}
.list-editor{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.list-editor>a{min-width:0;font-weight:750;overflow-wrap:anywhere}
.editor-roles{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px;flex-shrink:0;max-width:62%}
.editor-role{font-size:10px;line-height:1.5;border:1px solid var(--border);background:var(--surface2);color:var(--muted);padding:1px 5px;border-radius:2px}
.version-coder{border-top:1px solid var(--border);margin-top:13px;padding-top:12px}
.version-coder small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}

/* A full-width highlight keeps the existing four profile totals together. */
.profile-hardest{margin:14px 0;padding:14px 16px;border:1px dashed var(--border);background:var(--surface2)}
.hardest-label{display:block;font-size:11px;font-weight:750;color:var(--muted);margin-bottom:6px}
.profile-hardest .textbutton{font-size:16px;text-align:left;max-width:100%;overflow-wrap:anywhere}
.hardest-meta{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.hardest-empty{display:block;font-size:14px;font-weight:750;color:var(--text)}

/* Decorative level artwork stays behind the readable, interactive content. */
.profile-hardest{position:relative;overflow:hidden;isolation:isolate}
.hardest-content{position:relative;z-index:2}
.profile-hardest.has-thumbnail{background:#11161b}
.hardest-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8);pointer-events:none}
.profile-hardest.has-thumbnail::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,14,19,.86),rgba(9,14,19,.76) 55%,rgba(9,14,19,.68))}
.profile-hardest.has-thumbnail .hardest-label,.profile-hardest.has-thumbnail .hardest-meta,.profile-hardest.has-thumbnail .profile-note{color:#d6dfe7}
.profile-hardest.has-thumbnail .textbutton{color:#f5f8fa}

.pending-heading{margin-bottom:20px}.pending-heading h1{font-size:26px;margin-bottom:8px}.pending-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:15px 0}.pending-status-tabs{display:flex;gap:7px;flex-wrap:wrap}.pending-status-tabs [aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--surface2)}.pending-search-label{display:block;font-size:12px;color:var(--muted);margin:15px 0 7px}.content input.pending-search{width:100%;max-width:none;margin-bottom:12px}.pending-count{margin-bottom:14px}.pending-card{align-items:flex-start;cursor:default}.pending-card .thumbnail{margin-top:3px}.pending-card .listcardmeta{width:100%}.pending-card h2{font-size:21px}.pending-player{margin:7px 0;font-size:14px}.pending-player>strong{margin-left:9px;color:var(--text)}.pending-meta,.pending-review-result,.pending-public-note{font-size:11px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere;margin:7px 0}.pending-proof-link{font-size:12px;font-weight:750}.pending-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.pending-actions button:disabled{opacity:.5;cursor:not-allowed}.pending-proof-fallback{font-size:12px;color:var(--muted);position:relative;z-index:1}.pending-card .thumbnail{color:var(--text);text-decoration:none}.staff-review-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:24px;width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow:auto;margin:auto}.staff-review-dialog::backdrop{background:#000b}.staff-review-dialog h2{font-size:22px;margin-bottom:10px}.staff-review-dialog .field{margin-top:15px}.staff-review-dialog input,.staff-review-dialog select,.staff-review-dialog textarea{width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--border);padding:10px;font:inherit}.staff-review-dialog small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.staff-review-dialog textarea{min-height:85px}.staff-review-dialog label{display:block;font-size:12px;font-weight:750;margin-bottom:7px}.staff-review-dialog .form-alert{margin-top:12px}.submission-availability{margin:13px 0}
@media(max-width:780px){.pending-card{display:flex;flex-direction:column}.pending-card .thumbnail{width:100%;flex:none;aspect-ratio:16/9}.pending-card .listcardmeta{padding-top:8px}}




/* A near-reference-scale dark treatment of Pointercrate's 2017–2026 Demonlist layout. */
:root{
 --page:#14171b;--surface:#1f2226;--surface2:#25292e;--top:#1b1e22;
 --border:#3c4045;--muted:#aeb1b7;--dim:#91979f;--text:#f4f4f6;
 --accent:#36a5dc;--accent-soft:#203644;--green:#90d1be;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--page);color:var(--text);font-family:'Segoe UI',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;min-height:100vh;position:relative}
body::before{content:'';position:fixed;top:0;bottom:0;left:0;width:122px;z-index:-1;pointer-events:none;background-image:var(--player-pixel-pattern,var(--laylist-pixel-pattern));background-position:top left;background-size:122px 1100px;opacity:.94}
body::after{content:'';position:fixed;top:0;bottom:0;left:88px;width:50px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,var(--page))}
.container{width:min(1150px,calc(100% - 52px));margin:0 auto}
.sitehead{height:65px;background:#1b1e22;border-bottom:1px solid #41454b;position:relative;z-index:10}
.headinner{display:flex;align-items:center;gap:20px;justify-content:space-between;height:100%}
.wordmark{font-size:19px;line-height:1.1;font-family:'Arial Narrow','Roboto Condensed','Arial',sans-serif;font-weight:900;letter-spacing:-.8px;color:#eee;white-space:nowrap}
.wordmark b{color:#42acde}.wordmark small{display:none}
.navlinks{gap:0;justify-content:flex-end;align-self:stretch;margin-left:auto}
.navlinks button{padding:23px 13px 15px;height:100%;font-size:12px;color:#d5d8dc;font-weight:700;position:relative;line-height:1}
.navlinks button.active,.navlinks button:hover{color:#fff;box-shadow:none;background:#252a2f}
.navlinks button.active:after{content:'';position:absolute;left:13px;right:13px;bottom:0;height:3px;background:#35a7dd}
.headsubmit{font-size:11px;letter-spacing:.1px;font-weight:700;color:#d7dee4;padding:7px 11px;border:0;border-left:1px solid #3e444b;white-space:nowrap}
.headsubmit:hover{background:#2d3338}
.pageintro{padding:22px 0 16px}.pageintro h1{font-size:24px}.pageintro p{font-size:12px}
/* The tabs sit above, not inside, the two-column list layout. */
.wide-tabs{height:43px;border:1px solid #393d42;border-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#1b1e22;margin-bottom:21px}
.wide-tabs button{color:#cdd1d6;background:none;border:0;border-right:1px solid #3d4148;font-size:13px;font-weight:700;position:relative}
.wide-tabs button:last-child{border-right:0}
.wide-tabs button:hover{background:#252a30;color:white}
.wide-tabs button[aria-selected=true]{color:#fff;background:#22262a}
.wide-tabs button[aria-selected=true]::after{content:'';height:3px;background:#39a6d6;position:absolute;bottom:-1px;left:0;right:0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:19px}
.content{min-width:0}
.list-toolbar{margin-bottom:13px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.list-description{color:#aeb5ba;font-size:12px;flex:1 1 250px;line-height:1.4}
.list-filter-area{display:flex;gap:9px;align-items:center}
.filter,.select{border:1px solid #414850;background:#24292e;border-radius:0;color:#d9dfe3;padding:7px 10px;font-size:12px;min-height:31px}
.filter{width:165px}.select{max-width:145px}
.smallstatus{margin:0 0 12px;font-size:11px;color:#85949e;line-height:1.3}
.listcards{display:flex;flex-direction:column;gap:17px}
.listcard{border:1px dashed #41474d;box-shadow:0 2px 9px #00000013;background:#1f2226;padding:14px 17px;gap:17px;min-height:132px;align-items:center;text-align:left;transition:background .17s,border-color .17s}
.listcard:hover,.listcard:focus-visible{background:#252a2f;border-color:#5fa0c4;text-decoration:none;outline:none}
.thumbnail{width:176px;flex-basis:176px;height:98px;border:none;background:linear-gradient(135deg,#193345,#122631 42%,#1a4051 85%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.thumbnail::before{content:'';position:absolute;inset:0;transform:none;width:auto;height:auto;background:linear-gradient(158deg,transparent 10%,#43c6ff10 10% 13%,transparent 14% 35%,#75a4df13 35% 38%,transparent 39%),repeating-linear-gradient(0deg,#6be7ff16 0 3px,transparent 3px 24px);}
.thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.94) saturate(.9)}
.thumb-watermark{font-family:Arial,sans-serif;font-size:32px;font-weight:900;letter-spacing:0;opacity:.55;color:#ffffff30;transform:skewX(-10deg)}
.playbadge{width:39px;height:28px;font-size:14px;background:#000a;border-radius:7px;color:#fafafa;border:1px solid #ffffff18}
.listcard h2{font-size:20px;line-height:1.2;letter-spacing:0;font-weight:800;color:#f3f3f4}
.listcard h2 .hash{font-weight:900}
.listcard .creator{font-weight:700;font-style:italic;color:#c4c7ce;margin-top:3px;font-size:13px}
.listcard .tiernote{font-size:10px;font-weight:500;letter-spacing:.2px;text-transform:none;margin-top:7px;color:#81919e}
.nextarrow{display:none}
.sidebar{gap:16px}
.panel{padding:16px 15px 19px;background:#1e2125;border:1px dashed #42464d;box-shadow:0 2px 12px #00000013;text-align:center}
.panel h2{font-size:17px;margin:0 0 10px;font-weight:750;text-align:center;padding:0 0 10px;border-bottom:1px solid #353b41}
.panel p{color:#a5aab0;font-size:11px;line-height:1.6;margin:0 0 13px}
.panel p:last-child{margin-bottom:0}
.panel a{font-size:11px}
.panel .sidebutton{background:#267eac;border:0;font-size:11px;letter-spacing:.1px;padding:11px 8px;color:white}
.panel .sidebutton:hover{background:#349ad0}
.team-list{display:flex;flex-direction:column;align-items:center;gap:8px;margin:13px auto;font-size:12px;color:#dce1e4}
.team-list a{font-size:12px}
.panel .side-note{font-size:10px;color:#8c939b;margin:7px auto 0}
.sidebar .bulletrows>div{font-size:11px;text-align:left}
.sidebar .bulletrows strong{font-size:11px}
.tierlinks{justify-content:center}
.tierchip{background:transparent;border:1px solid #44525c;padding:3px 7px;font-size:10px}
.foot{margin-top:35px;font-size:10px;line-height:1.5}
.wide-tabs{margin-bottom:13px}.list-description{display:none}.list-toolbar{justify-content:flex-end;margin-bottom:11px}.smallstatus{display:none}.pagination{padding:8px 0 20px}
.pagebtn{border:1px solid #43484e;background:#272b30;font-size:12px;padding:7px 11px}
.singlepanel{background:#202428;padding:21px 23px;border:1px dashed #41474f}
.detailheading{text-align:center}
.detailheading h1{font-size:26px}.detailheading p{font-size:13px;margin-top:10px}
.videoarea{max-width:620px}
.recordsintro{font-size:12px}
.recordtable th{color:#f1f1f2;background:#2c353b}
.recordtable td{border-color:#373e44}
@media(max-width:1050px){.container{width:min(1040px,calc(100% - 32px))}.layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.thumbnail{width:150px;flex-basis:150px;height:90px}.listcard{gap:15px}.listcard h2{font-size:19px}}
@media(max-width:780px){body::before{width:53px;background-size:55px 495px;opacity:.45}body::after{left:25px}.sitehead{height:auto}.headinner{min-height:55px;flex-wrap:wrap;padding:10px 0 0;gap:0}.wordmark{font-size:19px}.headsubmit{margin-left:auto}.navlinks{order:3;width:100%;overflow-x:auto;justify-content:flex-start;gap:4px;min-height:42px;margin:5px 0 0}.navlinks button{height:42px;padding:13px 12px 11px;flex:none}.wide-tabs{margin-bottom:15px}.layout{display:flex;flex-direction:column}.content{width:100%}.sidebar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:13px}.listcard{min-height:105px;padding:11px 13px;gap:13px}.thumbnail{width:141px;flex:0 0 141px;height:82px}.listcard h2{font-size:17px}.listcard .tiernote{margin-top:5px}.listcard .creator{font-size:12px}.list-toolbar{gap:7px}}
@media(max-width:540px){body::before{display:none}body::after{display:none}.container{width:calc(100% - 22px)}.sitehead{height:auto}.headinner{min-height:53px;padding-top:8px}.headsubmit{font-size:10px;padding:6px 4px}.navlinks{gap:0}.navlinks button{font-size:11px;padding-left:11px;padding-right:11px}.wide-tabs{height:42px}.wide-tabs button{font-size:11px}.list-description{flex:1 1 100%;font-size:11px}.list-filter-area{width:100%}.filter{flex:1;width:auto;min-width:0}.select{max-width:120px}.listcard{min-height:95px;padding:9px;gap:12px}.thumbnail{width:122px;flex-basis:122px;height:73px}.listcard h2{font-size:15.5px;line-height:1.26}.listcard .creator{font-size:11px}.listcard .tiernote{font-size:9px;margin-top:3px}.listcards{gap:12px}.sidebar{grid-template-columns:1fr}.panel{padding:15px}.smallstatus{font-size:10px}.foot{padding:16px 0}.detailheading h1{font-size:21px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.singlepanel{padding:15px}.headinner{gap:0}}


/* October 2026: Screenshot-matched mobile layout and actual Laylist categories */
.wide-tabs {display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;white-space:nowrap;border:1px dashed var(--border);height:54px;background:#1c1e22;position:relative}
.wide-tabs::-webkit-scrollbar{display:none}
.wide-tabs button{flex:0 0 auto;min-width:144px;padding:0 22px;scroll-snap-align:start;border-right:1px dashed #43464c;font-size:14px;font-weight:760}
.wide-tabs button[aria-selected=true] {background:#282d32}
.wide-tabs button:last-child{border-right:none}
.tier-wrap{position:relative}
.tier-wrap::after{content:'';position:absolute;top:1px;right:0;bottom:14px;width:19px;pointer-events:none;background:linear-gradient(90deg,transparent,#15191ecc)}
.listcard .creator{font-style:normal;font-weight:450;color:#c5c6c8}
.listcard .creator strong{font-weight:800;color:#f4f5f6;text-decoration:underline;text-underline-offset:2px}
.listcard .tiernote{font-size:11px;color:#a2a7ac;font-weight:400;letter-spacing:0}
.mobilehead-tools,.mobile-menu,.mobile-search{display:none}
.mobilehead-tools .locale{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:750;letter-spacing:.2px}
.mobilehead-tools .locale .flag{font-size:20px}
.mobilehead-tools [data-theme-toggle]{font-size:25px;line-height:1}.mobilehead-tools .locale .chevron{font-size:11px;color:#a4aab0}
.mobileicon{display:inline-flex;align-items:center;justify-content:center;padding:5px;color:#e3e5e8;border:0;background:transparent;width:38px;height:40px}
.mobileicon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
.mobile-menu{border-top:1px solid #383c42;background:#22262b;padding:10px 15px 13px;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 22px #0009;z-index:15}
.mobile-menu.open{display:flex;flex-direction:column}
.mobile-menu button,.mobile-menu a{display:block;width:100%;border:0;background:transparent;padding:12px 6px;color:#e3e9ef;font-size:14px;font-weight:760;text-align:left;text-decoration:none;border-bottom:1px solid #383f45}
.mobile-menu button:hover,.mobile-menu a:hover{color:var(--accent)}
.mobile-search.visible{display:flex;gap:8px;align-items:center;background:#22272b;border:1px solid #40464c;padding:12px;margin:0 0 16px}
.mobile-search .filter{flex:1;width:100%;font-size:14px;min-height:36px}
/* Keep the main list free of unsupported scoring claims. */
@media(max-width:780px){
 .sitehead{height:66px;position:relative}
 .headinner{min-height:66px;height:66px;padding:0;flex-wrap:nowrap;gap:8px}
 .wordmark{font-size:21px;letter-spacing:-.9px}
 .mobilehead-tools{display:flex;align-items:center;gap:7px;margin-left:auto;height:100%}
 .navlinks,.headsubmit{display:none}
 .container{width:calc(100% - 24px)}
 .wide-tabs{width:100%;height:65px;margin:0 0 36px;border-left:0;border-right:0;scroll-snap-type:x mandatory}
 .wide-tabs button{font-size:16px;min-width:158px;padding:0 18px;line-height:1.15;font-weight:800;white-space:normal}
 .tier-wrap::after{bottom:36px}
 .layout{width:100%;display:block}
 .list-toolbar{display:none}
 .listcards{gap:27px;padding:0 16px}
 .listcard{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-height:0;padding:17px 17px 24px;border:1px dashed #45494f;background:var(--surface);box-shadow:0 4px 15px #00000016}
 .thumbnail{display:block;width:100%;height:auto;flex:none;aspect-ratio:16/9;overflow:hidden;border:0;background:linear-gradient(140deg,#0b1f2c,#284b63)}
 .thumbnail::before{inset:0;width:auto;height:auto;background:radial-gradient(ellipse at 70% 25%,#3993c04d,transparent 58%),repeating-linear-gradient(155deg,#73b4dc0d 0 5px,transparent 5px 35px);transform:none}
 .thumbnail::after{position:absolute;bottom:0;left:0;right:0;height:45%;content:'';background:linear-gradient(transparent,var(--surface));pointer-events:none}
 .thumbnail img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.84) saturate(.9)}
 .thumb-watermark{font-size:36px}
 .playbadge{display:none}
 .listcardmeta{padding-top:0;position:relative;margin-top:-2px}
 .listcard h2{font-size:24px;letter-spacing:-.45px;line-height:1.21;font-weight:850;color:#f1f2f3}
 .listcard .creator{font-size:16px;font-weight:500;margin-top:6px;line-height:1.35;color:#d5d7da}
 .listcard .creator strong{font-weight:800}
 .listcard .tiernote{font-size:12px;margin-top:7px;color:#a1a9ae}
 .sidebar{display:flex;width:calc(100% - 32px);margin:33px 16px 0}
 .panel{padding:18px}
 .mobile-search.visible{display:flex;margin:0 16px 24px}
 .pagination{padding:22px 16px;flex-wrap:wrap}
 .listcard:hover,.listcard:focus-visible{border-color:#77a8ba}
 .detailheading h1{font-size:22px}
}
@media(max-width:390px){
 .wordmark{font-size:19px}
 .mobilehead-tools{gap:1px}
 .mobilehead-tools .locale{font-size:13px;gap:4px}
 .mobilehead-tools .locale .flag{font-size:16px}
 .mobileicon{width:34px}
 .wide-tabs button{min-width:147px;font-size:15px;padding:0 13px}
 .listcard{padding:15px 15px 21px}
 .listcard h2{font-size:22px}
 .listcards{padding:0 13px}
}
body.light-mode{--page:#f8f9fa;--surface:#fff;--top:#fff;--border:#cfd2d6;--muted:#555b62;--dim:#6a7179;--text:#242729;--accent:#238cbd;background:#f8f9fa;color:#222}
body.light-mode .sitehead{background:#fff;border-color:#d6d8db}
body.light-mode .wordmark{color:#303338}
body.light-mode .mobileicon{color:#4d5359}
body.light-mode .wide-tabs{background:#f8f8f9;border-color:#dedfe3}
body.light-mode .wide-tabs button{color:#444}
body.light-mode .wide-tabs button[aria-selected=true]{background:#e7eaed;color:#111}
body.light-mode .listcard,body.light-mode .singlepanel,body.light-mode .panel{background:#fff;color:#222;border-color:#cfd2d7}
body.light-mode .listcard h2,body.light-mode .listcard .creator strong{color:#292c30}
body.light-mode .listcard .creator{color:#4b5259}
body.light-mode .listcard .tiernote{color:#656c75}
body.light-mode .thumbnail::after{background:linear-gradient(transparent,#fff)}
body.light-mode .mobile-menu{background:#f7f8fa}
body.light-mode .mobile-menu button,body.light-mode .mobile-menu a{color:#222}
body.light-mode .panel h2{color:#222}
body.light-mode .clan-card{background:#fff}
body.light-mode .clan-badge,body.light-mode .clan-avatar-wrap,body.light-mode .clan-mark,body.light-mode .clan-tag-pill{background:#e4e7ea;border-color:#c7ccd1;color:#23272b}

/* v6: compact mobile tiers, animated menu, full-length list */
.navlinks [data-page="submit"]{display:none}
[hidden]{display:none!important}
.wide-tabs button{min-width:0;padding-inline:16px}
.wide-tabs button .tier-long{display:inline}
.wide-tabs button .tier-short{display:none}
.mobile-menu{display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-14px);pointer-events:none;transition:opacity .24s ease,transform .3s cubic-bezier(.2,.75,.1,1),visibility .3s;will-change:transform,opacity}
.mobile-menu.open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.menu-bars{display:flex;flex-direction:column;gap:5px;justify-content:center;width:26px;height:28px}
.menu-bars i{display:block;width:26px;height:3px;border-radius:4px;background:currentColor;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s}
.mobileicon.is-open .menu-bars i:first-child{transform:translateY(8px) rotate(45deg)}
.mobileicon.is-open .menu-bars i:nth-child(2){opacity:0;transform:scaleX(.2)}
.mobileicon.is-open .menu-bars i:last-child{transform:translateY(-8px) rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.mobile-menu,.menu-bars i{transition:none!important}}
@media(max-width:780px){
 .wide-tabs{height:48px;margin-bottom:24px;scroll-snap-type:x proximity}
 .wide-tabs button{min-width:0!important;width:auto;white-space:nowrap;font-size:12px!important;padding:0 11px!important;font-weight:780}
 .wide-tabs button .tier-long{display:none}
 .wide-tabs button .tier-short{display:inline}
 .tier-wrap::after{bottom:24px}
 .listcards{gap:22px}
}
@media(max-width:390px){.wide-tabs button{font-size:11px!important;padding:0 9px!important}}
button:disabled{opacity:.5;cursor:not-allowed}
.form-panel,.admin-panel{border:1px dashed var(--border);background:var(--surface);padding:24px;max-width:860px;margin:0 0 22px}
.form-panel h1,.admin-panel h1{font-size:25px;margin:0 0 6px}
.form-panel p,.admin-panel p{color:var(--muted)}
.record-entries{display:grid;gap:14px}
.record-entry{min-width:0;border:1px dashed var(--border);padding:12px}
.record-entry .form-grid{margin-top:0}
.record-entry [data-remove-record]{justify-self:start}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:20px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field.wide{grid-column:1/-1}
.field label{font-size:12px;font-weight:750;color:var(--text)}
.field input,.field select,.field textarea,.review-note{background:#11181e;color:#eef3f7;border:1px solid #53616b;border-radius:2px;padding:11px 12px;min-height:42px;width:100%;font-size:14px}
.field textarea{min-height:98px;resize:vertical}
.field small{font-size:11px;color:var(--muted)}
.primary-action,.secondary-action{background:#308db8;border:1px solid #4b9ec1;color:white;border-radius:2px;padding:11px 18px;font-size:13px;font-weight:750;cursor:pointer}
.secondary-action{background:#303841;border-color:#555f69}
.danger-action{background:#743d45;border-color:#9b525b}
.primary-action:hover{background:#3a9fce}
.info-line{font-size:12px;color:#bcc8d0;margin:12px 0}
.form-alert{margin:15px 0;padding:12px 14px;border:1px solid #5b7481;background:#162833;color:#d5eefc;line-height:1.55}
.form-alert.error{border-color:#9c6a6a;background:#342023;color:#ffdfdf}
.reviewcard{padding:17px;margin:13px 0;border:1px dashed #4b5964;background:#252c32}
.reviewcard h3{font-size:17px;margin:0 0 8px}
.reviewmeta{font-size:12px;color:#bbc4cd;display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.reviewcard .review-note{margin:10px 0;resize:vertical;min-height:48px}
.reviewactions{display:flex;gap:8px;flex-wrap:wrap}
.admin-summary{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}
.admin-summary button[aria-pressed=true]{border-color:#40b2e6;background:#163747}
.security-note{font-size:12px;color:#c3cbd2;margin:15px 0}
@media(max-width:700px){.form-panel,.admin-panel{padding:17px 15px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.form-panel h1,.admin-panel h1{font-size:23px}}
body.light-mode .form-panel,body.light-mode .admin-panel{background:white;color:#24272a}
body.light-mode .field input,body.light-mode .field select,body.light-mode .field textarea{background:white;color:#222}



/* v7: one pixel asset, reflected symmetrically on the two margins. */
:root{--laylist-pixel-pattern:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjIgMTEwMCIgd2lkdGg9IjEyMiIgaGVpZ2h0PSIxMTAwIj48cmVjdCB4PSItMTMiIHk9Ii0xMyIgd2lkdGg9IjI5IiBoZWlnaHQ9IjI0IiBmaWxsPSIjNDA0MDQwIiBvcGFjaXR5PSIwLjk1Ii8+PHJlY3QgeD0iMzEiIHk9Ii0xMSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIyIiBmaWxsPSIjNGU0ZTRlIiBvcGFjaXR5PSIwLjY3Ii8+PHJlY3QgeD0iNTUiIHk9Ii0xMyIgd2lkdGg9IjIyIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjY2Ii8+PHJlY3QgeD0iNzUiIHk9Ii0xMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjcyIi8+PHJlY3QgeD0iLTExIiB5PSI5IiB3aWR0aD0iMjkiIGhlaWdodD0iMzAiIGZpbGw9IiM1ZTVlNWUiIG9wYWNpdHk9IjAuNjYiLz48cmVjdCB4PSIxMSIgeT0iMTEiIHdpZHRoPSIyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iIzRmNGY0ZiIgb3BhY2l0eT0iMC42OCIvPjxyZWN0IHg9IjMxIiB5PSI5IiB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9IiM0ODQ4NDgiIG9wYWNpdHk9IjAuNzQiLz48cmVjdCB4PSI1NSIgeT0iMTAiIHdpZHRoPSIyOSIgaGVpZ2h0PSIzMCIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC43MSIvPjxyZWN0IHg9Ii0xMyIgeT0iMzIiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC43MyIvPjxyZWN0IHg9IjExIiB5PSIzMyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjU5Ii8+PHJlY3QgeD0iMzIiIHk9IjMyIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuODYiLz48cmVjdCB4PSI1NSIgeT0iMzIiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgZmlsbD0iIzRlNGU0ZSIgb3BhY2l0eT0iMC43NyIvPjxyZWN0IHg9Ijc3IiB5PSIzMiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjNGY0ZjRmIiBvcGFjaXR5PSIwLjg3Ii8+PHJlY3QgeD0iLTEyIiB5PSI1MyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjk3Ii8+PHJlY3QgeD0iMTAiIHk9IjU1IiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuNjciLz48cmVjdCB4PSIzMyIgeT0iNTUiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC43MyIvPjxyZWN0IHg9IjU1IiB5PSI1NCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiBmaWxsPSIjM2UzZTNlIiBvcGFjaXR5PSIwLjU5Ii8+PHJlY3QgeD0iLTExIiB5PSI3NiIgd2lkdGg9IjI5IiBoZWlnaHQ9IjIzIiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjczIi8+PHJlY3QgeD0iMTAiIHk9Ijc3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9IiM0ODQ4NDgiIG9wYWNpdHk9IjAuODMiLz48cmVjdCB4PSIzMyIgeT0iNzYiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC41NiIvPjxyZWN0IHg9IjU0IiB5PSI3NiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIzIiBmaWxsPSIjM2UzZTNlIiBvcGFjaXR5PSIwLjc4Ii8+PHJlY3QgeD0iNzYiIHk9Ijc3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuODQiLz48cmVjdCB4PSItMTIiIHk9Ijk5IiB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIGZpbGw9IiM1ZTVlNWUiIG9wYWNpdHk9IjAuNTYiLz48cmVjdCB4PSI5IiB5PSI5OSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjkxIi8+PHJlY3QgeD0iNTMiIHk9Ijk5IiB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9IiM2ZTZlNmUiIG9wYWNpdHk9IjAuODciLz48cmVjdCB4PSI5OCIgeT0iOTciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMiIgZmlsbD0iIzZlNmU2ZSIgb3BhY2l0eT0iMC44OCIvPjxyZWN0IHg9Ii0xMSIgeT0iMTE5IiB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuNTgiLz48cmVjdCB4PSIxMCIgeT0iMTE5IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiM0ODQ4NDgiIG9wYWNpdHk9IjAuNzEiLz48cmVjdCB4PSIzMSIgeT0iMTIxIiB3aWR0aD0iMjQiIGhlaWdodD0iMzAiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuNjciLz48cmVjdCB4PSI1NSIgeT0iMTIxIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuNzUiLz48cmVjdCB4PSI5OCIgeT0iMTIwIiB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuODQiLz48cmVjdCB4PSItMTMiIHk9IjE0MiIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIyIiBmaWxsPSIjM2UzZTNlIiBvcGFjaXR5PSIwLjkyIi8+PHJlY3QgeD0iMTEiIHk9IjE0MiIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjcyIi8+PHJlY3QgeD0iMzMiIHk9IjE0MiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiBmaWxsPSIjM2UzZTNlIiBvcGFjaXR5PSIwLjcyIi8+PHJlY3QgeD0iNTMiIHk9IjE0MyIgd2lkdGg9IjIyIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNGY0ZjRmIiBvcGFjaXR5PSIwLjgxIi8+PHJlY3QgeD0iLTExIiB5PSIxNjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzQwNDA0MCIgb3BhY2l0eT0iMC41OCIvPjxyZWN0IHg9IjExIiB5PSIxNjMiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgZmlsbD0iIzVlNWU1ZSIgb3BhY2l0eT0iMC43MiIvPjxyZWN0IHg9IjMxIiB5PSIxNjUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMiIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9IjU1IiB5PSIxNjUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC41OSIvPjxyZWN0IHg9Ii0xMSIgeT0iMTg1IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiM0MDQwNDAiIG9wYWNpdHk9IjAuNzIiLz48cmVjdCB4PSIzMyIgeT0iMTg1IiB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuOTUiLz48cmVjdCB4PSI1NSIgeT0iMTg1IiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IiM2ZTZlNmUiIG9wYWNpdHk9IjAuODIiLz48cmVjdCB4PSI5NyIgeT0iMTg1IiB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuNzMiLz48cmVjdCB4PSItMTEiIHk9IjIwNyIgd2lkdGg9IjI5IiBoZWlnaHQ9IjIzIiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjYxIi8+PHJlY3QgeD0iMzMiIHk9IjIwNyIgd2lkdGg9IjI5IiBoZWlnaHQ9IjIzIiBmaWxsPSIjM2MzYzNjIiBvcGFjaXR5PSIwLjkyIi8+PHJlY3QgeD0iNTQiIHk9IjIwOSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjc2Ii8+PHJlY3QgeD0iLTEyIiB5PSIyMzAiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMiIgZmlsbD0iIzZlNmU2ZSIgb3BhY2l0eT0iMC41OCIvPjxyZWN0IHg9IjExIiB5PSIyMzEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMiIgZmlsbD0iIzRlNGU0ZSIgb3BhY2l0eT0iMC43MiIvPjxyZWN0IHg9IjMzIiB5PSIyMzAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMyIgZmlsbD0iIzNlM2UzZSIgb3BhY2l0eT0iMC45NSIvPjxyZWN0IHg9IjU1IiB5PSIyMzAiIHdpZHRoPSIyMyIgaGVpZ2h0PSIzMCIgZmlsbD0iIzRlNGU0ZSIgb3BhY2l0eT0iMC45NSIvPjxyZWN0IHg9Ijc2IiB5PSIyMzEiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyMyIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC45NiIvPjxyZWN0IHg9Ii0xMyIgeT0iMjUxIiB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuODEiLz48cmVjdCB4PSI5IiB5PSIyNTEiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyMiIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC45MyIvPjxyZWN0IHg9IjMzIiB5PSIyNTIiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzNlM2UzZSIgb3BhY2l0eT0iMC44NyIvPjxyZWN0IHg9IjU0IiB5PSIyNTMiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMiIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC45MCIvPjxyZWN0IHg9Ijk4IiB5PSIyNTIiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMyIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC45NiIvPjxyZWN0IHg9Ii0xMyIgeT0iMjc1IiB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIGZpbGw9IiM1ZTVlNWUiIG9wYWNpdHk9IjAuNzQiLz48cmVjdCB4PSIxMSIgeT0iMjc0IiB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuNzciLz48cmVjdCB4PSIzMyIgeT0iMjc1IiB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuNjciLz48cmVjdCB4PSI1NSIgeT0iMjc0IiB3aWR0aD0iMjkiIGhlaWdodD0iMzAiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuOTYiLz48cmVjdCB4PSI5OCIgeT0iMjc0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIGZpbGw9IiM0ZjRmNGYiIG9wYWNpdHk9IjAuNjMiLz48cmVjdCB4PSItMTMiIHk9IjI5NSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNGU0ZTRlIiBvcGFjaXR5PSIwLjg5Ii8+PHJlY3QgeD0iMTAiIHk9IjI5NyIgd2lkdGg9IjI5IiBoZWlnaHQ9IjI0IiBmaWxsPSIjM2MzYzNjIiBvcGFjaXR5PSIwLjc4Ii8+PHJlY3QgeD0iMzIiIHk9IjI5NSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjYzIi8+PHJlY3QgeD0iNzYiIHk9IjI5NyIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIyIiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjc1Ii8+PHJlY3QgeD0iLTEyIiB5PSIzMTgiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzZlNmU2ZSIgb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9IjkiIHk9IjMxOSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjMwIiBmaWxsPSIjNGU0ZTRlIiBvcGFjaXR5PSIwLjY2Ii8+PHJlY3QgeD0iMzMiIHk9IjMxOSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjMwIiBmaWxsPSIjM2MzYzNjIiBvcGFjaXR5PSIwLjU2Ii8+PHJlY3QgeD0iNTQiIHk9IjMxOSIgd2lkdGg9IjI5IiBoZWlnaHQ9IjI0IiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjY4Ii8+PHJlY3QgeD0iLTEzIiB5PSIzNDEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMCIgZmlsbD0iIzNlM2UzZSIgb3BhY2l0eT0iMC43MSIvPjxyZWN0IHg9IjkiIHk9IjMzOSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIyIiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjU3Ii8+PHJlY3QgeD0iMzMiIHk9IjM0MCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI0IiBmaWxsPSIjM2MzYzNjIiBvcGFjaXR5PSIwLjY5Ii8+PHJlY3QgeD0iNTUiIHk9IjM0MSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiBmaWxsPSIjM2UzZTNlIiBvcGFjaXR5PSIwLjY4Ii8+PHJlY3QgeD0iNzUiIHk9IjMzOSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIzIiBmaWxsPSIjM2UzZTNlIiBvcGFjaXR5PSIwLjcyIi8+PHJlY3QgeD0iLTExIiB5PSIzNjMiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyMyIgZmlsbD0iIzQwNDA0MCIgb3BhY2l0eT0iMC45NCIvPjxyZWN0IHg9IjkiIHk9IjM2MyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNGY0ZjRmIiBvcGFjaXR5PSIwLjcxIi8+PHJlY3QgeD0iMzEiIHk9IjM2MiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIzIiBmaWxsPSIjM2UzZTNlIiBvcGFjaXR5PSIwLjkyIi8+PHJlY3QgeD0iNTMiIHk9IjM2MSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIzIiBmaWxsPSIjM2MzYzNjIiBvcGFjaXR5PSIwLjcxIi8+PHJlY3QgeD0iOTkiIHk9IjM2MSIgd2lkdGg9IjI5IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNGY0ZjRmIiBvcGFjaXR5PSIwLjc4Ii8+PHJlY3QgeD0iLTEzIiB5PSIzODQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMCIgZmlsbD0iIzY0NjQ2NCIgb3BhY2l0eT0iMC45NiIvPjxyZWN0IHg9IjEwIiB5PSIzODUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC45NCIvPjxyZWN0IHg9IjMxIiB5PSIzODUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMiIgZmlsbD0iIzRlNGU0ZSIgb3BhY2l0eT0iMC43NSIvPjxyZWN0IHg9IjU0IiB5PSIzODUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNlM2UzZSIgb3BhY2l0eT0iMC43OSIvPjxyZWN0IHg9Ijk3IiB5PSIzODQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMCIgZmlsbD0iIzZlNmU2ZSIgb3BhY2l0eT0iMC42NSIvPjxyZWN0IHg9Ii0xMSIgeT0iNDA1IiB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuNzIiLz48cmVjdCB4PSI5IiB5PSI0MDYiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyMyIgZmlsbD0iIzZlNmU2ZSIgb3BhY2l0eT0iMC44MyIvPjxyZWN0IHg9Ii0xMiIgeT0iNDI4IiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuOTYiLz48cmVjdCB4PSIzMiIgeT0iNDI3IiB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIGZpbGw9IiM0ZjRmNGYiIG9wYWNpdHk9IjAuODQiLz48cmVjdCB4PSI1MyIgeT0iNDI5IiB3aWR0aD0iMjkiIGhlaWdodD0iMzAiIGZpbGw9IiM1ZTVlNWUiIG9wYWNpdHk9IjAuODgiLz48cmVjdCB4PSItMTIiIHk9IjQ1MCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjk1Ii8+PHJlY3QgeD0iOSIgeT0iNDUwIiB3aWR0aD0iMjkiIGhlaWdodD0iMzAiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuODEiLz48cmVjdCB4PSIzMSIgeT0iNDUxIiB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIGZpbGw9IiM2ZTZlNmUiIG9wYWNpdHk9IjAuNjMiLz48cmVjdCB4PSI1NCIgeT0iNDQ5IiB3aWR0aD0iMjMiIGhlaWdodD0iMzAiIGZpbGw9IiM0ZjRmNGYiIG9wYWNpdHk9IjAuODMiLz48cmVjdCB4PSI3NyIgeT0iNDUxIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuNjUiLz48cmVjdCB4PSI5OSIgeT0iNDUxIiB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIGZpbGw9IiM0MDQwNDAiIG9wYWNpdHk9IjAuNjAiLz48cmVjdCB4PSIxMCIgeT0iNDcyIiB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIGZpbGw9IiM0ODQ4NDgiIG9wYWNpdHk9IjAuODgiLz48cmVjdCB4PSIzMyIgeT0iNDczIiB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIGZpbGw9IiM1ZTVlNWUiIG9wYWNpdHk9IjAuNzgiLz48cmVjdCB4PSI1NCIgeT0iNDcyIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuOTYiLz48cmVjdCB4PSItMTEiIHk9IjQ5MyIgd2lkdGg9IjI5IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNGU0ZTRlIiBvcGFjaXR5PSIwLjY2Ii8+PHJlY3QgeD0iOSIgeT0iNDkzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuOTEiLz48cmVjdCB4PSIzMiIgeT0iNDkzIiB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuOTUiLz48cmVjdCB4PSI1MyIgeT0iNDkzIiB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIGZpbGw9IiM0MDQwNDAiIG9wYWNpdHk9IjAuNzMiLz48cmVjdCB4PSItMTEiIHk9IjUxNiIgd2lkdGg9IjI5IiBoZWlnaHQ9IjI0IiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjg4Ii8+PHJlY3QgeD0iMzIiIHk9IjUxNyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNGU0ZTRlIiBvcGFjaXR5PSIwLjc3Ii8+PHJlY3QgeD0iNTUiIHk9IjUxNyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjkxIi8+PHJlY3QgeD0iOTgiIHk9IjUxNyIgd2lkdGg9IjI5IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNGY0ZjRmIiBvcGFjaXR5PSIwLjYwIi8+PHJlY3QgeD0iLTEzIiB5PSI1MzciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC42MCIvPjxyZWN0IHg9IjkiIHk9IjUzOSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjMwIiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjU3Ii8+PHJlY3QgeD0iMzEiIHk9IjUzOSIgd2lkdGg9IjI5IiBoZWlnaHQ9IjIzIiBmaWxsPSIjM2MzYzNjIiBvcGFjaXR5PSIwLjU3Ii8+PHJlY3QgeD0iNTMiIHk9IjUzOSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIzIiBmaWxsPSIjNGY0ZjRmIiBvcGFjaXR5PSIwLjc3Ii8+PHJlY3QgeD0iOTkiIHk9IjUzOSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjYyIi8+PHJlY3QgeD0iLTExIiB5PSI1NjEiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyNCIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC45MSIvPjxyZWN0IHg9IjExIiB5PSI1NTkiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNlM2UzZSIgb3BhY2l0eT0iMC42OSIvPjxyZWN0IHg9IjU1IiB5PSI1NjEiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzQwNDA0MCIgb3BhY2l0eT0iMC42NyIvPjxyZWN0IHg9Ijk4IiB5PSI1NjAiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC43NSIvPjxyZWN0IHg9Ii0xMyIgeT0iNTgzIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIGZpbGw9IiM2ZTZlNmUiIG9wYWNpdHk9IjAuNzUiLz48cmVjdCB4PSIxMSIgeT0iNTgxIiB3aWR0aD0iMjkiIGhlaWdodD0iMzAiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuNjQiLz48cmVjdCB4PSIzMSIgeT0iNTgyIiB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuNjAiLz48cmVjdCB4PSI1NSIgeT0iNTgyIiB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuNzkiLz48cmVjdCB4PSI3NiIgeT0iNTgzIiB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuNzAiLz48cmVjdCB4PSItMTIiIHk9IjYwNSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNGU0ZTRlIiBvcGFjaXR5PSIwLjYzIi8+PHJlY3QgeD0iOSIgeT0iNjA0IiB3aWR0aD0iMjQiIGhlaWdodD0iMzAiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuNjYiLz48cmVjdCB4PSI1MyIgeT0iNjA1IiB3aWR0aD0iMjMiIGhlaWdodD0iMzAiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuNzIiLz48cmVjdCB4PSI3NiIgeT0iNjA1IiB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuOTMiLz48cmVjdCB4PSI5OCIgeT0iNjAzIiB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuODEiLz48cmVjdCB4PSIzMyIgeT0iNjI1IiB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuODQiLz48cmVjdCB4PSI1MyIgeT0iNjI2IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiM1ZTVlNWUiIG9wYWNpdHk9IjAuNjEiLz48cmVjdCB4PSI3NiIgeT0iNjI3IiB3aWR0aD0iMjkiIGhlaWdodD0iMjMiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuNzciLz48cmVjdCB4PSItMTEiIHk9IjY0OSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjMwIiBmaWxsPSIjNGY0ZjRmIiBvcGFjaXR5PSIwLjgzIi8+PHJlY3QgeD0iMTEiIHk9IjY0OCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjYxIi8+PHJlY3QgeD0iMzMiIHk9IjY0NyIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjc1Ii8+PHJlY3QgeD0iNzciIHk9IjY0OCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjI0IiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjg3Ii8+PHJlY3QgeD0iOTciIHk9IjY0OCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjY3Ii8+PHJlY3QgeD0iMTAiIHk9IjY2OSIgd2lkdGg9IjI5IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjY5Ii8+PHJlY3QgeD0iMzIiIHk9IjY3MSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjc3Ii8+PHJlY3QgeD0iNTMiIHk9IjY2OSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjMwIiBmaWxsPSIjM2MzYzNjIiBvcGFjaXR5PSIwLjczIi8+PHJlY3QgeD0iNzciIHk9IjY3MSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjY4Ii8+PHJlY3QgeD0iOTkiIHk9IjY2OSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjk1Ii8+PHJlY3QgeD0iLTEyIiB5PSI2OTMiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyNCIgZmlsbD0iIzNlM2UzZSIgb3BhY2l0eT0iMC45MSIvPjxyZWN0IHg9IjEwIiB5PSI2OTEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzVlNWU1ZSIgb3BhY2l0eT0iMC45MSIvPjxyZWN0IHg9IjMzIiB5PSI2OTMiIHdpZHRoPSIyOSIgaGVpZ2h0PSIzMCIgZmlsbD0iIzRmNGY0ZiIgb3BhY2l0eT0iMC42NSIvPjxyZWN0IHg9IjUzIiB5PSI2OTEiIHdpZHRoPSIyMyIgaGVpZ2h0PSIzMCIgZmlsbD0iIzVlNWU1ZSIgb3BhY2l0eT0iMC44MSIvPjxyZWN0IHg9Ijk5IiB5PSI2OTEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMiIgZmlsbD0iIzRlNGU0ZSIgb3BhY2l0eT0iMC42MyIvPjxyZWN0IHg9Ii0xMyIgeT0iNzEzIiB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuODgiLz48cmVjdCB4PSI5IiB5PSI3MTUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iIzRlNGU0ZSIgb3BhY2l0eT0iMC42NyIvPjxyZWN0IHg9IjMxIiB5PSI3MTMiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyMyIgZmlsbD0iIzY0NjQ2NCIgb3BhY2l0eT0iMC44OCIvPjxyZWN0IHg9Ijc3IiB5PSI3MTUiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyMyIgZmlsbD0iIzNlM2UzZSIgb3BhY2l0eT0iMC45NSIvPjxyZWN0IHg9Ii0xMSIgeT0iNzM3IiB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIGZpbGw9IiM0MDQwNDAiIG9wYWNpdHk9IjAuOTEiLz48cmVjdCB4PSIxMSIgeT0iNzM2IiB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIGZpbGw9IiM1ZTVlNWUiIG9wYWNpdHk9IjAuODQiLz48cmVjdCB4PSIzMyIgeT0iNzM3IiB3aWR0aD0iMjkiIGhlaWdodD0iMjMiIGZpbGw9IiM2ZTZlNmUiIG9wYWNpdHk9IjAuOTAiLz48cmVjdCB4PSI1MyIgeT0iNzM1IiB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuNjIiLz48cmVjdCB4PSI5NyIgeT0iNzM1IiB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIGZpbGw9IiM2ZTZlNmUiIG9wYWNpdHk9IjAuNzQiLz48cmVjdCB4PSIxMCIgeT0iNzU5IiB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9IiM0ZjRmNGYiIG9wYWNpdHk9IjAuNjgiLz48cmVjdCB4PSIzMiIgeT0iNzU3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuNjYiLz48cmVjdCB4PSI1MyIgeT0iNzU4IiB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuNjUiLz48cmVjdCB4PSItMTEiIHk9Ijc4MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNDA0MDQwIiBvcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iMTAiIHk9Ijc3OSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIzIiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjc5Ii8+PHJlY3QgeD0iMzEiIHk9Ijc4MSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIzIiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjY0Ii8+PHJlY3QgeD0iNTMiIHk9Ijc4MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNDA0MDQwIiBvcGFjaXR5PSIwLjgzIi8+PHJlY3QgeD0iNzciIHk9Ijc4MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjYxIi8+PHJlY3QgeD0iLTEzIiB5PSI4MDIiIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMCIgZmlsbD0iIzQwNDA0MCIgb3BhY2l0eT0iMC42MSIvPjxyZWN0IHg9IjExIiB5PSI4MDIiIHdpZHRoPSIyOSIgaGVpZ2h0PSIzMCIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC43MyIvPjxyZWN0IHg9IjMxIiB5PSI4MDEiIHdpZHRoPSIyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC42NCIvPjxyZWN0IHg9IjUzIiB5PSI4MDEiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC43MSIvPjxyZWN0IHg9Ii0xMSIgeT0iODI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuOTUiLz48cmVjdCB4PSIxMCIgeT0iODI0IiB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIGZpbGw9IiM1ZTVlNWUiIG9wYWNpdHk9IjAuODQiLz48cmVjdCB4PSIzMyIgeT0iODI0IiB3aWR0aD0iMjkiIGhlaWdodD0iMjMiIGZpbGw9IiM0ODQ4NDgiIG9wYWNpdHk9IjAuODkiLz48cmVjdCB4PSI1NCIgeT0iODI0IiB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuOTQiLz48cmVjdCB4PSI3NSIgeT0iODI1IiB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuNjQiLz48cmVjdCB4PSItMTIiIHk9Ijg0NiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNDA0MDQwIiBvcGFjaXR5PSIwLjc2Ii8+PHJlY3QgeD0iOSIgeT0iODQ1IiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9IiM0ODQ4NDgiIG9wYWNpdHk9IjAuNjciLz48cmVjdCB4PSIzMSIgeT0iODQ3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9IiM0ODQ4NDgiIG9wYWNpdHk9IjAuNzEiLz48cmVjdCB4PSI1MyIgeT0iODQ2IiB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9IiM2ZTZlNmUiIG9wYWNpdHk9IjAuNjAiLz48cmVjdCB4PSI3NSIgeT0iODQ3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9IiM2ZTZlNmUiIG9wYWNpdHk9IjAuNjQiLz48cmVjdCB4PSItMTIiIHk9Ijg2OCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjc0Ii8+PHJlY3QgeD0iMTAiIHk9Ijg2OSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNGU0ZTRlIiBvcGFjaXR5PSIwLjk2Ii8+PHJlY3QgeD0iMzEiIHk9Ijg2OCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjY5Ii8+PHJlY3QgeD0iNTMiIHk9Ijg2OSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNDA0MDQwIiBvcGFjaXR5PSIwLjkwIi8+PHJlY3QgeD0iLTEzIiB5PSI4ODkiIHdpZHRoPSIyMyIgaGVpZ2h0PSIzMCIgZmlsbD0iIzRmNGY0ZiIgb3BhY2l0eT0iMC45NiIvPjxyZWN0IHg9IjkiIHk9Ijg4OSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjNDA0MDQwIiBvcGFjaXR5PSIwLjY5Ii8+PHJlY3QgeD0iMzEiIHk9Ijg5MSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjg3Ii8+PHJlY3QgeD0iNTUiIHk9Ijg4OSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjU5Ii8+PHJlY3QgeD0iNzciIHk9Ijg5MCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiBmaWxsPSIjNGU0ZTRlIiBvcGFjaXR5PSIwLjg5Ii8+PHJlY3QgeD0iOTgiIHk9Ijg5MCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIyIiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjgzIi8+PHJlY3QgeD0iLTExIiB5PSI5MTMiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgZmlsbD0iIzNlM2UzZSIgb3BhY2l0eT0iMC45MCIvPjxyZWN0IHg9IjkiIHk9IjkxMSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjNDA0MDQwIiBvcGFjaXR5PSIwLjcwIi8+PHJlY3QgeD0iMzIiIHk9IjkxMiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIzIiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjYxIi8+PHJlY3QgeD0iNTUiIHk9IjkxMiIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiBmaWxsPSIjNWU1ZTVlIiBvcGFjaXR5PSIwLjc0Ii8+PHJlY3QgeD0iLTExIiB5PSI5MzMiIHdpZHRoPSIyOSIgaGVpZ2h0PSIzMCIgZmlsbD0iIzZlNmU2ZSIgb3BhY2l0eT0iMC45MCIvPjxyZWN0IHg9IjMxIiB5PSI5MzMiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNCIgZmlsbD0iIzRmNGY0ZiIgb3BhY2l0eT0iMC43MCIvPjxyZWN0IHg9IjU0IiB5PSI5MzUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC41NyIvPjxyZWN0IHg9Ijc3IiB5PSI5MzQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMCIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC42NSIvPjxyZWN0IHg9Ijk4IiB5PSI5MzUiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyNCIgZmlsbD0iIzQwNDA0MCIgb3BhY2l0eT0iMC42MiIvPjxyZWN0IHg9Ii0xMyIgeT0iOTU1IiB3aWR0aD0iMjMiIGhlaWdodD0iMzAiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuODkiLz48cmVjdCB4PSIxMSIgeT0iOTU2IiB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuOTciLz48cmVjdCB4PSIzMyIgeT0iOTU1IiB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9IiM0ZjRmNGYiIG9wYWNpdHk9IjAuNzEiLz48cmVjdCB4PSI1MyIgeT0iOTU2IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiM0ODQ4NDgiIG9wYWNpdHk9IjAuODQiLz48cmVjdCB4PSI3NSIgeT0iOTU1IiB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIGZpbGw9IiM2NDY0NjQiIG9wYWNpdHk9IjAuNjAiLz48cmVjdCB4PSItMTMiIHk9Ijk3OCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjIzIiBmaWxsPSIjNGU0ZTRlIiBvcGFjaXR5PSIwLjk0Ii8+PHJlY3QgeD0iOSIgeT0iOTc5IiB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuNTkiLz48cmVjdCB4PSIzMiIgeT0iOTc5IiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9IiM1ZTVlNWUiIG9wYWNpdHk9IjAuOTEiLz48cmVjdCB4PSI1NCIgeT0iOTc5IiB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIGZpbGw9IiM0MDQwNDAiIG9wYWNpdHk9IjAuOTUiLz48cmVjdCB4PSI3NSIgeT0iOTc5IiB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuOTMiLz48cmVjdCB4PSI5NyIgeT0iOTc4IiB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuODMiLz48cmVjdCB4PSItMTIiIHk9IjEwMDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzRmNGY0ZiIgb3BhY2l0eT0iMC42MCIvPjxyZWN0IHg9IjMyIiB5PSI5OTkiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNjM2MzYyIgb3BhY2l0eT0iMC45NCIvPjxyZWN0IHg9IjU0IiB5PSI5OTkiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMiIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC42NSIvPjxyZWN0IHg9Ii0xMiIgeT0iMTAyMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjMwIiBmaWxsPSIjNjQ2NDY0IiBvcGFjaXR5PSIwLjc0Ii8+PHJlY3QgeD0iOSIgeT0iMTAyMyIgd2lkdGg9IjIyIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjg3Ii8+PHJlY3QgeD0iMzIiIHk9IjEwMjEiIHdpZHRoPSIyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC44MyIvPjxyZWN0IHg9Ii0xMyIgeT0iMTA0NSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjMwIiBmaWxsPSIjM2UzZTNlIiBvcGFjaXR5PSIwLjgxIi8+PHJlY3QgeD0iOSIgeT0iMTA0NCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIyIiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjg0Ii8+PHJlY3QgeD0iMzMiIHk9IjEwNDUiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyNCIgZmlsbD0iIzVlNWU1ZSIgb3BhY2l0eT0iMC45NSIvPjxyZWN0IHg9IjUzIiB5PSIxMDQ0IiB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIGZpbGw9IiMzZTNlM2UiIG9wYWNpdHk9IjAuODgiLz48cmVjdCB4PSI5NyIgeT0iMTA0MyIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiBmaWxsPSIjM2UzZTNlIiBvcGFjaXR5PSIwLjU4Ii8+PHJlY3QgeD0iLTEzIiB5PSIxMDY1IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiM0ZTRlNGUiIG9wYWNpdHk9IjAuNzUiLz48cmVjdCB4PSI5IiB5PSIxMDY3IiB3aWR0aD0iMjkiIGhlaWdodD0iMjIiIGZpbGw9IiMzYzNjM2MiIG9wYWNpdHk9IjAuOTYiLz48cmVjdCB4PSIzMSIgeT0iMTA2NSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjcyIi8+PHJlY3QgeD0iNzYiIHk9IjEwNjciIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMCIgZmlsbD0iIzZlNmU2ZSIgb3BhY2l0eT0iMC41OSIvPjxyZWN0IHg9Ii0xMSIgeT0iMTA4OSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjI0IiBmaWxsPSIjNDg0ODQ4IiBvcGFjaXR5PSIwLjk2Ii8+PHJlY3QgeD0iMTAiIHk9IjEwODkiIHdpZHRoPSIyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iIzQ4NDg0OCIgb3BhY2l0eT0iMC42MyIvPjxyZWN0IHg9IjMzIiB5PSIxMDg4IiB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIGZpbGw9IiM0ZjRmNGYiIG9wYWNpdHk9IjAuODgiLz48cmVjdCB4PSI1NSIgeT0iMTA4OCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjNmU2ZTZlIiBvcGFjaXR5PSIwLjgzIi8+PHJlY3QgeD0iNzciIHk9IjEwODgiIHdpZHRoPSIyOSIgaGVpZ2h0PSIyNCIgZmlsbD0iIzNlM2UzZSIgb3BhY2l0eT0iMC44OSIvPjwvc3ZnPg==);}
body::before,body::after{
 content:"";display:block;position:fixed;top:0;bottom:0;width:122px;
 z-index:-1;pointer-events:none;background-image:var(--player-pixel-pattern,var(--laylist-pixel-pattern));
 background-position:left top;background-size:122px 1100px;background-repeat:repeat-y;
 opacity:.94;mask-image:linear-gradient(to right,#000 0%,#000 62%,transparent 100%);
 -webkit-mask-image:linear-gradient(to right,#000 0%,#000 62%,transparent 100%);
}
body::before{left:0;right:auto;transform:none;}
body::after{left:auto;right:0;transform:scaleX(-1);}
@media(max-width:780px){
 body::before,body::after{display:block;width:42px;background-size:72px 650px;opacity:.37;}
 .mobile-search,.mobile-search.visible{
  display:flex!important;gap:10px;align-items:center;
  background:#22272b;border:1px solid #465159;padding:10px 12px;
  margin:0 16px 20px;min-width:0;
 }
 .mobile-search::before{content:'⌕';flex:none;font-size:23px;line-height:1;color:#91cce9;}
 .mobile-search .filter{display:block;flex:1 1 auto;min-width:0;width:100%;height:41px;
  background:#161d22;border:1px solid #50616c;font-size:16px;padding:9px 11px;}
 .mobile-search .filter:focus{border-color:#5dc1e6;outline:2px solid #5dc1e644;outline-offset:0;}
}
@media(max-width:540px){
 body::before,body::after{display:block;width:20px;background-size:55px 495px;opacity:.20;}
}
@media(prefers-reduced-motion:reduce){.mobile-search .filter{scroll-behavior:auto;}}



/* v8 proportional scaling: wider media cards and matching bilateral pixel framing.
   Original pointercrate mobile stacked image hierarchy preserved. */
@media (min-width: 781px) {
  .container { width:min(1210px, calc(100% - 48px)); }
  .layout { grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; }
  .listcards { gap: 24px; }
  .listcard {
    min-height: 214px;
    padding: 19px 21px;
    gap: 27px;
  }
  .thumbnail {
    width: 305px;
    flex: 0 0 305px;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  .listcard h2 { font-size: 25px; line-height: 1.22; }
  .listcard .creator { font-size: 16px; margin-top: 8px; }
  .listcard .tiernote { font-size: 12px; line-height: 1.45; margin-top: 12px; }
  .sidebar { gap: 22px; }
  .panel { padding: 24px 22px; }
  .panel h2 { font-size: 19px; padding-bottom: 14px; margin-bottom: 16px; }
  .panel p { font-size: 13px; line-height: 1.65; }
  .panel .sidebutton { font-size: 12px; padding: 13px 12px; }
  .wide-tabs { height: 56px; margin-bottom: 23px; }
  .wide-tabs button { font-size: 14px; }
  .list-toolbar { margin-bottom: 15px; }
  .list-toolbar .filter { min-height: 41px; width: 260px; font-size: 13px; }
  .singlepanel { padding: 27px 29px; }
  .form-panel, .admin-panel { max-width: 930px; padding: 30px; }
  .videoarea { width: min(100%, 760px); max-width: 760px; }
}
@media (min-width: 781px) and (max-width: 1100px) {
  .container { width: min(100% - 32px, 1080px); }
  .layout { grid-template-columns: minmax(0, 1fr) 252px; gap: 18px; }
  .listcard { min-height: 181px; padding: 16px 17px; gap: 21px; }
  .thumbnail { width: clamp(190px, 27vw, 260px); flex: 0 0 clamp(190px, 27vw, 260px); }
  .listcard h2 { font-size: 22px; }
  .listcard .creator { font-size: 14px; }
  .listcard .tiernote { font-size: 11px; }
  .panel { padding: 20px 17px; }
}
/* The existing v7 pattern is the source; enlarge it rather than drawing a different motif. */
body::before, body::after {
  width: 188px;
  background-size: 185px 1668px;
  background-repeat: repeat-y;
  opacity: .92;
  -webkit-mask-image: linear-gradient(to right,#000 0%,#000 48%,transparent 100%);
  mask-image: linear-gradient(to right,#000 0%,#000 48%,transparent 100%);
}
body::before { left: 0; right: auto; transform: none; }
body::after { right: 0; left: auto; transform: scaleX(-1); }
@media (max-width: 780px) {
  body::before, body::after {
    display: block;
    width: 64px;
    background-size: 125px 1127px;
    opacity: .43;
  }
  .listcards { gap: 27px; padding-inline: 13px; }
  .listcard { padding: 20px 20px 27px; }
  .thumbnail { width:100%; flex:none; height:auto; aspect-ratio:16 / 9; }
  .listcard h2 { font-size: 25px; }
  .listcard .creator { font-size: 17px; margin-top: 8px; }
  .listcard .tiernote { font-size: 13px; margin-top: 8px; }
  .singlepanel { padding: 20px; }
  .videoarea { max-width: 100%; }
}
@media (max-width: 540px) {
  body::before, body::after {
    width: 34px;
    background-size: 94px 848px;
    opacity: .40;
  }
  .listcards { gap: 25px; padding-inline: 9px; }
  .listcard { padding: 15px 13px 25px; }
  .listcard h2 { font-size: 23px; }
  .listcard .creator { font-size: 16px; }
  .listcard .tiernote { font-size: 12px; }
  /* Don't allow the scaled cards to push the permanent portrait search off screen. */
  .mobile-search { max-width: calc(100% - 32px); }
}
@media (max-width: 360px) {
  .listcards { padding-inline: 6px; }
  .listcard { padding-inline: 10px; }
  .listcard h2 { font-size: 21px; }
}




/* User-controllable appearance. Defaults are deliberately neutral grey. */
:root{--accent:#d0d3d8;--accent-strong:#828992;--accent-button:#666d76;--accent-button-hover:#7b838d;--accent-rgb:208,211,216;--pixel-filter:none;color-scheme:dark}
body::before,body::after{filter:none}
.backbutton,.textbutton,.panel a,.foot a,.pack button,.progressrow button,.fact button{color:var(--accent)}
.navlinks button.active:after,.wide-tabs button[aria-selected=true]::after{background:var(--accent)}
.listcard:hover,.listcard:focus-visible,.tierchip:hover{border-color:var(--accent)}
.mobile-search::before{color:var(--accent)}
.mobile-search .filter:focus{border-color:var(--accent);outline-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.panel .sidebutton,.actionbutton{background:var(--accent-button);border-color:var(--accent-button);color:white}
.panel .sidebutton:hover,.actionbutton:hover{background:var(--accent-button-hover)}
.recordtable th{color:var(--accent)}
.progressrow input{accent-color:var(--accent-strong)}
.headsubmit{border-color:var(--accent-strong);color:var(--text)}
/* Desktop and mobile site appearance controls. */
.sitehead{position:relative;z-index:30}
.headinner{position:relative}
.appearance-tools{display:flex;align-items:center;gap:5px;flex:0 0 auto;align-self:stretch}
.appearance-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:40px;min-width:40px;min-height:40px;border:0;background:transparent;color:var(--text);padding:5px;border-radius:3px;position:relative}
.appearance-button:hover,.appearance-button[aria-expanded="true"]{background:var(--surface2)}
.appearance-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.appearance-button .swatch-dot{width:19px;height:19px;border-radius:50%;background:var(--accent-strong);border:2px solid #ffffff94;box-shadow:0 0 0 1px #0005}
.appearance-popover{position:absolute;z-index:100;top:calc(100% + 10px);right:0;width:304px;padding:18px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:0 18px 45px #0008;border-radius:5px}
/* Popover visibility handled by animated is-open class. */
.appearance-popover::before{content:"";position:absolute;top:-7px;right:52px;width:12px;height:12px;transform:rotate(45deg);background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border)}
.appearance-title{font-weight:850;font-size:16px;margin-bottom:3px}
.appearance-help{font-size:11px;line-height:1.45;color:var(--muted);margin-bottom:14px}
.hue-wheel{width:148px;height:148px;position:relative;margin:0 auto 14px;border-radius:50%;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);box-shadow:0 0 0 3px var(--surface2),0 0 0 4px var(--border);cursor:crosshair;touch-action:none;user-select:none}
.hue-wheel::before{content:"";position:absolute;inset:19px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 2px #0003}
.hue-wheel .wheel-center{position:absolute;inset:40px;border-radius:50%;background:var(--accent-strong);border:4px solid var(--surface);pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:11px;font-weight:850;text-shadow:0 1px 3px #000a}
.hue-wheel .wheel-knob{position:absolute;top:0;left:50%;width:18px;height:18px;border:3px solid white;border-radius:50%;background:#3d444b;box-shadow:0 0 0 2px #0009;transform:translate(-50%,-50%);pointer-events:none}
.appearance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.appearance-row label{font-size:12px;font-weight:750;color:var(--text)}
.appearance-row output{color:var(--muted);font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}
.appearance-native{display:flex;align-items:center;gap:8px}
.appearance-native input[type=color]{width:41px;height:31px;padding:2px;border:1px solid var(--border);background:var(--surface2);border-radius:3px;cursor:pointer}
.appearance-reset{display:block;width:100%;margin-top:15px;background:var(--surface2);color:var(--text);padding:9px;border:1px solid var(--border);font-weight:750;font-size:12px}
.appearance-reset:hover{border-color:var(--accent)}
/* Offline/blocked video previews use a neutral fallback rather than the old blue stripes. */
.thumbnail{background:linear-gradient(140deg,var(--thumb-a,#343a40),var(--thumb-b,#1c2228) 48%,var(--thumb-c,#4a5158))}
.thumbnail::before{background:linear-gradient(158deg,transparent 10%,var(--thumb-lines,#c1c7cd16) 10% 13%,transparent 14% 35%,var(--thumb-lines,#c1c7cd16) 35% 38%,transparent 39%),repeating-linear-gradient(0deg,var(--thumb-lines,#c1c7cd16) 0 3px,transparent 3px 24px)}
/* A properly readable light theme, not just white cards on dark controls. */
body.light-mode{--page:#f5f6f7;--surface:#fff;--surface2:#eceef0;--top:#fff;--border:#d5d8db;--muted:#59636e;--dim:#67717a;--text:#24272b;--accent:#555c64;--accent-strong:#727880;--accent-button:#727880;--accent-button-hover:#555d64;color-scheme:light;color:var(--text)}
body.light-mode .sitehead{background:var(--top)}
body.light-mode .appearance-button{color:var(--text)}
body.light-mode .appearance-button:hover,body.light-mode .appearance-button[aria-expanded="true"]{background:var(--surface2)}
body.light-mode .appearance-popover{background:#fff;color:#282c30}
body.light-mode .hue-wheel::before{background:#fff}
body.light-mode .hue-wheel .wheel-center{border-color:#fff}
body.light-mode .appearance-popover::before{background:#fff}
body.light-mode .navlinks button{color:#3d434a}
body.light-mode .navlinks button.active{background:#e8ebee;color:#111}
body.light-mode .panel p,body.light-mode .detailheading p,body.light-mode .statline{color:#4d5760}
body.light-mode .panel .sidebutton,body.light-mode .actionbutton{color:white}
body.light-mode .singlepanel h2,body.light-mode .detailheading h1,body.light-mode .fact>strong,body.light-mode .statline strong{color:#2b3035}
body.light-mode .wide-tabs button[aria-selected=true]::after{background:var(--accent)}
body.light-mode .list-filter-area .filter,body.light-mode .mobile-search .filter,body.light-mode .field input,body.light-mode .field select,body.light-mode .field textarea{background:#fff;border-color:#c4ccd3;color:#22272b}
body.light-mode .mobile-search{background:#f4f5f6;border-color:#d6d8de}
body.light-mode .recordtable th{color:var(--accent);background:#edf0f2}
body.light-mode .recordtable td{color:#3a4147;border-color:#dadde0}
body.light-mode .foot{color:#59636e}
body.light-mode .form-panel,body.light-mode .admin-panel{background:#fff;color:#222}
@media(max-width:780px){
 .appearance-tools{margin-left:auto;gap:0;align-self:center}
 .appearance-button{width:36px;min-width:36px;height:39px}
 .appearance-popover{width:min(304px,calc(100vw - 24px));right:0;top:calc(100% + 8px)}
 .mobilehead-tools{margin-left:0}
}
@media(max-width:390px){
 .appearance-tools{gap:0}
 .appearance-button{width:32px;min-width:32px}
 .mobilehead-tools{gap:0}
 .mobilehead-tools .locale{font-size:13px;gap:4px}
 .mobilehead-tools .locale .flag{font-size:16px}
 .wordmark{font-size:19px}
}



/* Version 10: modestly narrower Pointercrate-like content and less oversized cards. */
@media(min-width:1101px){
  .container{width:min(1090px,calc(100% - 58px))}
  .layout{grid-template-columns:minmax(0,1fr) 267px;gap:18px}
  .listcards{gap:19px}
  .listcard{min-height:171px;padding:14px 17px;gap:19px}
  .thumbnail{width:244px;flex:0 0 244px;height:auto;aspect-ratio:16/9}
  .listcard h2{font-size:22px}
  .listcard .creator{font-size:14px;margin-top:5px}
  .listcard .tiernote{font-size:10.5px;margin-top:8px}
  .sidebar{gap:17px}
  .panel{padding:20px 17px}
  .panel h2{font-size:18px;padding-bottom:11px;margin-bottom:12px}
  .panel p{font-size:12px}
  .wide-tabs{height:47px;margin-bottom:19px}
}
@media(min-width:781px) and (max-width:1100px){
  .container{width:min(1010px,calc(100% - 36px))}
  .layout{grid-template-columns:minmax(0,1fr) 243px;gap:15px}
  .listcard{min-height:148px;padding:12px 13px;gap:14px}
  .thumbnail{width:clamp(165px,23vw,221px);flex:0 0 clamp(165px,23vw,221px);height:auto;aspect-ratio:16/9}
  .listcard h2{font-size:19px}
  .listcard .creator{font-size:12px}
  .listcard .tiernote{font-size:10px}
  .panel{padding:17px 15px}
}
@media(max-width:780px){
  .listcards{gap:19px;padding-inline:7px}
  .listcard{padding:14px 14px 19px}
  .listcard h2{font-size:22px}
  .listcard .creator{font-size:15px;margin-top:5px}
  .listcard .tiernote{font-size:11px;margin-top:6px}
  .wide-tabs{height:47px;margin-bottom:16px;overflow:visible}
}
@media(max-width:540px){
  .container{width:calc(100% - 24px)}
  .listcards{gap:17px;padding-inline:2px}
  .listcard{padding:13px 12px 18px}
  .listcard h2{font-size:21px}
  .listcard .creator{font-size:14px}
  .listcard .tiernote{font-size:11px}
}
/* Exactly two navigation controls: All / searchable tier chooser. */
.tier-wrap{position:relative;z-index:20}
.tier-tab-holder{position:relative}
.wide-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px dashed var(--border);background:var(--surface);overflow:hidden}
.wide-tabs button{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap;font-weight:800;position:relative;overflow:hidden;text-overflow:ellipsis;transition:background-color .28s ease,color .28s ease,box-shadow .28s ease}
.wide-tabs button:first-child{border-right:1px dashed var(--border)}
.wide-tabs button:last-child{border-right:0}
.wide-tabs button.selected{color:var(--text);background:var(--surface2)}
.wide-tabs button.selected::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);transition:background-color .28s ease}
.wide-tabs button:hover,.wide-tabs button:focus-visible{background:#e7e9ed!important;color:#1c232b!important}
body.light-mode .wide-tabs{background:#fff}
body.light-mode .wide-tabs button{color:#343c43}
body.light-mode .wide-tabs button.selected{background:#dfe3e7;color:#25292e}
body.light-mode .wide-tabs button:hover,body.light-mode .wide-tabs button:focus-visible{background:#f2f4f6!important;color:#1e272f!important}
.difficulty-label{overflow:hidden;text-overflow:ellipsis}
.difficulty-chevron{font-size:14px;transition:transform .26s ease}
.wide-tabs button[aria-expanded=true] .difficulty-chevron{transform:rotate(180deg)}
.difficulty-popover{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:100;background:var(--surface);border:1px dashed var(--border);padding:19px 20px 23px;box-shadow:0 17px 40px #0009}
.difficulty-choice[hidden]{display:none!important}
.difficulty-popover-title{font-size:15px;font-weight:850;text-align:center;margin:0 0 13px}
.difficulty-search-wrap{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:0 12px;margin:0 0 16px;height:41px;background:var(--page);color:var(--muted)}
.difficulty-search-wrap span{font-size:23px;line-height:1}
.difficulty-search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px;min-width:0}
.difficulty-grid{scrollbar-color:var(--accent-strong) var(--surface2);scrollbar-width:thin;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;overflow-y:auto}
.difficulty-choice{background:var(--surface2);color:var(--text);border:1px solid var(--border);min-height:58px;padding:10px 11px;text-align:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease}
.difficulty-choice strong{display:block;font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.difficulty-choice small{display:block;font-size:10px;margin-top:2px}
.difficulty-choice:hover,.difficulty-choice:focus-visible{background:#e7e9ed;color:#1c232b;border-color:#8c939b}
.difficulty-choice[aria-pressed=true]{border-color:var(--accent-strong);box-shadow:inset 0 -2px var(--accent)}
body.light-mode .difficulty-popover{background:#fff;box-shadow:0 20px 40px #0003}
body.light-mode .difficulty-search-wrap{background:#f6f7f9}
body.light-mode .difficulty-choice{background:#f4f5f7;color:#252d33}
body.light-mode .difficulty-choice:hover,body.light-mode .difficulty-choice:focus-visible{background:#e2e6ea;color:#17232d}
@media(max-width:780px){
  .wide-tabs button{font-size:13px!important;padding:0 10px!important}
  .difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}
  .difficulty-popover{padding:13px}
  .difficulty-choice{min-height:54px;padding:8px 6px}
  .difficulty-choice strong{font-size:11px}
}
@media(max-width:360px){.wide-tabs button{font-size:11px!important}}
/* Spectrum square plus saturation control, similar to reference picker. */
.appearance-popover{width:272px;padding:13px}
.appearance-help{margin-bottom:11px}
.color-square{height:193px;width:100%;position:relative;cursor:crosshair;touch-action:none;user-select:none;border:1px solid #9aa2ac;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,rgba(255,255,255,var(--picker-desat,0)),rgba(255,255,255,var(--picker-desat,0))),linear-gradient(to right,#f00 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,#f00 100%)}
.color-square-cursor{position:absolute;left:var(--picker-x,0%);top:var(--picker-y,0%);width:14px;height:14px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #000,0 1px 6px #000b;transform:translate(-50%,-50%);pointer-events:none}
.color-slider-label{font-size:10px;font-weight:700;color:var(--muted);display:block;margin:9px 0 4px}
.color-saturation{appearance:none;-webkit-appearance:none;display:block;width:100%;height:16px;margin:0 0 11px;border:1px solid var(--border);background:linear-gradient(to right,#fff,var(--picker-hue,#f00));cursor:pointer}
.color-saturation::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:20px;background:#fff;border:2px solid #242b30;box-shadow:0 0 0 1px #fff;border-radius:2px}
.color-saturation::-moz-range-thumb{width:10px;height:16px;background:#fff;border:2px solid #242b30;border-radius:2px}
.color-tabs{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:3px;border:1px solid var(--border)}
.color-tabs button{font-size:12px;line-height:1.3;background:var(--surface2);border:0;border-right:1px solid var(--border);color:var(--text);padding:6px 0;transition:background .22s ease,color .22s ease}
.color-tabs button:last-child{border-right:0}
.color-tabs button[aria-pressed=true]{background:var(--accent-button);color:#fff}
.color-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}
.color-fields label{display:flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border);padding:3px 7px;color:var(--text);font:11px ui-monospace,monospace}
.color-fields input{width:100%;min-width:0;font:12px ui-monospace,monospace;border:0;background:transparent;color:inherit;text-align:right;outline:none;appearance:textfield}
.color-fields input::-webkit-inner-spin-button,.color-fields input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.color-hex-field{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:11px;font-weight:750}
.color-hex-field input{border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:7px;font:12px ui-monospace,monospace;width:100%}
.color-preview{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:11px;color:var(--muted)}
.color-preview-swatch{width:17px;height:17px;background:var(--accent-strong);border:1px solid var(--border);flex:none}
.color-preview code{font-size:11px;color:var(--text)}
.color-preview-label{font-size:10px;margin-left:auto;text-align:right}
.appearance-reset{margin-top:11px}
body.light-mode .color-tabs button[aria-pressed=true]{background:#626a73;color:#fff}
@media(max-width:780px){.appearance-popover{width:min(272px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.wide-tabs button,.difficulty-choice,.color-tabs button,.difficulty-chevron{transition:none!important}}



/* Desktop navigation: transition from the dark header to a high-contrast light hover. */
.navlinks button {
 transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
 border-radius:0;
}
.navlinks button:hover,.navlinks button:focus-visible {
 background:#dce0e4!important;
 color:#171d23!important;
 text-decoration:none;
}
.navlinks button.active:not(:hover):not(:focus-visible){background:#343a40;color:#f8f9fa}
body.light-mode .navlinks button:hover,body.light-mode .navlinks button:focus-visible {
 background:#e9edf1!important;
 color:#1d252b!important;
}
body.light-mode .navlinks button.active:not(:hover):not(:focus-visible){background:#e6e9ed;color:#24292e}
/* Slightly darker than v10's high-key hover; light text on dark hover is avoided. */
.wide-tabs button:hover,.wide-tabs button:focus-visible {background:#d8dce1!important;color:#1b222a!important}
body.light-mode .wide-tabs button:hover,body.light-mode .wide-tabs button:focus-visible {background:#e8ebef!important;color:#202830!important}
/* Clean Pointercrate-like chooser: unboxed labels, larger hit targets, quiet highlights. */
.difficulty-popover{padding:21px 25px 28px}
.difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 12px;max-height:440px}
.difficulty-choice,.difficulty-choice[aria-pressed=true],body.light-mode .difficulty-choice{
 min-height:76px;
 border:0!important;
 box-shadow:none!important;
 background:transparent;
 border-radius:3px;
 padding:13px 9px;
 color:var(--text);
}
.difficulty-choice strong{font-size:15px;line-height:1.27;font-weight:700;overflow-wrap:normal}
.difficulty-choice small{font-size:11px;opacity:.82;margin-top:5px}
.difficulty-choice[aria-pressed=true] strong{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.difficulty-choice:hover,.difficulty-choice:focus-visible,
body.light-mode .difficulty-choice:hover,body.light-mode .difficulty-choice:focus-visible {background:var(--surface2);color:var(--text);border:0!important}
body.light-mode .difficulty-choice[aria-pressed=true] strong{color:#414951}
/* Search exactly matches the content column and the width of the list cards. */
.list-toolbar{width:100%;display:block;margin-bottom:14px}
.list-filter-area,.list-filter-area .filter{display:block;width:100%;max-width:none;min-width:0}
.list-filter-area .filter{height:42px;padding:10px 14px;font-size:13px}
/* Independent thumbnail link and level-details control. */
.listcard{cursor:default}
.listcard:focus-within{border-color:var(--accent)}
.listcard .thumbnail{border:0;border-radius:0;padding:0;cursor:pointer;text-decoration:none;color:inherit}
.listcard .thumbnail:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.listcard .thumbnail:hover img,.listcard .thumbnail:focus-visible img{filter:brightness(1) saturate(1)}
.listcard .thumbnail img{transition:filter .24s ease,transform .24s ease}
.listcard .thumbnail:hover img{transform:scale(1.018)}
.listcard .listcardmeta{appearance:none;border:0;box-shadow:none;outline-offset:3px;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer;display:block}
.listcard .listcardmeta:hover h2,.listcard .listcardmeta:focus-visible h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.thumb-external{position:absolute;top:7px;right:8px;z-index:2;background:#111b;color:#fff;font-size:14px;font-weight:750;padding:1px 6px}
.thumbnail:hover .playbadge{background:#f21b26;color:#fff}
/* Portrait uses one search bar, aligned to the same edges as the level cards. */
@media(max-width:780px){
 .list-toolbar{display:none!important}
 .mobile-search,.mobile-search.visible{position:relative;display:flex;width:calc(100% - 4px);max-width:none;margin:0 2px 18px!important;padding:0;border:0;background:transparent}
 .mobile-search::before{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:1}
 .mobile-search .filter{padding-left:39px;min-height:42px;width:100%}
 .listcard .thumbnail .playbadge{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
}
/* Admin-only override URL editor. Public viewers still get the normal verification thumbnail. */
.thumbnail-admin{margin-top:26px;padding:19px;border:1px dashed var(--border);background:var(--surface2)}
.thumbnail-admin h2{font-size:19px;margin-bottom:5px}
.thumbnail-admin p{font-size:12px;color:var(--muted);margin-bottom:15px}
.thumbnail-fields{display:grid;grid-template-columns:1fr 1.3fr;gap:13px}
.thumbnail-fields label{display:block;font-size:12px;font-weight:750;margin-bottom:5px}
.thumbnail-fields input,.thumbnail-fields select{width:100%;min-width:0;background:var(--page);color:var(--text);border:1px solid var(--border);padding:11px}
.thumbnail-preview-wrap{display:flex;align-items:center;gap:16px;margin-top:13px}
.thumbnail-preview-wrap img{width:200px;max-width:45%;aspect-ratio:16/9;object-fit:cover;background:var(--page);border:1px solid var(--border)}
.thumbnail-preview-wrap small{color:var(--muted);line-height:1.45}
.thumbnail-admin .reviewactions{margin-top:13px}
@media(min-width:781px) and (max-width:1100px){.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){
 .difficulty-popover{padding:17px 13px}
 .difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;max-height:440px}
 .difficulty-choice,.difficulty-choice[aria-pressed=true],body.light-mode .difficulty-choice{min-height:72px;padding:11px 6px}
 .difficulty-choice strong{font-size:13px}
 .difficulty-choice small{font-size:10px}
 .listcard .listcardmeta{padding-top:12px}
 .thumbnail-fields{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.navlinks button,.listcard .thumbnail img{transition:none!important}}



/* Shared opening/closing treatment for the site's custom dropdown surfaces. */
:root{--ll-dropdown-ease:cubic-bezier(.2,.76,.22,1);--ll-dropdown-time:300ms}
.difficulty-popover,.appearance-popover{
  display:block;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translateY(-12px) scale(.988);
  transform-origin:center top;
  transition:opacity 230ms ease,transform var(--ll-dropdown-time) var(--ll-dropdown-ease),visibility var(--ll-dropdown-time);
  will-change:transform,opacity;
}
.appearance-popover{transform-origin:right top}
.difficulty-popover.is-open,.appearance-popover.is-open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
@media(prefers-reduced-motion:reduce){
 .difficulty-popover,.appearance-popover{transition:none!important;transform:none!important;will-change:auto}
}



/* Keep primary navigation visible while the Layout List scrolls, on every route. */
.sitehead {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 12px #00000024;
}
/* Ensure browser focus / anchor scrolling lands below the fixed-height header. */
html { scroll-padding-top: 72px; }
@media (max-width: 780px) {
  html { scroll-padding-top: 72px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}



.roulette-layout{display:grid;grid-template-columns:minmax(215px,240px) minmax(0,1fr);gap:18px;align-items:start}
.roulette-controls{display:grid;gap:16px}
.roulette-panel{background:var(--panel, #212427);border:1px dashed var(--border, #45484b);padding:21px;min-width:0}
.roulette-panel h2{font-size:23px;margin:0 0 14px}.roulette-panel h3{font-size:17px;margin:0 0 9px}
.roulette-panel p{font-size:13px;line-height:1.6}.roulette-hint{font-size:12px;opacity:.8;margin-top:12px}
.roulette-checks{display:grid;gap:13px;margin:21px 0}.roulette-checks label{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}
.roulette-checks input{accent-color:var(--accent, #aaa);width:16px;height:16px}
.roulette-buttonstack{display:grid;gap:9px}.roulette-buttonstack button{width:100%}
.roulette-filebuttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.roulette-filebuttons .ghostbutton{flex:1}
.roulette-filebuttons button[disabled]{opacity:.4;cursor:not-allowed}
.roulette-run{display:grid;gap:15px;min-width:0}.roulette-welcome{padding:32px 26px}
.roulette-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px;background:var(--panel, #212427);border:1px dashed var(--border, #45484b)}
.roulette-summary div{text-align:center;min-width:0}.roulette-summary strong{font-size:23px;display:block}.roulette-summary small{font-size:10px;display:block;margin-top:6px;opacity:.8;text-transform:uppercase;letter-spacing:.06em}
.roulette-level{display:grid;grid-template-columns:minmax(120px,32%) minmax(0,1fr);background:var(--panel, #212427);border:1px dashed var(--border,#45484b);min-width:0}
.roulette-image{min-height:132px;background:#16191c}.roulette-image a,.roulette-image img{display:block;height:100%;width:100%}.roulette-image img{object-fit:cover;aspect-ratio:16/9}
.roulette-empty-thumb{height:100%;min-height:130px;display:grid;place-items:center;font-size:12px;color:#c5c9ce;padding:10px;text-align:center}
.roulette-meta{padding:16px 18px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}
.roulette-meta h3{font-size:21px;line-height:1.1;margin:4px 0;overflow-wrap:anywhere}.roulette-meta h3 button{font-size:inherit;color:inherit;font-weight:800;text-align:left;display:inline;white-space:normal}
.roulette-row-top{display:flex;gap:7px;justify-content:space-between;font-size:11px;opacity:.9;text-transform:uppercase;letter-spacing:.06em}
.roulette-meta p{font-size:12px;margin:0;line-height:1.6;overflow-wrap:anywhere}.roulette-id{background:none;border:0;padding:0;color:var(--accent, #bcc2c9);text-decoration:underline;cursor:pointer}
.roulette-percent{font-size:17px}.roulette-ok{color:#70cf9a}.roulette-percent.muted{opacity:.75}
.roulette-level-current{outline:1px solid var(--accent, #bbc1c8);outline-offset:1px}
.roulette-level-stopped{border-left:3px solid #bd777d;background:var(--panel, #212427)}
.roulette-stopped{color:#dc9099}.roulette-stopped-label{font-weight:800;color:#dc9099}
.roulette-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:13px 16px;background:rgba(116,124,132,.12);flex-wrap:wrap}
.roulette-actions label{font-size:12px;font-weight:700}.roulette-actions input{background:var(--panel, #212427);color:inherit;border:1px solid var(--border,#444);padding:11px 12px;border-radius:2px;flex:1;min-width:110px;max-width:175px}
.roulette-actions button{white-space:nowrap}.roulette-giveup{padding:10px 14px;color:white;background:#a82447;border:0;cursor:pointer;font-weight:700;transition:background .22s}.roulette-giveup:hover{background:#bf4261}
.roulette-results{display:grid;gap:10px}.roulette-results p{margin:0}.roulette-results button{justify-self:start}
@media(max-width:900px){.roulette-layout{grid-template-columns:1fr}.roulette-controls{grid-template-columns:1fr 1fr}.roulette-panel{padding:16px}.roulette-filebuttons{flex-direction:column}}
@media(max-width:600px){.roulette-controls{grid-template-columns:1fr}.roulette-level{grid-template-columns:1fr}.roulette-image{min-height:auto}.roulette-image img{aspect-ratio:16/9}.roulette-summary{gap:5px;padding:12px 5px}.roulette-summary strong{font-size:20px}.roulette-summary small{font-size:9px}.roulette-actions input{max-width:none}.roulette-meta{padding:15px}}



.profilegrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.point-total{font-weight:850;white-space:nowrap;color:var(--accent)}
.leaderboard-table th,.leaderboard-table td{white-space:nowrap}
@media(max-width:670px){.profilegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* A single design system for dropdown surfaces: expand from the navigation edge. */
.mobile-menu{display:flex;overflow:hidden;max-height:0;padding-top:0;padding-bottom:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scaleY(.8);transform-origin:center top;transition:max-height .38s cubic-bezier(.2,.8,.2,1),padding .38s,opacity .27s,transform .38s,visibility .38s;z-index:1;box-shadow:none}
.mobile-menu.open{max-height:500px;padding-top:10px;padding-bottom:13px;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scaleY(1);box-shadow:0 14px 25px #0008}
.sitehead{isolation:isolate}.sitehead::before{content:'';position:absolute;inset:0;background:inherit;pointer-events:none;z-index:2}.sitehead .headinner{position:relative;z-index:3}.sitehead #site-menu{z-index:1}
.difficulty-popover,.appearance-popover{clip-path:inset(0 0 100% 0);transform:translateY(-6px) scaleY(.92);transform-origin:top;transition:clip-path .36s cubic-bezier(.2,.75,.2,1),transform .36s,opacity .27s,visibility .36s}
.difficulty-popover.is-open,.appearance-popover.is-open{clip-path:inset(0 0 0 0);transform:translateY(0) scaleY(1)}
.grind-pick{position:relative;max-width:640px;margin:20px auto}.grind-pick input{width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--border);padding:15px 16px;font-size:16px;border-radius:4px}.grind-suggest{position:absolute;top:100%;left:0;right:0;z-index:14;background:var(--surface);border:1px solid var(--border);max-height:270px;overflow:auto;box-shadow:0 12px 25px #0007}.grind-suggest button{display:block;padding:12px 16px;width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left}.grind-suggest button:hover,.grind-suggest button[aria-selected=true]{background:var(--accent-soft);color:var(--text)}
.grind-row{display:grid;grid-template-columns:124px 1fr;gap:15px;padding:13px;border:1px dashed var(--border);background:var(--surface);margin:12px 0;align-items:center}.grind-row img{aspect-ratio:16/9;object-fit:cover;width:100%;background:#222}.grind-row h3{font-size:17px}.grind-row p{font-size:12px;color:var(--muted);margin:5px 0}.grind-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}.grind-progress{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.grind-progress input{min-width:75px;max-width:125px;padding:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text)}.grind-progress button{padding:7px 12px;font-size:12px;border:1px solid var(--border);background:var(--surface2);color:var(--text)}
.clan-badge{display:inline-flex;align-items:center;gap:4px;color:#f1f3f4;font-weight:900;border:1px solid #555d63;background:#2d3338;padding:1px 6px;border-radius:4px;font-size:.87em;white-space:nowrap;vertical-align:baseline}.clan-badge:hover{filter:brightness(1.08)}.clan-card{background:#202428}.clan-hero{display:flex;align-items:center;gap:15px}.clan-avatar-wrap,.clan-mark{display:grid;place-items:center;min-width:88px;width:88px;height:88px;border:1px solid #555d63;background:#2d3338;border-radius:12px;overflow:hidden;box-shadow:0 8px 18px #00000024}.clan-avatar{display:block;width:100%;height:100%;object-fit:cover}.clan-mark{font-weight:900;color:#f1f3f4;font-size:19px}.clan-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clan-tag-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#2d3338;border:1px solid #555d63;color:#eef1f3;font-size:12px;font-weight:900;letter-spacing:.02em}.clan-roster{display:grid;gap:8px;margin-top:16px}.clan-person{padding:16px;border:1px dashed var(--border);background:var(--surface2);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.roulette-pool h3{margin:13px 0 9px}.roulette-pool-search{width:100%;padding:9px;background:var(--surface2);border:1px solid var(--border);color:var(--text);margin:4px 0}.roulette-pool-options{max-height:185px;overflow-y:auto;border:1px solid var(--border);margin-bottom:8px}.roulette-pool-options button{display:flex;width:100%;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:9px;border:0;background:transparent;color:var(--text);border-bottom:1px solid var(--border);font-size:12px}.roulette-pool-options button:hover{background:var(--accent-soft)}.roulette-chip{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px;padding:7px;background:var(--surface2);border:1px solid var(--border);margin:5px 0}.roulette-chip button{background:none;border:0;color:var(--accent);font-size:15px}.roulette-pool p{color:var(--muted)}
@media(max-width:620px){.grind-row{grid-template-columns:92px 1fr}.grind-row h3{font-size:14px}.roulette-layout{grid-template-columns:1fr}.clan-hero{align-items:flex-start}.clan-avatar-wrap,.clan-mark{min-width:74px;width:74px;height:74px}.clan-title-row{gap:8px}}
@media(prefers-reduced-motion:reduce){.mobile-menu,.difficulty-popover,.appearance-popover{transition:none!important}}



.clan-points{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:center;background:var(--surface2);border:1px dashed var(--border);padding:19px 21px;margin-top:18px}
.clan-points-total strong{font-size:clamp(30px,4vw,39px);font-weight:900;letter-spacing:-.04em;display:block;color:var(--text);line-height:1.15;font-variant-numeric:tabular-nums}
.clan-points-total span,.clan-points-breakdown span{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.4}
.clan-points-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.clan-points-breakdown strong{display:block;font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}
.clan-score-note{font-size:11px;color:var(--muted);margin:10px 0 0;line-height:1.55}
@media(max-width:670px){.clan-points{grid-template-columns:1fr;gap:15px;padding:16px}.clan-points-breakdown{border-top:1px solid var(--border);padding-top:15px}.clan-points-breakdown strong{font-size:17px}}



/* The selector is shared by desktop and portrait headers; menus slide from behind the sticky bar. */
.language-picker{position:relative;display:flex;align-items:center;flex:0 0 auto;align-self:stretch;z-index:6}
.language-trigger{border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 9px;min-height:38px;font-size:12px;font-weight:800;border-radius:3px;white-space:nowrap;transition:background .22s ease,color .22s ease}
.language-trigger:hover,.language-trigger[aria-expanded="true"]{background:var(--surface2)}
.language-flag{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:18px;line-height:1.1}
.language-chevron{font-size:11px;transition:transform .25s ease;color:var(--muted)}
.language-trigger[aria-expanded="true"] .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;right:0;top:calc(100% + 4px);width:330px;max-width:calc(100vw - 16px);max-height:min(64vh,400px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 35px #0009;padding:10px;border-radius:4px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scaleY(.95);transform-origin:top center;transition:opacity .24s ease,transform .26s cubic-bezier(.2,.75,.2,1),visibility .26s;z-index:1400}
.language-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scaleY(1)}
.language-menu button{min-width:0;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);font-size:12px;text-align:left;min-height:39px;padding:8px 7px;border-radius:3px;transition:background-color .2s ease,color .2s ease}
.language-menu button:hover,.language-menu button:focus-visible{background:var(--surface2)}
.language-menu button[aria-pressed="true"]{background:var(--accent-soft);font-weight:800}
.language-menu .language-check{margin-left:auto;color:var(--accent)}
body.light-mode .language-menu{background:#fff;box-shadow:0 12px 32px #0003}
body.light-mode .language-menu button:hover{background:#e7eaee}
@media(max-width:780px){.language-picker{align-self:center;margin-left:auto}.appearance-tools{margin-left:0 !important}.language-trigger{gap:4px;padding:5px 4px}.language-flag{font-size:17px}.language-menu{position:fixed;top:66px;left:12px;right:12px;width:auto;max-width:none;max-height:min(65vh,390px)} }
@media(max-width:390px){.language-trigger{font-size:11px;padding:4px 1px;gap:2px}.language-flag{font-size:15px}.language-menu{left:10px;right:10px}.language-menu button{font-size:11px;padding:7px 5px}.language-menu .language-flag{font-size:16px}}
@media(prefers-reduced-motion:reduce){.language-menu,.language-chevron,.language-menu button{transition:none}}



/* Shared, non-fading reveal. Panel and text never translate or scale. */
:root{--ll-dropdown-duration:260ms;--ll-dropdown-easing:cubic-bezier(.22,.7,.22,1)}

/* Height follows the menu's actual contents, with no oversized max-height guess. */
.mobile-menu{
  overflow:hidden;padding:0 15px;max-height:none;opacity:1;transform:none;
  clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none;will-change:auto;
  transition:clip-path var(--ll-dropdown-duration) var(--ll-dropdown-easing),
    visibility 0s linear var(--ll-dropdown-duration);
}
.mobile-menu.open{
  max-height:none;padding:0 15px;opacity:1;transform:none;
  clip-path:inset(0);visibility:visible;pointer-events:auto;
  transition:clip-path var(--ll-dropdown-duration) var(--ll-dropdown-easing),visibility 0s;
}
.mobile-menu-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0}
.mobile-menu-inner > :first-child{margin-top:10px}
.mobile-menu-inner > :last-child{margin-bottom:13px}

/* Reveal downward using a clip, without animating text or opacity. */
.difficulty-popover,.appearance-popover,.language-menu{
  opacity:1;transform:none;transform-origin:initial;
  clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none;will-change:auto;
  transition:clip-path var(--ll-dropdown-duration) var(--ll-dropdown-easing),
    visibility 0s linear var(--ll-dropdown-duration);
}
.difficulty-popover.is-open,.appearance-popover.is-open,.language-menu.open{
  opacity:1;transform:none;clip-path:inset(0 0 0 0);
  visibility:visible;pointer-events:auto;
  transition:clip-path var(--ll-dropdown-duration) var(--ll-dropdown-easing),visibility 0s;
}
/* None of these controls rely on fading in to convey state. */
@media (prefers-reduced-motion:reduce){
  .mobile-menu,.difficulty-popover,.appearance-popover,.language-menu{
    transition:none!important;
  }
}



/* Preserve V26's viewport-fixed, mirrored pixel artwork.
   Mobile Chromium can clip negative-z-index fixed pseudo-elements when
   browser chrome changes the visual viewport during scrolling. */
@media (max-width: 780px) {
  body { isolation: isolate; }
  #app { position: relative; z-index: 1; }
  body::before,
  body::after {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    height: calc(100vh + 1px);
    z-index: 0 !important;
  }
  @supports (height: 100lvh) {
    body::before,
    body::after { height: calc(100lvh + 1px); }
  }
}



/* One subtle tint behind every custom dropdown. The stationary pixel artwork
   and fixed sticky header remain unchanged. No blur or panel opacity effects. */
#app > .dropdown-scrim {
  position: fixed;
  inset: 0;
  z-index: 1090;
  background: rgba(0, 0, 0, .24);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 170ms ease, visibility 0s linear 170ms;
}
#app > .dropdown-scrim.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 170ms ease, visibility 0s;
}
body.light-mode #app > .dropdown-scrim { background: rgba(31, 40, 51, .15); }
/* Open menus remain above the scrim. The sticky header is higher than the
   difficulty panel so scrolling cannot cover the main navigation. */
.sitehead { z-index: 1300 !important; }
.tier-wrap.dropdown-active { z-index: 1180; }
@media (prefers-reduced-motion: reduce) {
  #app > .dropdown-scrim { transition: none !important; }
}



/* V31: centralized light-mode surfaces, hover colors, and form feedback. */
body.light-mode {
  --panel: var(--surface);
  --accent-soft: #e9eef2;
  --control-bg: #fff;
  --control-border: #c6cdd4;
  --control-hover: #e9edf1;
}
/* Inputs on Packs, Stats Viewer, and other pages must follow the selected theme. */
body.light-mode .filter,
body.light-mode .select,
body.light-mode #stats-search,
body.light-mode .pack-filter .filter,
body.light-mode .pack-filter .select {
  background: var(--control-bg);
  color: #27313a;
  border-color: var(--control-border);
}
body.light-mode .filter::placeholder,
body.light-mode #stats-search::placeholder,
body.light-mode .pack-filter .filter::placeholder {
  color: #66717d;
  opacity: 1;
}
body.light-mode .select option,
body.light-mode .pack-filter .select option {background: #fff;color:#27313a;}
/* Preserve the original filled-button look, but eliminate unreadably dark hovers. */
body.light-mode .headsubmit:hover,
body.light-mode .headsubmit:focus-visible {
  background: #e8ecef;
  color: #27313a;
  border-color: #aab4bd;
}
body.light-mode .panel .sidebutton:hover,
body.light-mode .panel .sidebutton:focus-visible,
body.light-mode .primary-action:hover,
body.light-mode .primary-action:focus-visible {
  background: #626e7a;
  color: #fff;
  border-color: #626e7a;
}
body.light-mode .secondary-action,
body.light-mode .ghostbutton {
  background: #f2f4f6;
  color: #27313a;
  border-color: #c6cdd4;
}
body.light-mode .secondary-action:hover,
body.light-mode .secondary-action:focus-visible,
body.light-mode .ghostbutton:hover,
body.light-mode .ghostbutton:focus-visible {
  background: var(--control-hover);
  color: #202a34;
  border-color: #aeb8c2;
}
/* Dark mode also gets clearly visible hover feedback without near-black highlights. */
body:not(.light-mode) .headsubmit:hover,
body:not(.light-mode) .headsubmit:focus-visible {
  background: #39414a;
  color: #f3f5f7;
}
body:not(.light-mode) .grind-suggest button:hover,
body:not(.light-mode) .grind-suggest button:focus-visible,
body:not(.light-mode) .grind-suggest button[aria-selected="true"] {
  background: #3a424b;
  color: #f4f6f8;
}
/* Selected/hovered player suggestions no longer inherit the dark-mode accent tint. */
body.light-mode .grind-suggest {
  background: #fff;
  border-color: #cbd2d9;
  box-shadow: 0 12px 24px #18212b24;
}
body.light-mode .grind-suggest button {color: #29323c;border-color:#e0e4e8;}
body.light-mode .grind-suggest button:hover,
body.light-mode .grind-suggest button:focus-visible,
body.light-mode .grind-suggest button[aria-selected="true"] {
  background: #e8eef3;
  color: #202b35;
}
/* Roulette uses --panel in its older stylesheet, and that was never set for light mode. */
body.light-mode .roulette-panel,
body.light-mode .roulette-level,
body.light-mode .roulette-summary {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border);
}
body.light-mode .roulette-level-stopped {
  background: #fff7f7;
  border-left-color: #ac4d60;
}
body.light-mode .roulette-actions {background: #f0f3f5;color:#29333e;}
body.light-mode .roulette-actions input,
body.light-mode .roulette-pool-search {
  background: #fff;
  color: #27313a;
  border-color: var(--control-border);
}
body.light-mode .roulette-image {background:#e7eaee;}
body.light-mode .roulette-empty-thumb {color:#4e5964;}
body.light-mode .roulette-chip {background: #f3f5f7;color:#27313a;border-color:#d0d6dc;}
body.light-mode .roulette-pool-options {border-color:#d0d6dc;}
body.light-mode .roulette-pool-options button:hover,
body.light-mode .roulette-pool-options button:focus-visible {
  background: var(--control-hover);
  color: #27313a;
}
body.light-mode .roulette-ok {color:#197648;}
body.light-mode .roulette-stopped,
body.light-mode .roulette-stopped-label {color:#9c3146;}
/* Admin network errors must be readable in the light theme, not a dark-red block. */
body.light-mode .form-alert {background:#eef5fb;color:#264760;border-color:#b5cde0;}
body.light-mode .form-alert.error {
  background: #fff0f0;
  border-color: #d5a0a5;
  color: #832533;
}
body.light-mode .reviewcard {background:#f8f9fa;border-color:#ccd3d9;color:#29313a;}
body.light-mode .review-note {background:#fff;color:#27313a;border-color:#c6cdd4;}
body.light-mode .admin-summary button[aria-pressed="true"] {
  background: #e1e8ee;
  border-color: #9eaebd;
  color:#253340;
}



.stats-tab-wrap{margin-bottom:18px}
.stats-tabs{width:100%;margin:0;background:var(--surface);height:54px}
.stats-tabs button{font-size:14px;min-width:0;flex:1;white-space:normal;line-height:1.25;border-color:var(--border);transition:background-color .24s ease,color .24s ease}
.stats-tabs button.selected{background:var(--surface2);color:var(--text)}
.stats-tabs button:hover{background:#3a4148!important;color:#fff!important}
body.light-mode .stats-tabs button{color:#343c44}
body.light-mode .stats-tabs button.selected{background:#e7ebef;color:#1e252c}
body.light-mode .stats-tabs button:hover{background:#dce1e6!important;color:#1e252c!important}
.leaderboard-scroll{width:100%;overflow-x:auto;scrollbar-width:thin}
.leaderboard-table{min-width:700px}
.leaderboard-table td:nth-child(n+3){font-variant-numeric:tabular-nums}
.leaderboard-table .leaderboard-clan-name{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--text);font-weight:750}
.leaderboard-clan-avatar{width:26px;height:26px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}
body.light-mode .leaderboard-table .leaderboard-clan-name{color:#25313b}
body.light-mode .leaderboard-table .leaderboard-clan-name .clan-badge{color:#25313b}
.table-swipe-hint{display:none;color:var(--muted);font-size:11px;margin:0 0 7px}
@media(max-width:780px){.table-swipe-hint{display:block}}
@media(max-width:600px){.stats-tabs{height:52px}.stats-tabs button{font-size:13px;padding:0 8px}.stats-tab-wrap{width:calc(100% - 24px)}}



/* Video thumbnails show only their actual poster image. Links still open the verification source. */
.listcard .thumbnail:has(img) .thumb-watermark{display:none!important}
.listcard .thumbnail:has(img)::before,.listcard .thumbnail:has(img)::after{content:none!important;display:none!important}
.listcard .thumbnail:has(img) img{filter:none!important}
.listcard .thumbnail .playbadge,.listcard .thumbnail .thumb-external{display:none!important}
.detail-video-link:has(img) .videoempty{display:none}
.detail-video-link{display:block;cursor:pointer;overflow:hidden;text-decoration:none;border:1px solid var(--border)}
.detail-video-link img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none!important;transition:filter .18s ease}
.detail-video-link:hover img{filter:brightness(1.1)!important}
.detail-video-link:hover{border-color:var(--accent)}
.detail-video-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.leaderboard-table tbody .leaderboard-click-row{cursor:pointer;transition:background-color .16s ease}
.leaderboard-table tbody .leaderboard-click-row:hover{background:#323a40}
.leaderboard-table tbody .leaderboard-click-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:#303a42}
body.light-mode .leaderboard-table tbody .leaderboard-click-row:hover{background:#eef2f5}
body.light-mode .leaderboard-table tbody .leaderboard-click-row:focus-visible{background:#e8edf1}
@media(prefers-reduced-motion:reduce){.detail-video-link img,.leaderboard-table tbody .leaderboard-click-row{transition:none}}



/* V36: Historical Former Top 1 level badges, styled like the leaderboard clan tags. */
.level-card-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.level-card-title-row .textbutton{flex:0 1 auto;min-width:0}.level-card-title-row .former-top-one-badge{margin:0}.former-top-one-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:2px 8px;margin-top:5px;border-radius:4px;border:1px solid #555d63;background:#2d3338;color:#f1f3f4;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.01em;white-space:nowrap;vertical-align:middle}
.detailheading .former-top-one-badge{margin:4px auto 10px}
body.light-mode .former-top-one-badge{background:#e4e7ea;border-color:#c7ccd1;color:#23272b}
@media(max-width:780px){.listcard .former-top-one-badge{font-size:11px;margin-top:7px}.detailheading .former-top-one-badge{margin-bottom:11px}}



/* Same visual style as Former Top 1, with consistent spacing for one or two badges. */
.level-card-title-row .two-player-badge{margin:0}
.level-detail-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:5px 0 10px}
.level-detail-badges:empty{display:none}
.level-detail-badges .former-top-one-badge{margin:0}
@media(max-width:780px){.level-card-title-row .two-player-badge{margin:0}}



button.profilestat.points-toggle{font:inherit;color:var(--text);text-align:center;width:100%;cursor:pointer;transition:border-color .15s,background .15s}
button.profilestat.points-toggle:hover,button.profilestat.points-toggle[aria-expanded=true]{border-color:var(--accent);background:var(--surface2)}
button.profilestat.points-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.points-breakdown[hidden]{display:none}
.points-source{margin-top:12px;border:1px dashed var(--border);background:var(--surface2)}
.points-source>summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px;font-size:13px;font-weight:800;list-style:none}
.points-source>summary::before{content:'▸';color:var(--accent);flex:none}
.points-source[open]>summary::before{content:'▾'}
.points-source>summary strong{margin-left:auto;white-space:nowrap;font-size:12px}
.points-source>summary:hover{background:var(--surface)}
.points-source>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.points-source-content{padding:0 12px 12px}
.points-source-content .profile-record{margin-top:8px}
.points-source-content .points-tier{background:var(--surface)}
.points-source-value{white-space:nowrap;font-size:12px}
.points-source-row .textbutton{font-size:12px;text-align:left;overflow-wrap:anywhere}
.points-breakdown-total{display:flex;justify-content:space-between;gap:16px;padding-top:16px;margin-top:16px;border-top:1px solid var(--border);font-weight:850}
@media(max-width:540px){.points-source>summary{gap:7px;padding:11px;font-size:12px}.points-source>summary strong{font-size:11px}.points-source-content{padding:0 8px 10px}.points-source-row{align-items:flex-start}.points-source-value{align-self:flex-end}}



.difficulty-face{position:absolute;top:7px;right:8px;width:49px;height:49px;background-image:var(--difficulty-sprite,none);background-size:1300% 100%;background-position:var(--face-position) center;background-repeat:no-repeat;pointer-events:none}
.listcard:has(.level-card-title-row>.difficulty-face),.detail-with-difficulty{position:relative}
.listcard:has(.level-card-title-row>.difficulty-face) .level-card-title-row{padding-right:40px}
.detail-with-difficulty>.difficulty-face{top:7px;right:10px;width:66px;height:66px}
.detail-with-difficulty .detailheading{padding-inline:52px}
@media(max-width:780px){
 .level-card-title-row:has(>.difficulty-face){position:relative;min-height:49px}
 .level-card-title-row>.difficulty-face{top:0;right:0}
}
@media(max-width:540px){.difficulty-face{width:38px;height:38px;top:5px;right:5px}.listcard:has(.level-card-title-row>.difficulty-face) .level-card-title-row{padding-right:42px;min-height:38px}.detail-with-difficulty>.difficulty-face{width:47px;height:47px;right:5px}.detail-with-difficulty .detailheading{padding-inline:29px}}



/* Version 34: distinct user profile images, matching roster and leaderboard avatars. */
.profile-avatar{overflow:hidden;border-radius:13px;flex-shrink:0}
.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.member-main{display:flex;align-items:center;gap:11px;min-width:0}
.member-avatar{width:43px;height:43px;flex:0 0 43px;overflow:hidden;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-size:15px;font-weight:800}
.member-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.leaderboard-user-name{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.leaderboard-player-avatar{width:28px;height:28px;object-fit:cover;flex:0 0 28px;border-radius:6px;border:1px solid var(--border)}
@media(max-width:540px){.profile-avatar{border-radius:10px}.member-avatar{width:38px;height:38px;flex-basis:38px}}



/* Shift space from the final narrow score columns to the profile/name column. */
.leaderboard-table{min-width:700px;table-layout:auto}
.leaderboard-table th:nth-child(1),.leaderboard-table td:nth-child(1){width:28px;padding-left:9px;padding-right:5px}
.leaderboard-table th:nth-child(2),.leaderboard-table td:nth-child(2){min-width:176px;width:29%;padding-left:8px;padding-right:16px}
.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(3){padding-left:14px}
.leaderboard-table th:nth-child(6),.leaderboard-table td:nth-child(6){width:76px;padding-left:5px;padding-right:5px}
.leaderboard-table th:nth-child(7),.leaderboard-table td:nth-child(7){width:47px;padding-left:4px;padding-right:5px;text-align:center}
.leaderboard-table th:nth-child(8),.leaderboard-table td:nth-child(8){width:51px;padding-left:5px;padding-right:5px;text-align:center}
.leaderboard-table .leaderboard-user-name{max-width:none}
.stats-tabs.stats-ranking-tabs{grid-template-columns:repeat(3,minmax(0,1fr));height:62px;margin:10px 0 14px}
.stats-ranking-tabs button{white-space:nowrap;font-size:15px}
@media(max-width:540px){.stats-ranking-tabs button{padding-inline:4px!important}}
.leaderboard-table.leaderboard-compact{min-width:0}
.leaderboard-mobile-breakdown{display:none}
.leaderboard-compact th:nth-child(2),.leaderboard-compact td:nth-child(2){min-width:0;width:auto}
@media(max-width:780px){.leaderboard-table{min-width:740px}.leaderboard-table th:nth-child(2),.leaderboard-table td:nth-child(2){min-width:190px}}

@media(max-width:780px){
 .leaderboard-table:is(.leaderboard-compact,.leaderboard-points){min-width:0;table-layout:fixed}
 .leaderboard-table:is(.leaderboard-compact,.leaderboard-points) th,.leaderboard-table:is(.leaderboard-compact,.leaderboard-points) td{padding-inline:4px;white-space:normal;overflow-wrap:anywhere}
 .leaderboard-table:is(.leaderboard-compact,.leaderboard-points) th:nth-child(2),.leaderboard-table:is(.leaderboard-compact,.leaderboard-points) td:nth-child(2){min-width:0;width:auto;text-align:left}
 :is(.leaderboard-compact,.leaderboard-points) .leaderboard-user-name{display:flex;flex-wrap:wrap;gap:4px;white-space:normal}
 :is(.leaderboard-compact,.leaderboard-points) .player-link{min-width:0;text-align:left;overflow-wrap:anywhere}
 .leaderboard-hardest th:nth-child(3){width:53%}
 .leaderboard-completions th:nth-child(3){width:29%}
 .leaderboard-completions th:nth-child(4){width:29%}
 .leaderboard-completions td:nth-child(n+3){white-space:nowrap}
 .leaderboard-points th:nth-child(n+4),.leaderboard-points td:nth-child(n+4),.leaderboard-points-view .table-swipe-hint{display:none}
 .leaderboard-points th:nth-child(3){width:29%}
 .leaderboard-points td:nth-child(3){white-space:nowrap;vertical-align:top}
 .leaderboard-mobile-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 4px;margin-top:6px;color:var(--muted);font-size:10px}
 .leaderboard-points .leaderboard-clan-name{display:inline;white-space:normal;overflow-wrap:anywhere}
 .leaderboard-mobile-breakdown strong{display:block;color:var(--text);font-size:11px}
}

/* Version 38: distinct virtual category below the ranked difficulty tiers. */
.difficulty-choice[data-difficulty-choice="former-top-1s"]{grid-column:1 / -1}


/* Modular player-list adaptations */

/* Shared chrome and static player theme.  The original Hex picker is intentionally absent. */
:root {
  --accent: #aeb4bc;
  --accent-strong: #aeb4bc;
  --accent-button: #676e76;
  --accent-button-hover: #818a93;
}
body {min-height:100vh}
body.light-mode {color-scheme:light}
.sitehead .wordmark b {color:var(--wordmark-tint,var(--accent))}
body.light-mode .wide-tabs button[aria-selected=true]::after {background:var(--accent-strong)}
body.light-mode .pageintro h1,body.light-mode .level-title-link {color:var(--text)}
body.light-mode .listcard .tiernote {color:var(--dim)}
body.light-mode .listcard:hover {border-color:var(--accent-strong)}
body.light-mode .panel p {color:var(--muted)}
body.light-mode .fact span {color:var(--muted)}
.sitehead .wordmark {text-decoration:none}
.sitehead .wordmark:hover {text-decoration:none}
.navlinks a {display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 13px;color:var(--text);font-size:12px;font-weight:700;text-decoration:none;transition:background .18s}
.navlinks a:hover,.navlinks a.active {background:var(--surface2);text-decoration:none}
.navlinks a.active {box-shadow:inset 0 -3px var(--accent)}
.appearance-button {cursor:pointer}
.theme-only {margin-left:8px}
.theme-only svg {height:20px;width:20px}
.player-avatar-small {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);background:var(--surface2);font-size:15px;font-weight:900;color:var(--accent);flex:none}
.player-title-wrap {display:flex;align-items:center;gap:12px}
.player-title-wrap h1 {margin:0}
.player-title-wrap .player-subheading {margin:3px 0 0;font-size:12px;color:var(--muted)}
.player-title-wrap .player-avatar-small {width:46px;height:46px;font-size:22px}
.home-main {min-height:min(72vh,650px);display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:clamp(18px,4vw,52px);align-items:start;max-width:1000px;padding:40px 0 80px}
.home-focus {min-width:0;text-align:left}
.player-directory {min-width:0}
.player-directory h2 {font-size:18px;margin:0 0 10px}
.home-kicker {font-size:11px;letter-spacing:2.5px;font-weight:850;color:var(--accent-strong);margin-bottom:12px}
.home-focus h1 {font-size:clamp(27px,5vw,40px);letter-spacing:-.9px;margin-bottom:23px;font-weight:900}
.player-search-wrap {position:relative;text-align:left}
.player-search-box {display:flex;align-items:center;gap:12px;border:1px solid var(--border);background:var(--surface);padding:0 16px;min-height:58px;transition:border-color .16s,box-shadow .16s}
.player-search-box:focus-within {border-color:var(--accent-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-strong) 15%,transparent)}
.player-search-box .search-icon {width:19px;height:19px;flex:none;stroke:var(--muted);stroke-width:2;fill:none}
#player-search {width:100%;border:0;background:transparent;color:var(--text);padding:17px 0;outline:0;font-size:15px;font-weight:600;line-height:1.4;font-family:inherit}
#player-search::placeholder {color:var(--dim);font-weight:400}
.player-results {background:var(--surface);border:1px solid var(--border);box-shadow:0 15px 32px #0005;max-height:360px;overflow:auto;padding:5px}
.player-results[hidden]{display:none!important}
.player-result {display:flex;align-items:center;gap:13px;padding:12px 13px;text-decoration:none;color:var(--text);transition:background .15s;min-height:65px}
.player-result:hover,.player-result:focus-visible,.player-result.is-highlighted {background:var(--surface2);text-decoration:none;outline:1px solid var(--accent-strong);outline-offset:-1px}
.player-result .result-name {font-size:15px;font-weight:800}
.player-result .result-meta {display:block;font-size:11px;color:var(--muted);margin-top:3px;font-weight:400}
.player-result .result-arrow {margin-left:auto;color:var(--muted);font-size:23px}
.player-empty {padding:17px;color:var(--muted);text-align:center;font-size:13px}
.home-helper {font-size:12px;color:var(--muted);margin:16px 0 0}
.inline-back {color:var(--accent-strong);text-decoration:none;font-weight:750;font-size:12px}
.inline-back:hover {text-decoration:underline}
.wide-tabs {width:100%;height:72px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.wide-tabs button {min-width:0!important;white-space:normal;font-size:14px!important}
.wide-tabs button[aria-selected=true] {border-bottom:0}
.level-title-link {color:var(--text);text-decoration:none}
.level-title-link:hover {text-decoration:underline}
.listcard {position:relative}
.listcard .thumbnail {text-decoration:none;color:var(--text)}
.listcard .thumbnail:hover {outline:1px solid var(--accent-strong);outline-offset:2px}
.listcard .thumbnail.has-video {z-index:3}
.listcard .thumbnail .thumb-watermark {font-size:30px;letter-spacing:1px;opacity:.65}
.listcard .thumbnail.has-video img {object-fit:cover}
.card-stretched {position:absolute;inset:0;z-index:1;outline-offset:2px}
.card-stretched:focus-visible {outline:2px solid var(--accent)}
.listcardmeta,.level-card-title-row {position:relative;z-index:2}
.listcardmeta {pointer-events:none}
.level-meta {margin-top:5px;font-size:13px;color:var(--muted)}
.listcard .tiernote {line-height:1.5}
.list-description-inline {font-size:12px;color:var(--muted);margin:0 0 12px;line-height:1.5}
.list-filter-area {display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.list-filter-area .filter {width:225px}
.list-filter-area .select {min-width:120px;max-width:180px}
.list-toolbar {display:flex!important;justify-content:flex-end;margin-bottom:13px}
.count-line {text-align:left;margin:0 0 13px;color:var(--dim);font-size:11px}
.player-stats {font-size:12px;color:var(--muted);line-height:1.6}
.player-stats strong {color:var(--text)}
.player-stats a {color:var(--accent-strong);overflow-wrap:anywhere}
.list-empty {min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:var(--surface)}
.list-empty strong {color:var(--text);font-size:17px}
.list-empty span {max-width:380px}
.player-foot {padding:28px 0 36px;border-top:1px solid var(--border);margin-top:40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--dim);font-size:11px}
.player-foot a {color:var(--accent-strong)}
.detail-video-link {max-width:620px;margin:0 auto 18px}
.detail-video-link .videoempty {padding:15px;text-align:center}
.detail-video-link img {filter:none}
.video-area-empty {max-width:620px;margin:0 auto 17px;aspect-ratio:16/9;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--surface2);text-align:center;font-size:12px;padding:18px}
.detail-grid {margin-top:18px}
.statline {overflow-wrap:anywhere}
.detail-label {font-weight:800;color:var(--text)}
.data-note {color:var(--muted);font-size:12px;line-height:1.65}
.detail-actions {display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:15px}
.detail-actions a {border:1px solid var(--border);padding:8px 12px;text-decoration:none;font-size:12px;font-weight:800;color:var(--accent-strong)}
.detail-actions a:hover {background:var(--surface2);border-color:var(--accent-strong)}
.player-route-error {max-width:650px;margin:35px auto}
.player-route-error button {margin-top:15px}
.mobile-menu,.mobile-menu.open {display:none}
body.light-mode #player-search {color:var(--text)}
body.light-mode .player-search-box {background:#fff}
body.light-mode .player-results {background:#fff;box-shadow:0 12px 30px #0002}
body.light-mode .list-empty {background:#fff}
body.light-mode .home-kicker {color:var(--accent-strong)}
@media(max-width:780px) {
  .navlinks {display:none}
  .mobilehead-tools {display:flex}
  .mobile-menu,.mobile-menu.open {display:grid}
  .headinner {flex-wrap:nowrap}
  .sitehead {height:66px}
  .appearance-tools {margin-left:auto}
  .player-title-wrap .player-avatar-small {width:40px;height:40px;font-size:18px}
  .list-toolbar {display:flex!important;width:auto;margin:0 16px 17px}
  .list-filter-area {width:100%}
  .list-filter-area .filter {flex:1 1 190px;max-width:none}
  .list-filter-area .select {flex:0 0 130px;max-width:130px}
  .count-line,.list-description-inline {margin:0 16px 14px}
  .level-meta {font-size:14px}
  .wide-tabs {margin:0 0 22px}
  .wide-tabs button {padding:0 6px!important;font-size:13px!important}
  .home-main {min-height:calc(100vh - 128px);padding-bottom:110px}
}
@media(max-width:520px) {
  .home-focus h1 {font-size:32px}
  .home-main {padding-left:7px;padding-right:7px}
  .list-filter-area .filter {flex-basis:100%}
  .list-filter-area .select {flex:1 1 100%;max-width:100%}
  .listcard .thumbnail .thumb-watermark {font-size:25px}
  .detail-actions {flex-direction:column}
  .detail-actions a {text-align:center}
  .home-kicker {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  .player-search-box,.player-result {transition:none}
}

.player-avatar-small {position:relative;overflow:hidden}
.player-avatar-small img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.demon-title {display:flex;align-items:center;justify-content:space-between;gap:10px}
.demon-title > span {min-width:0;overflow-wrap:anywhere}
.player-demon-face {width:38px;height:38px;object-fit:contain;flex:none}

@media (max-width:780px) {
  .home-main {min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-top:18px;padding-bottom:36px}
  .home-focus h1 {font-size:clamp(18px,5vw,28px);margin-bottom:12px}
  .player-search-box {padding-inline:8px;gap:5px}
  .player-search-box .search-icon {width:14px;height:14px}
  .player-directory h2 {font-size:15px}
  .player-result {gap:6px;padding:7px 4px;min-height:44px}
  .player-result .player-avatar-small {width:24px;height:24px}
  .player-result .result-name {font-size:12px;overflow-wrap:anywhere}
  .player-result .result-meta,.player-result .result-arrow {display:none}
  #player-search {font-size:16px}
  .player-results {max-height:min(360px,var(--player-results-height,360px));overscroll-behavior:contain}
}

.theme-switching, .theme-switching *, .theme-switching::before, .theme-switching::after,
.theme-switching *::before, .theme-switching *::after {transition:none!important}
.game-filters {display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.game-filters button {padding:6px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:12px;font-weight:700}
.game-filters button:hover,.game-filters button[aria-pressed="true"] {border-color:var(--accent-strong);background:var(--surface2)}
.game-filters button[aria-pressed="true"] {box-shadow:inset 0 0 0 1px var(--accent-strong)}

body::after {background-image:var(--player-pixel-pattern-right,var(--laylist-pixel-pattern))}


.player-title-wrap {gap:20px}
.player-title-wrap .player-avatar-small {width:88px;height:88px;font-size:40px}
.player-title-wrap h1 {font-size:clamp(30px,5vw,44px);line-height:1.15}
.wide-tabs {overflow-x:auto;grid-auto-columns:minmax(130px,1fr)}
@media(max-width:540px) {
 .player-title-wrap {gap:14px}
 .player-title-wrap .player-avatar-small {width:72px;height:72px;font-size:32px}
 .player-title-wrap h1 {font-size:32px}
}


.player-demon-face[data-difficulty-tint] {visibility:hidden}


.celeste-meter {width:66px;flex:0 0 66px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.celeste-meter img {width:66px;height:62px;display:block;object-fit:contain}
.celeste-meter-tier {font-size:9px;font-weight:850;color:var(--text);margin-top:1px;white-space:nowrap}
@media(max-width:540px) {
 .celeste-meter {width:58px;flex-basis:58px}
 .celeste-meter img {width:58px;height:54px}
}



/* Shared profile polish: readable accents and consistent navigation. */
.backbutton {color:var(--accent-strong)}
.listcard:hover {border-color:var(--accent-strong);background:var(--surface2)}
.list-filter-area :is(.filter,.select) {color:var(--text);background:var(--surface2);border-color:var(--border)}
@media(max-width:540px) {.player-title-wrap h1 {font-size:clamp(24px,7vw,32px);overflow-wrap:anywhere}.player-title-wrap>div {min-width:0}}

.detail-grid {grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}


.home-contact {grid-column:1/-1;margin-top:26px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;text-align:center}
.home-contact strong {color:var(--text);font-weight:800}