/* ⟦web/app.css⟧ */





































@font-face{font-family:"Anton";src:url(/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Archivo Black";src:url(/fonts/ArchivoBlack-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Oswald";src:url(/fonts/Oswald-Variable.ttf) format("truetype");font-weight:200 700;font-display:swap}
@font-face{font-family:"Caveat";src:url(/fonts/Caveat-Variable.ttf) format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"Bitter";src:url(/fonts/Bitter-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}


















@font-face{font-family:"Arimo";src:url(/fonts/Arimo-Variable.ttf) format("truetype");font-weight:400 700;font-display:swap}




@font-face{font-family:"Noto Emoji";src:url(/fonts/NotoEmoji-Regular.ttf) format("truetype");font-weight:100 900;font-display:swap;
  unicode-range:U+200D,U+20E3,U+2122,U+2139,U+2194-21AA,U+231A-23FF,U+24C2,U+25AA-25FE,U+2600-27BF,U+2934-2935,U+2B05-2B55,U+3030,U+303D,U+3297,U+3299,U+FE0F,U+1F000-1FAFF,U+E0020-E007F}
























@font-face{font-family:"Azeret Mono";src:url(/fonts/AzeretMono-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}




:root{
  --void:#0a0b0d; --panel:#101318; --raised:#161a20; --sunk:#0c0f14;
  --hair:#242a33; --hair-hi:#39424e;
  --ink:#c8cdd4; --dim:#9aa3ae; --faint:var(--dim); --bright:#eef1f5;   
  --accent:#eda733;            
  --accent-deep:#dd9727;
  --navy:#dde9f3;              
  







  --gold:#d9a441;
  





  --coin-ink:var(--gold);
  
  --score-ink:#ffffff;
  




  --mult-ink:#ffd98a;
  --bad:#e0555f; --good:#5fc46b; --info:#7fd4ff;
  


  --mod:#ff7518; --admin:var(--bad); --staff:linear-gradient(90deg,var(--mod),var(--admin)); --nav:var(--info);
  




  --cbar-0:transparent; --cbar-1:#e5484d; --cbar-2:#f08a2c; --cbar-3:#e6cf3f; --cbar-4:#3fb950;
  --cbar-5:#3b82f6; --cbar-6:#6366f1; --cbar-7:#a855f7;
  --cb-w:3px; --cb-step:4px; --cb-pad:10px;
  



  --vote-up:var(--good); --vote-dn:var(--bad);
  



  --cat-nsfw:#ff6fae; --cat-nsfl:var(--bad);
  



  --private:#b58cff;
  

  --cat-character:#7fd4ff; --cat-media:#a98bff; --cat-humor:#6fe0b0;
  

  --cat-format:#d58cf0;
  


  --cat-general:#9aa6b8; --cat-meta:var(--accent);
  



  --mono:"Azeret Mono",ui-monospace,"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace;
  






  --ui:var(--mono);
  

  --link:var(--accent); --link-hover:var(--bright);
  



  --caps:uppercase; --track:1;
  



  --brand-logo:url(/brand-shred.png);
  

  --mast-rule:1px solid var(--hair);

  























  --z-chrome:    100;   
  --z-nav:       200;   
  --z-fab:       300;   
  --z-bar:       400;   
  --z-tooltip:   500;   
  --z-menu:      600;   
  --z-juice-trail:690;  
  --z-juice:     700;   
  --z-overlay:   800;   
  --z-panel:     900;   
  --scrim:      rgba(0,0,0,.62);   
  --z-modal:    1000;   
  --z-curtain:  1100;   
  --z-viewer:   1200;   
  --z-hovercard:1300;   
  --z-sheet:    1400;   
  --z-juice-top:1450;   



  --z-blocking: 1500;   
  --z-toast:    1600;   
  --z-modal-top:1700;   
  --z-pulse:    1800;   
  



  --scanline:rgba(255,255,255,.012);
  --ground-ink:154,163,174; --ground-op:.13;
  









  --tap-min:44px;
  --slide-ease:cubic-bezier(.22,.61,.36,1);   
}
*{box-sizing:border-box;margin:0;padding:0;border-radius:0}

























html{background:var(--void);-webkit-tap-highlight-color:transparent;overflow-x:clip}





:where(*){scrollbar-width:thin;scrollbar-color:transparent transparent}







@media(prefers-reduced-motion:no-preference){:where(.sv-sb:not(html,body),.sv-sbout:not(html,body)){transition:scrollbar-color .35s ease}}
:where(.sv-sb){scrollbar-color:color-mix(in srgb,var(--dim) 75%,transparent) transparent}







@media (hover:none){
  button:active,a:active,summary:active,[role="button"]:active,label:active{opacity:.66}
}





















@media(pointer:coarse){
  .console-x,.cascadenote .cn-x,.rec-pardon{min-width:var(--tap-min);min-height:var(--tap-min)}
  .ac div{min-height:var(--tap-min);align-items:center}
  .pin-unpin::after,.prof-cell-menu::after{content:"";position:absolute;top:-6px;right:-6px;
    width:var(--tap-min);height:var(--tap-min)}
}



html,body{color:var(--ink);font:14px/1.55 var(--ui)}







html,body{font-variant-ligatures:none}















body{padding:0 env(safe-area-inset-right,0px) calc(72px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px);
  position:relative;background-color:transparent;
  background-image:repeating-linear-gradient(0deg,var(--scanline) 0 1px,transparent 1px 3px);
  overflow-x:clip}   





.shredbg{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle,rgba(var(--ground-ink),var(--ground-op)) 1px,transparent 1.5px);
  background-size:24px 24px;background-position:12px 12px}




html[data-skin="aperture"] .shredbg::before{content:"";position:absolute;top:50%;left:50%;width:var(--wm-size);height:var(--wm-size);
  margin:calc(var(--wm-size) / -2) 0 0 calc(var(--wm-size) / -2);background:var(--wm-logo) center/contain no-repeat;opacity:var(--wm-op)}
@keyframes shredspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:no-preference){html.pg-mains .shredbg::before{animation:shredspin 150s linear infinite;will-change:transform}}










.shredbg.apex{opacity:1}

























a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover)}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
input,textarea,select{font:inherit;color:var(--ink);background:var(--sunk);border:1px solid var(--hair);padding:7px 9px;width:100%}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}




@media(pointer:coarse){
  :is(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=file],[type=color],[type=image]),textarea,select,[contenteditable=""],[contenteditable="true"]){font-size:16px !important}
  html[data-textsize="90"] :is(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=file],[type=color],[type=image]),textarea,select,[contenteditable=""],[contenteditable="true"]){font-size:17.8px !important}
}
:focus-visible{outline:1px solid var(--accent);outline-offset:2px}

.navburger:focus-visible,.scorechip:focus-visible,.coinchip:focus-visible{outline:none}
.navburger:focus-visible::after,.scorechip:focus-visible::after,.coinchip:focus-visible::after{outline:1px solid var(--accent);outline-offset:2px}
img,video{max-width:100%;display:block}

.wrap{max-width:1200px;margin:0 auto;padding:0 14px}



























.wrap.pagecol{position:relative;z-index:1}
.wrap.pagecol::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  









  top:0;left:0;right:0;bottom:calc(-1 * (72px + env(safe-area-inset-bottom,0px)));
  min-height:100vh;                
  background:rgba(0,0,0,.55);
}

.narrow{max-width:760px}
.lbl{font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--dim)}
.tnum{font-variant-numeric:tabular-nums}
.hint{font-size:12px;line-height:1.5;color:var(--dim);margin:6px 0} .hint.bad{color:var(--bad)}
.banner{margin:8px 0;font-size:12px;color:var(--dim)} .banner.bad{color:var(--bad)} .banner.ok{color:var(--good)}
.foot{padding:26px 2px;color:var(--dim);font-size:12px;text-align:center}
.btn{border:1px solid var(--hair);color:var(--accent);padding:7px 12px;font-size:12px;font-weight:500;display:inline-block;position:relative}

.btn.primary{background:var(--accent);color:var(--void);border-color:var(--accent);font-size:11px;font-weight:700;text-transform:var(--caps);letter-spacing:calc(.12em * var(--track))}
.btn:hover{border-color:var(--accent)} .btn.ghost{color:var(--dim)} .btn.danger{color:var(--bad)}

@media(pointer:coarse){
  .btn::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tap-min)}
  .sortopt,.sortmenu-item{min-height:var(--tap-min)}   
}

















.masthead{position:relative;display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 10px;border-bottom:var(--mast-rule)}

















.brand{display:flex;align-items:center;gap:9px} .brand svg{width:26px;height:26px;display:block}

.brand img.brandlogo{width:28px;height:28px;display:block;content:var(--brand-logo)}
.brand h1{font-size:13px;letter-spacing:calc(.22em * var(--track));text-transform:var(--caps);color:var(--bright);font-weight:400}
.brand h1 b{color:var(--accent)} .brand-short{display:none}   







.nav{display:flex;gap:8px;align-items:center;flex:1;min-width:0} .nav > .numstack{margin-left:auto}

.nav > .arcadecol.on{margin-left:auto} .nav > .arcadecol.on ~ .numstack{margin-left:0}

.navburger{--band:30px;display:none;position:relative;min-height:var(--tap-min);min-width:var(--tap-min);margin-block:calc((var(--band) - var(--tap-min)) / 2);background:none;border:1px solid transparent;color:var(--dim);padding:6px 11px 6px 9px;font-size:10.5px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);cursor:pointer}
.navburger::after{content:"";position:absolute;left:-1px;right:-1px;top:50%;height:var(--band);transform:translateY(-50%);box-sizing:border-box;border:1px solid var(--hair-hi)}
.navburger::before{content:"\2630  ";color:var(--accent-deep)} .navburger:hover{color:var(--bright)} .navburger:hover::after{border-color:var(--accent)}
.navmenu{display:flex;gap:2px;align-items:center;flex-wrap:nowrap;order:-1}









.navi{display:inline-block;width:14px;height:14px;vertical-align:-.3em} .navmenu .navi{margin-right:6px}
svg.navi{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.navmenu a,.navmenu button{padding:5px 7px;font-size:10.5px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--dim);position:relative;white-space:nowrap}
.navmenu a:hover,.navmenu button:hover{color:var(--bright)} .navmenu a.on{color:var(--accent)}
.navbadge{margin-left:5px;font-size:9px;letter-spacing:calc(.04em * var(--track));background:var(--accent);color:var(--void);padding:0 4px;border-radius:0;font-variant-numeric:tabular-nums;vertical-align:middle}



.newpill{position:fixed;left:50%;top:var(--rail-clear,60px);transform:translateX(-50%);z-index:var(--z-bar);display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:none;background:var(--accent);color:var(--void);font-weight:600;
  font-size:11px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);padding:7px 14px;box-shadow:0 5px 20px rgba(0,0,0,.55);animation:newpill-in .28s ease both}
.newpill::before{content:"\25B2";font-size:8px}
.newpill:hover{background:var(--accent-deep);color:var(--void)}
.newpill.pulse{animation:newpill-in .28s ease both,newpill-throb 1.7s ease-in-out .3s infinite}
@keyframes newpill-in{from{opacity:0;transform:translate(-50%,-9px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes newpill-throb{0%,100%{box-shadow:0 5px 20px rgba(0,0,0,.55)}
  50%{box-shadow:0 5px 24px rgba(237,167,51,.6)}}



.masthead.newflash{animation:mastflash 1.15s ease-out}
@keyframes mastflash{
  0%,100%{background:transparent;box-shadow:inset 0 -1px 0 0 var(--hair)}
  20%{background:rgba(237,167,51,.11);box-shadow:inset 0 -3px 16px -3px var(--accent),inset 0 -2px 0 0 var(--accent)}}
.masthead.hasnew{border-bottom-color:var(--accent-deep);box-shadow:inset 0 -1px 0 0 var(--accent-deep)}





html.desk-wco .masthead{-webkit-app-region:drag;app-region:drag;padding-right:calc(14px + 100vw - env(titlebar-area-x,0px) - env(titlebar-area-width,100vw))}
html.desk-wco .masthead :is(a,button,input,select,textarea,label,summary,img,[role],[tabindex],.navmenu.open){-webkit-app-region:no-drag;app-region:no-drag}
.desk-drag{display:none}

.desknav{display:flex;align-items:center;gap:2px;margin-right:-2px}
.desknav-b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:1px solid transparent;color:var(--dim);cursor:pointer}
.desknav-b:hover:not(:disabled){color:var(--bright);border-color:var(--hair-hi)} .desknav-b:disabled{opacity:.3;cursor:default}
.desknav-i{width:16px;height:16px;display:block}

.dpick{position:fixed;inset:0;z-index:var(--z-modal-top);background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.dpick-box{width:min(820px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--void);border:1px solid var(--hair-hi);border-top:2px solid var(--accent)}
.dpick-head{padding:12px 16px;color:var(--accent);font-size:11px;letter-spacing:calc(.16em * var(--track))}
.dpick-tabs{display:flex;gap:6px;padding:0 16px 10px}
.dpick-tab{background:none;border:1px solid var(--hair-hi);color:var(--dim);padding:6px 12px;font:inherit;font-size:11px;letter-spacing:calc(.12em * var(--track));cursor:pointer}
.dpick-btn{background:none;border:1px solid var(--hair-hi);color:var(--dim);padding:6px 12px;font:inherit;font-size:11px;letter-spacing:calc(.12em * var(--track));cursor:pointer}
.dpick-tab[aria-pressed="true"],.dpick-tab:hover,.dpick-btn:hover:not(:disabled){color:var(--bright);border-color:var(--accent)}
.dpick-go{background:var(--accent);border-color:var(--accent);color:var(--void)} .dpick-go:hover:not(:disabled){color:var(--void)} .dpick-btn:disabled{opacity:.4;cursor:default}
.dpick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:0 16px 12px;overflow:auto;min-height:120px}
.dpick-src{display:block;background:none;border:1px solid var(--hair-hi);padding:6px;cursor:pointer;text-align:left;color:var(--dim);font:inherit;font-size:11px}
.dpick-src img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.dpick-src span{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpick-src:hover{color:var(--bright)} .dpick-src[aria-pressed="true"]{border-color:var(--accent);color:var(--bright);outline:1px solid var(--accent)}
.dpick-none{color:var(--dim);padding:20px 0}
.dpick-foot{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--hair-hi)}
.dpick-snd{display:flex;align-items:center;gap:6px;color:var(--dim);font-size:11px} .dpick-say{flex:1;color:var(--dim);font-size:11px}
@media(pointer:coarse){
  .desknav-b{min-width:var(--tap-min);min-height:var(--tap-min)}
  .dpick-tab{min-width:var(--tap-min);min-height:var(--tap-min)}
  .dpick-btn{min-width:var(--tap-min);min-height:var(--tap-min)}
  .dpick-src{min-width:var(--tap-min);min-height:var(--tap-min)}
}
html.desk-wco.desk-nomast .desk-drag{display:block;position:fixed;top:0;left:0;width:env(titlebar-area-width,100%);height:env(titlebar-area-height,32px);-webkit-app-region:drag;app-region:drag;z-index:var(--z-bar)}
html.desk-wco.desk-nomast body{padding-top:env(titlebar-area-height,32px)}
@media(prefers-reduced-motion:reduce){.masthead.newflash{animation:none}.newpill,.newpill.pulse{animation:none}}






@media(min-width:1000px){#app-header{position:sticky;top:0;z-index:var(--z-bar)} #app-header>.masthead{background:var(--void)}}





#app-header:empty{min-height:var(--mast-res,0px)}
@media(max-width:999px){#app-header:empty{min-height:var(--mast-res,calc(67px + env(safe-area-inset-top,0px)))}}







.nsfwtoggle,.chimetoggle,.autoplaytoggle{border:1px solid var(--hair-hi);border-radius:2px;padding:4px 9px !important}
.nsfwtoggle:not(.on):hover,.chimetoggle:not(.on):hover,.autoplaytoggle:not(.on):hover{border-color:var(--accent)}
.nsfwtoggle.on,.chimetoggle.on,.autoplaytoggle.on{color:var(--void) !important;background:var(--accent);border-color:var(--accent)}
.nsfwtoggle.cat-nsfw.on{background:var(--cat-nsfw);border-color:var(--cat-nsfw)}
.nsfwtoggle.cat-nsfl.on{background:var(--cat-nsfl);border-color:var(--cat-nsfl)}

.tile .badge.nsfw{top:auto;bottom:6px;left:6px;right:auto;background:color-mix(in srgb, var(--cat-nsfw) 80%, black);color:#fff;border-color:color-mix(in srgb, var(--cat-nsfw) 55%, transparent);letter-spacing:calc(.09em * var(--track))}
.tile .badge.nsfl{top:auto;bottom:6px;right:6px;left:auto;background:color-mix(in srgb, var(--cat-nsfl) 80%, black);color:#fff;border-color:color-mix(in srgb, var(--cat-nsfl) 55%, transparent);letter-spacing:calc(.09em * var(--track))}

.nsfwcheck{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--dim);cursor:pointer;letter-spacing:calc(.04em * var(--track))}
.nsfwcheck input{accent-color:var(--accent);cursor:pointer;width:auto;flex:0 0 auto;margin:0;padding:0}   
.nsfwcheck b{letter-spacing:calc(.09em * var(--track))}
label.nsfwcheck b.nsfw{color:var(--cat-nsfw)} label.nsfwcheck b.nsfl{color:var(--cat-nsfl)}   



.nsfwcheck b.privmark{color:var(--accent)}




.upload-flags.privateflags{display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  padding-top:0;border-top:1px solid var(--hair);margin-top:6px;padding-bottom:14px}
.upload-flags.privateflags .nsfwcheck{white-space:nowrap}
.upload-flags.privateflags .hint{flex:1 1 100%;min-width:0;white-space:normal;line-height:1.5}
.upload-flags.privateflags .hint b{color:var(--bright)}
.upload-flags{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:2px 2px 0;padding:8px 2px}

.stage.nsfw-veiled{position:relative}
.stage.nsfw-veiled>*:not(.nsfw-veil){filter:blur(30px);transform:scale(1.04)}
.nsfw-veil{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;
  background:rgba(10,11,13,.72)}
.nvbox{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px;text-align:center}
.nvlabel{font-size:15px;letter-spacing:calc(.3em * var(--track));color:var(--bright);font-weight:600}
.nvsub{margin:0}







.sugrow.nsfw{border-left:2px solid var(--cat-nsfw);padding-left:8px} .sugrow.nsfw .sugname{color:var(--cat-nsfw)}
.sugrow.nsfl{border-left:2px solid var(--cat-nsfl);padding-left:8px} .sugrow.nsfl .sugname{color:var(--cat-nsfl)}








@media(max-width:999px){
  .brand-full{display:none}
  .brand-short{display:inline}
  

  .nav{margin-left:auto;flex:none}
  .nav > .numstack,.nav > .arcadecol.on{margin-left:0}
  .navburger{display:inline-flex;align-items:center}
  .navmenu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;
    align-items:stretch;gap:0;background:var(--panel);border:1px solid var(--hair-hi);border-top:none;
    box-shadow:0 8px 30px rgba(0,0,0,.5);z-index:var(--z-nav);padding:4px 0}
  .navmenu.open{display:grid}

  










  .navmenu{grid-template-columns:repeat(3,1fr);gap:0;padding:6px 4px}
  


  
  .navmenu a,.navmenu button:not(.navrgo):not(.navrrecent):not(.mm-opt){
    width:100%;padding:11px 6px 9px !important;text-align:center;
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:62px;
  }
  
  .navmenu .navl{line-height:1.15}
  




  .navmenu .navi{display:block;width:23px;height:23px;opacity:.92;margin-right:0} .navmenu a.on .navi{opacity:1}
  

  .navmenu .navbadge{position:absolute;top:9px;left:50%;margin-left:6px}
}


.searchwrap{padding:22px 0 8px}
.searchbar{display:flex;gap:8px;align-items:stretch;position:relative}
.searchbar input{font-size:16px;padding:11px 13px;border-color:var(--hair-hi);background:var(--sunk)}
.searchbar .btn{white-space:nowrap;display:flex;align-items:center} 


.resultbar{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--hair);color:var(--dim);font-size:12px;flex-wrap:wrap}







.admin-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}


.sortbar{display:inline-flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end} @media(pointer:coarse){.sortbar{gap:calc(var(--tap-min) - 26px) 8px}}   
.sortopt{border:1px solid var(--hair);background:var(--sunk);color:var(--dim);
  padding:4px 10px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);font-size:11px;cursor:pointer;
  display:inline-flex;align-items:center;white-space:nowrap}
.sortopt:hover{color:var(--ink);border-color:var(--hair-hi)}
.sortopt.on{color:var(--accent);border-color:var(--accent-deep);background:var(--raised)}

@media(pointer:coarse){
  .sortopt{--band:26px;position:relative;z-index:0;margin-block:calc((var(--band) - var(--tap-min)) / 2)}
  .sortopt,.sortopt.on{background:none;border-color:transparent}
  .sortopt::after{content:"";position:absolute;z-index:-1;left:-1px;right:-1px;top:50%;height:var(--band);transform:translateY(-50%);box-sizing:border-box;border:1px solid var(--hair);background:var(--sunk)}
  .sortopt:hover::after{border-color:var(--hair-hi)} .sortopt.on::after{border-color:var(--accent-deep);background:var(--raised)}
}
.sortmenu-item{border:0;border-bottom:1px solid var(--hair);background:none;color:var(--dim);
  padding:7px 12px;text-align:left;font-size:12px;cursor:pointer}
.sortmenu-item:last-child{border-bottom:0} .sortmenu-item:hover{color:var(--ink);background:var(--sunk)}
.sortmenu-item.on{color:var(--accent)}










.grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:10px;align-items:start;padding:14px 0}

.tilecell{margin:0} .tilecell .tile{margin:0}
.tile{margin:0;position:relative;display:block;border:1px solid var(--hair);background:var(--sunk)}

.ap-clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none;display:block}


.griddiv{grid-column:1 / -1;font-size:10px;letter-spacing:calc(.2em * var(--track));text-transform:var(--caps);color:var(--faint);
  padding:16px 2px 5px;border-bottom:1px solid var(--hair)}
.griddiv:first-child{padding-top:2px}
.griddiv::before{content:"◈ ";color:var(--accent-deep)}
.tile:hover{border-color:var(--hair-hi)}
.tile img{width:100%;height:auto;display:block}





.grid .tile img,.prof-grid .tile img{aspect-ratio:1 / 1.1;height:auto;object-fit:cover;object-position:top}


.grid .tile .hoverpreview .hp-media,.prof-grid .tile .hoverpreview .hp-media{object-position:top}
.tile .badge{position:absolute;top:6px;right:6px;font-size:9px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);
  padding:2px 6px;background:rgba(10,11,13,.82);border:1px solid var(--hair-hi);color:var(--accent)}
.tile .tdist{position:absolute;bottom:6px;left:6px;font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  padding:1px 5px;background:rgba(10,11,13,.82);color:var(--dim)}


.tile .badge.stack{left:6px;right:auto;top:6px;color:var(--accent);font-variant-numeric:tabular-nums;
  box-shadow:2px 2px 0 -1px var(--sunk),3px 3px 0 -1px var(--hair-hi)}


.tile .tpct{position:absolute;top:0;left:0;z-index:2;font-size:13px;font-weight:700;line-height:1;
  letter-spacing:calc(.06em * var(--track));padding:6px 9px 6px 8px;background:rgba(10,11,13,.9);
  border-right:1px solid var(--hair-hi);border-bottom:1px solid var(--hair-hi);color:var(--accent);
  font-variant-numeric:tabular-nums;pointer-events:none}   
.tile .tpct ~ .badge.stack{top:32px}
.center{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 0;color:var(--faint)}


.postgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:16px 0}
@media(max-width:820px){.postgrid{grid-template-columns:1fr}}
.stage{border:1px solid var(--hair);background:var(--sunk);padding:10px;display:flex;justify-content:center}
.stage img,.stage video{max-height:78vh;width:auto;max-width:100%}
.stage img.zoomable{cursor:zoom-in}




.stage.reading{display:block;overflow-x:hidden}
.stage.reading img.zoomable{max-height:none;width:100%;max-width:100%;height:auto;cursor:zoom-out;transform-origin:0 0;will-change:transform}
.stage.reading.pannable img.zoomable{cursor:grab}
.stage.reading.dragging img.zoomable{cursor:grabbing}
.stagehint{margin-top:4px}






.stage.tiled{display:block;overflow-x:hidden}
.tiledmedia{margin:0 auto;width:100%;position:relative;background-size:cover;background-position:top center}
.tiledmedia img.tile{display:block;width:100%;height:auto;max-height:none;vertical-align:bottom;margin:0;border:0}

.stage.sharpening img.zoomable{filter:saturate(.92)}

.carousel{margin:0 0 10px}
.carousel-head{display:flex;align-items:center;justify-content:center;gap:14px}
.carousel-nav{border:1px solid var(--hair);background:var(--sunk);color:var(--accent);
  font-size:20px;line-height:1;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.carousel-nav:hover:not(:disabled){border-color:var(--accent)}
.carousel-nav:disabled{opacity:.3;cursor:default}
.carousel-count{font-size:12px;letter-spacing:calc(.12em * var(--track));color:var(--dim);font-variant-numeric:tabular-nums;min-width:64px;text-align:center}
.carousel-count .cc-cur{color:var(--accent);font-weight:600}
.carousel-strip{display:flex;gap:6px;overflow-x:auto;padding:8px 0 2px;margin-top:8px;justify-content:center;flex-wrap:wrap}
.cstrip-cell{border:1px solid var(--hair);background:var(--sunk);padding:0;width:52px;height:52px;cursor:pointer;flex:0 0 auto;overflow:hidden}
.cstrip-cell img{width:100%;height:100%;object-fit:cover;display:block;opacity:.6}
.cstrip-cell:hover img{opacity:.85}
.cstrip-cell.on{border-color:var(--accent)}
.cstrip-cell.on img{opacity:1}
.slidenote{font-size:11px;color:var(--dim);border:1px solid var(--hair-hi);background:var(--sunk);padding:8px 10px;margin:0 0 12px;line-height:1.5}
.slidenote b{color:var(--accent)}

@keyframes slidein{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.stage.slidein{animation:slidein .18s ease}
@media(prefers-reduced-motion:reduce){.stage.slidein{animation:none}}
.side section{border:1px solid var(--hair);background:var(--panel);padding:12px;margin:0 0 12px}
.side h3{font-size:11px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:var(--dim);margin-bottom:9px}
.kv{font-size:12px;color:var(--dim);display:flex;flex-direction:column;gap:4px}


.kv > *, .prov .v{min-width:0;overflow-wrap:anywhere}
.kv b{color:var(--ink);font-weight:600}
.taglist{display:flex;flex-wrap:wrap;gap:6px}


.tag{font-size:10.5px;letter-spacing:calc(.06em * var(--track));padding:3px 8px;color:var(--accent);display:inline-flex;align-items:center;gap:6px}
.tag a{color:inherit}
.tag .x{color:var(--faint);cursor:pointer}
.tag .x:hover{color:var(--bad)}





.tag.ai{color:var(--dim);border-color:var(--hair);border-style:dashed}
.tag.ai .aidot{color:var(--faint)}
.tag .ok{color:var(--faint);cursor:pointer}
.tag .ok:hover{color:var(--good)}














.confirmall{margin-top:8px}

.tagadd{position:relative;margin-top:8px}
.ac{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--raised);border:1px solid var(--hair-hi);max-height:200px;overflow:auto}
.ac div{padding:5px 9px;font-size:12px;cursor:pointer;display:flex;justify-content:space-between}
.ac div:hover,.ac div.sel{background:var(--sunk);color:var(--bright)}
.ac .c{color:var(--faint)}


























.ac.ac-mentions{max-height:min(352px,44vh)}
.ac div.ac-mention{gap:8px;align-items:center;justify-content:flex-start;
  min-height:var(--tap-min);padding-top:4px;padding-bottom:4px}
.ac div.ac-mention .c{margin-left:auto;flex:none}
.ac div.ac-mention .vw-cav{width:24px;height:24px;border-width:1px}
.ac div.ac-mention .vw-cav-i{font-size:11px}


.ac div.ac-mention .ac-mname{display:inline-flex;align-items:center;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ac div.ac-mention .ac-mhandle{flex:none;font-size:.8em;opacity:.6;white-space:nowrap}












.ac.ac-emojis{max-height:min(352px,44vh)}
.ac div.ac-emoji{gap:10px;align-items:center;justify-content:flex-start;min-height:var(--tap-min);padding-top:4px;padding-bottom:4px}
.ac div.ac-emoji .ac-emopic{flex:none;width:24px;height:24px;font-size:20px;line-height:24px;text-align:center;object-fit:contain}
.ac div.ac-emoji .ac-emoname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac div.ac-local{gap:8px;align-items:center;min-height:var(--tap-min);
  padding-top:4px;padding-bottom:4px}




.ac div.ac-local .ac-lname{display:inline-flex;align-items:center;gap:4px;flex:none;
  white-space:nowrap}
.ac div.ac-local .c{margin-left:auto;min-width:0;padding-left:8px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.famroot{color:var(--faint);font-size:10px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);margin-bottom:4px}


.drop{border:1px dashed var(--hair-hi);background:var(--sunk);padding:44px 16px;text-align:center;color:var(--dim);margin:16px 0}
.drop.over{border-color:var(--accent);color:var(--bright)}
.drop b{color:var(--accent)}
.queue{display:flex;flex-direction:column;gap:0}
.qitem{display:flex;gap:12px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--hair)}
.qitem .qthumb{width:60px;height:60px;flex:none;border:1px solid var(--hair);object-fit:cover;background:var(--sunk)}
.qitem .qmeta{flex:1;min-width:0;font-size:12px}
.qitem .qname{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qitem .qstate{font-size:11px;color:var(--dim);margin-top:3px}
.qitem .qstate.ok{color:var(--good)} .qitem .qstate.bad{color:var(--bad)} .qitem .qstate.dupe{color:var(--info)}
.bar{height:4px;background:var(--sunk);margin-top:5px;border:1px solid var(--hair)}
.bar span{display:block;height:100%;background:var(--accent);width:0;transition:width .2s}
.bulktags{display:flex;gap:8px;align-items:center;margin:14px 0;flex-wrap:wrap}
.bulktags input{max-width:340px}
.neardupes{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--info)}
.neardupes img{width:40px;height:40px;object-fit:cover;border:1px solid var(--info)}


.bulk-intake{margin-top:26px;padding-top:20px;border-top:1px solid var(--hair)}
.bi-head{margin-bottom:12px}
.bi-head .lbl{display:block;margin-bottom:4px}
.bi-tags{display:flex;gap:10px;align-items:flex-start;margin:12px 0;flex-wrap:wrap}
.bi-tags .lbl{padding-top:9px}
.bi-tags .taglist{display:flex;gap:6px;flex-wrap:wrap}

.bi-batchrow{margin:8px 0;padding:0 0 8px;border-bottom:1px solid var(--hair)}
.bi-batchrow .tagadd{flex:1;min-width:200px}
.brow.bhead{color:var(--dim);font-weight:700;margin-top:6px}
.bi-rollup{margin:14px 0 8px}
.bi-bar{height:8px;background:var(--sunk);border:1px solid var(--hair);overflow:hidden}
.bi-bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .25s ease}
.bi-nums{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px;letter-spacing:calc(.04em * var(--track))}
.bi-nums .bnum{color:var(--dim)} .bi-nums .bnum b{font-size:17px;font-variant-numeric:tabular-nums;color:var(--ink);margin-right:2px}
.bi-nums .done b{color:var(--good)} .bi-nums .dupe b{color:var(--info)}
.bi-nums .failed b{color:var(--bad)} .bi-nums .left b{color:var(--accent)}
.bi-actions{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}
.bi-note{font-size:11px;color:var(--faint)}
.bi-list{max-height:340px;overflow:auto;border:1px solid var(--hair);background:var(--sunk);margin-top:6px}
.brow{display:flex;align-items:center;gap:9px;padding:3px 9px;font-size:11.5px;border-bottom:1px solid var(--hair)}
.brow:last-child{border-bottom:none}
.brow .bdot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--faint)}
.brow .bname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.brow .bst{flex:none;color:var(--dim);font-size:10.5px;letter-spacing:calc(.04em * var(--track));text-transform:var(--caps)}
.brow.s-uploading .bdot{background:var(--accent);animation:bpulse 1s ease-in-out infinite}
.brow.s-done .bdot{background:var(--good)} .brow.s-done .bst{color:var(--good)}
.brow.s-dupe .bdot{background:var(--info)} .brow.s-dupe .bst{color:var(--info)}
.brow.s-failed .bdot{background:var(--bad)} .brow.s-failed .bst{color:var(--bad)}
.brow.s-unsupported{opacity:.55} .brow.s-unsupported .bdot{background:var(--faint)}
@keyframes bpulse{0%,100%{opacity:.4}50%{opacity:1}}











.tagi{border:1px solid var(--hair-hi);background:var(--sunk);padding:14px;margin:14px 0}
.tagi-loading{color:var(--faint);font-size:11px}


.tagi-left{min-width:0}


.tagi-lbl{font-size:9px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:var(--faint);margin:8px 0 4px}
.tagi-search{display:flex;gap:8px;align-items:center;position:relative;flex-wrap:wrap}
.tagi-name{font-size:14px;letter-spacing:calc(.03em * var(--track));border:1px solid currentColor;padding:4px 10px;flex:0 0 auto}
.tagi-search input{flex:1 1 120px;min-width:0;background:var(--bg);color:var(--ink);border:1px solid var(--hair-hi);font:inherit;font-family:var(--ui);font-size:12px;
  padding:7px 9px;min-height:38px}
.tagi-mag{background:var(--bg);border:1px solid var(--hair-hi);color:var(--ink);cursor:pointer;min-width:40px;min-height:38px;font-size:14px;line-height:1}
.tagi-mag .navi{width:16px;height:16px;vertical-align:middle}   



.tagi-plus{background:var(--bg);border:1px solid var(--hair-hi);color:var(--good);cursor:pointer;min-width:40px;min-height:38px;font-size:17px;line-height:1;font-family:var(--ui)}
.tagi-plus:hover{border-color:var(--good)}




.tagi-new .tagi-ta,.tagi-new .tagi-save,.tagi-new .tagi-link,.tagi-new .tagi-lbl,
.tagi-new .tagi-types,.tagi-new .tagi-prev,.tagi-new .tagi-cols,
.tagi-new .tagi-strip,.tagi-new .tagi-tree{opacity:.3;pointer-events:none}
.tagi-newname{border-color:var(--good)!important;color:var(--good)!important}
.tagi-newname::placeholder{color:var(--good);opacity:.65}

.tagi-prev{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.tagi-ta{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--hair-hi);font:inherit;font-family:var(--ui);font-size:12px;padding:8px 9px;resize:vertical;box-sizing:border-box}
.tagi-save{margin-top:4px}   
.tagi-link{display:flex;gap:8px;align-items:center;position:relative}
.tagi-link .tagi-sel{flex:0 0 auto;max-width:42%}
.tagi-link input{flex:1 1 60px;min-width:0;background:var(--bg);color:var(--ink);border:1px solid var(--hair-hi);font:inherit;font-family:var(--ui);font-size:12px;
  padding:7px 9px;min-height:38px}
.tagi-sel{background:var(--bg);color:var(--ink);border:1px solid var(--hair-hi);font:inherit;font-family:var(--ui);font-size:11px;letter-spacing:calc(.06em * var(--track));
  padding:8px;min-height:38px}
.tagi-linkbtn{background:var(--bg);border:1px solid var(--hair-hi);color:var(--ink);font:inherit;font-family:var(--ui);font-size:11px;letter-spacing:calc(.1em * var(--track));
  text-transform:var(--caps);padding:0 16px;min-height:38px;cursor:pointer}
.tagi-linkbtn:hover{border-color:var(--accent);color:var(--accent)}


.tagi-link.danger .tagi-linkbtn,.tagi-link.danger .tagi-sel{border-color:var(--bad);color:var(--bad)}
.tagi-link.danger input{border-color:var(--bad)}
.tagi-lbl.danger{color:var(--bad)}

.tagi-link.danger{margin-top:2px}
.tagi-link.danger .tagi-linkbtn:hover{background:color-mix(in srgb, var(--bad) 14%, transparent)}






.tagi-types{display:flex;gap:10px;align-items:stretch}
.tagi-typelist{display:flex;flex-direction:column;gap:5px;border:1px solid var(--hair-hi);padding:6px;background:var(--bg)}
.tagi-type{background:none;border:1px solid var(--hair);color:var(--dim);cursor:pointer;font:inherit;font-family:var(--ui);font-size:11px;letter-spacing:calc(.1em * var(--track));
  text-transform:var(--caps);padding:7px 14px;min-height:34px;text-align:center;white-space:nowrap}
.tagi-type:disabled{cursor:default}

.tagi-type.on{border-color:currentColor;background:color-mix(in srgb, currentColor 12%, transparent)}





.tagi-lever{writing-mode:vertical-lr;direction:rtl;width:22px;align-self:stretch;
  cursor:ns-resize;background:transparent;appearance:none;-webkit-appearance:none;margin:0}
.tagi-lever::-webkit-slider-runnable-track{width:2px;background:var(--hair-hi);border-radius:1px}
.tagi-lever::-moz-range-track{width:2px;background:var(--hair-hi);border-radius:1px}
.tagi-lever::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:14px;
  background:var(--accent);border:0;border-radius:2px;margin-left:-9px}
.tagi-lever::-moz-range-thumb{width:20px;height:14px;background:var(--accent);border:0;border-radius:2px}
.tagi-lever:focus-visible{outline:1px solid var(--accent);outline-offset:2px}


.tagi-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.tagi-col{min-width:0}

.tagi-colbody{border:1px solid var(--hair);background:var(--bg);padding:8px;min-height:96px;display:flex;flex-direction:column;gap:8px}
.tagi-cell{display:flex;flex-direction:column;gap:0}
.tagi-chip{justify-content:center;flex:1 1 auto;min-width:0}
.tagi-cell>.tagi-chip{box-sizing:border-box}



.tagi-cell.adm{flex-direction:row;align-items:stretch;gap:0}
.tagi-rm{flex:0 0 auto;background:none;border:1px solid var(--hair);border-left:0;
  color:var(--faint);cursor:pointer;font:inherit;font-size:12px;min-width:34px}
.tagi-rm:hover{color:var(--bad);border-color:var(--bad)}
.tagi-rm.punish{color:var(--bad);border-color:var(--bad)}   

.tagi-vote{display:flex;align-items:center;justify-content:space-between;gap:4px;border:1px solid var(--hair);border-top:0;padding:2px 6px}
.tagi-net{font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--faint)}
.tagi-net.pos{color:var(--good)} .tagi-net.neg{color:var(--bad)}






.tagi-strip{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;
  padding-bottom:6px;overscroll-behavior-x:contain;scrollbar-width:thin}



.tagi-shot{flex:0 0 auto;display:block;text-decoration:none;line-height:0;position:relative;
  overflow:hidden;border:1px solid var(--hair);background:var(--bg)}
.tagi-shot img{width:56px;height:56px;object-fit:cover;object-position:top;display:block}
.tagi-shot:hover{border-color:var(--accent)}
.tagi-shot.veiled img{filter:blur(10px)}
.tagi-shot.veiled:hover img{filter:blur(10px)}   


.tagi-tree{margin-top:14px;border-top:1px solid var(--hair);padding-top:8px}
.tagi-treeh{display:flex;align-items:center;justify-content:space-between;width:100%;
  background:none;border:0;color:var(--faint);cursor:pointer;font:inherit;font-family:var(--ui);
  font-size:9px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);min-height:38px}
.tagi-caret{font-size:10px}


#inspector.tagi-busy{opacity:.62;transition:opacity .18s ease .12s}
.tagi-treebody{position:relative}
.tagi-treebar{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.tagi-treehint{color:var(--faint);font-size:10px;letter-spacing:calc(.04em * var(--track))}
.tagi-treespacer{flex:1}
.tagi-treebtn{border:1px solid var(--hair-hi);background:var(--raised);color:var(--accent);
  border-radius:3px;cursor:pointer;font:inherit;font-size:12px;line-height:1;
  min-width:26px;min-height:26px}
.tagi-treebtn:hover{border-color:var(--accent)}




.tagi-treestage{position:relative;height:min(56vh,420px);border:1px solid var(--hair);
  background:var(--void);overflow:hidden}
.tagi-treestage > div{position:absolute;inset:0}

@media(max-width:700px){
  .tagi-prev{flex-direction:row;flex-wrap:wrap}
  .tagi-types{order:-1}
  .tagi-typelist{flex-direction:row;flex-wrap:wrap}
  .tagi-lever{display:none}   
  .tagi-cols{grid-template-columns:minmax(0,1fr)}
}
.tagcloud{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}
.tagcloud a{border:1px solid var(--hair);padding:4px 9px;font-size:12px;color:var(--ink);display:inline-flex;gap:7px}
.tagcloud a:hover{border-color:var(--accent);color:var(--bright)}
.tagcloud a .c{color:var(--faint);font-variant-numeric:tabular-nums}

@media(pointer:coarse){ .tagcloud a{min-height:var(--tap-min);min-width:var(--tap-min);justify-content:center;align-items:center} }   


.dupe{border:1px solid var(--hair);background:var(--panel);margin:0 0 16px;padding:12px}
.dupe .dhead{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:11px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps);margin-bottom:10px;flex-wrap:wrap}
.dupe .dhead .dist{color:var(--accent)}

.dupe .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.dupe .pair{grid-template-columns:1fr}}

.secondpass{margin-top:26px;border-top:1px solid var(--hair-hi);padding-top:6px}
.sp-card .dhead{color:var(--dim)}
.sp-cand{display:block;text-decoration:none}
.sp-cand img{width:100%;height:auto;display:block;border:1px solid var(--hair);border-radius:3px}
.sp-cand.sp-gone img{opacity:.4}
.sp-cand .sp-id{display:block;margin-top:4px;font-size:11px;color:var(--dim)}
.sp-card .dnote{color:var(--dim);font-size:12px}
.dupe .cand{border:1px solid var(--hair);background:var(--sunk);padding:8px;display:flex;flex-direction:column;gap:6px}
.dupe .cand.keep{border-color:var(--good)}
.dupe .cand img,.dupe .cand video{width:100%;height:auto;max-height:320px;object-fit:contain;background:var(--void);display:block}

.dupe .cand .cand-gifhold{position:relative;line-height:0}
.dupe .cand .cand-gifload{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:rgba(10,11,13,.78);white-space:nowrap}
.dupe .cand .cmeta{font-size:11px;color:var(--dim);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dupe .cand .keepflag{color:var(--good);font-size:9px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps)}
.dupe .dactions{display:flex;gap:8px;margin-top:10px;align-items:center}
.dupe .dnote{font-size:11px;color:var(--faint);margin-left:auto}


table{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0}
th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--hair)}
th{color:var(--dim);font-weight:400;font-size:10px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
td.code{color:var(--accent)}
.statrow{display:flex;gap:22px;flex-wrap:wrap;padding:8px 0}
.stat{border:1px solid var(--hair);background:var(--panel);padding:12px 16px;min-width:140px}
.stat .n{font-size:22px;color:var(--bright);font-variant-numeric:tabular-nums}
.stat .k{font-size:10px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);color:var(--dim);margin-top:3px}




















.shell-scrim{position:fixed;inset:0;background:rgba(4,5,7,.6);z-index:calc(var(--z-sheet) - 1);display:none}
.shell-scrim.sh-on{display:block}
.shell-sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);
  max-height:82dvh;overflow-y:auto;overscroll-behavior:contain;display:none;
  background:var(--panel);border:1px solid var(--accent);border-bottom:none;
  border-radius:12px 12px 0 0;padding:7px 10px 22px;box-shadow:0 -10px 34px rgba(0,0,0,.55)}
.shell-sheet.sh-on{display:block}

video::-internal-media-controls-overlay-cast-button{display:none}




.reconn{position:fixed;top:calc(6px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);
  z-index:var(--z-toast);pointer-events:none;border-radius:0;max-width:calc(100vw - 32px);
  background:var(--raised);border:1px solid var(--accent);color:var(--accent);
  font:11px/1.4 var(--mono);letter-spacing:.04em;padding:4px 10px;white-space:nowrap}
.reconn:empty{padding:0;border:0}
.reconn:not(:empty)::after{content:"\2588";margin-left:4px;animation:reconnblink 1s steps(1) infinite}
@keyframes reconnblink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.reconn:not(:empty)::after{animation:none}}




.brand[role=button]{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.brand[role=button]:focus-visible{outline:1px solid var(--accent);outline-offset:4px}
html.sv-clubs .brand img.brandlogo{filter:brightness(.74) sepia(1) saturate(4.75) hue-rotate(-32deg) brightness(.92)}






@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .16s; }
}











:root{--shl-paint:url(/brand-shred.png) center/50% no-repeat,
  radial-gradient(closest-side,rgba(0,0,0,.62),rgba(0,0,0,.45) 45%,rgba(0,0,0,.18) 75%,rgba(0,0,0,0))}
.shl,.center[data-skel]::before,#results:empty::before,.ptr::before{content:"";display:inline-block;vertical-align:middle;flex:none;
  width:var(--shl-size,44px);height:var(--shl-size,44px);background:var(--shl-paint);border-radius:50%;
  animation:shl-turn 1.4s linear infinite}
@keyframes shl-turn{to{transform:rotate(360deg)}}
.shl-row{text-align:center}
:is(button,.btn) .shl{--shl-size:2em;margin:-.5em 0}
.center[data-skel]{color:transparent;font-size:0;justify-content:center;min-height:62vh;padding:18px 0}
.center[data-skel]::before,#results:empty::before{--shl-size:112px}
#results:empty{display:flex;align-items:center;justify-content:center;min-height:62vh}
.center > .shl{--shl-size:112px}
.shl-over{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer}   
.shl-over .shl{--shl-size:112px}

.tile:has(> img.tl-wait)::before{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;
  background:var(--shl-paint);border-radius:50%;animation:shl-turn 1.4s linear infinite;pointer-events:none}
.tile:has(> img.tl-wait){min-height:96px}
@media(prefers-reduced-motion:reduce){.shl,.center[data-skel]::before,#results:empty::before{animation:none}
  .tile:has(> img.tl-wait)::before{animation:none}}




.ptr{position:fixed;top:0;left:50%;z-index:var(--z-juice);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:20px;line-height:1;color:var(--dim);background:var(--sunk);border:1px solid var(--hair-hi);
  pointer-events:none;transition:opacity .2s}
.ptr.armed{color:var(--accent);border-color:var(--accent)}
@media (prefers-reduced-motion: no-preference){.ptr.spin{animation:ptr-spin .7s linear infinite}}
.ptr::before{--shl-size:36px;animation:none}   
@keyframes ptr-spin{from{rotate:0deg}to{rotate:360deg}}



.swb{position:fixed;left:0;top:50%;z-index:var(--z-juice);width:40px;height:40px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:26px;line-height:1;color:var(--dim);background:var(--sunk);
  border:1px solid var(--hair-hi);pointer-events:none;transition:opacity .18s}
.swb.armed{color:var(--accent);border-color:var(--accent)}











html.pg-hidden *,html.pg-hidden *::before,html.pg-hidden *::after{animation-play-state:paused!important}

html.pg-apphidden *,html.pg-apphidden *::before,html.pg-apphidden *::after{animation-play-state:paused!important}
html.pg-idle :is(.navinvite.is-lit,.rk-noble,.rk-royalty,.rk-ascendant,.rk-celestial,.aw-icon,.prismglow,
  .prismchip,.apex-ribbon,.cos-n,.cos-fr,.cos-sky-a,.cos-sky-b,.sup-g,.dls-spin),
html.pg-idle .shredbg::before,html.pg-idle .navsup-fill.is-lit::after,html.pg-idle .cas-stage::before{
  animation-play-state:paused!important}



.alertpulse{position:fixed;top:0;right:0;width:min(75vmax,960px);height:min(75vmax,960px);z-index:var(--z-pulse);
  pointer-events:none;transform-origin:100% 0;
  background:radial-gradient(circle at 100% 0,rgba(255,214,110,.9) 0,rgba(237,167,51,.5) 18%,rgba(237,167,51,.2) 42%,
    rgba(237,167,51,0) 68%);
  animation:alertpulse 1.4s var(--slide-ease,ease-out) forwards}
@keyframes alertpulse{0%{opacity:0;transform:scale(.1)}12%{opacity:1}45%{opacity:.9}100%{opacity:0;transform:scale(1)}}
.alertpulse.alertpulse-still{animation:none;transform:none;opacity:.75;width:min(40vmax,520px);height:min(40vmax,520px)}
@media(prefers-reduced-motion:reduce){.alertpulse{animation:none;transform:none;opacity:.75}}






html[data-fx="reduced"] :is(.navinvite.is-lit,.rk-noble,.rk-royalty,.rk-ascendant,.rk-celestial,.aw-icon,.prismglow,
  .prismchip,.apex-ribbon,.cos-n,.cos-fr,.cos-sky-a,.cos-sky-b,.sup-g,.dls-spin),
html[data-fx="reduced"] .shredbg::before,html[data-fx="reduced"] .navsup-fill.is-lit::after,html[data-fx="reduced"] .cas-stage::before{
  animation-play-state:paused!important}
html[data-fx="off"] :is(.navinvite.is-lit,.rk-noble,.rk-royalty,.rk-ascendant,.rk-celestial,.aw-icon,.prismglow,
  .prismchip,.apex-ribbon,.cos-n,.cos-fr,.cos-sky-a,.cos-sky-b,.sup-g,.dls-spin,.hm-pyre-flick,.hm-pyre-flame,.hm-pyre-ember,
  .hm-pyre-smoke),
html[data-fx="off"] .shredbg::before,html[data-fx="off"] .navsup-fill.is-lit::after,html[data-fx="off"] .cas-stage::before,html[data-fx="off"] .hm-pyre-card.is-smoulder::after{
  animation:none!important}
html[data-fx="off"] :is(.rk-ascendant,.rk-celestial,.cos-n,.cos-fr,.prismglow,.aw-icon,.sup-g){text-shadow:none!important;filter:none!important}





:is(.sc-msg,.hm-chat-msg).sc-calm :is(.cos-n,.cos-fr,.rk-noble,.rk-royalty,.rk-ascendant,.rk-celestial,.aw-icon,.apx-n-halo),
:is(.sc-msg,.hm-chat-msg).sc-calm .apx-f-corona > .apx-mold::after{animation-play-state:paused!important}

:is(.sc-msg,.hm-chat-msg).sc-calm .ad *{animation-play-state:paused!important}

@media(min-width:1000px) and (pointer:fine){
  .stage.startzoom{align-items:flex-start}
  .stage.startzoom img.zoomable{max-height:none;width:100%;height:auto}
}

/* ⟦web/app-panel.css⟧ */























































































.pn{position:relative;padding:var(--pn-pad,18px 16px 14px);
  border:1px solid var(--hair);background-color:var(--raised);
  background-repeat:no-repeat;
  background-image:
    linear-gradient(var(--hair-hi),var(--hair-hi)),linear-gradient(var(--hair-hi),var(--hair-hi)),
    linear-gradient(var(--hair-hi),var(--hair-hi)),linear-gradient(var(--hair-hi),var(--hair-hi)),
    linear-gradient(var(--hair-hi),var(--hair-hi)),linear-gradient(var(--hair-hi),var(--hair-hi)),
    linear-gradient(var(--hair-hi),var(--hair-hi)),linear-gradient(var(--hair-hi),var(--hair-hi));
  background-size:11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px;
  background-position:
    3px 3px,3px 3px,
    calc(100% - 3px) 3px,calc(100% - 3px) 3px,
    3px calc(100% - 3px),3px calc(100% - 3px),
    calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px)}


























.pn > .pn-tab{position:absolute;top:-8px;left:14px;z-index:2;
  background:var(--raised);color:var(--accent);
  font-size:11px;line-height:1;padding:3px 6px;white-space:nowrap;
  text-transform:var(--caps);letter-spacing:calc(.12em * var(--track))}




























.pn > .pn-meta{display:block;padding:0 16px 0;text-align:right;
  font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}
@media(min-width:1000px){
  .pn > .pn-meta{position:absolute;top:-8px;right:14px;z-index:2;padding:0 8px;
    background:var(--raised);max-width:calc(100% - 200px);overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap}
}







.pn-ground{position:relative}
.pn-ground::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px,
    color-mix(in srgb,var(--hair-hi) 35%,transparent) 1px,transparent 0);
  background-size:24px 24px}










.pn-cells{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);
  grid-template-columns:repeat(var(--pn-cols,3),minmax(0,1fr))}



@media(max-width:999px){.pn-cells{--pn-cols:2}}
.pn-cell{background:var(--sunk);padding:12px 14px 14px}





.pn-cell.is-lit{border-top:2px solid var(--accent)}
.pn-cell.is-lit .pn-num{color:var(--accent)}
.pn-cell.is-faint .pn-num{color:var(--faint)}





.pn-num{font-size:28px;line-height:1;color:var(--bright);font-variant-numeric:tabular-nums}

.pn-num.is-big{font-size:36px}
.pn-label{font-size:11px;color:var(--dim);text-transform:var(--caps);
  letter-spacing:calc(.12em * var(--track))}





.pn-word{font-size:26px;line-height:1.15;text-align:center;text-transform:var(--caps);
  letter-spacing:calc(.08em * var(--track));font-variant-numeric:tabular-nums}
.pn-word.is-good{color:var(--good)}
.pn-word.is-warn{color:var(--accent)}
.pn-word.is-bad{color:var(--bad)}


.pn-meter{flex:0 0 8px;width:8px;align-self:stretch;min-height:46px}
.pn-meter.is-good{border:1px solid var(--good);
  background:repeating-linear-gradient(-45deg,var(--good) 0 3px,transparent 3px 6px)}
.pn-meter.is-warn{border:1px solid var(--accent);
  background:repeating-linear-gradient(-45deg,var(--accent) 0 3px,transparent 3px 6px)}







.pn-gauge{display:block;height:6px;background:var(--hair)}
.pn-gauge-fill{display:block;height:100%;width:var(--pn-fill,0)}
.pn-gauge-fill.is-good{background:var(--good)}
.pn-gauge-fill.is-warn{background:var(--accent)}
.pn-gauge-fill.is-bad{background:var(--bad)}




.pn-bar{display:flex;height:6px;background:var(--hair)}
.pn-bar-seg{height:100%;width:var(--pn-fill,0)}
.pn-bar-seg.is-accent{background:var(--accent)}
.pn-bar-seg.is-good{background:var(--good)}
.pn-bar-seg.is-warn{background:var(--accent)}
.pn-bar-seg.is-bad{background:var(--bad)}
.pn-bar-seg.is-info{background:var(--info)}







.pn-loz{flex:0 0 auto;display:inline-block;font-size:11px;line-height:1.5;padding:1px 6px;
  color:var(--dim);border:1px solid var(--hair);white-space:nowrap;
  text-transform:var(--caps);letter-spacing:calc(.1em * var(--track));
  font-variant-numeric:tabular-nums}
.pn-loz.is-accent{background:var(--accent);color:var(--void);border-color:var(--accent);
  font-weight:700}


.pn-loz.is-warn{color:var(--dim);border-color:var(--hair-hi)}
.pn-loz.is-good{color:var(--good);border-color:color-mix(in srgb,var(--good) 55%,transparent)}
.pn-loz.is-bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 55%,transparent)}
.pn-loz.is-info{color:var(--dim);border-color:var(--hair-hi)}











.pn-log{border:0;background:none}
.pn-log > .pn-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:9px 12px;
  font-size:11.5px;line-height:1.5;min-width:0}
.pn-log > .pn-row + .pn-row{border-top:1px solid var(--hair)}






.pn-log > .pn-row.is-unread{box-shadow:inset 2px 0 0 var(--accent)}

.pn-time{order:-1;flex:0 0 3.6em;color:var(--dim);font-size:12px;white-space:nowrap;
  font-variant-numeric:tabular-nums}
.pn-actor{color:var(--accent);text-decoration:none;overflow-wrap:anywhere}
a.pn-actor:hover{text-decoration:underline}
.pn-verb{color:var(--ink)}
.pn-path{color:var(--dim);text-decoration:none;overflow-wrap:anywhere;min-width:0}
a.pn-path:hover{color:var(--bright)}


















.pn-time,.pn-loz,.pn-actor,.pn-verb,.pn-path{unicode-bidi:isolate}





.pn-hazard{background-repeat:no-repeat;background-size:100% 6px;background-position:0 0;
  background-image:repeating-linear-gradient(-45deg,var(--bad) 0 8px,transparent 8px 16px)}






.pn-ghost{position:absolute;right:16px;bottom:-4px;z-index:0;pointer-events:none;
  font-size:72px;line-height:.75;color:var(--hair-hi);font-variant-numeric:tabular-nums;
  letter-spacing:calc(.04em * var(--track))}








.pn-rail{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;
  border-left:2px solid transparent;color:var(--dim);font-size:12px;text-decoration:none}
@media(pointer:coarse){.pn-rail{min-height:var(--tap-min)}}
.pn-rail:hover{color:var(--bright);background:var(--panel)}



.pn-mark{border-left:2px solid var(--accent);color:var(--bright);
  background:color-mix(in srgb,var(--accent) 10%,transparent)}
.pn-rail.pn-mark:hover{color:var(--bright);
  background:color-mix(in srgb,var(--accent) 10%,transparent)}
.pn-group{font-size:11px;color:var(--dim);text-transform:var(--caps);
  letter-spacing:calc(.12em * var(--track));padding:0 14px 6px;margin:0 0 5px;
  border-bottom:1px solid var(--hair)}






.pn-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:6px 12px;font:inherit;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer;
  background:var(--sunk);color:var(--ink);border:1px solid var(--hair);text-decoration:none}
.pn-btn:hover{color:var(--bright);border-color:var(--hair-hi)}

.pn-btn.is-primary{background:var(--accent);color:var(--void);border-color:var(--accent);
  font-weight:700;font-size:11px;text-transform:var(--caps);letter-spacing:calc(.12em * var(--track))}
@media(pointer:coarse){.pn-btn{min-height:var(--tap-min)}}





.pn-empty{padding:22px 12px;text-align:center;color:var(--dim);font-size:12px;line-height:1.6}



.profile-view.cos-card .pn{background-color:color-mix(in srgb,var(--raised) 86%,transparent)}
.profile-view.cos-card .pn > .pn-tab,.profile-view.cos-card .pn > .pn-meta{background:color-mix(in srgb,var(--raised) 94%,transparent)}
.profile-view.cos-card .pn-ground::before{display:none}

/* ⟦web/app-screens.css⟧ */



































.pns-col{display:flex;flex-direction:column;gap:22px;padding:18px 0 40px}










.pns-wallet-split{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){
  
  .pns-wallet-split{grid-template-columns:minmax(220px,max-content) minmax(0,1fr);align-items:stretch}
}



.pns-wallet-status{display:flex;border:1px solid var(--hair);background:var(--sunk)}


.pns-wallet-face{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:22px 12px}



.pns-wallet-big{color:var(--accent)}



.pns-wallet-coin{width:26px;height:26px;flex:0 0 auto}

.pns-wallet-coin .credit-slash{animation:credit-glint 3.4s ease-in-out infinite}
@keyframes credit-glint{0%,100%{opacity:1}50%{opacity:.5}}
@media(prefers-reduced-motion:reduce){.pns-wallet-coin .credit-slash{animation:none}}




.pns-wallet-flow{display:flex;flex-direction:column;justify-content:center;gap:10px;
  padding:16px 2px}


.pns-wallet-spent{background:var(--dim)}
.pns-wallet-legend{display:flex;justify-content:space-between;gap:12px}
.pns-wallet-leg{display:flex;flex-direction:column;gap:3px;min-width:0}
.pns-wallet-leg.is-right{text-align:right}
.pns-wallet-fig{font-size:20px;color:var(--ink)}
.pns-wallet-leg.is-earned .pns-wallet-fig{color:var(--accent)}


.pns-wallet-leg.is-ledger .pns-wallet-fig{color:var(--info)}





.pns-wallet-debt{margin:14px 0 0;padding:9px 12px;border:1px solid var(--hair);
  border-top:2px solid var(--bad);background:var(--sunk);
  color:var(--bad);font-size:11.5px;line-height:1.6}















.pns-wallet-amt{margin-left:auto;flex:0 0 auto;color:var(--dim);
  font-variant-numeric:tabular-nums}
.pns-wallet-amt.is-in{color:var(--good)}
.pns-wallet-amt.is-out{color:var(--dim)}

.pns-wallet-door{position:relative;display:inline-flex;align-items:center;margin-top:12px;font-size:11.5px;color:var(--dim);text-decoration:none}
.pns-wallet-door:hover{color:var(--bright);text-decoration:underline}

@media(pointer:coarse){.pns-wallet-door::after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap-min);transform:translateY(-50%)}}
.pns-wallet-what{color:var(--ink);min-width:0;overflow-wrap:anywhere}
.pns-wallet-subj{color:var(--dim);min-width:0;overflow-wrap:anywhere}








@media(max-width:640px){
  .pns-wallet-amt{order:1}
  .pns-wallet-what{order:2;flex:1 1 100%}
  .pns-wallet-subj{order:3;flex:1 1 100%;margin-top:-2px}
}



































.pns-alerts > .pns-alerts-tab{margin:0;font-size:11px;font-weight:400}





.pns-alerts > .pns-alerts-meta{display:flex;align-items:center;justify-content:flex-end;
  gap:12px;overflow:visible}
.pns-alerts-count{white-space:nowrap}

















@media(max-width:999px){
  .pns-alerts > .pns-alerts-meta{float:right;margin-left:16px}
}



@media(min-width:1000px){ .pns-alerts > .pns-alerts-meta{padding-right:4px} }


.pns-alerts-toggle{position:relative;font:inherit;font-size:10px;line-height:1.5;
  padding:2px 8px;color:var(--dim);border:1px solid var(--hair);background:var(--sunk);
  cursor:pointer;white-space:nowrap;text-transform:var(--caps);
  letter-spacing:calc(.1em * var(--track))}
.pns-alerts-toggle:hover{color:var(--ink);border-color:var(--hair-hi)}
.pns-alerts-toggle.is-on{color:var(--accent);
  border-color:color-mix(in srgb,var(--accent) 55%,transparent)}






@media(pointer:coarse){
  .pns-alerts-toggle::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:var(--tap-min)}
}






.pns-alerts-log .al-row{border-left:2px solid transparent}






.pns-alerts-log .al-row.fresh{padding-left:8px}






.pns-alerts .al-sec-h{font-size:11px;font-weight:400;color:var(--dim)}
.pns-alerts .al-sec-t{color:var(--dim)}
.pns-alerts .al-sec-n{color:var(--faint);font-variant-numeric:tabular-nums}


.pns-alerts-log + .al-sec-h{margin-top:22px}




.pns-alerts-err{color:var(--bad)}


.pns-alerts .al-more{display:flex;justify-content:center;padding:14px 0 2px;margin:0}



















.pns-lb-count{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}


.pns-lb-place{flex:0 0 2.2em;color:var(--dim);font-size:12px;
  font-variant-numeric:tabular-nums}

.pns-lb-row.is-podium .pns-lb-place{color:var(--accent)}







.pns-lb-name{min-width:0}

.pns-lb-climber{flex:1 1 auto;min-width:0}














.pns-lb-name{position:relative}
@media(pointer:coarse){
  .pns-lb-name::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:var(--tap-min)}
}
.pns-lb-tier{flex:0 0 auto;font-size:10px}
.pns-lb-score{flex:0 0 auto;color:var(--bright);font-variant-numeric:tabular-nums}


.pns-lb-gauge{flex:1 1 90px;min-width:56px;align-self:center}


.pns-lb-fill{background:var(--hair-hi)}






@media(max-width:640px){
  .pns-lb-tier{order:1}
  .pns-lb-score{order:2;margin-left:auto}
  .pns-lb-gauge{order:3;flex:1 1 100%;min-width:0}
}






@media(max-width:999px){
  .pns-lb-row.pn-row{align-items:center}
  .pns-lb-row .pns-lb-climber{flex:1 1 0;min-width:0}
  .pns-lb-row .pns-lb-climber .pns-lb-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pns-lb-row .pns-lb-face.vw-cav{flex:0 0 22px;display:flex;width:22px;height:22px}
}























@media(min-width:1000px){
  .pns-lb-row.pn-row{display:grid;align-items:center;column-gap:12px;row-gap:0;
    grid-template-columns:2.4em minmax(0,1fr) 7.5em 5.5em minmax(120px,1.1fr)}
  



  .pns-lb-place{grid-column:1;grid-row:1}
  .pns-lb-row .pns-lb-climber{grid-column:2;grid-row:1;min-width:0;max-width:100%}
  .pns-lb-tier{grid-column:3;grid-row:1;justify-self:start}
  .pns-lb-score{grid-column:4;grid-row:1;justify-self:end;text-align:right}
  .pns-lb-gauge{grid-column:5;grid-row:1;min-width:0;align-self:center}
}











.pns-lb-crown.is-wide{grid-column:1/-1}
@media(min-width:1000px){
  .pns-lb-crowns{--pn-cols:6}
  .pns-lb-crown{grid-column:span 2}
  .pns-lb-crown.is-wide{grid-column:span 2}
  .pns-lb-crown.is-half{grid-column:span 3}
}
.pns-lb-crowns.pns-lb-pitgrid{--pn-cols:1}
.pns-lb-crown.pns-lb-pit{grid-column:1/-1}
















.pns-lb-crown.is-lit{border-top:0}


















.pns-lb-crowns{background:var(--sunk)}
.pns-lb-crown,.pns-lb-crownpanel{box-shadow:0 0 0 1px var(--hair)}




















.pns-lb-crownpanel.crownpanel{grid-column:1/-1;border:0;padding:12px 14px 14px;
  grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:7px;font-size:11.5px}
.pns-lb-crownpanel .cp-v{overflow-wrap:break-word}
.pns-lb-crownpanel .cp-k{font-size:10px}





@media(max-width:640px){
  

  .pns-lb-crownpanel.crownpanel{grid-template-columns:minmax(0,1fr);row-gap:2px;padding:11px 9px 12px}
  .pns-lb-crownpanel .cp-k{margin-top:5px}
  .pns-lb-crownpanel .cp-k:first-child{margin-top:0}
}






.pns-lb-crown.is-open,.pns-lb-crownpanel{box-shadow:0 0 0 1px var(--hair-hi)}
.pns-lb-crown.is-open{background:var(--raised)}





























.pns-lb-crown .roster-row{border-radius:0;padding:10px 12px 10px 10px;gap:12px;background:none;align-items:center}
















.pns-lb-crown .roster-row.vacant{border:0}




@media(max-width:640px){
  .pns-lb-crown .roster-row{gap:9px;padding:9px 9px 9px 8px}
}

















.pns-lb-crown .roster-title{color:var(--dim)}
.pns-lb-crown.is-faint .roster-title{color:var(--faint)}










.pns-lb-staffnote{margin:14px 0 0;font-size:11px;color:var(--faint)}
.pns-lb-viewtoggle{display:flex;gap:6px;margin:0 0 12px}
.pns-lb-viewbtn{font:inherit;font-size:12px;padding:4px 10px;border:1px solid var(--hair-hi);background:none;color:var(--faint);cursor:pointer}
.pns-lb-viewbtn.is-on{color:var(--accent);border-color:var(--accent)}
@media (pointer:coarse){.pns-lb-viewbtn{min-height:44px}}





















.pns-lb-apex{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 22px;
  align-items:start;min-width:0;padding:20px 22px 18px;overflow:hidden;
  border:1px solid var(--hair-hi);
  background:
    radial-gradient(circle at 70px 60px,color-mix(in srgb,#b8a0ff 14%,transparent),transparent 46%),
    linear-gradient(180deg,color-mix(in srgb,var(--raised) 55%,var(--sunk)),var(--sunk));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px -24px rgba(0,0,0,.9)}
.pns-lb-apex.is-vacant{grid-template-columns:minmax(0,1fr);padding:18px 22px}




.pns-lb-apexframe.apex-frame{display:block;width:96px;height:96px;border-radius:0;isolation:isolate;
  align-self:start}
.pns-lb-apexface.vw-cav{width:96px;height:96px;border-width:1px}
.pns-lb-apexface .vw-cav-i{font-size:38px}
.pns-lb-apexbody{min-width:0;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.pns-lb-apexkick{font-size:9.5px;letter-spacing:calc(.22em * var(--track));text-transform:var(--caps);
  color:var(--dim)}


.pns-lb-apexname{font-size:40px;line-height:1.05;font-weight:700;letter-spacing:-.01em;max-width:100%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:flex-start;
  padding-bottom:2px;margin-right:110px}


.pns-lb-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;
  gap:8px;margin-top:6px}
.pns-lb-rbox{display:flex;flex-direction:column;gap:3px;min-width:96px;padding:7px 12px 6px;
  border:1px solid var(--hair-hi);background-color:color-mix(in srgb,var(--sunk) 70%,transparent);
  background-image:linear-gradient(var(--bright),var(--bright)),linear-gradient(var(--bright),var(--bright)),
    linear-gradient(var(--bright),var(--bright)),linear-gradient(var(--bright),var(--bright));
  background-repeat:no-repeat;background-size:6px 1px,1px 6px,6px 1px,1px 6px;
  background-position:left top,left top,right bottom,right bottom}
.pns-lb-rk{font-size:8.5px;letter-spacing:calc(.22em * var(--track));text-transform:var(--caps);color:var(--dim)}
.pns-lb-rv{font-size:20px;line-height:1;color:var(--bright);font-variant-numeric:tabular-nums;white-space:nowrap}
.pns-lb-rbox.is-lead .pns-lb-rv{color:var(--accent);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}

.pns-lb-apexline{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}
.pns-lb-apexscore{color:var(--bright)}
.pns-lb-apexvacant{font-size:13px;color:var(--faint);font-style:italic;padding:8px 0}


.pns-lb-ordinal{position:absolute;right:14px;top:-6px;z-index:0;
  font-size:128px;line-height:1;font-weight:700;color:color-mix(in srgb,var(--hair) 80%,var(--raised));
  letter-spacing:-.04em;pointer-events:none;font-variant-numeric:tabular-nums}


.pns-lb-gap{margin-top:10px;padding-top:10px;border-top:1px solid var(--hair)}
.pns-lb-gapwho{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--dim)}
.pns-lb-gapk{font-size:9.5px;letter-spacing:calc(.16em * var(--track));color:var(--faint);
  font-variant-numeric:tabular-nums;flex:0 0 auto}
.pns-lb-gapname{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.pns-lb-gapby{flex:0 0 auto;margin-left:auto;color:var(--ink)}
.pns-lb-gapnone{font-style:italic;color:var(--faint)}
.pns-lb-gapgauge{margin-top:7px;height:8px}
.pns-lb-gapgauge .pns-lb-fill{background:linear-gradient(90deg,var(--hair-hi),var(--dim))}


.pns-lb-apexkicksince{display:none}
@media(max-width:640px){
  



  .pns-lb-apex{grid-template-columns:72px minmax(0,1fr);grid-auto-rows:auto;gap:4px 14px;padding:16px 14px 14px}
  .pns-lb-apexbody{display:contents}
  .pns-lb-apexframe.apex-frame,.pns-lb-apexface.vw-cav{width:72px;height:72px}
  .pns-lb-apexframe.apex-frame{grid-row:1/3;grid-column:1;align-self:center}
  .pns-lb-apexface .vw-cav-i{font-size:28px}
  .pns-lb-apexkick{grid-column:2;grid-row:1;align-self:end;position:relative;z-index:1}
  .pns-lb-apexkicksince{display:inline}
  .pns-lb-apexname{grid-column:2;grid-row:2;font-size:26px;margin-right:0;justify-self:start;max-width:100%;
    position:relative;z-index:1}
  .pns-lb-readouts{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;
    position:relative;z-index:1}
  .pns-lb-rbox{min-width:0;padding:6px 10px 5px}
  .pns-lb-rbox.is-since{display:none}
  .pns-lb-rv{font-size:18px}
  .pns-lb-gap{grid-column:1/-1;margin-top:4px;position:relative;z-index:1}
  .pns-lb-ordinal{font-size:72px;top:auto;bottom:-14px;right:6px;color:color-mix(in srgb,var(--hair) 55%,var(--sunk))}
}

.pns-lb-shelf{display:flex;align-items:baseline;gap:10px;margin:16px 0 7px;min-width:0}
.pns-lb-shelf:first-of-type{margin-top:0}
.pns-lb-shelfk{flex:0 0 auto;font-size:10px;letter-spacing:calc(.2em * var(--track));
  text-transform:var(--caps);color:var(--accent)}
.pns-lb-shelfsub{min-width:0;font-size:10.5px;color:var(--faint);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.pns-lb-shelf::after{content:"";flex:1 1 12px;min-width:12px;height:1px;background:var(--hair);
  align-self:center}
.pns-lb-shelfpit .pns-lb-shelfk{color:var(--bad)}
.pns-lb-shelfpit::after{background:color-mix(in srgb,var(--bad) 40%,var(--hair))}





.pns-lb-crown{padding:3px}
.pns-lb-crown.is-lit{background:var(--raised);isolation:isolate;overflow:hidden}
.pns-lb-crown.is-faint{background:var(--sunk)}





.pns-lb-plaque{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--hair-hi);background-color:var(--sunk);
  background-image:linear-gradient(var(--hair-hi),var(--hair-hi)),linear-gradient(var(--hair-hi),var(--hair-hi)),
    linear-gradient(var(--hair-hi),var(--hair-hi)),linear-gradient(var(--hair-hi),var(--hair-hi));
  background-repeat:no-repeat;background-size:5px 1px,1px 5px,5px 1px,1px 5px;
  background-position:left top,left top,right bottom,right bottom;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.pns-lb-crown .roster-ic{font-size:24px;line-height:1}
.pns-lb-crown.is-faint .pns-lb-plaque{border-style:dashed;border-color:var(--hair);background-image:none}


.pns-lb-crown.is-faint .roster-ic{opacity:.32}
.pns-lb-head{display:flex;align-items:baseline;gap:6px;min-width:0}
.pns-lb-head .roster-title{flex:0 1 auto;min-width:0;font-size:10px;letter-spacing:calc(.16em * var(--track));
  text-transform:var(--caps)}
.pns-lb-crown.is-lit .roster-title{color:var(--ink)}

.pns-lb-who{display:flex;align-items:center;gap:7px;min-width:0;min-height:22px}
.pns-lb-face.vw-cav{width:22px;height:22px;border-width:1px}
.pns-lb-face .vw-cav-i{font-size:10px}
.pns-lb-who .roster-holder{align-self:center;min-width:0;flex:0 1 auto;font-size:14px}
.pns-lb-stat{display:flex;align-items:baseline;gap:8px;min-width:0;font-size:11px;
  font-variant-numeric:tabular-nums;color:var(--dim)}
.pns-lb-val{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pns-lb-valnone{font-style:italic;color:var(--faint)}
.pns-lb-by{flex:0 0 auto;margin-left:auto;font-size:10px;color:var(--faint);white-space:nowrap}
.pns-lb-crown .roster-body{gap:5px}




@media(max-width:640px){
  .pns-lb-plaque{width:36px;height:36px}
  .pns-lb-crown .roster-ic{font-size:20px}
  .pns-lb-head .roster-title{font-size:9.5px;letter-spacing:calc(.1em * var(--track));white-space:normal}
  .pns-lb-who .roster-holder{font-size:14px}
  .pns-lb-crown:not(.pns-lb-pit) .pns-lb-by{display:none}
}






.pns-lb-pitgrid{margin-top:0;border-color:color-mix(in srgb,var(--bad) 45%,transparent)}
.pns-lb-crown.pns-lb-pit{padding:9px 3px;box-shadow:0 0 0 1px color-mix(in srgb,var(--bad) 45%,transparent);
  background-color:color-mix(in srgb,var(--bad) 7%,var(--sunk));
  background-image:
    repeating-linear-gradient(-45deg,color-mix(in srgb,var(--bad) 75%,transparent) 0 6px,transparent 6px 12px),
    repeating-linear-gradient(-45deg,color-mix(in srgb,var(--bad) 75%,transparent) 0 6px,transparent 6px 12px),
    radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--bad) 18%,transparent),transparent 40%);
  background-repeat:no-repeat;background-size:100% 5px,100% 5px,100% 100%;
  background-position:0 0,0 100%,0 0}
.pns-lb-crown.pns-lb-pit.is-open{background-color:color-mix(in srgb,var(--bad) 12%,var(--raised))}
.pns-lb-pit .pns-lb-plaque{border-color:color-mix(in srgb,var(--bad) 60%,var(--hair-hi));
  background-image:linear-gradient(var(--bad),var(--bad)),linear-gradient(var(--bad),var(--bad)),
    linear-gradient(var(--bad),var(--bad)),linear-gradient(var(--bad),var(--bad));
  background-color:color-mix(in srgb,var(--bad) 10%,var(--sunk))}
.pns-lb-pit .roster-title{color:var(--bad)}
.pns-lb-pit .roster-holder.ulink{color:var(--bad)}
.pns-lb-pit .pns-lb-val{color:color-mix(in srgb,var(--bad) 55%,var(--dim))}

.pns-lb-pit .pns-lb-by.pns-lb-pitnum{font-size:22px;line-height:1;color:var(--bad);font-weight:700;
  text-shadow:0 0 14px color-mix(in srgb,var(--bad) 45%,transparent);align-self:center}
@media(max-width:640px){
  .pns-lb-pit .pns-lb-by.pns-lb-pitnum{font-size:18px}
}






.pns-lb-tomato{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px}
.pns-lb-tomatobtn{display:inline-flex;align-items:center;gap:7px;min-height:var(--tap-min);padding:6px 14px;
  font:inherit;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;
  background:color-mix(in srgb,var(--bad) 16%,var(--sunk));
  border:1px solid color-mix(in srgb,var(--bad) 60%,transparent);border-radius:4px}
.pns-lb-tomatobtn:hover:not(:disabled){background:color-mix(in srgb,var(--bad) 26%,var(--sunk))}
.pns-lb-tomatobtn:disabled{opacity:.55;cursor:default}
.pns-lb-tomatoic{font-size:16px;line-height:1}
.pns-lb-tomatoprice{color:color-mix(in srgb,var(--bad) 55%,var(--ink));font-weight:500}
.pns-lb-tomatomsg{font-size:11px}
.pns-lb-tomatomsg.bad{color:var(--bad)}
.pns-lb-who:has(.pns-lb-splat){position:relative;overflow:visible}
.pns-lb-splat{position:absolute;left:-12px;top:50%;width:46px;height:46px;margin-top:-23px;pointer-events:none;z-index:3;
  border-radius:46% 54% 41% 59% / 52% 38% 62% 48%;
  background:radial-gradient(circle at 38% 34%,#ff8a73 0 9%,transparent 10%),
    radial-gradient(circle at 50% 50%,#e3361f 0 46%,#b81d10 58%,transparent 64%),
    radial-gradient(circle at 12% 22%,#d42a17 0 7%,transparent 8%),
    radial-gradient(circle at 88% 30%,#d42a17 0 6%,transparent 7%),
    radial-gradient(circle at 80% 86%,#c52313 0 8%,transparent 9%),
    radial-gradient(circle at 18% 84%,#d42a17 0 5%,transparent 6%);
  animation:pnsLbSplat 1.6s cubic-bezier(.2,.8,.3,1) both}
.pns-lb-splat::after{content:"";position:absolute;left:44%;top:70%;width:6px;height:14px;border-radius:0 0 3px 3px;
  background:#c52313;transform-origin:top;animation:pnsLbDrip 1.6s ease-in both}
@keyframes pnsLbSplat{
  0%{transform:translateY(-70px) scale(.35);opacity:0}
  22%{transform:translateY(0) scale(.6);opacity:1}
  32%{transform:scale(1.25,.8)}
  44%{transform:scale(.95,1.05)}
  55%{transform:scale(1)}
  82%{opacity:1}
  100%{transform:scale(1);opacity:0}}
@keyframes pnsLbDrip{0%,40%{transform:scaleY(0)}80%{transform:scaleY(1)}100%{transform:scaleY(1.3)}}


.pns-lb-tomatofly{position:fixed;z-index:var(--z-juice);width:0;height:0;pointer-events:none}
.pns-lb-tomatofly-x,.pns-lb-tomatofly-y{display:block;width:0;height:0}
.pns-lb-tomatofly-y{font-size:22px;line-height:22px;width:22px;height:22px;margin:-11px 0 0 -11px;text-align:center}
@media(prefers-reduced-motion:reduce){
  .pns-lb-splat,.pns-lb-splat::after{animation:none}
  .pns-lb-tomatofly{display:none}
}










@media(max-width:999px){
  .pns-lb-climb .pns-lb-climbmeta{text-align:left;padding-left:2px}
}












.pns-coll-new{display:flex;align-items:stretch;gap:0;margin:0 0 14px}
.pns-coll-input{flex:1 1 auto;min-width:0;font:inherit;font-size:12px;
  padding:0 12px;min-height:var(--tap-min);
  color:var(--ink);background:var(--sunk);border:1px solid var(--hair);border-right:0}
.pns-coll-input::placeholder{color:var(--faint)}
.pns-coll-input:focus{outline:none;border-color:var(--hair-hi)}









.pns-coll-add{flex:0 0 auto;min-height:var(--tap-min);border-radius:0}
.pns-coll-msg{display:block;margin:-8px 0 12px;color:var(--bad)}










.pns-coll-grid{background:var(--sunk);border:0;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}









.pns-coll-cell{position:relative;display:flex;flex-direction:column;gap:8px;
  align-items:stretch;text-align:left;box-shadow:0 0 0 1px var(--hair)}






.pns-coll-plate{display:flex;align-items:baseline;gap:7px;
  padding:8px 10px;background:var(--void);border:1px solid var(--hair)}




.pns-coll-n{font-size:16px;line-height:1.1;color:var(--accent);
  font-variant-numeric:tabular-nums}
.pns-coll-unit{font-size:10px;color:var(--dim);text-transform:var(--caps);
  letter-spacing:calc(.12em * var(--track))}




.pns-coll-cell.is-faint .pns-coll-n{color:var(--faint)}
.pns-coll-cell.is-faint .pns-coll-name{color:var(--ink)}





.pns-coll-name{color:var(--bright);font-size:16px;line-height:1.35;
  text-decoration:none;overflow-wrap:anywhere}
.pns-coll-name::after{content:"";position:absolute;inset:0;z-index:1}
.pns-coll-cell:hover .pns-coll-name,
.pns-coll-name:focus-visible{color:var(--accent)}

.pns-coll-cell:hover{background:var(--panel)}


.pns-coll-age{font-size:10.5px;color:var(--dim)}









.pns-coll-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;
  position:relative;z-index:2}
.pns-coll-act{flex:0 0 auto;border-radius:0}
.pns-coll-act.is-del:hover{color:var(--bad);border-color:var(--bad)}

































.pns-data-top{padding:0 0 6px}





.pns-data-host .tp-card{border:0;border-radius:0;background:none;padding:0}
.pns-data-host{margin:0}













.pns-data{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}



.pns-data > .pns-data-meta{max-width:none;overflow:visible}


.pns-data-caught{padding:26px 8px 8px;text-align:center}
.pns-data-caught .qcaught-mark{color:var(--good)}
.pns-data-caught .qcaught-sub{max-width:44ch;margin-inline:auto}
.pns-data-caught .qcaught-stats{margin-top:14px}
.pns-data-caught .qcaught-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  margin-top:18px}





.pns-data-act{border-radius:0}






.pns-data-tabs{display:flex;gap:6px;flex:0 0 auto}
.pns-data-tab{border-radius:0;white-space:nowrap}




.pns-data-rec{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.pns-data-standing{margin:0 0 2px;font-size:12px;line-height:1.45;color:var(--dim)}
.pns-data-grp{padding:8px 0 2px;margin:0;border-bottom:0}





.pns-data-row{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 6px;min-width:0;
  font-size:11.5px;line-height:1.35;color:var(--ink);text-decoration:none}
.pns-data-row + .pns-data-row{border-top:1px solid var(--hair)}
.pns-data-row:hover{background:var(--panel)}
@media(pointer:coarse){.pns-data-row{min-height:var(--tap-min)}}
.pns-data-thumb{flex:0 0 32px;width:32px;height:32px;overflow:hidden;background:var(--raised);
  display:inline-flex;align-items:center;justify-content:center;color:var(--dim);font-size:13px}
.pns-data-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.pns-data-txt{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;overflow:hidden}
.pns-data-rec .pns-data-when{order:0;flex:0 0 auto;font-size:10px}
.pns-data-reclink{display:inline-block;margin-top:14px;color:var(--dim);font-size:12px;text-decoration:none}
.pns-data-reclink:hover{color:var(--bright)}



@media(pointer:coarse){
  .pns-data-reclink{position:relative}
  .pns-data-reclink::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tap-min)}
}


































.pns-u-off{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}


















.pns-u-score .prof-spine{margin-top:0;gap:14px}





.pns-u-score .spine-track{height:6px;border:0;border-radius:0;background:var(--hair)}
.pns-u-score .spine-fill{border-radius:0}

.pns-u-score .spine-add{color:var(--bright);font-variant-numeric:tabular-nums}
.pns-u-score .spine-pct{margin-left:10px;color:var(--dim);font-variant-numeric:tabular-nums}
.pns-u-score .spine-head{gap:8px}
.pns-u-score .spine-lbl{margin-right:auto}






.pns-u-score > .pns-u-scoremeta{color:var(--bright);font-size:20px;letter-spacing:0;font-variant-numeric:tabular-nums}









.pns-u .pns-u-content{display:flex;flex-direction:column;gap:22px}



.pns-u .pns-u-sec{margin-top:0}







@media(min-width:1000px){
  .pns-u .pns-u-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;min-width:0}
  .pns-u .pns-u-content > *{grid-column:1 / -1;min-width:0}
  .pns-u .pns-u-content > .pns-u-score,.pns-u .pns-u-content > .pns-u-sec{margin:0}
  .pns-u .pns-u-content > .prof-pinwall:has(+ .prof-recent){grid-column:1}
  .pns-u .pns-u-content > .prof-pinwall + .prof-recent{grid-column:2}
}
















.pns-u-steam{--pn-pad:8px 0 0}
.pns-u-steam .prof-steam-card{border:0;background:none;border-radius:0;margin:0}








.pns-u .prof-steam-name{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}





.pns-u .pns-u-events{display:block}



.pns-u-ev{color:var(--dim)}



.pns-u-delta{margin-left:auto;color:var(--accent);font-variant-numeric:tabular-nums}
.pns-u-delta.is-down{color:var(--dim)}

.pns-u-kind-ink{color:var(--ink)}


.pns-u-evfoot{display:flex;justify-content:center;padding:10px 0 2px}
.pns-u-evend{color:var(--dim);font-size:11px;line-height:1.4;padding:6px 0}














.pns-u .pns-u-tabs{border:1px solid var(--hair);padding:0;margin:16px 0 22px;gap:1px;background:var(--hair)}





@media(max-width:640px){ .pns-u .pns-u-tabs{margin:10px 0 12px} }




.pns-u .pns-u-tabs .prof-tab{display:inline-flex;align-items:center;justify-content:center;
  background:var(--sunk);color:var(--ink);border:0;border-radius:0;
  padding:0 12px;min-height:34px;font-size:11px;line-height:1.4;text-transform:var(--caps);letter-spacing:calc(.12em * var(--track));
  


  flex:1 0 auto;white-space:nowrap}








@media(pointer:coarse){
  .pns-u .pns-u-tabs .prof-tab{position:relative;min-height:40px;margin-block:0}
  .pns-u .pns-u-tabs .prof-tab::after{display:none}
  .pns-u .pns-u-tabs .prof-tab::before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap-min);transform:translateY(-50%)}
}
.pns-u .pns-u-tabs .prof-tab:hover{color:var(--bright)}


.pns-u .pns-u-tabs .prof-tab.on{background:var(--accent);color:var(--void);font-weight:700}








.pns-u-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pns-u .pns-u-act{gap:8px;padding:8px 16px;font-size:12px;color:var(--bright);border-color:var(--hair-hi);min-height:36px}
.pns-u .pns-u-act:hover{border-color:var(--accent);color:var(--accent)}
.pns-u .pns-u-act.is-warn{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent)}
.pns-u .pns-u-act.is-warn:hover{color:var(--bad);border-color:var(--bad)}

.pns-u .pns-u-act.is-on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}



.pns-u .pns-u-act[data-friend]{background:var(--raised);border-color:var(--hair-hi);color:var(--bright)}
.pns-u .pns-u-act[data-friend="friends"]{color:var(--good);border-color:color-mix(in srgb,var(--good) 55%,transparent)}
.pns-u .pns-u-act[data-friend]:hover{border-color:var(--accent);color:var(--accent)}
.pns-u .pns-u-act:disabled{opacity:.5;cursor:default}
.pns-u-actico{width:16px;height:16px;flex:none}
@media(max-width:640px){ .pns-u-acts{margin-top:12px} .pns-u .pns-u-act{flex:1 1 0} }
@media(pointer:coarse){ .pns-u .pns-u-act{min-height:var(--tap-min);min-width:var(--tap-min)} }



.pfp-modal .modal-acts{flex-wrap:wrap}
.pfp-modal .modal-acts .yes,.pfp-modal .modal-acts .pfp-upload,.pfp-modal .modal-acts .pfp-private{flex:1 1 100%}

.pfp-modal .modal-acts .pfp-private{order:-1}






















.pns-up{display:flex;flex-direction:column;gap:22px;padding-top:18px;padding-bottom:40px}
.pns-up-off{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}








.pns-up-drop .drop{margin:0}




@media (hover:none) and (pointer:coarse){
  .pns-up-drop .pns-up-mouse{display:none}
}








.pns-up-priv #privrow{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}










.pns-up-priv #privrow > .nsfwcheck{padding:11px 2px}








.pns-up-priv #privrow .nsfwcheck input{width:auto;flex:0 0 auto}
@media(pointer:coarse){.pns-up-priv #privrow > .nsfwcheck{min-height:var(--tap-min)}}
.pns-up-priv #privrow > .nsfwcheck + .nsfwcheck{border-top:1px solid var(--hair)}





.pns-up-priv #privrow > .hint{flex:0 0 auto;margin:0;padding:10px 2px 0;
  border-top:1px solid var(--hair);color:var(--dim);line-height:1.6}




.pns-up-gauge{margin:0}



.pns-up-import .importurl{border:0;background:none;padding:0;margin:0}










.pns-up-import .importinput{text-overflow:ellipsis}
.pns-up-import .importinput::placeholder{overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.pns-up-import .importrow{gap:0;margin:0}
.pns-up-import .importrow .btn{margin-left:-1px;border-color:var(--hair);background:var(--sunk)}
.pns-up-import .importrow .btn:hover{border-color:var(--accent)}


.pns-up-import .importhelp{margin-top:10px}










.pns-up-import .importhelp > summary,
.pns-up-ig .igcookie > summary{display:flex;align-items:center;gap:.5em;
  font-size:10px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);
  color:var(--dim)}
.pns-up-import .importhelp > summary::before,
.pns-up-ig .igcookie > summary::before{content:"▸"}
.pns-up-import .importhelp[open] > summary::before,
.pns-up-ig .igcookie[open] > summary::before{content:"▾"}
.pns-up-import .importhelp > summary:hover,
.pns-up-ig .igcookie > summary:hover{color:var(--bright)}





.pns-up-ig .igcookie{border:0;background:none;padding:0;margin:0}




@media (hover:none) and (pointer:coarse){ .pns-up-drop .pns-up-kbd{display:none} }























.pns-hot-panel{margin:18px 0 40px}



.pns-hot-sortrow{display:flex;align-items:center;gap:12px;padding:0 0 12px}
.pns-hot-sortrow .pns-hot-sortbar{margin-left:0;justify-content:flex-start;flex:0 1 auto}


.pns-hot-list .pns-hot-row,.pns-hot-quotes .pns-hot-quote{cursor:pointer}
.pns-hot-top .hotc-b{-webkit-line-clamp:2}

.pns-hot-quote .pns-hot-by{display:inline-block;font-size:11px;margin-bottom:3px}

.pns-hot-row .pns-hot-meta{flex-wrap:wrap}
.pns-hot-row .pns-hot-meta .pns-hot-age{margin-left:auto}
.pns-hot-n{margin-left:auto;font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}








.pns-hot-list .pns-hot-row{border-bottom:0;padding:14px 14px}
.pns-hot-list .pns-hot-row + .pns-hot-row{border-top:1px solid var(--hair)}
.pns-hot-list .pns-hot-row:hover{background:var(--panel)}











.pns-hot-row .hothead{display:flex;flex-direction:column;align-items:stretch;gap:6px;
  width:100%;line-height:1.4}




.pns-hot-row .hotdisc{width:100%;align-self:stretch}
.pns-hot-title{min-width:0}






.pns-hot-meta{display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;width:100%;min-width:0}
.pns-hot-age{font-size:11px;white-space:nowrap}







.pns-hot-quotes{gap:14px}



.pns-hot-quotes .pns-hot-quote{position:relative;background:none;border:0;
  padding:0 0 0 18px;min-width:0}
.pns-hot-quotes .pns-hot-quote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:11px;
  border-left:2px solid var(--hair-hi);border-top:2px solid var(--hair-hi);
  border-top-left-radius:6px;pointer-events:none}


.pns-hot-quotes .pns-hot-quote .hotc-a{color:var(--accent);margin-bottom:3px}
















.pns-tags-box{border:0;background:none;padding:0;margin:0}
.pns-tags-off{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}


















.pns-tags-grid{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);padding:14px 0 24px}
.pns-tags-main{padding:0}
@media(min-width:1000px){
  .pns-tags-grid{grid-template-columns:minmax(0,1fr) 230px;align-items:start}
  .pns-tags-types{position:sticky;top:calc(var(--mast-h,58px) + 16px)}   
}













.pns-tags-tag > .pns-tags-name{background:currentColor;
  -webkit-text-fill-color:var(--void);text-fill-color:var(--void)}





.pns-tags-tag .tagi-left{display:flex;flex-direction:column;gap:8px;padding:0;border:0;
  background:none;min-width:0}



.pns-tags-tag .tagi-search{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;margin:0}
.pns-tags-tag .tagi-search > input{min-width:0;flex:1 1 160px}







.pns-tags-tag .tagi-search > .tagi-plus,
.pns-tags-tag .tagi-search > .tagi-mag{margin-left:-1px;border-radius:0;min-width:0;
  padding:6px 12px;font-size:11px;line-height:1.4;
  background:var(--sunk);color:var(--ink);border:1px solid var(--hair)}
.pns-tags-tag .tagi-search > .tagi-plus:hover,
.pns-tags-tag .tagi-search > .tagi-mag:hover{color:var(--bright);border-color:var(--hair-hi)}






@media(pointer:coarse){
  .pns-tags-tag .tagi-search > .tagi-plus,
  .pns-tags-tag .tagi-search > .tagi-mag{min-height:var(--tap-min)}
}


.pns-tags-capmark{font-size:15px;line-height:1}




.pns-tags-tag .tagi-search > .tagi-name{align-self:stretch;display:flex;align-items:center;
  margin-right:-1px;font-size:11px;padding:4px 11px;border:1px solid var(--hair);
  letter-spacing:calc(.08em * var(--track));text-transform:var(--caps)}





@media(max-width:640px){
  .pns-tags-tag .tagi-search > .tagi-plus,
  .pns-tags-tag .tagi-search > .tagi-mag{flex:1 1 50%;margin-top:-1px;justify-content:center}
  .pns-tags-tag .tagi-search > .tagi-mag{margin-left:-1px}
}
.pns-tags-tag .tagi-ta{margin:0}




.pns-tags-tag .tagi-save{align-self:flex-start;padding:6px 12px;font-size:11px;
  background:var(--sunk);color:var(--ink);border:1px solid var(--hair);border-radius:0}
.pns-tags-tag .tagi-save:hover{color:var(--bright);border-color:var(--hair-hi)}
@media(pointer:coarse){.pns-tags-tag .tagi-save{min-height:var(--tap-min)}}








.pns-tags-states{--pn-cols:3;margin-top:10px}
@media(max-width:999px){.pns-tags-states{--pn-cols:3}}
.pns-tags-state{display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  border-top:2px solid transparent}
.pns-tags-state .tag{max-width:100%;overflow:hidden;text-overflow:ellipsis}

.pns-tags-ai{margin-top:7px;text-align:right;font-size:10.5px;color:var(--dim);
  font-variant-numeric:tabular-nums}
.pns-tags-ai.is-bad{color:var(--bad)}


.pns-tags-linkbody{display:flex;flex-direction:column;gap:8px;min-width:0}

.pns-tags-linkbody .tagi-link{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;margin:0}
.pns-tags-linkbody .tagi-link > input{min-width:0;flex:1 1 160px}
.pns-tags-linkbody .tagi-link > .tagi-sel{flex:0 0 auto;border-radius:0}
.pns-tags-linkbody .tagi-link > .tagi-linkbtn{margin-left:-1px;border-radius:0}
.pns-tags-linkbody .tagi-link > input{margin-left:-1px}









@media(max-width:640px){
  .pns-tags-linkbody .tagi-link > .tagi-linkbtn{flex:1 0 100%;margin-left:0;margin-top:-1px}
}





.pns-tags-rels{display:grid;gap:1px;margin-top:14px;--pn-cols:3}
@media(max-width:999px){.pns-tags-rels{--pn-cols:1}}
.pns-tags-rel{display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  border-top:2px solid transparent;text-align:left}
.pns-tags-relh{margin:0}
.pns-tags-relbody{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0;
  background:none;min-height:0;min-width:0}
.pns-tags-relbody:empty{display:none}




.pns-tags-posts .tagi-strip{margin:0}








.pns-tags-tree .tagi-tree{border:0;background:none;padding:0;margin:0}



.pns-tags-notice{margin-bottom:14px}
.tgn-pair{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0}
@media(min-width:641px){.tgn-pair{grid-template-columns:1fr 1fr}}
.tgn-side{border:1px solid var(--hair);background:var(--sunk);padding:10px 12px;min-width:0}
.tgn-side.is-new{border-color:var(--accent-deep,var(--hair))}
.tgn-label{color:var(--faint);font-size:11px;letter-spacing:calc(.08em * var(--track));text-transform:uppercase;margin-bottom:6px}
.tgn-text{color:var(--ink);font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.tgn-side.is-old .tgn-text{color:var(--dim)}
.tgn-text.is-none{color:var(--faint);font-style:italic}
.tgn-why{color:var(--dim);font-size:13px;margin:4px 0 10px}
.tgn-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tgn-acts .btn{min-height:44px}
.tgn-edit{width:100%;background:var(--sunk);border:1px solid var(--hair);color:var(--ink);font:inherit;font-size:14px;padding:8px 10px}
.tgn-state{color:var(--good);font-size:13px}
.tgn-how{margin:0 0 8px}



.tdp-why{width:100%;background:var(--sunk);border:1px solid var(--hair);color:var(--ink);font:inherit;font-size:14px;padding:8px 10px;margin:6px 0}
.pns-tags-proposals{margin-top:12px}
.tdp-card{border:1px solid var(--hair);background:var(--sunk);padding:10px 12px;margin-top:8px;min-width:0}
.tdp-card.is-mine{border-color:var(--accent-deep,var(--hair))}
.tdp-body{color:var(--ink);font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.tdp-reason{color:var(--dim);font-size:13px;margin-top:6px;overflow-wrap:anywhere}
.tdp-meta{color:var(--faint);font-size:12px;margin-top:6px}
.tdp-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.tdp-acts .btn{min-height:44px}
.tdp-vote.is-on{border-color:var(--accent);color:var(--accent)}



.pns-tags-history{margin-top:12px}
.thc-card{border:1px solid var(--hair);background:var(--sunk);padding:10px 12px;margin-top:8px;min-width:0}
.thc-card.is-mine{border-color:var(--accent-deep,var(--hair))}
.thc-card.is-reverted .thc-what{opacity:.55}
.thc-what{color:var(--ink);font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.thc-field{font-family:var(--mono,monospace);font-size:12px;color:var(--dim)}
.thc-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:start;margin-top:4px}
.thc-before{color:var(--dim);text-decoration:line-through;text-decoration-color:var(--faint);overflow-wrap:anywhere}
.thc-before.is-empty{text-decoration:none;color:var(--faint)}
.thc-after{color:var(--ink);overflow-wrap:anywhere}
.thc-tally{white-space:nowrap}
.thc-arrow{color:var(--faint)}
.thc-meta{color:var(--faint);font-size:12px;margin-top:6px;overflow-wrap:anywhere}
.thc-by{color:var(--dim)}
.thc-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.thc-acts .btn{min-height:44px}
.thc-vote.is-on{border-color:var(--accent);color:var(--accent)}
.thc-punish{color:var(--bad,var(--ink))}
.thc-punish.is-armed{border-color:var(--bad,var(--accent));background:var(--bad,var(--accent));color:var(--void,#000)}
.thc-more{margin-top:8px;min-height:44px}
@media (max-width:640px){.thc-pair{grid-template-columns:minmax(0,1fr)}.thc-arrow{display:none}}









.pns-tags-types .tagi-types{padding:0;border:0;background:none;min-width:0}
.pns-tags-types .tagi-typelist{flex:1 1 auto;display:flex;flex-direction:column;gap:0;
  border:0;padding:0;background:none;min-width:0}






.pns-tags-types .tagi-type{justify-content:flex-start;text-align:left;width:100%;min-width:0;
  padding:7px 10px;white-space:normal;
  border:0;border-left:2px solid currentColor;background:none;border-radius:0;
  font-size:11px;letter-spacing:calc(.12em * var(--track))}






@media(pointer:coarse){.pns-tags-types .tagi-type{min-height:var(--tap-min)}}
.pns-tags-types .tagi-type + .tagi-type{border-top:1px solid var(--hair)}
.pns-tags-types .tagi-type:hover:not(:disabled){background:var(--panel)}

.pns-tags-types .tagi-type.on{background:color-mix(in srgb,var(--accent) 12%,transparent)}





.pns-tags-types .tagi-lever{flex:0 0 22px;width:22px;margin:0;align-self:stretch}









.pns-tags-sortbar .sortopt{padding:6px 12px;font-size:11px;line-height:1.4;border-radius:0;
  background:var(--sunk);color:var(--ink);border:1px solid var(--hair)}
.pns-tags-sortbar .sortopt:hover{color:var(--bright);border-color:var(--hair-hi)}
.pns-tags-sortbar .sortopt.on{background:var(--accent);color:var(--void);
  border-color:var(--accent);font-weight:700}














.pns-tags-sortbar{flex:1 1 0}
@media(pointer:coarse){
  .pns-tags-sortbar .sortopt{min-height:var(--tap-min);margin-block:0}
  .pns-tags-sortbar .sortopt::after{display:none}
  








  .pns-tags-sortbar{row-gap:8px}
  






  .pns-tags-count{align-self:flex-start;display:flex;align-items:center;min-height:var(--tap-min)}
}

.pns-tags-find{flex:1 1 100%;order:-1;display:flex}
.pns-tags-findinp{flex:1 1 auto;min-width:0;min-height:var(--tap-min);padding:0 12px;font-size:15px;
  background:var(--void);color:var(--bright);border:1px solid var(--hair-hi);border-radius:0}
.pns-tags-findinp:focus{outline:none;border-color:var(--accent)}







































.pns-search{margin-top:18px}















@media(max-width:999px){ .pns-search{--pn-pad:18px 10px 14px} }










.pns-search-bar{gap:0}
.pns-search-bar .pns-search-go{border-left:0;border-radius:0;margin:0}

.pns-search-bar .pns-search-box{border-right:0}












































.pns-search .sq-narrow.armed,
.pns-search .sqset.on,
.pns-search .sqsort.on{background:var(--accent);border-color:var(--accent);color:var(--void)}
.pns-search .sq-narrow.armed .w,.pns-search .sq-narrow.armed .n,
.pns-search .sqset.on .k,.pns-search .sqset.on .v,
.pns-search .sqsort.on .k,.pns-search .sqsort.on .v,
.pns-search .sqsort.on .dir{color:var(--void)}


.pns-search .sq-narrow.armed .n.badge{background:var(--void);color:var(--accent)}
.pns-search .sqsort.on .dir{border-left-color:var(--void)}


@media(min-width:1000px){
  .pns-search .pns-search-chip{position:relative;display:inline-flex;flex-direction:row;
    align-items:center;gap:6px;padding:5px 9px;font-size:9.5px;line-height:1;
    background:var(--sunk);border:1px solid var(--hair);border-radius:0;
    letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);white-space:nowrap}
  


  .pns-search .pns-search-chip .k{font-size:9.5px;line-height:1;color:var(--dim);
    letter-spacing:calc(.12em * var(--track))}
  .pns-search .pns-search-chip .v{font-size:9.5px;line-height:1;color:var(--ink);
    letter-spacing:calc(.12em * var(--track))}
  .pns-search .pns-search-chip .w{font-size:9.5px;line-height:1;color:var(--dim)}
  .pns-search .pns-search-chip .n{font-size:9.5px;line-height:1;color:var(--ink);
    font-variant-numeric:tabular-nums}
  

  .pns-search .pns-search-chip .dir{border-left:1px solid var(--hair);font-size:11px;
    line-height:1;padding:0 7px;align-self:stretch}
  

  .pns-search .pns-search-group{padding:0;gap:0}
  .pns-search .pns-search-chip .name{flex-direction:row;align-items:center;gap:6px;
    padding:5px 9px;background:none;border:0}
  .pns-search .pns-search-chip.on .name{background:none}
  

  .pns-search .pns-search-chip.list{font-size:9.5px;line-height:1}
  


  .pns-search .pns-search-chip.star{padding:5px 9px;font-size:11px;line-height:1}
  


  .pns-search .sq-narrow .w{display:inline}
  .pns-search .sq-narrow .n.badge{align-self:center;margin:0}
}



@media(max-width:999px){ .pns-search .sqsaved .w{display:none} }









@media(max-width:999px){
  .pns-search .sqrow{gap:3px}
  .pns-search .sqnum{padding-left:5px;padding-right:5px}
  .pns-search .sqset{padding-left:5px;padding-right:5px}
}





@media(max-width:400px){   
  .pns-search .sqset .k,.pns-search .sqset .v,.pns-search .sqnum{letter-spacing:calc(.06em * var(--track))}
  .pns-search .sqnum{padding-left:4px;padding-right:4px}
  .pns-search .sqset{padding-left:4px;padding-right:4px}
}






@media(pointer:coarse){
  .pns-search .pns-search-chip::after{
    content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
  






  .pns-search .pns-search-group::after{content:none}
}













.pns-search-resbar{padding:2px 0 6px;border-bottom:0;justify-content:flex-end}




































.pns-door.pns-door{border:0;background:none;padding:0;margin-top:9vh;max-width:440px}
.pns-door .pns-door-panel{padding:26px 18px 20px}



h2.pns-door-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}


.pns-door .sub{margin:2px 0 16px;color:var(--dim);font-size:11px;line-height:1.5}

.pns-door .pns-door-hint{margin:8px 0 12px}





.pns-door-rows{display:flex;flex-direction:column;gap:1px;background:var(--hair);
  border:1px solid var(--hair)}
.pns-door-row{display:grid;grid-template-columns:minmax(0,112px) minmax(0,1fr);
  align-items:stretch;background:var(--sunk)}








.pns-door .pns-door-lab{display:flex;align-items:center;margin:0;padding:0 10px;
  border-right:1px solid var(--hair);color:var(--dim);font-size:9px;line-height:1.3;
  text-transform:var(--caps);letter-spacing:calc(.1em * var(--track))}


.pns-door .pns-door-in{border:0;border-radius:0;background:none;color:var(--ink);
  font:inherit;font-size:16px;padding:11px 13px;min-width:0;width:100%}
.pns-door .pns-door-in::placeholder{color:var(--faint)}



.pns-door .pns-door-in:focus{outline:none}
.pns-door-row:focus-within{background:var(--raised)}
.pns-door-row:focus-within .pns-door-lab{color:var(--accent);border-right-color:var(--accent)}
@media(pointer:coarse){ .pns-door .pns-door-in{min-height:var(--tap-min)} }



.pns-door .pns-door-age{display:flex;align-items:center;gap:12px;margin:0;padding:11px 13px;background:var(--sunk);
  color:var(--ink);font-size:14px;letter-spacing:0;text-transform:none;cursor:pointer}
.pns-door .pns-door-age:focus-within{background:var(--raised)}
.pns-door .pns-door-agebox{width:22px;height:22px;min-height:0;margin:0;padding:0;flex:none;accent-color:var(--accent)}
@media(pointer:coarse){ .pns-door .pns-door-age{min-height:var(--tap-min)} }











@media(max-width:640px){
  .pns-door-row{grid-template-columns:minmax(0,1fr)}
  .pns-door .pns-door-lab{border-right:0;padding:9px 13px 0;font-size:9.5px}
  .pns-door .pns-door-in{padding:3px 13px 11px}
  .pns-door-row:focus-within .pns-door-lab{border-right-color:transparent}
  .pns-door-coderow .pns-door-lab{flex-direction:row;align-items:center;gap:8px;
    padding:9px 13px 0}
}


















.pns-door .pns-door-panel button.pns-door-go{width:100%;margin-top:16px;padding:11px;
  border-radius:0;font-size:11px;background:var(--accent);color:var(--void);
  border:1px solid var(--accent);font-weight:700}
.pns-door .pns-door-panel button.pns-door-go:hover{background:var(--accent-deep);
  border-color:var(--accent-deep);color:var(--void)}



@media(pointer:coarse){ .pns-door .pns-door-panel button.pns-door-go{min-height:var(--tap-min)} }



.pns-door .pns-door-msg{margin:14px 0 0;font-size:11.5px;line-height:1.5}
.pns-door .pns-door-msg.bad{padding-top:14px;color:var(--bad)}
.pns-door .pns-door-msg:not(.bad){margin:0}


.pns-door .alt{margin-top:16px;color:var(--faint)}


























@media(min-width:1000px){

  


  .pns-post{padding-top:24px}
  .pns-post .pns-post-ctl{gap:26px}
  .pns-post .pns-post-comments{margin-top:30px}

  




  .pns-post .pns-post-frame{--pn-pad:0}
  .pns-post .pns-post-frame .stage{border:0;background:none;padding:12px}
  
  


  .pns-post .pns-post-foot{margin:0;padding:8px 14px;border-top:1px solid var(--hair);
    background:none}
  .pns-post .pns-post-foot .sh-text{font-size:11px;color:var(--dim)}
  .pns-post .pns-post-foot .pns-post-kind{border-color:color-mix(in srgb,var(--accent) 55%,transparent);
    color:var(--accent);letter-spacing:calc(.14em * var(--track))}

  


  .pns-post .pns-post-barwrap{margin-top:16px}
  





  .pns-post .pns-post-bar{gap:6px;align-items:stretch}
  


  .pns-post .pns-post-act{background:var(--sunk);border-color:var(--hair);color:var(--ink);
    height:34px;font-size:13px;padding:0 10px;min-width:104px;justify-content:center;
    flex:0 0 auto}
  






  




  .pns-post .pns-post-bar .ovwrap.push{margin-left:0}
  .pns-post .pns-post-word{white-space:nowrap}
  .pns-post .pns-post-act:hover{border-color:var(--hair-hi);color:var(--bright);background:var(--raised)}
  .pns-post .pns-post-act .c{color:var(--dim);font-size:10px;
    text-transform:var(--caps);letter-spacing:calc(.12em * var(--track))}
  .pns-post .pns-post-bar .vote{background:var(--sunk);border-color:var(--hair);padding:0 8px}
  


  .pns-post .pns-post-bar .vnet{color:var(--accent);font-variant-numeric:tabular-nums}

  




  .pns-post .pns-post-meta{padding-bottom:0}
  .pns-post .pns-post-facts{--pn-cols:3}
  .pns-post .pns-post-facts.is-1{--pn-cols:1}
  .pns-post .pns-post-facts.is-2{--pn-cols:2}
  .pns-post .pns-post-facts.is-4{--pn-cols:2}
  

  .pns-post .pns-post-facts.is-5 .pns-post-fact:last-child{grid-column:span 2}
  .pns-post .pns-post-fact{padding:11px 11px 12px;min-width:0}
  .pns-post .pns-post-fig{font-size:15px;color:var(--bright);overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap}
  .pns-post .pns-post-flab{font-size:9px;margin-top:5px;letter-spacing:calc(.14em * var(--track));
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  
  .pns-post .pns-post-by{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
    padding:12px 2px 16px;font-size:12px;color:var(--dim)}
  .pns-post .pns-post-by .mi{display:inline-flex;align-items:center;gap:5px;min-width:0}
  .pns-post .pns-post-by .mi-g{color:var(--faint)}
  .pns-post .pns-post-by .pns-post-ocr{margin-left:auto}
  .pns-post .pns-post-metaage{font-variant-numeric:tabular-nums}

  





  .pns-post .pns-post-sec.pns-post-sec{background:var(--raised);border-color:var(--hair);
    overflow:visible}
  .pns-post .pns-post-sec.pns-post-sec .inner{padding:4px 0 0}
  











  

  .pns-post .pns-post-sec.pns-post-sec:not(.open){display:flex;flex-wrap:wrap;align-items:center;
    gap:0 10px;padding:0 0 9px;border:0;border-bottom:1px solid var(--hair);background:none}
  .pns-post .pns-post-sec:not(.open) > .pns-post-tab.pns-post-tab{position:static;order:1}
  .pns-post .pns-post-sec:not(.open) > .pns-post-cnt{position:static;order:2;margin-left:auto;
    padding:0;background:none;max-width:none}
  .pns-post .pns-post-sec:not(.open) > .body{order:3;flex:0 0 100%}
  .pns-post .pns-post-sec > .pns-post-tab.pns-post-tab{width:auto;padding:4px 10px;gap:7px;
    background:var(--accent);color:var(--void);border:0;line-height:1;font-size:11px;
    letter-spacing:calc(.12em * var(--track))}
  .pns-post .pns-post-sec > .pns-post-tab.pns-post-tab:hover{color:var(--void);
    background:var(--accent-deep)}
  

  .pns-post .pns-post-sec > .pns-post-tab.pns-post-tab .tri{color:var(--void);opacity:.75}
  .pns-post .pns-post-cnt b{color:var(--accent);font-weight:600}

  

  .pns-post .pns-post-door{padding:9px 0 11px;gap:10px}
  .pns-post .pns-post-doorlbl{color:var(--dim);letter-spacing:calc(.14em * var(--track))}
  .pns-post .pns-post-go{font-size:10.5px}

  




  .pns-post .pns-post-tags .pns-post-confirm{width:100%;margin-top:12px;justify-content:center}
  .pns-post .pns-post-tags .pns-post-addrow{margin-top:12px;border-color:var(--hair)}
  


  .pns-post .pns-post-tags .tzmsg{min-height:0;margin:0}

  








  .pns-post .pns-post-comments > .pns-post-sec.pns-post-sec{border:1px solid var(--hair);
    background:var(--raised)}
  
  .pns-post .pns-post-cmeta{font-size:11px;gap:6px;margin-bottom:5px}
  .pns-post .pns-post-cmeta .ulink{color:var(--ink)}
  
  .pns-post .pns-post-comments .cactions{gap:6px;margin-top:8px}
  .pns-post .pns-post-clink{background:var(--sunk);border:1px solid var(--hair);color:var(--dim);
    padding:3px 9px;font-size:9.5px;text-transform:var(--caps);
    letter-spacing:calc(.12em * var(--track))}
  .pns-post .pns-post-clink:hover{color:var(--accent);border-color:var(--hair-hi);
    background:var(--raised)}
  .pns-post .pns-post-clink.danger:hover{color:var(--bad);
    border-color:color-mix(in srgb,var(--bad) 55%,transparent)}
  .pns-post .pns-post-composer{margin-top:18px}
}













































.pns-dupes-page{display:flex;flex-direction:column;gap:22px;
  padding-top:18px;padding-bottom:40px}



.pns-dupes-page > .pns-dupes-count,
.pns-dupes-page > .pns-dupes-second{position:relative;z-index:1}






.pns-dupes-count.pns-dupes-count{color:var(--accent);border-bottom:1px solid var(--hair-hi);
  padding:0 0 8px;letter-spacing:calc(.14em * var(--track))}

.pns-dupes-second .pns-dupes-count.pns-dupes-count{color:var(--dim);
  border-bottom-color:var(--hair)}
.pns-dupes-second{margin-top:4px}









.pns-dupes-card.pns-dupes-card{margin:0;padding:var(--pn-pad,18px 16px 14px);
  background-color:var(--raised)}








.pns-dupes-verdict.pns-dupes-verdict{background:currentColor;color:var(--dim);
  -webkit-text-fill-color:var(--void)}
.pns-dupes-verdict.is-confirmed{color:var(--good)}
.pns-dupes-verdict.is-likely{color:var(--accent)}
.pns-dupes-verdict.is-weak{color:var(--faint)}
.pns-dupes-verdict.is-merged{color:var(--accent)}
.pns-dupes-verdict.is-dismissed{color:var(--faint)}


.pns-dupes-meta.pns-dupes-meta{font-variant-numeric:tabular-nums}








.pns-dupes-facts.pns-dupes-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  margin:0 0 14px}





@media(max-width:999px){
  .pns-dupes-facts.pns-dupes-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pns-dupes-cell:last-child:nth-child(odd){grid-column:1/-1}
}






.pns-dupes-cell{border-top:2px solid transparent;padding:11px 13px 12px;text-align:center}
.pns-dupes-val{font-size:22px}



.pns-dupes-note{margin-top:5px;font-size:10.5px;line-height:1.45;color:var(--faint);
  overflow-wrap:anywhere}


.pns-dupes-card .pns-dupes-pair.pns-dupes-pair{gap:14px}

.pns-dupes-card .pns-dupes-cand.pns-dupes-cand{background:var(--sunk);
  border:1px solid var(--hair);padding:10px 10px 16px;gap:8px;justify-content:center}
.pns-dupes-card .pns-dupes-cand.keep.keep{border-color:var(--good)}



.pns-dupes-card .pns-dupes-cand.pns-dupes-cand > img,
.pns-dupes-card .pns-dupes-cand.pns-dupes-cand > a,
.pns-dupes-card .pns-dupes-cand.pns-dupes-cand > video,
.pns-dupes-card .pns-dupes-cand.pns-dupes-cand > .cand-gifhold{margin-block:auto}



.pns-dupes-card .pns-dupes-cmeta.pns-dupes-cmeta{gap:8px;align-items:center;
  font-variant-numeric:tabular-nums}





.pns-dupes-card .pns-dupes-id.pns-dupes-id{position:relative;flex:0 0 auto;
  display:inline-block;font-size:10px;line-height:1.5;padding:1px 6px;white-space:nowrap;
  text-transform:var(--caps);letter-spacing:calc(.1em * var(--track));
  font-variant-numeric:tabular-nums;color:var(--accent);text-decoration:none;
  border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}
a.pns-dupes-id:hover{color:var(--bright);border-color:var(--accent)}





@media(pointer:coarse){
  .pns-dupes-card .pns-dupes-id.pns-dupes-id::after{content:"";position:absolute;
    left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tap-min)}
}
.pns-dupes-fact{color:var(--dim);font-size:11px}


.pns-dupes-fact + .pns-dupes-fact::before{content:"·";margin-right:8px;color:var(--hair-hi)}
.pns-dupes-card .pns-dupes-keep.pns-dupes-keep{font-size:10px;line-height:1.5;padding:1px 6px;
  letter-spacing:calc(.1em * var(--track));margin-left:auto}



.pns-dupes-card .pns-dupes-better.pns-dupes-better{font-size:10px;line-height:1.5;padding:1px 6px;
  letter-spacing:calc(.1em * var(--track))}
.pns-dupes-card .pns-dupes-fact + .pns-dupes-better.pns-dupes-better{margin-left:auto}
.pns-dupes-card .pns-dupes-cand.is-better:not(.keep){border-color:var(--accent)}






.pns-dupes-card .pns-dupes-acts.pns-dupes-acts{gap:10px;margin-top:16px;flex-wrap:wrap}





@media(max-width:999px){
  .pns-dupes-card .pns-dupes-acts.pns-dupes-acts > button{flex:1 1 160px}
}



.pns-dupes-card .pns-dupes-hint.pns-dupes-hint{margin-left:0;color:var(--dim);font-size:11.5px}
.pns-dupes-card .pns-dupes-acts > .dnote:only-child{margin-left:0;color:var(--dim);
  font-size:11.5px}



.pns-dupes-card .pns-dupes-tmplrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;
  margin-left:0;width:100%}
.pns-dupes-card .pns-dupes-tmplrow input{min-width:160px;flex:1 1 160px}




.pns-dupes-card .pns-dupes-byline.pns-dupes-byline{display:flex;flex-wrap:wrap;gap:0 4px;
  align-items:baseline;margin:0 0 14px;font-size:11.5px;text-transform:none;
  letter-spacing:calc(.02em * var(--track))}
.pns-dupes-who{color:var(--accent)}
.pns-dupes-did{color:var(--dim)}








.pns-invites-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap}

.pns-invites-stand{display:flex;flex-direction:column;gap:14px}
@media(min-width:640px){.pns-invites-stand{flex-direction:row;align-items:center;gap:22px}}
.pns-invites-trust{display:flex;flex-direction:column;gap:5px;flex:0 0 auto}
.pns-invites-standr{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}

.pns-invites-gauge{position:relative;display:block;width:100%}
.pns-invites-bar{position:absolute;top:-3px;bottom:-3px;left:var(--pn-fill,50%);width:1px;
  background:var(--accent);display:block}
.pns-invites-word{font-size:15px;line-height:1.45;color:var(--ink)}
.pns-invites-word.is-open{color:var(--good);text-transform:var(--caps);
  letter-spacing:calc(.06em * var(--track))}
.pns-invites-word.is-shut{color:var(--ink)}
.pns-invites-trustgo,.pns-invites-tree{align-self:flex-start;color:var(--accent);font-size:11px;
  text-transform:var(--caps);letter-spacing:calc(.1em * var(--track));border:1px solid var(--hair);
  padding:9px 12px;min-height:44px;display:inline-flex;align-items:center}
.pns-invites-trustgo:hover,.pns-invites-tree:hover{border-color:var(--accent);color:var(--bright)}
.pns-invites-tree{margin-top:14px}

.pns-invites-mint{display:flex;flex-direction:column;gap:8px;align-items:stretch;margin:0 0 10px}
@media(min-width:640px){.pns-invites-mint{flex-direction:row;align-items:center;gap:14px}}
.pns-invites-mintbtn{font-size:13px;padding:12px 18px;min-height:48px}
.pns-invites-msg{font-size:11.5px;color:var(--dim);min-height:1em}



.pns-invites-stamps{border:0;margin:0 0 12px;padding:0;min-width:0}
.pns-invites-stamps > legend{padding:0;margin:0 0 6px}

.pns-invites-key{align-items:center}
.pns-invites-code{font-size:12px}

.pns-invites-keystamp{margin:0 0 0 5px;vertical-align:-3px}
.pns-invites-keywhat{color:var(--dim);font-size:11.5px;min-width:0;overflow-wrap:anywhere;
  display:inline-flex;gap:4px;align-items:baseline;flex-wrap:wrap}
.pns-invites-keyacts{display:inline-flex;gap:8px;margin-left:auto;flex:0 0 auto}
@media(max-width:640px){
  .pns-invites-keyacts{flex:1 1 100%;margin-left:0;justify-content:flex-start;margin-top:4px}
  .pns-invites-keyacts > button{flex:1 1 auto}
}
.pns-invites-revoke{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent)}
.pns-invites-revoke:hover{color:var(--bad);border-color:var(--bad)}
.pns-invites-note{padding:8px 12px;font-size:11px;color:var(--faint);border-top:1px solid var(--hair)}

.pns-invites-cards{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.pns-invites-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pns-invites-card{display:flex;flex-direction:column;gap:12px;padding:14px 14px 16px;
  background:var(--sunk);border:1px solid var(--hair);min-width:0}


.pns-invites-card.is-banned{
  border-top:6px solid transparent;
  border-image:repeating-linear-gradient(-45deg,var(--bad) 0 4px,transparent 4px 8px) 6 0 0 0}
.pns-invites-cardhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.pns-invites-cardhead > .ulink{font-size:14px;min-width:0;overflow-wrap:anywhere}
.pns-invites-stamp{display:inline-flex;align-items:center}
.pns-invites-stamp > svg{width:16px;height:16px}
.pns-invites-status{margin-left:auto}

.pns-invites-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
@media(min-width:640px){.pns-invites-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pns-invites-fact{display:flex;flex-direction:column;gap:4px;min-width:0}

.pns-invites-fv{font-size:13px;color:var(--bright);font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;line-height:1.2}
.pns-invites-fv > .inv-rank{font-size:11px}


.pns-invites-distrust{align-self:flex-start;font-size:11px;color:var(--faint);
  border-color:color-mix(in srgb,var(--bad) 35%,transparent)}
.pns-invites-distrust:hover{color:var(--bad);border-color:var(--bad)}
.pns-invites-distrusted{font-size:11px;color:var(--dim);border-left:2px solid var(--bad);padding-left:8px}
.pd-modal textarea{width:100%;min-height:72px;margin-top:6px;font:inherit;font-size:12px;resize:vertical;
  background:var(--sunk);color:var(--ink);border:1px solid var(--hair);padding:6px;white-space:normal}
.pd-modal .mbody p + p{margin-top:8px}
.pd-modal .pd-msg{color:var(--bad);font-size:11px;min-height:1em}

.pns-invites-byline{font-size:13px;line-height:1.5;color:var(--ink)}








.ct-jump{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);z-index:3;
  display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 14px;margin:0;
  border:1px solid color-mix(in srgb,var(--accent) 55%,var(--hair-hi));border-radius:0;
  background:var(--void);color:var(--accent);font:inherit;font-family:var(--ui);font-size:11px;
  letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);white-space:nowrap;cursor:pointer;
  box-shadow:0 4px 14px #000a,0 0 10px color-mix(in srgb,var(--accent) 18%,transparent)}
.ct-jump[hidden]{display:none}
.ct-jump:hover,.ct-jump:focus-visible{border-color:var(--accent);outline:none;
  background:color-mix(in srgb,var(--accent) 12%,var(--void))}


@media (pointer:coarse){.ct-jump::after{content:"";position:absolute;left:0;right:0;top:50%;height:32px;transform:translateY(-50%)}}








@media (prefers-reduced-motion:no-preference){
  


  



  .ct-found{animation:ct-found 2.6s ease-out both,ct-a-glow 1.6s ease-out both}
  .ct-jump:not([hidden]){animation:ct-a-tube .26s linear both}
  



  .hm-chat-menu,.sc-mclock.sc-open .sc-mclock-t,.sc-lb.sc-on img{animation:ct-a-tube .26s linear both}
  


  .sq-pk{animation:ct-a-fade .12s ease-out both}
  .sc-cm{animation:ct-a-print .2s steps(12,end) both}
  


}



.sc-msg.sc-pending,.hm-chat-msg.is-pending{opacity:.6;pointer-events:none}
.sc-msg,.hm-chat-msg{transition:opacity .15s ease-out}


.ct-find{position:fixed;inset:0;z-index:var(--z-menu);display:flex;flex-direction:column;background:var(--void);
  border-left:1px solid color-mix(in srgb,var(--accent) 40%,var(--hair));box-shadow:-10px 0 30px #000b}
.ct-find[hidden]{display:none}
.ct-findbar{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--hair)}
.ct-findin{flex:1;min-width:0;font:inherit;font-size:16px;padding:10px 12px;color:var(--ink);background:var(--sunk);
  border:1px solid var(--hair);border-radius:0}
.ct-findin:focus{outline:none;border-color:var(--accent)}
.ct-findx{flex:none;min-height:var(--tap-min);padding:0 14px;font:inherit;font-size:12px;color:var(--dim);background:none;
  border:1px solid var(--hair);cursor:pointer}
.ct-findx:hover,.ct-findx:focus-visible{color:var(--accent);border-color:var(--accent)}
.ct-findnote{margin:0;padding:8px 14px;font-size:11px;color:var(--faint);font-family:var(--ui)}

.ct-findday{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--hair)}
.ct-finddayl{flex:1;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--faint);font-family:var(--ui);min-width:0}
.ct-finddayin{flex:1;min-width:0;box-sizing:border-box;padding:6px 8px;font:inherit;font-size:13px;color:var(--ink);background:var(--sunk);border:1px solid var(--hair);border-radius:0;color-scheme:dark}
.ct-finddayin:focus{outline:none;border-color:var(--accent)}
.ct-finddaygo{flex:none;padding:6px 12px;font:inherit;font-size:12px;color:var(--void);background:var(--accent);border:0;cursor:pointer}

.ct-finddaybtn{flex:1;min-height:var(--tap-min);padding:0 12px;text-align:left;font:inherit;font-size:12px;color:var(--accent);
  background:var(--sunk);border:1px solid var(--hair);cursor:pointer}
@media (pointer:coarse){
  .ct-finddayin,.ct-finddaygo{min-height:var(--tap-min)}
}
.ct-findlist{flex:1;overflow-y:auto;padding:0 6px 16px}
.ct-findhit{display:block;padding:10px 8px;border-bottom:1px solid color-mix(in srgb,var(--hair) 60%,transparent);
  color:var(--ink);text-decoration:none;min-height:var(--tap-min);box-sizing:border-box}
.ct-findhit:hover,.ct-findhit:focus-visible{background:color-mix(in srgb,var(--accent) 10%,transparent);outline:none}
.ct-findwho{display:flex;gap:8px;align-items:baseline;font-size:12px;margin-bottom:3px}
.ct-findwho b{color:var(--bright);font-weight:500}
.ct-findwhen{font-size:10.5px;color:var(--faint)}
.ct-findtext{display:block;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.ct-findmark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--bright)}
@media (min-width:1000px){.ct-find{inset:56px 0 0 auto;width:400px}}
@media (prefers-reduced-motion:no-preference){.ct-find:not([hidden]){animation:ct-a-tube .26s linear both}}
.hm-chat-find{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;
  padding:0;color:var(--dim);background:none;border:0;cursor:pointer;position:relative}
.hm-chat-find:hover,.hm-chat-find:focus-visible{color:var(--accent)}
.hm-chat-find .navi{width:16px;height:16px}
@media (pointer:coarse){
  .hm-chat-find::after{content:"";position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%)}
}





.sc-chat[data-ct-loading]::before,.hm-chat-log[data-ct-loading]::before{content:"loading older lines\2026";
  position:sticky;top:6px;display:block;height:0;overflow:visible;z-index:2;text-align:center;
  

  margin-bottom:0;
  font-family:var(--ui);font-size:10.5px;line-height:20px;letter-spacing:.06em;color:var(--accent);
  text-shadow:0 0 8px var(--void),0 0 2px var(--void)}





@keyframes ct-a-fade{from{opacity:0}to{opacity:1}}
@keyframes ct-a-print{from{clip-path:inset(-24px calc(100% + 24px) -24px -24px)}to{clip-path:inset(-24px -24px -24px -24px)}}
@keyframes ct-a-glow{from{text-shadow:0 0 7px color-mix(in srgb,var(--accent) 85%,transparent),0 0 1px var(--accent)}
  to{text-shadow:0 0 0 transparent,0 0 0 transparent}}


@keyframes ct-found{0%,38%{--ct-hl-bg:color-mix(in srgb,var(--accent) 16%,transparent)}
  100%{--ct-hl-bg:transparent}}

@media (prefers-reduced-motion:reduce){.ct-found{--ct-hl-bar:var(--accent);
  --ct-hl-bg:color-mix(in srgb,var(--accent) 10%,transparent)}}
@keyframes ct-a-tube{0%{opacity:0}30%{opacity:.85}42%{opacity:.25}58%{opacity:1}72%{opacity:.6}100%{opacity:1}}













.ct-typing{display:block;position:absolute;left:0;right:0;bottom:100%;z-index:1;height:20px;margin:0;padding:0 4px;box-sizing:border-box;
  font-family:var(--ui);font-size:11px;line-height:20px;color:var(--dim);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.ct-typing[hidden]{display:block;visibility:hidden}
.ct-typing .ct-caret{display:inline-block;width:.5em;height:.9em;margin-left:5px;vertical-align:-1px;background:var(--accent)}
@media (prefers-reduced-motion:no-preference){.ct-typing .ct-caret{animation:ct-blink 1.06s steps(2,start) infinite}}
@keyframes ct-blink{to{visibility:hidden}}


.ct-typing .ct-typing-faces{display:inline-flex;vertical-align:-3px;margin:0 8px 0 3px}
.ct-typing .ct-typing-faces:empty{display:none}
.ct-typing .ct-typing-faces > *,.ct-typing .ct-typing-faces > .sc-fc,.ct-typing .ct-typing-faces > .vw-cav{width:14px;height:14px;
  min-width:0;font-size:7px;line-height:14px;border-width:1px;overflow:hidden;flex:none}
.ct-typing .ct-typing-faces > * + *{margin-left:7px}
.ct-typing .ct-typing-faces img{width:100%;height:100%;object-fit:cover}


.ct-typing .ct-typing-faces > [data-pres]::before,.ct-typing .ct-typing-faces > [data-pres]::after{display:none}
.ct-typing .ct-typing-faces > .sc-fc.sc-hasimg[data-pres]{overflow:hidden}



.ct-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-word}
.ct-link:hover{color:var(--bright)}


.ct-me{--ct-hl-bg:color-mix(in srgb,var(--accent) 7%,transparent);--ct-hl-bar:var(--accent)}












@property --ct-hl-bg{syntax:'<color>';inherits:false;initial-value:transparent}
.ct-me,.ct-found,.hm-chat-msg.is-acting,.hm-chat-msg.is-found{
  border-image:linear-gradient(to right,var(--ct-hl-bar,transparent) 2px,var(--ct-hl-bg,transparent) 2px) fill 0 / 0 / 0 var(--ct-bleed-r,0px) 0 var(--ct-bleed-l,0px)}
.ct-me.ct-found{--ct-hl-bar:var(--accent)}





.sc-chat,.hm-chat-log{--ct-rungap:10px}


.ct-b{font-weight:700;color:var(--bright,var(--ink))}
.ct-i{font-style:italic}
.ct-s{text-decoration:line-through;text-decoration-thickness:1px;color:var(--dim)}
.ct-spoil{background:var(--dim);color:transparent;border-radius:2px;padding:0 2px;cursor:pointer;transition:background .15s}
.ct-spoil *{visibility:hidden}
.ct-spoil:hover{background:var(--faint)}
.ct-spoil.is-open{background:color-mix(in srgb,var(--ink) 10%,transparent);color:inherit;cursor:auto}
.ct-spoil.is-open *{visibility:visible}

.ct-spoilx{background:var(--dim);color:transparent;border-radius: 0;padding:0 2px;user-select:none}



.ct-newbar{--nb-ground:var(--void);position:relative;z-index:1;display:flex;align-items:center;gap:8px;
  min-height:34px;padding:0 0 0 2px;margin:0;
  font-family:var(--ui);font-size:11px;letter-spacing:calc(.1em * var(--track,1));text-transform:var(--caps,uppercase);
  color:var(--dim);background:var(--void);border-bottom:1px solid var(--hair)}
.ct-newct{flex:none;min-width:18px;height:16px;padding:0 5px;background:var(--accent);color:var(--void);
  font:700 11px/16px var(--mono);letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums}

.ct-newtxt{flex:1;min-width:0;line-height:1.35;overflow-wrap:anywhere}

.ct-newjump,.ct-newread{flex:none;display:inline-flex;align-items:center;min-height:var(--tap-min);margin:-5px 0;
  padding:0 8px;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;
  color:var(--accent);cursor:pointer}
.ct-newread{padding-right:2px}
.ct-newread::before{content:"";width:1px;height:12px;margin-right:12px;background:var(--hair-hi)}
.ct-newjump:hover,.ct-newread:hover,.ct-newjump:focus-visible,.ct-newread:focus-visible{
  color:var(--bright);text-decoration:underline;text-underline-offset:3px;outline:none}

.ct-newbar::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;pointer-events:none;
  background:linear-gradient(to bottom,var(--nb-ground) 20%,transparent)}

.hm-chat > .ct-newbar{--nb-ground:var(--raised);background:transparent;margin-bottom:4px}

.sc-panel > .ct-newbar{position:sticky;top:0;z-index:2;margin:0 0 6px}
@media (pointer:coarse){ .ct-newjump,.ct-newread{min-width:var(--tap-min)} }




.ct-replybar{position:relative;display:flex;align-items:center;gap:0;min-width:0;min-height:var(--tap-min);margin:0;padding:0 0 0 10px;
  border-top:1px solid var(--hair);border-left:2px solid var(--accent);background:transparent;color:var(--dim)}
.ct-rbtxt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:4px 0}
.ct-rbtag{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--ui);font-size:11px;line-height:1.3;
  letter-spacing:calc(.1em * var(--track,1));text-transform:var(--caps,uppercase);color:var(--dim)}
.ct-rbwho{font-weight:400;color:var(--ink);text-transform:none;letter-spacing:0;margin-left:.2em}
.ct-rbquote{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;color:var(--faint)}
.ct-rbbell,.ct-rbx{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);min-width:var(--tap-min);min-height:var(--tap-min);
  border:0;background:none;font:inherit;color:var(--faint);cursor:pointer}
.ct-rbbell,.ct-rbx{padding:0}
.ct-rbx{font-size:14px}
.ct-rbbell.is-on{color:var(--accent)}
.ct-rbbell:hover,.ct-rbx:hover,.ct-rbbell:focus-visible,.ct-rbx:focus-visible{color:var(--bright,var(--ink));outline:none}
.ct-rbbell.is-on:hover,.ct-rbbell.is-on:focus-visible{color:var(--accent)}
.ct-rbbell svg{display:block;width:20px;height:20px}
.ct-rbbell.is-on svg{fill:currentColor}

.ct-rbtip{position:absolute;right:6px;bottom:calc(100% - 4px);z-index:3;padding:2px 6px;white-space:nowrap;pointer-events:none;
  font-family:var(--ui);font-size:11px;line-height:1.3;color:var(--ink);background:var(--void);border:1px solid var(--hair-hi,var(--hair));
  opacity:0;transition:opacity .12s}
.ct-rbbell:hover .ct-rbtip,.ct-rbbell:focus-visible .ct-rbtip,.ct-rbbell.is-tip .ct-rbtip{opacity:1}


.ct-emo.is-img{position:relative;display:inline-block;width:1.375em;height:1.375em;vertical-align:-.35em;margin:0 .05em}
.ct-emo.is-img img{width:100%;height:100%;object-fit:contain;display:block}
.ct-emo-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ct-jumbo .ct-emo.is-img{width:48px;height:48px;vertical-align:middle}
.ct-code{font-family:var(--mono,monospace);font-size:.92em;padding:0 4px;background:var(--sunk);
  border:1px solid var(--hair);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}




.le-slot:empty{display:none}
.le-card{position:relative;margin:6px 0 2px;padding:8px 10px 10px;max-width:min(420px,100%);box-sizing:border-box;
  background:var(--sunk);border:1px solid var(--hair);border-left:3px solid var(--accent);border-radius:3px;
  font-family:var(--ui);display:flex;flex-direction:column;gap:4px;min-width:0}
.le-head{display:flex;gap:8px;align-items:baseline;min-width:0;padding-right:22px;font-size:11px;line-height:1.3}
.le-prov{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;flex:none}
.le-by{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.le-card .le-title{color:var(--bright,var(--ink));text-decoration:none;font-size:13px;line-height:1.35;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.le-card .le-title:hover{text-decoration:underline}
.le-media{position:relative;display:block;margin-top:4px;padding:0;border:0;background:var(--void);cursor:pointer;
  border-radius:2px;overflow:hidden;width:fit-content;max-width:100%;text-decoration:none}


.le-media.le-playing{aspect-ratio:16/9;width:100%}
.le-thumb{display:block;width:auto;height:auto;max-width:100%;max-height:260px;object-fit:contain;background:var(--void)}
.le-image .le-thumb,.le-post .le-thumb,.le-link .le-thumb{height:auto;max-height:260px;object-fit:contain;background:var(--void)}
.le-link .le-thumb{max-height:140px;width:auto;max-width:100%}
.le-nothumb{display:none}
.le-play{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;
  background:color-mix(in srgb,var(--void) 70%,transparent);border:2px solid var(--bright,#fff);color:var(--bright,#fff);
  font-size:18px;line-height:44px;text-align:center;padding-left:3px;box-sizing:border-box;pointer-events:none}
.le-media:hover .le-play,.le-media:focus-visible .le-play{background:var(--accent)}
.le-frame{display:block;width:100%;height:100%;border:0}
.le-x{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;border:0;background:none;color:var(--dim);
  font:inherit;font-size:16px;line-height:22px;cursor:pointer;border-radius:2px}
.le-x:hover,.le-x:focus-visible{color:var(--bright,var(--ink));background:var(--hair);outline:none}





.le-mwrap{position:relative;display:block}
.le-lchip{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:0 4px;height:15px;box-sizing:border-box;
  vertical-align:middle;border:1px solid var(--hair);border-radius:0;background:rgba(0,0,0,.45);color:var(--dim);
  font:inherit;font-family:var(--mono,monospace);font-size:11px;line-height:13px;cursor:pointer;flex:none}
.le-lchip:hover,.le-lchip:focus-visible,.le-lchip[aria-expanded="true"]{color:var(--bright,var(--ink));border-color:var(--accent);outline:none}
.le-lcount{font-weight:600}
.le-ldrop{position:fixed;z-index:var(--z-menu);min-width:220px;max-width:min(420px,calc(100vw - 16px));max-height:min(320px,60vh);
  overflow-y:auto;box-sizing:border-box;padding:4px;background:var(--sunk);border:1px solid var(--accent);border-radius:0;
  box-shadow:0 6px 20px color-mix(in srgb,var(--void) 70%,transparent);font-family:var(--ui)}
.le-lrow{display:flex;align-items:center;gap:6px;min-width:0}
.le-lrow + .le-lrow{border-top:1px solid var(--hair)}
.le-lopen{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:7px 6px;color:var(--ink);text-decoration:none;
  font-family:var(--mono,monospace);font-size:12px;line-height:16px}
.le-ldrop .le-burl{white-space:normal;overflow-wrap:anywhere}
.le-lopen:hover,.le-lopen:focus-visible{color:var(--bright,var(--ink));background:var(--hair);outline:none}
.le-lcopy{flex:none;padding:4px 8px;border:1px solid var(--hair);background:var(--void);color:var(--dim);font:inherit;
  font-size:11px;line-height:14px;cursor:pointer;border-radius:0}
.le-lcopy:hover,.le-lcopy:focus-visible{color:var(--bright,var(--ink));border-color:var(--accent);outline:none}
.le-bico{width:12px;height:12px;flex:none;color:var(--accent)}
.le-lchip .le-bico{width:10px;height:10px;display:block}   


.le-rrow{display:flex;align-items:center;gap:10px;min-width:0}
.le-rpic{width:40px;height:40px;flex:none;object-fit:cover;border-radius:0;background:var(--void)}
.le-rwords{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.le-card .le-rname{display:flex;align-items:center;gap:5px;min-width:0;-webkit-line-clamp:unset}
.le-rnm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.le-rmark{display:inline-flex;flex:none;width:16px;height:16px;color:var(--dim)}
.le-rmark svg{width:16px;height:16px}
.le-rmark-nsfw,.le-rmark-nsfl{color:var(--accent)}
.le-rclub{font-size:12px;color:var(--dim)}
.le-rgo{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 14px;
  box-sizing:border-box;border:1px solid var(--accent);border-radius:0;background:var(--void);color:var(--bright,var(--ink));
  font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.le-rjoin{background:var(--good,var(--accent));border-color:var(--good,var(--accent));color:var(--void)}
.le-rgo:hover,.le-rgo:focus-visible{filter:brightness(1.12);outline:none}

.le-rwho{display:flex;align-items:center;gap:8px;min-width:0;margin-top:6px;font-size:12px;line-height:20px;color:var(--dim)}
.le-rfaces{display:inline-flex;flex:none;gap:2px}
.le-rface{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;overflow:hidden;
  border-radius:0;background:var(--void);border:1px solid var(--hair);font-size:11px;line-height:1;color:var(--ink)}
.le-rfimg{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}
.le-rnames{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.le-rcount{flex:none;color:var(--dim);white-space:nowrap}
.le-rnone{color:var(--dim)}
.le-burl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.le-desc{font-size:12px;line-height:1.35;color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden}
.le-here .le-thumb{height:auto;max-height:220px;object-fit:contain;background:var(--void)}
.le-here-club .le-mwrap,.le-here-room .le-mwrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.le-here-club .le-media,.le-here-room .le-media{width:auto}
.le-here-club .le-thumb,.le-here-room .le-thumb{max-height:120px;width:auto;max-width:100%}
.le-src.le-src{display:none}
@media (pointer:coarse){
  .le-lchip{position:relative;justify-content:center}
  .le-lchip::after{content:"";position:absolute;left:50%;top:50%;width:var(--tap-min);height:var(--tap-min);transform:translate(-50%,-50%)}
  .le-lopen{min-height:var(--tap-min)}
  .le-lcopy{min-height:var(--tap-min);min-width:var(--tap-min)}
  .le-rgo{min-height:var(--tap-min)}
  .le-x{min-width:var(--tap-min);min-height:var(--tap-min);top:0;right:0}
  .le-head{padding-right:var(--tap-min)}
}



@media (min-width:1000px){
  .ct-typing{height:28px;line-height:28px;font-size:13px;margin:0;color:var(--ink)}
  .ct-typing .ct-typing-faces{vertical-align:-5px;margin-right:8px}
  .ct-typing .ct-typing-faces > *,.ct-typing .ct-typing-faces > .sc-fc,.ct-typing .ct-typing-faces > .vw-cav{width:20px;height:20px;
    font-size:9px;line-height:20px}
  .ct-typing .ct-typing-faces > * + *{margin-left:8px}
}





.dvr{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}
.dvr-head,.dvr-sug{display:flex;gap:12px;align-items:flex-start}
.dvr-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.dvr-title{font-weight:600}
.dvr-thumb{display:inline-flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;
  text-decoration:none;color:var(--dim);font-size:.8em}
.dvr-thumb img{width:92px;height:92px;object-fit:cover;border:1px solid var(--hair);background:var(--panel);display:block}
.dvr-thumb.is-gone img{opacity:.4}
.dvr-tid{white-space:nowrap}
.dvr-pair{display:flex;align-items:center;gap:12px;margin:8px 0}
.dvr-pair .dvr-thumb img{width:120px;height:120px}
.dvr-vs{color:var(--faint);letter-spacing:calc(.14em * var(--track));text-transform:uppercase;font-size:.8em}
.dvr-cells{margin:8px 0}
.dvr-line{font-size:.92em;line-height:1.4;word-break:break-word}
.dvr-faint{color:var(--faint)}
.dvr-sub{margin-top:10px;color:var(--dim);font-size:.78em;letter-spacing:calc(.14em * var(--track));text-transform:uppercase}
.dvr-timeline{display:flex;flex-direction:column;gap:6px;margin:6px 0 4px;padding-left:10px;border-left:2px solid var(--hair)}
.dvr-timeline .dvr-vote.is-right b{color:var(--good)}
.dvr-timeline .dvr-vote.is-wrong b{color:var(--bad)}
.dvr-timeline .dvr-punish{color:var(--bad)}
.dvr-timeline .is-reverted,.dvr-timeline .is-failed{color:var(--faint);text-decoration:line-through}
.dvr-timeline .dvr-verb{color:var(--accent)}
.dvr-dossier{color:var(--dim);text-decoration:underline dotted}
.dvr-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.dvr-pen{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.dvr-penbtn.dvr-penbtn{padding:0 10px;font-size:.8em}   
.dvr-penform{display:inline-flex;align-items:center;gap:6px}
.dvr-penform input{width:4.5em;min-height:44px;padding:0 6px;background:var(--panel);color:var(--fg);border:1px solid var(--hair)}
.dvr-acts .dnote{flex-basis:100%;color:var(--dim);font-size:.9em}
.dvr-sug{padding:10px 0;border-top:1px solid var(--hair);align-items:center}
.dvr-hist{margin-top:8px}
.dvr-hline{padding:2px 0}
.dvr-unrec{color:var(--warn,var(--accent));font-size:.85em}
.dvr-sug:first-of-type{border-top:0}
.dvr-search{display:flex;align-items:center;gap:8px;position:relative;z-index:1}
.dvr-search input{width:7em;min-height:44px;padding:0 8px;background:var(--panel);color:var(--fg);border:1px solid var(--hair)}
.dvr-hash{color:var(--faint)}
.modal-card.dvr-modal{max-width:min(96vw,880px);width:96vw}   
.dvr-mbody{max-height:72vh;overflow:auto}

.dvr-back{position:relative;z-index:1}
@media (max-width:400px){
  .dvr-pair .dvr-thumb img{width:96px;height:96px}
  .dvr-thumb img{width:72px;height:72px}
}





.upbar-on{position:relative}
.upbar{position:absolute;left:0;bottom:0;width:4px;height:0;z-index:2;background:var(--accent);
  box-shadow:0 0 6px color-mix(in srgb,var(--accent) 60%,transparent)}
@media (prefers-reduced-motion:no-preference){.upbar{transition:height .15s linear}}
.upbar-pct{position:absolute;left:8px;top:2px;z-index:2;font-family:var(--ui);font-size:14px;font-weight:700;line-height:1.2;
  color:var(--accent);text-shadow:0 0 3px var(--void),0 0 3px var(--void),0 1px 2px var(--void);pointer-events:none}
.upbar-proc .upbar-pct{font-size:9px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
@media (min-width:1000px){.upbar-pct{font-size:16px}.upbar-proc .upbar-pct{font-size:10px}}









.sc-cmedia { display: flex; gap: 8px; padding: 8px 3px 2px; overflow-x: auto; scrollbar-width: thin; }
.sc-cm { position: relative; flex: none; width: 76px; height: 76px; border: 1px solid var(--hair);
  background: var(--sunk); overflow: hidden; }
.sc-cm img, .sc-cm video { width: 100%; height: 100%; object-fit: cover; display: block; }
.sc-cm-wait img, .sc-cm-wait video, .sc-cm-up img, .sc-cm-up video { opacity: .45; }
.sc-cm-bad { border-color: var(--bad); }
.sc-cmstate { position: absolute; left: 0; right: 0; bottom: 0; padding: 2px 4px; font-size: 10px; line-height: 1.3;
  color: var(--ink); background: color-mix(in srgb, var(--void) 82%, transparent); overflow: hidden;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.sc-cm-bad .sc-cmstate { color: var(--bad); cursor: pointer; }
.sc-cmx { position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; display: flex; align-items: center;
  justify-content: center; font-size: 11px; color: var(--ink); background: color-mix(in srgb, var(--void) 80%, transparent);
  text-decoration: none; }
.sc-cmx::after { content: ''; position: absolute; left: 50%; top: 50%; width: 32px; height: 32px; transform: translate(-50%, -50%); }
.sc-cm-shrink img, .sc-cm-shrink video { opacity: .45; }
.sc-cmshrink { display: flex; flex-direction: column; gap: 6px; padding: 6px 3px 2px; }






.vs-note { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12px; line-height: 1.35; color: var(--ink); }
.vs-said { flex: 1 1 100%; min-width: 0; }
.vs-done .vs-said { color: var(--good); }
.vs-skip .vs-said, .vs-small .vs-said, .vs-cancelled .vs-said { color: var(--dim); }
.vs-bar { flex: 1 1 100%; height: 4px; background: var(--sunk); border: 1px solid var(--hair); }
.vs-bar > span { display: block; height: 100%; width: 0; background: var(--accent); transition: width .2s; }
.vs-read .vs-bar > span, .vs-queued .vs-bar > span { width: 100% !important; opacity: .25; }
.vs-orig, .vs-stop { position: relative; color: var(--accent); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.vs-stop { color: var(--dim); }
.vs-orig:hover, .vs-orig:focus-visible, .vs-stop:hover, .vs-stop:focus-visible { color: var(--bright); }
.vs-warn { flex: 1 1 100%; color: var(--bad); }
.vs-note [hidden] { display: none; }
@media (pointer: coarse) {
  .vs-orig::after, .vs-stop::after { content: ''; position: absolute; left: -6px; right: -6px; top: 50%; height: 32px; transform: translateY(-50%); }
}

.sc-media { display: grid; gap: 4px; margin-top: 6px; max-width: min(100%, 420px); }
.sc-media-2, .sc-media-4 { grid-template-columns: 1fr 1fr; }
.sc-media-3 { grid-template-columns: 1fr 1fr 1fr; }
.sc-mitem { position: relative; display: block; background: var(--sunk); border: 1px solid var(--hair);
  max-height: 320px; aspect-ratio: 1 / 1; }


.sc-media-1 .sc-mitem { max-width: 100%; }



.sc-mitem img, .sc-mitem video { display: block; width: 100%; height: 100%; object-fit: contain; }
.sc-mitem.sc-mshaped { justify-self: start; box-sizing: content-box; }
a.sc-mitem { cursor: zoom-in; }
.sc-mgone { display: flex; align-items: center; justify-content: center; border-style: dashed; color: var(--faint);
  font-size: 11px; min-height: 64px; }



.sc-media-1 .sc-mgone { aspect-ratio: auto !important; height: 44px; min-height: 44px; max-width: 260px; }



.sc-mclock { position: absolute; top: -11px; right: -11px; width: 22px; height: 22px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--void); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent);
  background: conic-gradient(var(--accent) var(--ct-left, 360deg), color-mix(in srgb, var(--void) 70%, transparent) 0);
  cursor: help; z-index: 1; }

.sc-mclock-n { font-size: 10px; font-weight: 700; line-height: 1; color: var(--bright); pointer-events: none;
  text-shadow: 0 0 2px var(--void), 0 0 2px var(--void), 0 0 3px var(--void); }
.sc-mclock.sc-soon { background: conic-gradient(var(--bad) var(--ct-left, 360deg), color-mix(in srgb, var(--void) 70%, transparent) 0);
  box-shadow: 0 0 0 1px var(--bad); }
.sc-mclock-t { display: none; position: absolute; top: calc(100% + 6px); right: -6px; z-index: 2;
  
  width: max-content; max-width: 180px; line-height: 1.45; text-align: right; white-space: pre-line;
  padding: 4px 8px; font-size: 11px; color: var(--ink); background: var(--void); border: 1px solid var(--hair); }
.sc-mclock.sc-open .sc-mclock-t { display: block; }
@media (hover: hover) and (pointer: fine) { .sc-mclock:hover .sc-mclock-t { display: block; } }
@media (pointer: coarse) {
  .sc-mclock::after { content: ''; position: absolute; left: 50%; top: 50%; width: 32px; height: 32px; transform: translate(-50%, -50%); }
}
@media (min-width: 1000px) { .sc-media { max-width: 480px; } .sc-cm { width: 96px; height: 96px; } }




.sc-mboth { display: flex; flex-direction: column; }
.sc-mfiles { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; max-width: min(100%, 420px); }
.sc-mfile { position: relative; background: var(--sunk); border: 1px solid var(--hair); }
.sc-mfile-go { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 6px 12px 6px 6px;
  color: var(--ink); text-decoration: none; min-width: 0; }
a.sc-mfile-go:hover, a.sc-mfile-go:focus-visible { background: color-mix(in srgb, var(--accent) 8%, transparent); }
a.sc-mfile-go:hover .sc-mfile-n { color: var(--bright); }
.sc-mfile-k { flex: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--hair-hi, var(--hair)); font-family: var(--mono); font-size: 11px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; color: var(--accent); }
.sc-mfile-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sc-mfile-n { font-size: 13px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-mfile-s { font-family: var(--mono); font-size: 11px; color: var(--dim); }
.sc-mfile-gone { border-style: dashed; }

.sc-maudio { display: flex; flex-direction: column; gap: 4px; padding: 6px; }
.sc-maudio audio { width: 100%; height: 36px; }
.sc-maudio-head { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sc-maudio-head[hidden] { display: none; }
.sc-maudio-cover { width: 56px; height: 56px; object-fit: cover; border-radius: 0; flex: none; }
.sc-maudio-text { min-width: 0; }
.sc-maudio-title, .sc-maudio-album { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-maudio-album { opacity: .7; font-size: .85em; }
.sc-mproc { position: relative; display: block; min-height: 96px; background: var(--sunk); }
.sc-mproc img { display: block; width: 100%; opacity: .55; }
.sc-mproc-t { position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; font-family: var(--mono); font-size: 11px; color: var(--dim); }
.sc-mfile-gone .sc-mfile-k, .sc-mfile-gone .sc-mfile-n { color: var(--faint); }

.sc-cm.sc-cm-file { width: 200px; }
.sc-cm-file .sc-mfile-go { min-height: 100%; height: 100%; padding: 6px 26px 18px 6px; align-items: flex-start; }
.sc-cm-file.sc-cm-wait .sc-mfile-go, .sc-cm-file.sc-cm-up .sc-mfile-go { opacity: .55; }
@media (min-width: 1000px) { .sc-mfiles { max-width: 480px; } .sc-cm.sc-cm-file { width: 240px; } }





.sc-att { display: block; position: relative; margin: 5px 0 0; max-width: 220px;
  overflow: hidden; border: 1px solid var(--hair); }
.sc-att img { width: 100%; display: block; }
.sc-postatt { text-decoration: none; }
.sc-attplay { position: absolute; left: 6px; bottom: 6px; padding: 1px 6px; font-family: var(--ui);
  font-size: 11px; line-height: 1.5; color: var(--ink); background: color-mix(in srgb, var(--void) 82%, transparent);
  border: 1px solid var(--hair-hi); pointer-events: none; }


.sc-attplay.sc-playing { pointer-events: auto; cursor: pointer; min-height: 32px; display: inline-flex;
  align-items: center; border-color: var(--accent); }
@media (pointer: coarse) { .sc-attplay.sc-playing { min-height: var(--tap-min); min-width: var(--tap-min); justify-content: center; } }
.sc-postatt.sc-playing { max-width: min(480px, 100%); }


.sc-postatt.sc-gif { max-width: min(480px, 100%); }
.sc-gif .sc-attplay.sc-playing { pointer-events: none; min-height: 0; min-width: 0; }

.sc-postatt video.sc-gifclip { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; object-fit: contain;
  pointer-events: none; background: transparent; }
.sc-postatt video { display: block; width: 100%; max-height: 320px; background: var(--void); }






.sc-att img { max-height: 320px; object-fit: contain; background: var(--void); }



.sc-postatt.sc-ar { width: min(100%, 220px, calc(320px * var(--ar))); }
.sc-postatt.sc-ar.sc-gif, .sc-postatt.sc-ar.sc-playing { width: min(100%, 480px, calc(320px * var(--ar))); }
.sc-postatt.sc-ar.sc-postquoted { width: min(100%, 260px); }
.sc-postatt.sc-ar > img { width: min(100%, calc(320px * var(--ar))); height: auto; max-height: none; aspect-ratio: var(--ar); margin: 0 auto; }
.sc-postatt.sc-ar > video.sc-gifclip { inset: 0 auto auto 50%; transform: translateX(-50%); height: auto;
  width: min(100%, calc(320px * var(--ar))); aspect-ratio: var(--ar); }
.sc-vpl { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; cursor: pointer;
  container-type: inline-size; outline: none; }
.sc-vpl:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
.sc-postatt .sc-vpl { height: auto; }
.sc-vpl video { display: block; max-height: 320px; }
.sc-vtag { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 6px;
  padding: 16px 8px 6px; font-family: var(--ui); font-size: 11px; line-height: 1; letter-spacing: .04em;
  color: var(--ink); background: linear-gradient(to top, color-mix(in srgb, var(--void) 70%, transparent), transparent);
  pointer-events: none; transition: opacity .16s ease; }
.sc-vtag .sc-vi { width: 9px; height: 9px; flex: none; fill: currentColor; }
.sc-vpl.sc-vpl-go .sc-vtag, .sc-vpl.sc-vpl-bar .sc-vtag { opacity: 0; }
.sc-vshade { position: absolute; left: 0; right: 0; bottom: 0; height: 76px; pointer-events: none; opacity: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--void) 86%, transparent), transparent);
  transition: opacity .16s ease-in; }
.sc-vctl { position: absolute; left: 0; right: 0; bottom: 0; height: var(--tap-min); display: flex; align-items: center;
  padding: 0 2px; cursor: default; transform: translateY(100%); opacity: 0; visibility: hidden;
  transition: transform .16s ease-in, opacity .16s ease-in, visibility 0s .16s; }
.sc-vpl.sc-vpl-bar .sc-vshade { opacity: 1; transition: opacity 180ms var(--slide-ease); }
.sc-vpl.sc-vpl-bar .sc-vctl { transform: none; opacity: 1; visibility: visible;
  transition: transform 180ms var(--slide-ease), opacity 180ms var(--slide-ease), visibility 0s; }
.sc-vbt { flex: none; width: var(--tap-min); height: var(--tap-min); padding: 0; display: inline-flex; align-items: center;
  justify-content: center; border: 0; background: none; color: var(--ink); cursor: pointer; }
.sc-vbt .sc-vi { width: 18px; height: 18px; fill: currentColor; }
.sc-vbt:focus-visible { outline: 1px solid var(--accent); outline-offset: -6px; }
.sc-vscrub { position: relative; flex: 1 1 auto; min-width: 32px; height: var(--tap-min); margin: 0 6px; display: flex;
  align-items: center; cursor: pointer; touch-action: none; }
.sc-vtrack { position: relative; width: 100%; height: 3px; background: color-mix(in srgb, var(--ink) 22%, transparent);
  transition: height .12s ease; }
.sc-vbuf, .sc-vdone { position: absolute; left: 0; top: 0; bottom: 0; width: 0; }
.sc-vbuf { background: color-mix(in srgb, var(--ink) 34%, transparent); }
.sc-vdone { background: var(--accent); }
.sc-vknob { position: absolute; top: 50%; left: 0; width: 9px; height: 9px; margin-left: -4px; transform: translateY(-50%);
  background: var(--accent); opacity: 0; transition: opacity .12s ease; }
.sc-vpl-seek .sc-vtrack { height: 5px; }
.sc-vpl-seek .sc-vknob { opacity: 1; }
.sc-vtime { flex: none; padding: 0 4px; font-family: var(--ui); font-size: 11px; line-height: 1; color: var(--ink);
  font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (hover: hover) and (pointer: fine) {
  .sc-vbt:hover { color: var(--bright); }
  .sc-vscrub:hover .sc-vtrack { height: 5px; }
  .sc-vscrub:hover .sc-vknob { opacity: 1; }
}

@container (max-width: 250px) { .sc-vtime { display: none; } }
@container (max-width: 190px) { .sc-vmute { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .sc-vctl, .sc-vpl.sc-vpl-bar .sc-vctl { transform: none; transition: opacity 90ms linear, visibility 0s 90ms; }
  .sc-vpl.sc-vpl-bar .sc-vctl { transition: opacity 90ms linear, visibility 0s; }
  .sc-vshade, .sc-vpl.sc-vpl-bar .sc-vshade, .sc-vtag, .sc-vtrack, .sc-vknob { transition: none; }
}

.sc-lb .sc-lbstage img { touch-action: none; user-select: none; -webkit-user-select: none; transform-origin: center; }
.sc-lb .sc-lbstage.sc-zoomed img { cursor: grab; }
.sc-postatt.sc-veiled img { filter: blur(16px) brightness(.55); transform: scale(1.08); }
.sc-attveil { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-family: var(--ui); font-size: 12px; color: var(--ink); pointer-events: none; }
.sc-lb .sc-lbpost { font-family: var(--ui); font-size: 11px; color: var(--accent); text-decoration: none; }
.sc-lb .sc-lbpost:hover, .sc-lb .sc-lbpost:focus-visible { text-decoration: underline; }

.sc-postopen { display: inline-block; margin-top: 4px; font-family: var(--ui); font-size: 11px; color: var(--accent); text-decoration: none; }
.sc-postopen:hover, .sc-postopen:focus-visible { text-decoration: underline; }
.sc-attnothumb {
  display: flex; align-items: center; justify-content: center; min-height: 64px;
  padding: 0 10px; font-family: var(--ui); font-size: 11px; color: var(--dim);
}
.sc-attgone {
  margin: 5px 0 0; font-family: var(--ui); font-size: 11px; color: var(--dim);
}
.sc-postquoted { max-width: 260px; }
.sc-postcq { display: block; padding: 6px 9px 8px; border-top: 1px solid var(--hair); font-family: var(--ui);
  font-size: 12px; line-height: 1.35; color: var(--ink); background: color-mix(in srgb, var(--void) 55%, transparent); }
.sc-postcqwho { display: block; margin-bottom: 2px; font-size: 11px; font-weight: 600; color: var(--accent); }
.sc-postcqtext { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  overflow-wrap: anywhere; }



.ct-fwd { margin: 3px 0 2px; padding: 2px 0 4px 10px; border-left: 2px solid var(--hair-hi); max-width: 100%; }
.ct-fwdlbl { display: block; margin-bottom: 2px; font-family: var(--ui); font-size: 11px; color: var(--dim);
  letter-spacing: calc(.04em * var(--track)); }
.ct-fwdtext { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.ct-fwdgone { font-family: var(--ui); font-size: 12px; color: var(--dim); }
.ct-fwd .sc-att { margin-top: 4px; }




.cd-back { position: fixed; inset: 0; z-index: var(--z-modal); display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--void) 72%, transparent); }
.cd-box { display: flex; flex-direction: column; width: min(420px, calc(100vw - 32px)); max-height: min(560px, calc(100vh - 64px));
  background: var(--raised); border: 1px solid var(--hair-hi); font-family: var(--ui); }
.cd-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px 4px; }
.cd-head b { font-size: 13px; color: var(--bright); font-weight: 600; }
.cd-x { background: none; border: 0; color: var(--dim); font: inherit; font-size: 14px; cursor: pointer; min-width: 32px; min-height: 32px; }
.cd-x:hover, .cd-x:focus-visible { color: var(--ink); }
@media(pointer:coarse){.cd-x{min-width:var(--tap-min);min-height:var(--tap-min)}}
.cd-note { margin: 0 12px 8px; font-size: 11px; color: var(--dim); }
.cd-q { box-sizing: border-box; width: calc(100% - 24px); margin: 0 12px 8px; padding: 7px 9px; font: inherit; font-size: 13px; color: var(--ink); background: var(--void);
  border: 1px solid var(--hair); }
.cd-list { flex: 1 1 auto; min-height: 120px; overflow-y: auto; border-top: 1px solid var(--hair); }
.cd-sec { margin: 0; padding: 8px 12px 3px; font-size: 11px; color: var(--dim); }
.cd-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 12px; text-align: left; background: none;
  border: 0; border-bottom: 1px solid var(--hair); color: var(--ink); font: inherit; cursor: pointer; }
.cd-row:hover, .cd-row:focus-visible { background: color-mix(in srgb, var(--accent) 10%, transparent); }
.cd-row.cd-busy { opacity: .55; }
.cd-g { flex: 0 0 18px; color: var(--accent); text-align: center; }
.cd-l { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.cd-l b { font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cd-l small { font-size: 11px; color: var(--dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cd-recent { font-size: 11px; color: var(--dim); border: 1px solid var(--hair); padding: 0 5px; }
.cd-empty { margin: 0; padding: 14px 12px; font-size: 12px; color: var(--dim); }
.cd-band { min-height: 18px; padding: 6px 12px 8px; font-size: 12px; color: var(--good, var(--ink)); }
.cd-band.bad { color: var(--bad); }
@media (max-width: 640px) {
  .cd-back { align-items: flex-end; }
  .cd-box { width: 100%; max-height: 80vh; border-left: 0; border-right: 0; border-bottom: 0; }
  .cd-row { min-height: var(--tap-min); }
}








.sc-lb {
  position: fixed; inset: 0; z-index: calc(var(--z-toast) - 2);
  display: none; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; padding: 14px;
  background: color-mix(in srgb, var(--void) 92%, transparent);
}
.sc-lb.sc-on { display: flex; }


.sc-lb .sc-lbstage { display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; min-height: 0; }
.sc-lb img, .sc-lb video { max-width: calc(100% - 104px); max-height: 74vh; border: 1px solid var(--hair-hi);
  background: var(--void); }
.sc-lb .sc-lbstage:not(:has(.sc-lbnav)) img, .sc-lb .sc-lbstage:not(:has(.sc-lbnav)) video { max-width: 100%; }
.sc-lb p { margin: 0; font-family: var(--ui); font-size: 12px; color: var(--dim);
  text-align: center; }
.sc-lb .sc-lbfoot { display: flex; flex-wrap: wrap; gap: 6px 12px; justify-content: center; }
.sc-lb .sc-lbnav {
  flex: none; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--hair-hi); background: var(--panel);
  font-family: var(--ui); font-size: 20px; color: var(--ink); text-decoration: none;
}
.sc-lb .sc-lbx {
  position: absolute; top: max(10px, env(safe-area-inset-top)); right: 10px;
  width: 44px; height: 44px; display: inline-flex;
  align-items: center; justify-content: center;
  border: 1px solid var(--hair-hi); background: var(--panel);
  font-family: var(--ui); font-size: 16px; color: var(--ink); text-decoration: none;
}
.sc-lb .sc-lbx:hover, .sc-lb .sc-lbnav:hover { border-color: var(--accent); color: var(--accent); }










.pns-cos-coin{width:14px;height:14px;flex:0 0 auto;vertical-align:-2px;margin-right:4px}


.pns-cos-status{display:grid;gap:12px;justify-items:center;text-align:center;padding:6px 0 4px}
.pns-cos-word{margin:0}
.pns-cos-wseg{white-space:nowrap}
.pns-cos-lines{display:grid;gap:4px;max-width:46ch}
.pns-cos-line{margin:0;color:var(--ink);font-size:12px;line-height:1.55}
.pns-cos-line.is-warn{color:var(--accent)}
.pns-cos-switch{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 14px;
  background:var(--sunk);border:1px solid var(--hair);color:var(--ink);font:inherit;font-size:11px;cursor:pointer;
  text-transform:var(--caps);letter-spacing:calc(.12em * var(--track))}
.pns-cos-switch:hover{border-color:var(--hair-hi);color:var(--bright)}
.pns-cos-knob{position:relative;flex:0 0 auto;width:30px;height:14px;border:1px solid var(--hair-hi);background:var(--void)}
.pns-cos-knob::after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;background:var(--dim);transition:left .15s ease}
.pns-cos-switch.is-on .pns-cos-knob{border-color:var(--good)}
.pns-cos-switch.is-on .pns-cos-knob::after{left:18px;background:var(--good)}



.pns-cos-tierrow{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.pns-cos-tierrow{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pns-cos-tier{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--hair);background:var(--sunk)}
.pns-cos-tier.is-current{border-color:var(--good);box-shadow:inset 0 2px 0 var(--good)}
.pns-cos-incl{align-self:flex-start}
.pns-cos-thead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pns-cos-tname{font-size:15px;color:var(--bright);text-transform:var(--caps);letter-spacing:calc(.12em * var(--track))}
.pns-cos-tier[data-tier="2"] .pns-cos-tname{color:var(--accent)}
.pns-cos-tier[data-tier="3"] .pns-cos-tname{background:var(--prism);background-size:var(--prism-span);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.pns-cos-price{display:inline-flex;align-items:center;font-size:15px;color:var(--accent);font-variant-numeric:tabular-nums}
.pns-cos-gets{margin:0;padding:0;list-style:none;display:grid;gap:4px;flex:1;font-size:12px;line-height:1.45;color:var(--ink)}
.pns-cos-gets li{padding-left:1.25em;text-indent:-1.25em}
.pns-cos-gets li::before{content:"◆ ";color:var(--accent-deep)}
.pns-cos-gets .pns-cos-also{color:var(--dim)}
.pns-cos-buy{width:100%}

.pns-cos-buy:disabled{opacity:.45;cursor:not-allowed}





html[data-fx="reduced"] :is(.pns-cos-preview,.pns-cos-sw) :is(.cos-n,.cos-fr,.cos-sky-a,.cos-sky-b),
html[data-fx="reduced"] .pns-cos-preview :is(.cos-fr,.cos-n){animation-play-state:running!important}


.pns-cos-card{display:flex;align-items:center;gap:14px;min-height:104px;padding:18px 16px;
  border:1px solid var(--hair);background:var(--sunk)}
.pns-cos-card.cos-card{border-color:var(--cos-edge,var(--hair-hi));background:var(--cos-ground,var(--sunk))}
.pns-cos-card .pns-cos-face{width:58px;height:58px}
.pns-cos-who{display:grid;gap:4px;min-width:0;font-size:20px;line-height:1.15}
.pns-cos-handle{font-size:12px;color:var(--dim)}
.pns-cos-chat{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;
  border:1px solid var(--hair);background:var(--sunk)}
.pns-cos-chatbody{display:grid;gap:3px;min-width:0}
.pns-cos-chatwho{display:flex;align-items:baseline;gap:8px;font-size:13px;min-width:0}
.pns-cos-time{font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.pns-cos-said{font-size:13px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.pns-cos-note{margin:10px 0 0;font-size:11.5px;line-height:1.55;color:var(--dim)}



.pns-cos-group{display:grid;gap:8px}
.pns-cos-group + .pns-cos-group{margin-top:16px}
.pns-cos-glabel{text-align:left}
.pns-cos-swrow{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}
.pns-cos-sw{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  min-height:78px;padding:12px 4px 8px;background:var(--sunk);border:1px solid var(--hair);color:var(--ink);
  font:inherit;cursor:pointer}
.pns-cos-sw:hover{border-color:var(--hair-hi)}
.pns-cos-sw.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.pns-cos-swname{font-size:10px;line-height:1.2;color:var(--dim);text-transform:var(--caps);letter-spacing:calc(.1em * var(--track))}
.pns-cos-sw.is-on .pns-cos-swname{color:var(--bright)}
.pns-cos-tierloz{position:absolute;top:4px;right:4px;z-index:2;background:var(--sunk)}
.pns-cos-sample{font-size:21px;line-height:1;font-weight:700;color:var(--dim)}
.pns-cos-mini{display:block;width:30px;height:30px;background:var(--void);border:2px solid var(--hair-hi)}
.pns-cos-chip{position:relative;isolation:isolate;display:block;width:46px;height:30px;overflow:hidden;
  border:1px solid var(--cos-edge,var(--hair));background:var(--cos-ground,var(--void))}


.pns-cos-brow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pns-cos-bthumb{width:64px;height:40px;object-fit:cover;border:1px solid var(--hair)}
.pns-cos-binput{flex:1 1 160px;min-width:0;min-height:36px;padding:6px 10px;background:var(--void);
  border:1px solid var(--hair);color:var(--ink);font:inherit;font-size:13px}
.pns-cos-binput:focus{outline:none;border-color:var(--accent)}







.pns-cos-focus{margin-top:12px;display:grid;gap:8px}
.pns-cos-fstrips{display:flex;gap:10px;align-items:flex-start}
.pns-cos-fstrip{margin:0;min-width:0}
.pns-cos-fstrip.is-desk{flex:var(--cos-ban-w) 1 0}
.pns-cos-fstrip.is-phone{flex:var(--cos-ban-w-phone) 1 0}

.pns-cos-fwin{position:relative;overflow:hidden;box-sizing:content-box;background:var(--cos-ground,var(--void));
  border:1px solid var(--hair-hi);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.pns-cos-fstrip.is-desk .pns-cos-fwin{aspect-ratio:calc(var(--cos-ban-w) / var(--cos-ban-h))}
.pns-cos-fstrip.is-phone .pns-cos-fwin{aspect-ratio:calc(var(--cos-ban-w-phone) / var(--cos-ban-h-phone))}
.pns-cos-fwin.is-drag{cursor:grabbing}
.pns-cos-fwin:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pns-cos-fimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;pointer-events:none}
.pns-cos-fstrips.is-sky .pns-cos-fimg{opacity:.42}
.pns-cos-fcap{margin-top:4px;font-size:10px;color:var(--dim);text-transform:var(--caps);letter-spacing:calc(.1em * var(--track))}
.pns-cos-fread{margin:0}
@media(max-width:640px){ .pns-cos-fstrips{flex-direction:column;align-items:stretch} .pns-cos-fstrip.is-desk,.pns-cos-fstrip.is-phone{flex:none} }



@media(pointer:coarse){
  .pns-cos-switch::after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap-min);transform:translateY(-50%)}
  .pns-cos-binput{min-height:var(--tap-min)}
}
@media(prefers-reduced-motion:reduce){.pns-cos-knob::after{transition:none}}


.dundo-row{display:flex;align-items:center;gap:10px;margin-top:8px}
.dundo-row>img{object-fit:cover;flex:none}


.postlist{display:flex;align-items:center;gap:10px;margin:6px 0 4px;font-size:11px;color:var(--dim)}
.postlist .postlist-step{flex:none} .postlist .postlist-step[disabled]{opacity:.35;cursor:default}
.postlist .postlist-where{flex:1 1 auto;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim);text-decoration:none}
.postlist .postlist-where b{color:var(--bright);font-weight:600;font-variant-numeric:tabular-nums}
.postlist a.postlist-where:hover{color:var(--accent)}

.dundo-row:has(.dundo-pair){flex-direction:column;align-items:stretch;padding:10px 0;border-top:1px solid var(--hair)}
.dundo-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dundo-side{display:flex;flex-direction:column;gap:4px;min-width:0;text-decoration:none;color:var(--dim);font-size:12px}
.dundo-side img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--hair);background:var(--panel);display:block}
.dundo-side.is-keep img{border-color:var(--accent-deep,var(--hair))}
.dundo-side.is-gone img{opacity:.75}
.dundo-word{color:var(--faint);font-size:11px;letter-spacing:calc(.08em * var(--track));text-transform:uppercase}
.dundo-side.is-keep .dundo-word{color:var(--accent)}
.dundo-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dundo-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.dundo-foot .btn{min-height:44px}
@media(min-width:1000px){.dundo-pair{grid-template-columns:200px 200px}}

.dvr-side{font-size:10px;letter-spacing:calc(.08em * var(--track));text-transform:uppercase;color:var(--faint)}
.dvr-side.is-keep{color:var(--accent)}

.dvr-origform input{flex:1;min-width:0;width:auto;max-width:28em}
.dvr-opair{align-items:flex-start;flex-wrap:wrap}
.dvr-oside{display:flex;flex-direction:column;gap:2px;min-width:0;flex:0 1 280px;font-size:.92em}
.dvr-oside .dvr-thumb{align-self:flex-start}
.dvr-opair .dvr-vs{align-self:center}







.pns-dl{max-width:1180px;margin:0 auto}
.pns-dl-grid{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.pns-dl-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}
.pns-dl-card{display:flex;flex-direction:column;gap:14px}

.pns-dl-head{display:flex;align-items:center;gap:14px;margin-top:4px}
.pns-dl-logo{width:44px;height:44px;flex:none;color:var(--bright)}
.pns-dl-name{color:var(--bright);font-size:20px;font-weight:700;line-height:1.1;
  letter-spacing:calc(.04em * var(--track))}


.pns-dl-shot{display:flex;align-items:center;justify-content:center;height:220px;overflow:hidden;
  background:var(--sunk);border:1px solid var(--hair)}
.pns-dl-shot img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.pns-dl-shot.is-desk{padding:10px}
.pns-dl-shot.is-phone{padding:10px 0}
.pns-dl-shot.is-phone img{border:1px solid var(--hair-hi);max-height:200px}


.pns-dl-get{justify-content:space-between;min-height:56px;margin-top:auto;padding:10px 16px;border-color:var(--accent);
  color:var(--accent);font-size:16px;font-weight:700}
.pns-dl-get:hover{background:var(--accent);color:var(--void);border-color:var(--accent)}
.pns-dl-getver{color:var(--dim);font-weight:500;text-transform:none;letter-spacing:0;white-space:nowrap}
.pns-dl-get:hover .pns-dl-getver{color:var(--void)}
.pns-dl-get.is-off{justify-content:center;border-color:var(--hair);color:var(--dim);cursor:default}
.pns-dl-get.is-off:hover{background:var(--sunk);color:var(--dim)}
.pns-dl-card.is-soon .pns-dl-logo{color:var(--dim)}
.pns-dl-card.is-soon .pns-dl-shot img{opacity:.45}

.pns-dl-how{color:var(--dim);font-size:12px}
.pns-dl-howsum{cursor:pointer;min-height:32px;display:flex;align-items:center;color:var(--dim);
  font-size:12px}
.pns-dl-howsum:hover{color:var(--bright)}
@media(pointer:coarse){.pns-dl-howsum{min-height:var(--tap-min)}}
.pns-dl-steps{margin:6px 0 0;padding-left:20px}
.pns-dl-steps li{margin-bottom:4px;overflow-wrap:anywhere;color:var(--ink)}
.pns-dl-foot{margin:0}






.cmy-card{border-top:2px solid var(--accent);background:var(--panel);border-bottom:1px solid var(--hair);margin-top:4px;
  max-width:560px;position:relative;font-size:13px;color:var(--ink)}
.cmy-card,.cmy-card *,.cmy-sheet,.cmy-sheet *{border-radius:0}
.cmy-card.cmy-drop{border-top-color:var(--coin-ink)}
.cmy-card.cmy-off{border-top-color:var(--hair-hi)}
.cmy-card.cmy-busy{opacity:.7;pointer-events:none}
.cmy-kind{display:flex;align-items:center;gap:8px;padding:8px 12px 0;font-family:var(--ui);font-size:11px;
  letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--dim)}
.cmy-br{color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmy-drop .cmy-br{color:var(--coin-ink)}
.cmy-off .cmy-br{color:var(--dim)}
.cmy-r{margin-left:auto;letter-spacing:.06em;white-space:nowrap;flex:none}
.cmy-more{flex:none;min-width:44px;min-height:32px;margin:-6px -10px -6px 0;background:none;border:0;color:var(--dim);
  font:inherit;font-size:13px;letter-spacing:0;cursor:pointer}
.cmy-more:hover{color:var(--ink)}
.cmy-more.cmy-staff{color:var(--mod)}
.cmy-q{display:block;width:100%;text-align:left;margin:0;padding:6px 12px 8px;background:none;border:0;color:var(--bright);
  font:inherit;font-size:14px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.cmy-opts{margin:0 12px;border:1px solid var(--hair-hi);background:var(--sunk)}
.cmy-opt{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap-min);padding:0 10px;
  border:0;border-top:1px solid var(--hair);background:none;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.cmy-opt:first-child{border-top:0}
.cmy-opt:disabled{cursor:default;color:var(--ink)}
.cmy-opt:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 6%,var(--sunk))}
.cmy-g{flex:none;width:14px;height:14px;border:1px solid var(--dim)}
.cmy-opt.on .cmy-g{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--sunk)}
.cmy-opt.multi.on .cmy-g{box-shadow:none;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5l2.5 2.5 4.5-5' fill='none' stroke='%230a0b0d' stroke-width='1.8'/%3E%3C/svg%3E") center/10px no-repeat}
.cmy-w{flex:1;min-width:0;padding:12px 0 14px;overflow-wrap:anywhere}
.cmy-you{font-family:var(--ui);font-size:11px;color:var(--accent);letter-spacing:.08em;text-transform:var(--caps);margin-left:6px}
.cmy-pct{flex:none;font-family:var(--ui);font-size:11px;color:var(--dim);min-width:34px;text-align:right}
.cmy-opt.on .cmy-pct{color:var(--accent)}
.cmy-bar{position:absolute;left:34px;right:54px;bottom:7px;height:2px;background:var(--hair)}
.cmy-bar i{display:block;height:100%;background:var(--hair-hi)}
.cmy-opt.on .cmy-bar i,.cmy-off .cmy-opt.win .cmy-bar i{background:var(--accent)}
.cmy-off .cmy-opt.win .cmy-w{color:var(--bright)}
.cmy-picking .cmy-opt{outline:1px dashed var(--accent-deep);outline-offset:-3px}
.cmy-addopt{display:block;width:calc(100% - 24px);margin:0 12px;min-height:var(--tap-min);padding:0 10px;text-align:left;
  background:var(--sunk);border:1px dashed var(--hair-hi);border-top:0;color:var(--dim);font:inherit;font-size:13px;cursor:pointer}
.cmy-addrow{display:flex;gap:6px;margin:6px 12px 0}
.cmy-addrow .cmy-in{flex:1}
.cmy-stat{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:0;padding:8px 12px 10px;font-family:var(--ui);font-size:11px;
  color:var(--dim);background:none;border:0;text-align:left;width:100%}
.cmy-stat.cmy-pot,.cmy-stat.cmy-judge{padding:0 12px 6px}
.cmy-judge{color:var(--ink)}
button.cmy-stat{cursor:pointer;min-height:var(--tap-min)}
.cmy-link{background:none;border:0;padding:0;min-height:24px;color:var(--ink);font:inherit;text-decoration:underline;
  text-decoration-color:var(--hair-hi);cursor:pointer}
.cmy-dim{color:var(--dim)}
.cmy-amt{display:inline;white-space:nowrap}
.cmy-cm{display:inline-block;width:1em;height:1em;flex:none;color:var(--coin-ink);fill:currentColor;vertical-align:-.12em}
.cmy-conf{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 12px 0;padding:8px 10px;
  border:1px solid var(--accent-deep);background:color-mix(in srgb,var(--accent) 10%,var(--sunk));font-size:12px}
.cmy-conf[hidden]{display:none}
.cmy-conf .cmy-link{min-height:var(--tap-min);padding:0 4px;color:var(--accent);font-family:var(--ui);font-size:12px}
.cmy-btn{min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 16px;
  border:1px solid var(--hair-hi);background:none;color:var(--ink);font-family:var(--ui);font-size:12px;cursor:pointer}
.cmy-btn:hover{border-color:var(--accent-deep)}
.cmy-btn:disabled{opacity:.45;cursor:default}
.cmy-btn.cmy-fill{background:var(--accent);border-color:var(--accent);color:var(--void);font-size:11px;font-weight:700;
  letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.cmy-drop .cmy-btn.cmy-fill{background:var(--coin-ink);border-color:var(--coin-ink)}
.cmy-btn.cmy-bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 55%,var(--hair-hi))}
.cmy-btn.cmy-wide{flex:1}
.cmy-votebtn{display:flex;margin:8px 12px 0;border-color:var(--accent-deep);color:var(--accent)}
.cmy-votebtn[hidden],.cmy-acts[hidden]{display:none}
.cmy-acts{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}
.cmy-cwarn{margin:0;padding:0 12px;font-size:12px;color:var(--bad)}
.cmy-cwarn:empty{display:none}
.cmy-cwarn:not(:empty){padding-bottom:10px}

.cmy-fig{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:6px 12px 0;font-family:var(--ui);cursor:pointer}
.cmy-big{display:inline-flex;align-items:center;gap:4px;font-size:22px;font-weight:600;color:var(--bright)}
.cmy-cmbig{display:inline-block;width:18px;height:18px;color:var(--coin-ink);fill:currentColor}
.cmy-off .cmy-big,.cmy-off .cmy-cmbig{color:var(--dim)}
.cmy-of{display:inline-flex;align-items:center;gap:4px;font-size:11px;letter-spacing:.06em;text-transform:var(--caps);color:var(--dim)}
.cmy-pbar{margin:8px 12px 0;height:3px;background:var(--hair-hi)}
.cmy-pbar i{display:block;height:100%;background:var(--coin-ink)}
.cmy-off .cmy-pbar i{background:var(--hair-hi)}
.cmy-note{margin:8px 12px 0;font-style:italic;overflow-wrap:anywhere}
.cmy-btnrow{display:flex;gap:8px;padding:8px 12px 0}
.cmy-took{display:flex;align-items:center;gap:4px;margin:0;padding:10px 12px 0;font-family:var(--ui);font-size:12px;color:var(--good)}
.cmy-pop{margin:8px 12px 0;padding:10px;background:var(--raised);border:1px solid var(--hair-hi);box-shadow:0 10px 26px rgba(0,0,0,.55)}
.cmy-popk{display:flex;align-items:center;gap:4px;margin:0 0 6px;font-family:var(--ui);font-size:11px;letter-spacing:.12em;
  text-transform:var(--caps);color:var(--dim)}
.cmy-chips{display:flex;gap:4px}
.cmy-chip{flex:1;min-height:var(--tap-min);border:1px solid var(--hair);background:var(--sunk);color:var(--ink);
  font-family:var(--ui);font-size:12px;cursor:pointer}
.cmy-chip:hover{border-color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 12%,var(--sunk))}
.cmy-flat{display:flex;gap:4px;margin-top:8px}
.cmy-flat .cmy-field{flex:1}
.cmy-plain{margin:2px 0 0;color:var(--dim);font-style:italic}

.cmy-sheet{outline:none}
.cmy-shbody{flex:1 1 auto!important;min-height:0;overflow:auto;padding:10px 12px 12px;-webkit-overflow-scrolling:touch}
.cmy-shfoot{padding:8px 12px;border-top:1px solid var(--hair)}
.cmy-shfoot:empty{display:none}
.cmy-lbl{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 6px;font-family:var(--ui);font-size:11px;
  letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--dim)}
.cmy-lbl:first-child{margin-top:2px}
.cmy-n{letter-spacing:.04em;text-transform:none}
.cmy-in{width:100%;min-height:40px;padding:0 10px;border:1px solid var(--hair);background:var(--sunk);color:var(--bright);
  font:inherit;font-size:16px;box-sizing:border-box}
.cmy-in:focus{outline:none;border-color:var(--accent-deep)}
.cmy-in.cmy-big{min-height:44px;font-family:var(--ui);font-size:20px;border:0;background:none;padding:0}
.cmy-in.cmy-small{width:90px;flex:none}
.cmy-in.cmy-num{font-family:var(--ui)}
.cmy-field{display:flex;align-items:center;gap:8px;min-width:0}
.cmy-field .cmy-cm{width:16px;height:16px}
.cmy-amtf{min-height:44px;padding:0 10px;border:1px solid var(--hair);background:var(--sunk)}
.cmy-amtf:focus-within{border-color:var(--accent-deep)}
.cmy-oplist{border:1px solid var(--hair-hi);background:var(--sunk)}
.cmy-oprow{display:flex;align-items:center;min-height:44px;border-top:1px solid var(--hair)}
.cmy-oprow:first-child{border-top:0}
.cmy-opi{width:34px;flex:none;text-align:center;font-family:var(--ui);font-size:11px;color:var(--dim);border-right:1px solid var(--hair);
  align-self:stretch;display:flex;align-items:center;justify-content:center}
.cmy-opin{flex:1;min-width:0;min-height:44px;padding:0 10px;border:0;background:none;color:var(--bright);font:inherit;font-size:16px}
.cmy-opin:focus{outline:none;background:color-mix(in srgb,var(--accent) 5%,var(--sunk))}
.cmy-oprm{width:44px;height:44px;flex:none;border:0;border-left:1px solid var(--hair);background:none;color:var(--dim);font:inherit;cursor:pointer}
.cmy-opadd{display:block;width:100%;min-height:44px;padding:0 12px;text-align:left;border:1px solid var(--hair-hi);border-top:1px dashed var(--hair-hi);
  background:none;color:var(--dim);font:inherit;font-size:13px;cursor:pointer;margin-top:-1px}
.cmy-opadd[hidden]{display:none}
.cmy-panel{position:relative;margin-top:18px;padding:4px 10px;border:1px solid var(--hair-hi)}
.cmy-panelk{position:absolute;top:-8px;left:8px;padding:0 6px;background:var(--void);font-family:var(--ui);font-size:11px;
  letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--ink)}
.cmy-panelk::before{content:"[ "}
.cmy-panelk::after{content:" ]"}
.cmy-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:44px;padding:4px 0;border-bottom:1px solid var(--hair)}
.cmy-row:last-child{border-bottom:0}
.cmy-row[hidden],.cmy-why[hidden],.cmy-allow[hidden]{display:none}
.cmy-row.cmy-sub{border-bottom-style:dashed}
.cmy-lab{flex:0 0 118px;font-size:12px;color:var(--ink)}
.cmy-segs{display:flex;flex-wrap:wrap;gap:4px;flex:1;justify-content:flex-end;align-items:center}
.cmy-row > .cmy-in,.cmy-row > .cmy-field{flex:1}
.cmy-seg{min-height:32px;min-width:36px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--hair);background:var(--sunk);color:var(--dim);font-family:var(--ui);font-size:11px;white-space:nowrap;cursor:pointer;
  position:relative}
.cmy-seg::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}
.cmy-seg.on{border-color:var(--accent-deep);color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--sunk))}
.cmy-seg:disabled{opacity:.4;cursor:default}
.cmy-step{display:inline-flex;align-items:center;gap:2px}
.cmy-step[hidden]{display:none}
.cmy-stepb{width:32px;height:32px;border:1px solid var(--hair);background:var(--sunk);color:var(--ink);font:inherit;cursor:pointer;position:relative}
.cmy-stepb::after{content:"";position:absolute;left:-2px;right:-2px;top:-6px;bottom:-6px}
.cmy-stepn{min-width:22px;text-align:center;font-family:var(--ui);font-size:12px;color:var(--bright)}
.cmy-why{margin:0;padding:0 0 8px;font-family:var(--ui);font-size:11px;color:var(--dim)}
.cmy-allow{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:6px 0 0;font-family:var(--ui);font-size:11px;color:var(--dim)}
.cmy-allow b{display:inline-flex;color:var(--ink);font-weight:400}
.cmy-allow.over,.cmy-allow.over b{color:var(--bad)}
.cmy-quick{display:flex;gap:4px;margin-top:8px}
.cmy-quick .cmy-seg{flex:1}
.cmy-warn{margin:10px 0 0;font-size:12px;color:var(--bad)}
.cmy-warn:empty{display:none}
.cmy-done{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--accent);
  border:1px solid var(--accent);color:var(--void);font-family:var(--ui);font-size:11px;font-weight:700;
  letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);cursor:pointer}
.cmy-done.cmy-gold{background:var(--coin-ink);border-color:var(--coin-ink)}
.cmy-done .cmy-cm{color:var(--void)}
.cmy-done:disabled{background:var(--sunk);border-color:var(--hair);color:var(--dim);cursor:default}
.cmy-done:disabled .cmy-cm{color:var(--dim)}

.cmy-dq{margin:4px 0 6px;font-size:15px;color:var(--bright);overflow-wrap:anywhere}
.cmy-dblk{padding-top:10px}
.cmy-dblk .cmy-stat{padding:4px 0}
.cmy-faces{display:flex;flex-wrap:wrap;gap:4px;padding:2px 0 8px}
.cmy-faces .vw-cav{width:28px;height:28px}
.cmy-who{display:flex;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid var(--hair)}
.cmy-nm{flex:1;min-width:0}
.cmy-nm b{display:block;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmy-nm span{font-family:var(--ui);font-size:11px;color:var(--dim)}
.cmy-v{font-family:var(--ui);font-size:12px;color:var(--coin-ink)}
.cmy-face{display:inline-block;width:28px;height:28px;flex:none;background:var(--raised)}
.cmy-figs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hair-hi);margin:10px 0}
.cmy-figc{padding:8px 10px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.cmy-figc:nth-child(2n){border-right:0}
.cmy-figc:nth-last-child(-n+2){border-bottom:0}
.cmy-figk{display:block;font-family:var(--ui);font-size:11px;letter-spacing:.12em;text-transform:var(--caps);color:var(--dim)}
.cmy-figv{display:flex;font-family:var(--ui);font-size:15px;color:var(--bright)}
.cmy-bit{white-space:nowrap}
.cmy-stat.cmy-hist{display:block;line-height:1.7}

@media(pointer:coarse){
  .cmy-more,.cmy-q,.cmy-opt,.cmy-addopt,.cmy-link,.cmy-btn,.cmy-seg,.cmy-chip{min-height:var(--tap-min)}
  .cmy-stepb{min-width:var(--tap-min);min-height:var(--tap-min)}
}
.hm-chat-msg.is-failed .hm-chat-text{opacity:.7}
.hm-chat-retry{display:block;margin-top:2px;font-size:12px;color:var(--bad,#e5484d);text-decoration:underline;cursor:pointer}



.pns-cos-pair{display:flex;align-items:flex-end;gap:34px;padding:26px 28px 18px;border:1px solid var(--hair);background:var(--sunk);overflow:visible}
.pns-cos-paircell{display:grid;justify-items:center;gap:12px}
.pns-cos-pairlbl{font-size:11px;color:var(--dim)}
.pns-cos-pf{flex:none}
.pns-cos-pick{display:grid;gap:12px;margin-top:14px}
.pns-cos-pickrow{display:flex;align-items:center;gap:10px}
.pns-cos-picker{width:56px;height:44px;padding:2px;background:var(--void);border:1px solid var(--hair-hi);cursor:pointer}
.pns-cos-hex{width:110px;min-height:44px;padding:6px 10px;background:var(--void);border:1px solid var(--hair);color:var(--ink);font:inherit;font-size:14px;text-transform:lowercase}
.pns-cos-hex:focus{outline:none;border-color:var(--accent)}
.pns-cos-presets{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pns-cos-preset{width:36px;height:36px;padding:0;background:var(--pc);border:1px solid var(--hair-hi);cursor:pointer}
.pns-cos-preset.is-on{outline:2px solid var(--accent);outline-offset:2px}
.pns-cos-presetclear{min-height:36px;padding:0 12px;background:var(--sunk);border:1px solid var(--hair);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
.pns-cos-presetclear.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
@media (pointer:coarse){
  .pns-cos-preset{min-width:var(--tap-min);min-height:var(--tap-min)}
  .pns-cos-presetclear{min-height:var(--tap-min)}
}

/* ⟦web/app-rank.css⟧ */

























.scorechip{--band:23px;display:inline-flex;align-items:center;gap:5px;margin-left:6px;position:relative;min-height:var(--tap-min);min-width:var(--tap-min);margin-block:calc((var(--band) - var(--tap-min)) / 2);
  padding:2px 8px;border:1px solid transparent;color:var(--accent);
  letter-spacing:calc(.08em * var(--track));font-size:11px;vertical-align:middle;text-decoration:none;cursor:pointer}
.scorechip::after,.coinchip::after{content:"";position:absolute;left:-1px;right:-1px;top:50%;height:var(--band);transform:translateY(-50%);box-sizing:border-box;border:1px solid var(--hair-hi)}
.scorechip:hover::after{border-color:var(--accent)}











































.numstack{display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative;
  padding:0 7px}



.masthead .scorechip,.masthead .coinchip{--band:0px;min-height:0;min-width:0;margin:0;
  padding:0;border:none;letter-spacing:0;gap:5px}
.masthead .scorechip::after,.masthead .coinchip::after{content:none}




.numstack .coinchip .coinmark{margin-inline:2.5px;vertical-align:0}


.numstack .coinchip{font-size:11px}
.numstack .coinchip-n{font-size:11px;line-height:1.2}
.numstack .scorechip-n{font-size:14px;line-height:1.15}

.numstack .coinchip{padding-top:8px;margin-top:-8px}
.numstack .scorechip{padding-bottom:8px;margin-bottom:-8px}












.numstack .scorechip:hover .scorechip-n,.numstack .coinchip:hover .coinchip-n{
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.masthead .scorechip:focus-visible,.masthead .coinchip:focus-visible{
  outline:1px solid var(--accent);outline-offset:1px}





















.arcadecol{display:none;flex-direction:column;align-items:center;justify-content:center;
  position:relative;height:30px;padding:1px 5px;cursor:help}
.arcadecol.on{display:inline-flex}



.arcadecol::after{content:attr(data-tip);display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;
  max-width:min(250px,calc(100vw - 24px));white-space:normal;text-align:left;background:var(--void);border:1px solid var(--hair-hi);
  color:var(--ink);font-size:11px;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;padding:7px 9px;
  z-index:var(--z-tooltip);pointer-events:none}
.arcadecol.tipon::after{display:block}
@media (hover:hover) and (pointer:fine){.arcadecol:hover::after{display:block}}
.arcadecol:focus{outline:none} .arcadecol:focus-visible{outline:1px solid var(--accent);outline-offset:2px}

.masthead.mast-arcfull .brand h1{display:none}
.arcadecol[data-fit="1"] .qscore{font-size:12.5px} .arcadecol[data-fit="2"] .qscore{font-size:11px}
.arcadecol[data-fit="3"] .qscore{font-size:10px} .arcadecol[data-fit="4"] .qscore{font-size:9px}








.scoremark{width:16px;height:16px;display:block;flex:0 0 auto;fill:currentColor;color:var(--score-ink)}

.scoremark.score-hero .score-arm{animation:score-glint 3.4s ease-in-out infinite}
@keyframes score-glint{0%,100%{filter:none}50%{filter:drop-shadow(0 0 4px currentColor) brightness(1.15)}}
@media(prefers-reduced-motion:reduce){.scoremark.score-hero .score-arm{animation:none}}









.coinmark{width:11px;height:11px;display:inline-block;vertical-align:-1px;flex:0 0 auto}
.cas-balance .coinmark{width:.66em;height:.66em;vertical-align:-.04em;margin-right:.04em}













.scorechip-n{color:var(--bright);font-variant-numeric:tabular-nums;display:inline-block}
.coinchip-n{color:var(--coin-ink);font-variant-numeric:tabular-nums;display:inline-block}

















:root{--srail-w:352px;--srail-tab:30px;--dock-page-min:1000px;--dock-centre-min:440px}




@media (min-width:1000px) and (max-aspect-ratio:3/4){
  :root{--dock-page-min:1300px}
  

  #app.hm-wrap{max-width:none}
  
  :root.nu-on:not(.dock-on) #app.hm-wrap{padding-right:42px}
  #app.hm-wrap > .hm-page.hmt{--hmt-cm:clamp(352px,32%,520px)}
}





:root.dock-l-open{--rail-lw:var(--dock-w, var(--srail-w))}
:root.dock-l-spine{--rail-lw:calc(var(--srail-tab) + var(--dock-grow, 0px))}
:root.dock-r-open{--rail-w:var(--dock-w, var(--srail-w))}
:root.dock-r-spine{--rail-w:calc(var(--srail-tab) + var(--dock-grow, 0px))}




:root.dock-on .hkbox{left:calc(var(--rail-lw, 0px) + 14px)}




:root.dock-on #app{position:relative;left:calc((var(--rail-lw, 0px) - var(--rail-w, 0px)) / 2);
  max-width:min(1200px, calc(100% - var(--rail-lw, 0px) - var(--rail-w, 0px)))}


:root.dock-on .verdictbar:not(.subs-verdict){left:var(--rail-lw, 0px);right:var(--rail-w, 0px)}
:root.dock-on .vw-verdicts .verdictbar{left:auto;right:auto}


:root.vsh-inset body{padding-left:var(--rail-lw, 0px);padding-right:var(--rail-w, 0px)}
:root.vsh-inset #app-header{margin-left:calc(0px - var(--rail-lw, 0px));margin-right:calc(0px - var(--rail-w, 0px))}








.dock{position:fixed;top:var(--dock-top, calc(var(--rail-clear, 66px) - 16px));bottom:0;z-index:var(--z-chrome);
  display:flex;width:var(--srail-tab);background:var(--panel);font-family:var(--ui)}
.dock[hidden]{display:none}
.dock.is-open{width:var(--dock-w, var(--srail-w))}
.dock-l{left:0;border-right:1px solid var(--hair-hi);box-shadow:6px 0 24px rgba(0,0,0,.45)}
.dock-r{right:0;flex-direction:row-reverse;border-left:1px solid var(--hair-hi);box-shadow:-6px 0 24px rgba(0,0,0,.45)}
.dock-spine{flex:none;width:var(--srail-tab);display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:10px 0 12px;position:relative;z-index:6;background:var(--void)}
.dock-l .dock-spine{border-right:1px solid var(--hair)}
.dock-r .dock-spine{border-left:1px solid var(--hair)}



.dock-grip{display:none;position:absolute;top:0;bottom:0;z-index:5;width:9px;cursor:col-resize;touch-action:none;outline:none}
.dock-l .dock-grip{right:-5px}
.dock-r .dock-grip{left:-5px}
:root.dock-resizable .dock.is-open > .dock-grip{display:block}
.dock-grip::before{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;
  background:color-mix(in srgb,var(--accent) 38%,var(--hair-hi));transition:background .12s ease,box-shadow .12s ease}
.dock-grip::after{content:"";position:absolute;top:calc(50% - 22px);left:2px;width:5px;height:44px;
  border:1px solid color-mix(in srgb,var(--accent) 55%,var(--hair-hi));background:var(--void) repeating-linear-gradient(to bottom,
  color-mix(in srgb,var(--accent) 70%,transparent) 0 2px,transparent 2px 5px) content-box;padding:3px 0;box-sizing:border-box;
  transition:border-color .12s ease,box-shadow .12s ease}
.dock-grip:hover::before,.dock-grip:focus-visible::before,:root.dock-dragging .dock-grip::before{background:var(--accent);
  box-shadow:0 0 8px color-mix(in srgb,var(--accent) 65%,transparent)}
.dock-grip:hover::after,.dock-grip:focus-visible::after,:root.dock-dragging .dock-grip::after{border-color:var(--accent);
  background-color:color-mix(in srgb,var(--accent) 22%,var(--void));box-shadow:0 0 10px color-mix(in srgb,var(--accent) 55%,transparent)}

:root.dock-dragging,:root.dock-dragging *{cursor:col-resize !important;user-select:none}
:root.dock-dragging iframe{pointer-events:none}
@media(prefers-reduced-motion:reduce){ .dock-grip::before,.dock-grip::after{transition:none} }



.dock-tab,.dock-add{position:relative;flex:none;display:flex;align-items:center;justify-content:center;
  width:26px;height:30px;padding:0;border:1px solid var(--hair);background:var(--sunk);color:var(--dim);
  font:inherit;cursor:pointer}
.dock-tab .navi{width:16px;height:16px;vertical-align:0}
.dock-tab:hover,.dock-tab:focus-visible,.dock-add:hover,.dock-add:focus-visible{color:var(--bright);border-color:var(--accent);background:var(--raised);outline:none}
.dock-tab.is-on{background:var(--accent);border-color:var(--accent);color:var(--void);
  box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}
.dock-tab.is-on:hover,.dock-tab.is-on:focus-visible{color:var(--void);background:var(--accent)}



.dock-tab.dock-tab-call{height:auto;flex-direction:column;justify-content:flex-start;gap:7px;padding:6px 0 7px}
.dock-tab.dock-tab-call > .dock-label{top:15px}
.dock-tab.is-waiting{border-color:color-mix(in srgb,var(--bad) 55%,var(--hair-hi));color:var(--ink)}
.dock-wait{position:absolute;left:-1px;right:-1px;bottom:-1px;height:4px;pointer-events:none;
  background:repeating-linear-gradient(135deg,var(--bad) 0 3px,transparent 3px 6px)}



:root.dock-resizable .dock-tab{cursor:grab}
:root.dock-resizable .dock-tab:hover::before{content:"";position:absolute;top:8px;bottom:8px;width:3px;pointer-events:none;
  background:radial-gradient(circle,currentColor 0 .7px,transparent 1px) 0 0/3px 3px;opacity:.7}
.dock-l .dock-tab::before{left:1px}
.dock-r .dock-tab::before{right:1px}
.dock-tab.is-lifted{opacity:.35;border-style:dashed;box-shadow:none}
.dock-tab.is-lifted::before{content:none}
.dock-tab.is-lifted .dock-label{opacity:0}
.dock-ghost{position:fixed;z-index:calc(var(--z-chrome) + 2);margin:0;pointer-events:none;cursor:grabbing;
  color:var(--bright);border-color:var(--accent);background:var(--raised);transform:scale(1.12);
  box-shadow:0 8px 22px rgba(0,0,0,.6),0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}
.dock-ghost .dock-label,.dock-ghost .dock-wait{display:none}
.dock-drop{position:fixed;z-index:calc(var(--z-chrome) + 1);height:2px;margin-top:-1px;pointer-events:none;
  background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent)}
:root.dock-tabdrag,:root.dock-tabdrag *{cursor:grabbing !important;user-select:none}
:root.dock-tabdrag iframe{pointer-events:none}
:root.dock-tabdrag .dock .dock-label{opacity:0}
:root.dock-tabdrag .dock-tab:hover::before{content:none}
.dock-refuse{position:absolute;top:10px;z-index:7;margin:0;max-width:220px;padding:4px 10px;font-size:10.5px;line-height:1.4;
  background:var(--bad);color:var(--void);box-shadow:0 4px 14px rgba(0,0,0,.5)}
.dock-l .dock-refuse{left:calc(var(--srail-tab) + 6px)}
.dock-r .dock-refuse{right:calc(var(--srail-tab) + 6px)}


.dock-add{margin-top:auto;height:26px;border-style:dashed;border-color:var(--hair-hi);background:none;color:var(--accent);font-size:16px;line-height:1}
.dock-spine.is-bare .dock-add{margin-top:2px;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}

.dock-face .vw-cav{width:18px;height:18px;border-width:1px}
.dock-face .vw-cav-i{font-size:10px}
.dock-tab .dock-face .vw-cav,.dock-pick .dock-face .vw-cav{width:18px;height:18px}
.dock-glyph{position:relative;display:inline-flex}
.dock-initial{position:absolute;right:-7px;bottom:-6px;font-size:8px;line-height:1;padding:1px 2px;
  background:var(--void);color:var(--bright);border:1px solid var(--hair-hi)}
.dock-tab.is-on .dock-initial{border-color:var(--void)}

.dock-label{position:absolute;top:50%;z-index:3;white-space:nowrap;pointer-events:none;
  padding:4px 10px;font-size:10.5px;line-height:1.4;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);
  background:var(--accent);color:var(--void);border:1px solid var(--accent);box-shadow:0 4px 14px rgba(0,0,0,.5);
  opacity:0;transition:opacity .12s ease,transform .12s ease}
.dock-l .dock-label{left:calc(100% + 6px);transform:translate(-6px,-50%)}
.dock-r .dock-label{right:calc(100% + 6px);transform:translate(6px,-50%)}
.dock-tab:hover .dock-label,.dock-tab:focus-visible .dock-label,
.dock-add:hover .dock-label,.dock-add:focus-visible .dock-label{opacity:1;transform:translate(0,-50%)}
@media(prefers-reduced-motion:reduce){ .dock-label{transition:none} }








.dock-panel{display:none;flex:1 1 auto;min-width:0;flex-direction:column;position:relative;z-index:1;padding:8px 8px 0}
.dock.is-open .dock-panel{display:flex}
.dock-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;margin:0 0 8px;
  border-bottom:1px solid var(--hair)}
.dock-tag{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 9px;
  font-size:10px;line-height:1.5;letter-spacing:calc(.2em * var(--track));text-transform:var(--caps);background:var(--accent);color:var(--void)}


.dock-panel.has-own-tag .dock-tag{background:none;color:var(--faint);padding-left:2px;letter-spacing:calc(.16em * var(--track))}
.dock-tools{flex:none;display:flex;gap:4px}
.dock-tool{width:26px;height:24px;padding:0;border:1px solid var(--hair);background:var(--sunk);color:var(--dim);
  font:inherit;font-size:13px;line-height:1;cursor:pointer}
.dock-tool:hover,.dock-tool:focus-visible{color:var(--bright);border-color:var(--accent);background:var(--raised);outline:none}
.dock-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
  padding:8px 6px 14px;background:color-mix(in srgb,var(--sunk) 70%,var(--void));border:1px solid var(--hair);border-bottom:0;
  box-shadow:inset 0 2px 10px rgba(0,0,0,.6)}
.dock-hint{margin:10px 2px;padding:12px 10px;border:1px dashed var(--hair-hi);color:var(--faint);font-size:12px;line-height:1.5;text-align:center}
.dock-hint a{color:var(--accent)}
.dock-door-go{margin-left:6px;min-height:32px;padding:4px 10px;font:inherit;color:var(--accent);background:none;border:1px solid var(--accent);cursor:pointer}
@media(pointer:coarse){.dock-door-go{min-height:var(--tap-min)}}

.rail{display:none}
.dock-host-dossier > .rail{display:block;border:1px solid var(--hair-hi);background:var(--panel);padding:16px 15px 14px;
  box-shadow:0 0 0 1px var(--void),0 8px 30px rgba(0,0,0,.5)}


.dock-body:has(> .dock-host-commons, > .dock-host-dm, > .dock-host-room){overflow:hidden;padding-bottom:6px}
.dock-host-commons,.dock-host-dm,.dock-host-room{height:100%}
.dock-host-commons > .hm-page,.dock-host-dm > .hm-page,.dock-host-room > .hm-page{height:100%;padding-top:8px}
.dock-host-commons .hm-slot-chat,.dock-host-dm .hm-slot-chat,.dock-host-room .hm-slot-chat{min-height:0;height:100%}


.dock-host .hm-clubs-table td,.dock-host .hm-clubs-table th{padding-left:6px;padding-right:6px}
.dock-host .hm-clubs-when{white-space:normal;line-height:1.35}
.dock-host .hm-clubs-night{overflow-wrap:normal}
.dock-host.hm-frame > .hm-page{padding-top:12px}


.dock-host .dock-clip{max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}


.dock-list{display:flex;flex-direction:column;gap:5px;font-size:12.5px}
.dock-conv{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--hair);
  background:var(--raised);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.dock-conv:hover,.dock-conv:focus-visible{border-color:var(--hair-hi);background:color-mix(in srgb,var(--raised) 85%,var(--accent));outline:none}
.dock-conv .dock-face .vw-cav{width:30px;height:30px}
.dock-conv-t{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}
.dock-conv-name{color:var(--bright);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-conv-said{color:var(--dim);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-conv.is-unread{border-color:color-mix(in srgb,var(--accent) 40%,var(--hair));box-shadow:inset 2px 0 0 var(--accent)}
.dock-conv.is-unread .dock-conv-name{color:var(--accent)}
.dock-conv.is-unread .dock-conv-said{color:var(--ink)}
.dock-dot{flex:none;width:8px;height:8px;background:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 60%,transparent)}

.dock-alerts .notif-row{flex-direction:column;align-items:stretch;gap:3px;padding:8px 10px;margin-bottom:5px;border:1px solid var(--hair);border-bottom:1px solid var(--hair);
  background:var(--raised);font-size:12px;line-height:1.45;color:var(--dim);text-decoration:none}
.dock-alerts a.notif-row:hover{border-color:var(--hair-hi);background:color-mix(in srgb,var(--raised) 85%,var(--accent))}
.dock-alerts .notif-row.unread{border-left:1px solid var(--hair);box-shadow:inset 2px 0 0 var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--hair))}
.dock-alerts .notif-text b{color:var(--bright)}
.dock-alerts .notif-age.console-hint{margin:0;padding:0;border:0;text-align:left;font-size:12px;color:var(--dim)}
.dock-alerts .dock-list > .console-hint{margin:10px 2px;padding:12px 10px;border:1px dashed var(--hair-hi);color:var(--faint);font-size:12px;line-height:1.5;text-align:center}
.dock-alerts .notif-all{display:block;margin:6px 0 0;padding:7px 10px;border:1px solid var(--hair-hi);color:var(--accent);text-align:center;text-decoration:none;font-size:11px;
  letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.dock-alerts .notif-all:hover{background:var(--raised);border-color:var(--accent)}

.dock-day{display:flex;align-items:center;gap:8px;margin:10px 0 2px;font-size:10px;font-weight:normal;color:var(--accent);text-transform:var(--caps);
  letter-spacing:calc(.18em * var(--track))}
.dock-day::after{content:"";flex:1 1 auto;height:1px;background:var(--hair-hi)}
.dock-day:first-child{margin-top:2px}
.dock-night{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--hair);background:var(--raised)}
.dock-night-at{flex:none;width:40px;color:var(--bright);font-variant-numeric:tabular-nums;font-size:12px}
.dock-night-t{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}
.dock-night-name{color:var(--bright);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-night-name:hover{color:var(--accent)}
.dock-night-club{color:var(--dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-night.is-in{border-color:color-mix(in srgb,var(--good) 40%,var(--hair));box-shadow:inset 2px 0 0 var(--good)}
.dock-night.is-in .dock-night-name{color:var(--good)}
.dock-night-sts{flex:none;padding:2px 6px;border:1px solid var(--hair-hi);font-size:9.5px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--faint)}
.dock-night-sts.is-good{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,var(--hair-hi))}
.dock-night-acts{flex:none;display:flex;gap:3px}
.dock-rsvp{min-width:30px;height:24px;border:1px solid var(--hair-hi);background:var(--sunk);color:var(--dim);font:inherit;font-size:11px;cursor:pointer}
.dock-rsvp:hover,.dock-rsvp:focus-visible{border-color:var(--accent);color:var(--bright);outline:none}
.dock-rsvp.is-on{background:var(--accent);border-color:var(--accent);color:var(--void)}
.dock-rsvp:disabled{opacity:.45;cursor:default}



.dock-sheet{position:absolute;top:0;bottom:0;z-index:4;width:calc(var(--dock-w, var(--srail-w)) - var(--srail-tab));overflow-y:auto;scrollbar-width:thin;
  padding:8px 8px 14px;background:var(--panel);box-shadow:0 8px 30px rgba(0,0,0,.6)}
.dock-l .dock-sheet{left:var(--srail-tab);border-right:1px solid var(--hair-hi)}
.dock-r .dock-sheet{right:var(--srail-tab);border-left:1px solid var(--hair-hi)}
.dock-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;margin-bottom:8px;border-bottom:1px solid var(--hair)}
.dock-sheet-lead{margin:0 2px 6px;color:var(--dim);font-size:11.5px;line-height:1.5}
.dock-sheet-say{display:none;margin:0 2px 6px;padding:8px 10px;border-color:var(--bad);color:var(--bad)}
.dock-sheet-say:not(:empty){display:block}
.dock-sheet-sec{margin-top:8px}
.dock-sheet-h{display:flex;align-items:center;gap:8px;margin:10px 0 6px;font-size:10px;font-weight:normal;color:var(--accent);text-transform:var(--caps);
  letter-spacing:calc(.18em * var(--track))}
.dock-sheet-h::after{content:"";flex:1 1 auto;height:1px;background:var(--hair-hi)}
.dock-sheet .dock-hint{margin:4px 0}
.dock-pick{display:flex;align-items:stretch;gap:0;margin-bottom:5px;border:1px solid var(--hair);background:var(--raised)}
.dock-pick:hover,.dock-pick:focus-within{border-color:var(--hair-hi)}
.dock-pick.is-here{border-color:color-mix(in srgb,var(--accent) 45%,var(--hair));box-shadow:inset 2px 0 0 var(--accent)}
.dock-pick-go{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;padding:7px 8px 7px 10px;border:0;background:none;
  color:var(--ink);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.dock-pick-go:hover,.dock-pick-go:focus-visible{background:color-mix(in srgb,var(--raised) 85%,var(--accent));outline:none}
.dock-pick-go:disabled{opacity:.55;cursor:not-allowed}
.dock-pick-ic{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--hair);background:var(--sunk);color:var(--dim)}
.dock-pick-ic .navi{width:16px;height:16px;flex:none}
.dock-pick.is-here .dock-pick-ic{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--hair))}
.dock-pick-t{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:1px}
.dock-pick-name{color:var(--bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-pick-sub{color:var(--dim);font-size:10.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-pick-at{flex:none;padding:2px 5px;border:1px solid var(--hair-hi);font-size:9.5px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--faint)}
.dock-pick.is-here .dock-pick-at{background:var(--accent);border-color:var(--accent);color:var(--void)}
.dock-pick.is-there .dock-pick-at{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--hair-hi))}
.dock-pick-rm{flex:none;padding:0 8px;border:0;border-left:1px solid var(--hair);background:none;color:var(--faint);font:inherit;font-size:10px;
  letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);cursor:pointer}
.dock-pick-rm:hover,.dock-pick-rm:focus-visible{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent);outline:none}
.dock-sheet-foot{margin:2px 0 4px;padding:8px;border:1px solid var(--hair);background:var(--raised);display:flex;flex-direction:column;gap:5px}
.dock-reset{width:100%;height:30px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);
  font:inherit;font-size:11px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);cursor:pointer}
.dock-reset:hover,.dock-reset:focus-visible{background:var(--accent);color:var(--void);outline:none}
.dock-sheet-foot-n{color:var(--faint);font-size:10.5px;line-height:1.45;text-align:center}

.dock-order-list{list-style:none;margin:0;padding:0}
.dock-ord{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:3px 4px 3px 2px;border:1px solid var(--hair);background:var(--raised)}
.dock-ord.is-dragging{border-color:var(--accent);box-shadow:0 4px 14px rgba(0,0,0,.5);position:relative;z-index:1}
.dock-ord-grip{flex:none;width:16px;text-align:center;color:var(--faint);cursor:grab;touch-action:none;user-select:none}
.dock-ord.is-dragging .dock-ord-grip{cursor:grabbing;color:var(--accent)}
.dock-ord .dock-pick-ic{width:24px;height:24px}
.dock-ord-name{flex:1 1 auto;min-width:0;color:var(--bright);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-ord-mv{flex:none;width:28px;height:28px;border:1px solid var(--hair);background:var(--sunk);color:var(--dim);font:inherit;font-size:13px;cursor:pointer}
.dock-ord-mv:hover:not(:disabled),.dock-ord-mv:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}
.dock-ord-mv:disabled{opacity:.3;cursor:default}
@media (pointer:coarse){.dock-ord-mv{min-width:var(--tap-min);min-height:var(--tap-min)}.dock-ord-grip{display:none}}

.dossier-page{max-width:340px;margin:6vh auto 0;border:1px solid var(--hair-hi);
  background:var(--panel);padding:20px 18px 16px;
  box-shadow:0 0 0 1px var(--void),0 8px 30px rgba(0,0,0,.5)}


.dsr-avatar{width:96px;height:96px;border:1px solid var(--hair-hi);background:var(--sunk);
  margin:2px auto 12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.dsr-avimg{width:100%;height:100%;object-fit:cover}
.dsr-avfallback{width:58%;height:58%;object-fit:contain;filter:invert(1);opacity:.16}
.dsr-id{text-align:center;margin-bottom:4px}
.rail-user{font-size:12px;letter-spacing:calc(.1em * var(--track));color:var(--bright);font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rail .sig-name.typing::after{content:"_";color:var(--accent);animation:railcursor .7s steps(1) infinite}
@keyframes railcursor{50%{opacity:0}}






















.rk-lurker,.ulink.rk-lurker    {color:var(--faint)}
.rk-drifter,.ulink.rk-drifter  {color:#8892a2}
.rk-denizen,.ulink.rk-denizen  {color:#c8cdd4}
.rk-citizen,.ulink.rk-citizen  {color:#56b6d8; text-shadow:0 0 9px rgba(86,182,216,.4)}
.rk-freeman,.ulink.rk-freeman  {color:#5fc46b; text-shadow:0 0 9px rgba(95,196,107,.45)}
.rk-noble,.ulink.rk-noble      {color:#eda733; animation:rk-pulse 3.2s ease-in-out infinite}
.rk-royalty,.ulink.rk-royalty  {color:#c08cf0; animation:rk-pulse 3.2s ease-in-out infinite}
.rk-ascendant,.ulink.rk-ascendant{color:#ff3b3b; text-shadow:0 0 11px rgba(255,59,59,.65); animation:rk-flicker 3s steps(1) infinite}
.rk-celestial,.ulink.rk-celestial{color:#ffe6a3; text-shadow:0 0 16px rgba(255,224,150,.65),0 0 34px rgba(255,224,150,.28); animation:rk-breathe 3.6s ease-in-out infinite}
.rk-divine,.ulink.rk-divine{
  background:linear-gradient(90deg,#7fefff,#b79bff,#ffd98a,#8affd1,#7fefff);
  background-attachment:scroll;background-size:var(--prism-span);background-position:var(--sheet-pos,0 0);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 0 10px rgba(150,200,255,.5))}

.ulink.rk-lurker:hover{color:#7b8492}.ulink.rk-drifter:hover{color:#a7b0be}.ulink.rk-denizen:hover{color:var(--bright)}
.ulink.rk-citizen:hover{color:#7fd0ec}.ulink.rk-freeman:hover{color:#84e08e}.ulink.rk-noble:hover{color:#ffc24d}
.ulink.rk-royalty:hover{color:#d3aef5}.ulink.rk-ascendant:hover{color:#ff6b6b}.ulink.rk-celestial:hover{color:#fff3cf}

.ulink.rk-divine:hover,.ulink.prism-text:hover,.ulink.apex-name:hover{color:transparent}

@keyframes rk-pulse{0%,100%{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 8px currentColor)}}
@keyframes rk-flicker{0%,100%{opacity:1}41%{opacity:1}43%{opacity:.5}45%{opacity:1}71%{opacity:.82}72%{opacity:1}}
@keyframes rk-breathe{0%,100%{text-shadow:0 0 12px rgba(255,224,150,.5),0 0 26px rgba(255,224,150,.2)}50%{text-shadow:0 0 20px rgba(255,224,150,.8),0 0 46px rgba(255,224,150,.4)}}


.rankup-flare{position:fixed;left:50%;top:36%;transform:translate(-50%,-50%);z-index:var(--z-juice);
  text-align:center;pointer-events:none;animation:rankup-flare 1.9s ease-out forwards}
.rankup-flare .ruf-k{font-size:11px;letter-spacing:calc(.42em * var(--track));text-transform:var(--caps);color:var(--dim)}
.rankup-flare .ruf-name{display:block;margin-top:8px;font-weight:700;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  font-size:clamp(30px,9vw,58px);line-height:1}
@keyframes rankup-flare{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}
  14%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}
  72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}}

.burstdot{position:fixed;left:0;top:0;width:7px;height:7px;border-radius:50%;background:currentColor;
  box-shadow:0 0 8px currentColor;z-index:var(--z-juice-trail);pointer-events:none;will-change:transform,opacity}
















body.vw-lock .pointfloat,body.vw-lock .pointdot,
body.vw-lock .rankup-flare,body.vw-lock .burstdot{z-index:var(--z-juice-top)}


.dsr-sigil,.prof-crest{display:flex;flex-direction:column;align-items:center;gap:8px;margin:2px 0 12px}
.sig-badge{width:64px;height:64px;border-radius:50%;border:2px solid currentColor;
  display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;
  font-variant-numeric:tabular-nums;filter:drop-shadow(0 0 8px currentColor)}
.sig-name{font-size:18px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);font-weight:700}


.rail .dsr-sigil{flex-direction:row;justify-content:center;align-items:center;gap:8px;margin:2px 0 10px}
.rail .dsr-sigil .sig-badge{width:30px;height:30px;font-size:13px;border-width:1px;flex:0 0 auto}
.rail .dsr-sigil .sig-name{font-size:12px;letter-spacing:calc(.14em * var(--track))}

.prof-crest{flex:0 0 auto;margin:0 0 0 auto}


.lb{display:flex;flex-direction:column;gap:1px;margin-top:10px}




.lb-name{font-size:13px;letter-spacing:calc(.02em * var(--track));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-rank{font-size:9.5px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);text-align:right}
@media(max-width:520px){.lb-rank{display:none}}

.dsr-rep-chip.streak{border-color:rgba(240,130,50,.45)} .dsr-rep-chip.streak .dsr-rep-v{color:#ff8f42}




.prof-rename-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prof-rename-input{font-size:17px;padding:6px 9px;background:var(--sunk);border:1px solid var(--hair-hi);
  color:var(--bright);max-width:220px;letter-spacing:calc(.02em * var(--track))}
.prof-rename-msg{color:var(--dim)}

.prof-rename-note{flex:1 0 100%;color:var(--dim);font-size:12px}

.prof-handle{color:var(--dim);font-size:12px;margin:0;overflow-wrap:anywhere}
.prof-acct{font-family:var(--mono,monospace);font-size:12px}

@media(prefers-reduced-motion:reduce){.rk-noble,.rk-royalty,.rk-ascendant,.rk-celestial,.rk-divine{animation:none}
  

  .rankup-flare{animation:rankup-flare-rm 2s ease-out forwards}
  @keyframes rankup-flare-rm{0%,80%{opacity:1}100%{opacity:0}}
}


.dsr-sec{margin-top:14px}
.dsr-h{font-size:9px;letter-spacing:calc(.2em * var(--track));text-transform:var(--caps);color:var(--faint);
  padding-bottom:5px;margin-bottom:9px;border-bottom:1px solid var(--hair)}
.dsr-sec .dsr-h::before{content:"◈ ";color:var(--accent-deep)}

.rail-score{display:block;font-size:38px;line-height:1.05;color:var(--bright);font-variant-numeric:tabular-nums;
  margin:2px 0 10px;transform-origin:left center;will-change:transform;text-decoration:none;cursor:pointer}
.rail-score:hover{text-decoration:underline}
.rail-track{height:3px;background:var(--sunk);border:1px solid var(--hair);overflow:hidden}
.rail-fill{height:100%;background:var(--accent);width:0;transition:width .3s ease-out}
.rail-next{font-size:10px;letter-spacing:calc(.06em * var(--track));color:var(--dim);margin-top:7px}


.dsr-stats{display:flex;flex-direction:column;gap:5px}
.dsr-stat{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px}
.dsr-k{color:var(--dim);letter-spacing:calc(.04em * var(--track))}
.dsr-v{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}


.dsr-stat.bad .dsr-v{color:var(--bad)} .dsr-stat.good .dsr-v{color:var(--good)}




.burn-dash{border:1px solid var(--hair-hi);border-radius:5px;padding:10px 12px;margin-bottom:14px;background:var(--raised)}
.burn-dash .prof-lbl{margin-bottom:6px}




.creator-claim{border:1px solid var(--hair-hi);border-radius:5px;padding:10px 12px;margin:0 0 14px}
.cc-head{margin-bottom:6px}
.cc-lbl{font-size:10px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:#ff8a3d}
.creator-claim.cc-applied,.creator-claim.cc-verified{border-left:3px solid #f2792b}
.creator-claim.cc-rejected{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 8%, var(--raised))}
.cc-body{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;flex-wrap:wrap}
.cc-body.cc-bad{color:var(--bad);justify-content:flex-start}
.cc-body.cc-made{justify-content:flex-start;align-items:center;gap:6px;font-size:13px}
.cc-madeby{color:var(--dim)}
.cc-staffline{margin-top:6px}
.cc-votes,.cc-admin{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}   
.cc-msg:empty{display:none}




.own-stack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.own-row{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%}
.own-row .ulink{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.own-face{flex:0 0 auto;display:flex;text-decoration:none}
.own-stack .vw-cav,.vw-ov-top .own-stack .vw-cav{width:22px;height:22px}
.own-more{background:none;border:0;padding:2px 0 0 29px;color:var(--dim);font:inherit;font-size:11px;letter-spacing:.04em;cursor:pointer}
.own-more:hover,.own-more:focus-visible{color:var(--fg)}
@media (pointer:coarse){.own-more{min-height:var(--tap-min);min-width:var(--tap-min);text-align:left}}

.vw-ov-line:has(.vw-who-stack){height:auto;min-height:36px;align-items:flex-start;padding-top:6px;padding-bottom:4px}
.vw-who-stack .own-row{font-size:13px;text-shadow:var(--vw-tshadow)}
.vw-who-stack .own-more{color:rgba(255,255,255,.75);text-shadow:var(--vw-tshadow)}

.subv-row.is-owner{grid-template-columns:minmax(0,1fr) 24px}
.creator-claim.co-own{border-left:3px solid #4db8ff}
.co-lbl{color:#4db8ff}
.co-split{margin-top:4px}
.co-pend{margin-top:8px;align-items:center}
.co-acts{margin-top:0}
.co-add{align-items:center}
.co-add input{flex:1 1 160px;min-width:0}
.vw-sh-claimrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}





.awards-grid{display:flex;flex-wrap:wrap;gap:12px}
.award-badge{position:relative;width:106px;padding:15px 8px 10px;text-align:center;color:var(--dim);
  border:1px solid var(--hair-hi);border-radius:5px;background:var(--panel);cursor:default}
.aw-icon{font-size:30px;line-height:1;filter:drop-shadow(0 0 6px currentColor)}




.aw-icon.aw-drawn{display:flex;align-items:center;justify-content:center;height:30px}
.aw-icon .awi{width:30px;height:30px;display:block}









.aw-icon .clsi{width:30px;height:30px;display:block}
svg.clsi{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.aw-title{margin-top:8px;font-size:11px;letter-spacing:calc(.05em * var(--track));color:var(--bright)}
.aw-pct{margin-top:4px;font-size:8.5px;letter-spacing:calc(.05em * var(--track));color:currentColor;opacity:.85;font-variant-numeric:tabular-nums}


.award-badge.rarity-common{color:var(--r-common);border-color:rgba(154,161,173,.4)}
.award-badge.rarity-uncommon{color:var(--r-uncommon);border-color:rgba(95,196,107,.45)}
.award-badge.rarity-rare{color:var(--r-rare);border-color:rgba(77,184,255,.5);box-shadow:0 0 14px rgba(77,184,255,.14)}
.award-badge.rarity-epic{color:var(--r-epic);border-color:rgba(217,102,232,.55);box-shadow:0 0 15px rgba(217,102,232,.16)}
.award-badge.rarity-legendary{color:var(--r-legendary);border-color:rgba(255,217,138,.55);box-shadow:0 0 18px rgba(255,217,138,.2);
  background:linear-gradient(180deg,rgba(255,217,138,.06),transparent)}
.award-badge.rarity-mythic{color:var(--r-mythic);border-color:rgba(255,77,94,.6);box-shadow:0 0 20px rgba(255,77,94,.24);
  background:linear-gradient(180deg,rgba(255,77,94,.07),transparent)}
.award-badge.rarity-legendary .aw-icon,.award-badge.rarity-mythic .aw-icon{animation:aw-shimmer 3s ease-in-out infinite}
@keyframes aw-shimmer{0%,100%{filter:drop-shadow(0 0 5px currentColor)}50%{filter:drop-shadow(0 0 15px currentColor)}}
@media(prefers-reduced-motion:reduce){.award-badge.rarity-legendary .aw-icon,.award-badge.rarity-mythic .aw-icon{animation:none}}






:root{
  --r-common:#9aa1ad; --r-uncommon:#5fc46b; --r-rare:#4db8ff;
  --r-epic:#d966e8; --r-legendary:#ffd98a; --r-mythic:#ff4d5e;
  























  --binkie:#ff5ce1; --binkie-lo:#a3006b;   
  --scion:#00e676;  --scion-lo:#046b3a;
  




  --stamp-vouched:var(--accent); --stamp-trusted:var(--info);
  --stamp-scion:var(--scion);    --stamp-quarantined:var(--bad);
  --prism:linear-gradient(90deg,#d9ffe3,#d4f3ff,#e2d9ff,#ffd9e8,#ffe9c9,#fdffd1,#ffffff,#d9ffe3);
  
  --prism-sat:linear-gradient(90deg,#3dff7a,#33ccff,#8a5cff,#ff4dd2,#ff9838,#ffe83d,#3dff7a);
  
  --prism-lite:linear-gradient(90deg,#a6ffc4,#9fe2ff,#c9b4ff,#ffb0e6,#ffd09b,#fff5ab,#a6ffc4);
  








































  --prism-span:calc(137.873vw + 17.365vh) 100vh}





.prism-text,.ulink.prism-text{background:var(--prism);background-attachment:scroll;background-size:var(--prism-span);background-position:var(--sheet-pos,0 0);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  

  filter:drop-shadow(0 0 6px rgba(255,255,255,.5)) drop-shadow(0 0 14px rgba(170,215,255,.35))}





.apex-frame{position:relative;border-radius:6px}







.apex-frame > .prismring{position:absolute;inset:-1px;padding:1.5px;pointer-events:none;border-radius:inherit;
  
  background:var(--prism-lite);background-attachment:scroll;background-size:var(--prism-span);background-position:var(--sheet-pos,0 0);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(180,220,255,.6)) drop-shadow(0 0 14px rgba(255,180,240,.35))}





.apex-frame > .prismglow{position:absolute;inset:-16px;z-index:-1;pointer-events:none;animation:prismbreathe 5s ease-in-out infinite alternate}
@keyframes prismbreathe{from{opacity:.30}to{opacity:.44}}







.apex-frame > .prismglow > .pg{position:absolute;inset:0;overflow:hidden;
  




  -webkit-mask:linear-gradient(to right,transparent,#fff 16px,#fff calc(100% - 16px),transparent),
               linear-gradient(to bottom,transparent,#fff 16px,#fff calc(100% - 16px),transparent);
  -webkit-mask-composite:source-in;
  mask:linear-gradient(to right,transparent,#fff 16px,#fff calc(100% - 16px),transparent),
       linear-gradient(to bottom,transparent,#fff 16px,#fff calc(100% - 16px),transparent);
  mask-composite:intersect}





.apex-frame .pg .strip{position:absolute;inset:0;
  background:var(--prism-sat);background-attachment:scroll;background-size:var(--prism-span);background-position:var(--sheet-pos,0 0);
  opacity:.42}



.apex-frame::before,.apex-frame::after,.apex-frame > .corner{content:"";position:absolute;width:14px;height:14px;
  pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))} 
.apex-frame::before{top:-1px;left:-1px;border-top:2px solid #ffd9e8;border-left:2px solid #ffd9e8}
.apex-frame::after{bottom:-1px;right:-1px;border-bottom:2px solid #d4f3ff;border-right:2px solid #d4f3ff}
.apex-frame > .corner.tr{top:-1px;right:-1px;border-top:2px solid #d9ffe3;border-right:2px solid #d9ffe3}
.apex-frame > .corner.bl{bottom:-1px;left:-1px;border-bottom:2px solid #e2d9ff;border-left:2px solid #e2d9ff}



@keyframes prismchip{
  0%{border-color:#eafff0;box-shadow:0 0 9px rgba(166,255,196,.5)}
  25%{border-color:#e8f7ff;box-shadow:0 0 9px rgba(159,226,255,.5)}
  50%{border-color:#ffeaf7;box-shadow:0 0 9px rgba(255,176,230,.5)}
  75%{border-color:#fffbe6;box-shadow:0 0 9px rgba(255,245,171,.5)}
  100%{border-color:#eafff0;box-shadow:0 0 9px rgba(166,255,196,.5)}}

















@media(prefers-reduced-motion:reduce){.apex-frame > .prismglow{animation:none}}
.prism-burst{background:radial-gradient(circle,rgba(255,255,255,.6),transparent 70%)}


.titles-row{display:flex;flex-wrap:wrap;gap:10px}
.title-chip{position:relative;display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:6px;
  border:1px dashed var(--hair-hi);background:var(--panel)}
.title-chip.tier-common{border-color:rgba(154,161,173,.5);color:var(--r-common)}
.title-chip.tier-uncommon{border-color:rgba(95,196,107,.5);color:var(--r-uncommon)}
.title-chip.tier-rare{border-color:rgba(77,184,255,.55);color:var(--r-rare);box-shadow:0 0 12px rgba(77,184,255,.12)}
.title-chip.tier-epic{border-color:rgba(217,102,232,.55);color:var(--r-epic);box-shadow:0 0 12px rgba(217,102,232,.14)}
.title-chip.tier-legendary{border-color:rgba(255,217,138,.6);color:var(--r-legendary);box-shadow:0 0 14px rgba(255,217,138,.16)}
.title-chip.tier-mythic{border-color:rgba(255,77,94,.6);color:var(--r-mythic);box-shadow:0 0 14px rgba(255,77,94,.18)}



.title-chip.prismchip{background:var(--panel);border:1px solid #eafff0;color:#e8ecff;animation:prismchip 6s linear infinite}
@media(prefers-reduced-motion:reduce){.title-chip.prismchip{animation:none;border-color:#d4f3ff}}
.title-ic{font-size:22px;line-height:1;filter:drop-shadow(0 0 6px currentColor)}
.title-body{display:flex;flex-direction:column;gap:2px}
.title-nm{font-size:12px;letter-spacing:calc(.06em * var(--track));color:currentColor}
.title-since{font-size:9px;letter-spacing:calc(.05em * var(--track));color:var(--faint);text-transform:var(--caps)}
.title-unlock{animation:aw-pop .5s ease}
@keyframes aw-pop{0%{transform:scale(.7);opacity:.3}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}








.roster-cell{display:flex;flex-direction:column;gap:0;min-width:0}



.roster-cell .roster-row{cursor:pointer}
.crownpanel{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline;
  padding:9px 11px 10px;border:1px solid var(--hair);border-top:none;font-size:11px}
.cp-k{color:var(--faint);text-transform:var(--caps);letter-spacing:calc(.1em * var(--track));font-size:9.5px;white-space:nowrap}
.cp-v{color:var(--ink);min-width:0;overflow-wrap:anywhere}
.cp-dim{color:var(--dim)} .cp-mid{align-self:center}
.cp-post{display:inline-flex;align-items:center;gap:7px}
.cp-thumb{width:34px;height:34px;object-fit:cover;border:1px solid var(--hair)}
.cp-rating{color:var(--bad);font-weight:600}









.cp-ladder{list-style:none;margin:0;padding:0;max-width:640px;display:flex;flex-direction:column;gap:1px}
.cp-rung{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:1px;align-items:baseline;padding:3px 4px}
.cp-rung .cp-place{color:var(--dim);flex:none;width:2.4em}
.cp-rungwho{flex:0 1 auto;min-width:min(10em,100%);white-space:nowrap;overflow:clip;overflow-clip-margin:6px;text-overflow:ellipsis}
.cp-rungv{color:var(--dim);text-align:right;flex:0 1 auto;margin-left:auto;min-width:0}
.cp-rungn{white-space:nowrap}
.cp-rung.is-you{background:var(--raised)}
.cp-rung.is-you .cp-place{color:var(--accent)}
.cp-top.cp-k{align-self:start;padding-top:3px}

.cp-week{display:flex;flex-direction:column;gap:4px;min-width:0}
.cp-weekline{color:var(--ink)}




.roster-row{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:6px;font-size:12px;min-width:0}
.roster-row.vacant{border:1px dashed var(--hair);background:none}
.roster-ic{font-size:19px;line-height:1;flex-shrink:0}
.roster-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;justify-content:center}
.roster-title{letter-spacing:calc(.05em * var(--track));color:var(--dim);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roster-row.vacant .roster-title{color:var(--faint)}
.roster-holder{font-weight:600;align-self:flex-start;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roster-holder.vacant{color:var(--faint);font-style:italic;font-weight:400}


.apex-crown{-webkit-text-fill-color:initial;filter:drop-shadow(0 0 4px #fff);margin-right:.32em}



.ulink.apex-name,.prof-name.apex-name{
  background:var(--prism);background-attachment:scroll;background-size:var(--prism-span);background-position:var(--sheet-pos,0 0);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.5)) drop-shadow(0 0 14px rgba(170,215,255,.35))}

















.prof-badge.apex-pill{border-color:#eafff0;font-weight:700;
  background:var(--prism);background-attachment:scroll;background-size:var(--prism-span);
  background-position:var(--sheet-pos,0 0);
  -webkit-background-clip:text;background-clip:text;color:transparent}

.apex-ribbon{text-align:center;font-size:11px;letter-spacing:calc(.28em * var(--track));text-transform:var(--caps);font-weight:700;
  background:var(--prism);background-attachment:scroll;background-size:var(--prism-span);background-position:var(--sheet-pos,0 0);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding:8px;margin:0 0 16px;border-radius:3px;border:1px solid #eafff0;
  animation:prismchip 6s linear infinite}
@media(prefers-reduced-motion:reduce){.apex-ribbon{animation:none}} 


.dsr-events{display:flex;flex-direction:column;gap:6px}
.dsr-ev{display:flex;align-items:baseline;gap:7px;font-size:10.5px;color:var(--dim)}
a.dsr-ev:hover{color:var(--bright)}
.dsr-ev-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dsr-ev-d{color:var(--accent);font-variant-numeric:tabular-nums}
.dsr-ev-a{color:var(--faint);white-space:nowrap}



.rail-score.pop,.scorechip-n.pop{animation:scorepop .2s ease-out}
@keyframes scorepop{0%{transform:scale(1)}45%{transform:scale(1.25)}100%{transform:scale(1)}}


.pointdot{position:fixed;top:0;left:0;width:16px;height:16px;margin:-8px 0 0 -8px;
  color:var(--score-ink);fill:currentColor;z-index:var(--z-juice);pointer-events:none}


.pointfloat{position:fixed;z-index:var(--z-juice);pointer-events:none;transform:translate(-50%,-50%);
  color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;
  letter-spacing:calc(.04em * var(--track));text-shadow:0 1px 3px var(--void);animation:pointrise .75s ease-out forwards}
@keyframes pointrise{0%{opacity:0;transform:translate(-50%,-40%)}
  15%{opacity:1}100%{opacity:0;transform:translate(-50%,-190%)}}


.rail.rankup{animation:railflash .6s ease-out}
@keyframes railflash{0%{box-shadow:0 0 0 1px var(--void),0 8px 30px rgba(0,0,0,.5)}
  30%{box-shadow:0 0 0 1px var(--accent),0 0 24px 4px rgba(237,167,51,.55)}
  100%{box-shadow:0 0 0 1px var(--void),0 8px 30px rgba(0,0,0,.5)}}

@media(prefers-reduced-motion:reduce){.rail-score,.scorechip-n,.rail.rankup{animation:none}
  .rail-fill{transition:none}
  .pointdot,.pointfloat{display:none!important}
}


.authcard{max-width:380px;margin:8vh auto 0;border:1px solid var(--hair);background:var(--panel);padding:22px}
.authcard h2{font-size:13px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);color:var(--bright);margin-bottom:4px;font-weight:400}
.authcard .sub{font-size:11px;color:var(--dim);margin-bottom:16px}
.authcard label{display:block;font-size:10px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);color:var(--dim);margin:12px 0 4px}
.authcard button.go{width:100%;margin-top:18px;border:1px solid var(--accent);color:var(--accent);padding:9px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);font-size:11px}
.authcard .alt{margin-top:14px;font-size:11px;color:var(--faint);text-align:center}

@media(pointer:coarse){ .authcard .alt{margin-top:4px} .authcard .alt a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);min-width:var(--tap-min);padding:0 12px} .authcard label{margin:12px 0 8px} .authcard input,.authcard button.go{min-height:var(--tap-min)} }   










.sharecard{max-width:420px;margin:6vh auto 0;text-align:center}
.sharecard h2{margin-bottom:10px}
.sh-host{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:12px;
  color:var(--accent);border:1px solid var(--hair);background:var(--sunk);padding:4px 9px;margin-bottom:16px}
.sh-medal{position:relative;width:92px;height:92px;margin:2px auto 14px}
.sh-medal svg{width:100%;height:100%;display:block;overflow:visible}
.sh-ring{fill:none;stroke:var(--hair-hi);stroke-width:3}
.sh-medal .shl.sh-arc{position:absolute;inset:0;margin:auto;--shl-size:80px}   


.sh-mark{fill:none;stroke:var(--good);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80}
.sh-medal.drawn .sh-mark{animation:sh-draw .44s cubic-bezier(.2,.75,.3,1) forwards}
@keyframes sh-draw{to{stroke-dashoffset:0}}
.sh-medal.done .sh-ring{stroke:var(--good)}
.sh-medal.bad .sh-ring{stroke:var(--bad)}


.sh-medal.bad .sh-mark{stroke:var(--bad);stroke-dasharray:104;stroke-dashoffset:104}
.sh-halo{position:absolute;inset:0;border-radius:50%;border:2px solid var(--good);opacity:0;pointer-events:none}
.sh-medal.done .sh-halo{animation:sh-halo .75s ease-out .12s}
@keyframes sh-halo{0%{opacity:.85;transform:scale(.68)}100%{opacity:0;transform:scale(1.55)}}
.sh-line{font-size:14px;color:var(--bright);margin-bottom:12px;overflow-wrap:anywhere}
.sh-track{position:relative;height:6px;background:var(--sunk);border:1px solid var(--hair);overflow:hidden}
.sh-fill{height:100%;width:0;background:var(--accent);transition:width .45s cubic-bezier(.3,.85,.3,1)}
.sh-track.done .sh-fill{background:var(--good)}
.sh-track.bad .sh-fill{background:var(--bad)}
.sh-track.busy::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(237,167,51,.45),transparent);
  transform:translateX(-100%);animation:sh-sheen 1.5s ease-in-out infinite}
@keyframes sh-sheen{to{transform:translateX(100%)}}
.sh-steps{display:flex;justify-content:space-between;margin:9px 0 12px;font-size:10px;
  letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--faint)}
.sh-step{display:flex;align-items:center;gap:5px}
.sh-step::before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid var(--hair-hi)}
.sh-step.on{color:var(--accent)}   .sh-step.on::before{border-color:var(--accent);background:var(--accent)}
.sh-step.past{color:var(--dim)}    .sh-step.past::before{border-color:var(--good);background:var(--good)}
.sh-step.bad{color:var(--bad)}     .sh-step.bad::before{border-color:var(--bad);background:var(--bad)}
.sharecard .banner{text-align:center;margin:10px 0 0}
.sh-award{font-size:12px;color:var(--good);margin-top:8px;min-height:15px}

.sh-go{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:16px;
  padding:0 12px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;
  font-size:12px;letter-spacing:calc(.1em * var(--track))}
.sh-go.quiet{border-color:var(--hair-hi);color:var(--dim)}


.sh-quicktag{margin-top:18px;text-align:left}
.sh-quicktag .hint{text-align:center;margin-bottom:7px}
.sh-quicktag .tagadd input{min-height:44px}
.sh-quicktag .tagadd-go{min-width:46px}
.sh-quicktag .taglist{margin-top:8px;justify-content:center}
@media(prefers-reduced-motion:reduce){
  .sh-medal .shl.sh-arc{animation:none}
  .sh-medal.drawn .sh-mark{animation:none;stroke-dashoffset:0}
  .sh-medal.done .sh-halo{animation:none}
  .sh-track.busy::after{animation:none;display:none}
  .sh-fill{transition:none}
}


.modal-backdrop,.ui-scrim{position:fixed;inset:0;z-index:var(--z-modal);background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:20px}
.modal-card{max-width:420px;width:100%;border:1px solid var(--accent);background:var(--panel);
  padding:12px;box-shadow:0 0 0 1px var(--hair),0 18px 50px rgba(0,0,0,.55)}
.modal-card h2{font-size:12px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);color:var(--accent);
  margin-bottom:10px;font-weight:400}
.modal-card h2::before{content:"⚠ "}
.modal-card .mbody{font-size:12px;line-height:1.6;color:var(--dim);white-space:pre-wrap}
.modal-card .mbody b{color:var(--bright);font-weight:600}
.modal-acts{display:flex;gap:10px;margin-top:20px}
.modal-acts button{flex:1;padding:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);font-size:11px}







@media(pointer:coarse){ .modal-acts button{min-height:var(--tap-min)} }
.modal-acts .yes{border:1px solid var(--accent);color:var(--accent)}
.modal-acts .no{border:1px solid var(--hair);color:var(--faint)}




.ui-scrim{z-index:var(--z-blocking)}
body.ui-lock{overflow:hidden}
.ui-sheet{max-height:90dvh;overflow:auto;overscroll-behavior:contain}
.ui-sheet.ui-wide{max-width:640px}
.ui-sheet h2::before{content:none}
.ui-sheet.ui-danger h2::before{content:"⚠ "}
.ui-sheet .ui-yes-danger{border-color:var(--bad);color:var(--bad)}
.ui-sheet > .sheet-grabrow{display:none}
.ui-sheet .modal-acts{margin-top:16px}
@media(max-width:640px){
  .ui-scrim{align-items:flex-end;padding:0}
  .ui-sheet{max-width:none;max-height:88dvh;border:0;border-top:2px solid var(--gold);background:var(--void);
    padding:8px 14px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -14px 40px #000e;animation:ui-sheet-in .18s ease-out}
  .ui-sheet > .sheet-grabrow{display:flex;padding:2px 0 12px}
}
@keyframes ui-sheet-in{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.ui-sheet{animation:none}}


.ask-card h2::before{content:none}
.ask-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.ask-label{font-size:12px;color:var(--dim)}
.ask-in{width:100%;box-sizing:border-box;min-height:var(--tap-min);padding:8px 10px;font:16px/1.3 var(--mono);color:var(--bright);
  background:var(--void);border:1px solid var(--hair-hi);border-radius:0;letter-spacing:.08em}
.ask-in:focus{outline:none;border-color:var(--accent)}
.ask-switch{align-self:flex-start;padding:4px 0;min-height:var(--tap-min);background:none;border:0;color:var(--accent);font-size:11px;cursor:pointer;text-decoration:underline}
.ask-form .modal-acts{margin-top:10px}






















.ikey-screen{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(0,0,0,.85);
  display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;
  padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom))}
.ikey-card{width:100%;max-width:420px;margin:auto;border:1px solid var(--accent);
  background:var(--panel);padding:20px 16px;text-align:center;
  box-shadow:0 0 0 1px var(--hair),0 18px 50px rgba(0,0,0,.55)}
.ikey-title{font-size:12px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);
  color:var(--accent);font-weight:400;margin-bottom:14px}





.ikey-medal{width:84px;height:84px;margin:0 auto 14px}
.ikey-medal svg{width:100%;height:100%;display:block;overflow:visible}
.ikey-ring{fill:none;stroke:var(--hair-hi);stroke-width:3}
.ikey-arc{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;
  stroke-dasharray:48 220;transform:rotate(-90deg);transform-origin:50% 50%}
.ikey-medal.is-used .ikey-ring{stroke:var(--good)}





.ikey-medal.is-gone .ikey-ring{stroke:var(--hair)}
.ikey-gone{margin:0;color:var(--dim)}


.ikey-mark{fill:none;stroke:var(--good);stroke-width:6;stroke-linecap:round;
  stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:0}

.ikey-line{font-size:15px;color:var(--bright);letter-spacing:calc(.04em * var(--track))}
.ikey-by{font-size:12px;color:var(--dim);margin-top:5px;overflow-wrap:anywhere}



.ikey-steps{display:flex;justify-content:space-between;gap:8px;max-width:280px;
  margin:14px auto 16px;font-size:10px;letter-spacing:calc(.1em * var(--track));
  text-transform:var(--caps);color:var(--faint)}
.ikey-step{display:flex;align-items:center;gap:5px}
.ikey-step::before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid var(--hair-hi)}
.ikey-step.on{color:var(--accent)}   .ikey-step.on::before{border-color:var(--accent);background:var(--accent)}
.ikey-step.past{color:var(--dim)}    .ikey-step.past::before{border-color:var(--good);background:var(--good)}





.ikey-box{border:1px solid var(--hair);background:var(--sunk);padding:11px 12px;
  margin-bottom:10px;text-align:left}
.ikey-lbl{font-size:9.5px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  color:var(--faint);margin-bottom:7px}




.ikey-code{font-family:var(--mono,ui-monospace,monospace);font-size:clamp(22px,7vw,30px);
  line-height:1.2;color:var(--accent);letter-spacing:calc(.08em * var(--track));
  overflow-wrap:anywhere;user-select:all;-webkit-user-select:all}








.ikey-linkrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}




.ikey-url{flex:1 1 100%;min-width:0;font-size:11px;padding-left:7px;padding-right:7px}
.ikey-where{margin:7px 0 0}
.ikey-where.on{color:var(--good)}





.ikey-facts{margin:14px 0 4px;text-align:left;font-size:11px}
.ikey-fact{display:grid;grid-template-columns:5.5em 1fr;gap:10px;align-items:baseline;
  padding:6px 0;border-bottom:1px solid var(--hair)}
.ikey-fact:last-child{border-bottom:none}
.ikey-fk{letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--faint)}
.ikey-fv{color:var(--ink);overflow-wrap:anywhere}



.ikey-copy{flex:1 1 100%;justify-content:center;min-height:var(--tap-min);min-width:64px}
.ikey-url{min-height:var(--tap-min)}
.ikey-done{display:flex;align-items:center;justify-content:center;width:100%;
  min-height:var(--tap-min);margin-top:14px;border:1px solid var(--accent);color:var(--accent);
  font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}










.ikey-staff{margin:14px -16px 0;padding:12px 16px 10px;border-top:1px solid var(--hair-hi);
  background:var(--sunk);text-align:left}
.ikey-staff .ikey-lbl{margin-bottom:8px}
.ikey-staff-row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.ikey-staff-slot{display:contents}
.ikey-staff-row .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  flex:1 1 auto;min-height:var(--tap-min);background:var(--panel)}
.ikey-staff-row .btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--hair)}
.ikey-binkie .sg{margin:0;width:15px;height:15px} .ikey-binkie .sg svg{width:15px;height:15px}
.ikey-binkie{color:var(--dim)}
.ikey-binkie.is-set{color:var(--binkie);border-color:color-mix(in srgb,var(--binkie) 55%,var(--hair))}
.ikey-binkie.is-set:hover:not(:disabled){border-color:var(--binkie)}
.ikey-delete{border-color:color-mix(in srgb,var(--bad) 45%,var(--hair))}
.ikey-delete:hover:not(:disabled){border-color:var(--bad)}
.ikey-staff-msg{margin:8px 0 0;overflow-wrap:anywhere}
.ikey-staff-msg:empty{display:none}
.ikey-staff-msg.is-bad{color:var(--bad)}
.ikey-staff-by{margin:6px 0 0}






.ikey-open{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;
  text-align:left;cursor:pointer;min-width:0}
.ikey-open:hover .as-code,.ikey-open:hover .inv-code{color:var(--bright)}
@media(pointer:coarse){ .ikey-open{min-height:var(--tap-min);display:inline-flex;align-items:center} }



.collpicker-row{display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:7px 0;border-bottom:1px solid var(--hair);font-size:12px;color:var(--ink)}
.collpicker-row:last-child{border-bottom:none}
.collpicker-new{display:flex;gap:6px;margin-top:10px}
.collpicker-new input{flex:1}
.collpicker-msg{margin-top:8px;min-height:14px}









body.picker-open{overflow:hidden}



.picker-tile{cursor:pointer;position:relative}

.picker-facechip{position:absolute;left:6px;top:6px;padding:2px 6px;background:rgba(0,0,0,.72);
  color:var(--accent);font-size:11px;font-weight:700;text-decoration:none;line-height:1.4}
.picker-pick{margin-top:4px;padding:6px 4px;background:var(--accent);
  color:#1a1400;font-size:11px;font-weight:700;letter-spacing:calc(.04em * var(--track));text-align:center}



.btn.purge{display:block;margin-top:10px;color:#ff5b5b;border:1px solid #ff5b5b;
  background:rgba(224,85,95,.06);letter-spacing:calc(.12em * var(--track))}
.btn.purge:hover{border-color:#ff8080;background:rgba(224,85,95,.14);color:#ff8080}

.modal-card.purge-modal{border-color:var(--bad);box-shadow:0 0 0 1px #3a2226,0 18px 50px rgba(0,0,0,.6)}
.modal-card.purge-modal h2{color:var(--bad)}
.purge-input{margin-top:6px;border-color:var(--bad);letter-spacing:calc(.1em * var(--track))}
.purge-input:focus{border-color:#ff8080}
.modal-acts .yes.purge{border-color:var(--bad);color:var(--bad)}
.modal-acts .yes.purge:hover:not(:disabled){border-color:#ff8080;color:#ff8080}
.modal-acts .yes.purge:disabled{opacity:.4;cursor:not-allowed}


.modal-card.stallone-modal{max-width:380px}
.modal-card.stallone-modal .stallone-img{display:block;width:100%;border:1px solid var(--hair);margin-bottom:10px}
.modal-card.stallone-modal .mbody p{margin:0 0 8px}
.modal-card.stallone-modal .mbody p:first-child{font-weight:700;letter-spacing:calc(.06em * var(--track));color:var(--bright)}
.modal-card.stallone-modal .mbody p:last-child{margin-bottom:0;color:var(--accent);font-style:italic}


.nag-checkout{font-size:12px;line-height:1.9;color:var(--dim)}
.nag-checkout-line{opacity:0;animation:nagboxin .3s ease forwards}
.nag-checkout-final{margin-top:8px;font-weight:700;color:var(--bad)}
.nag-checkout-taunt{margin-top:6px;font-style:italic;color:var(--accent)}
@media(prefers-reduced-motion:reduce){.nag-checkout-line{animation:none;opacity:1}}
body.page-fadeout{transition:opacity .4s ease;opacity:0}
@media(prefers-reduced-motion:reduce){body.page-fadeout{transition:none}}



.nag-addform{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.nag-addform input{flex:1;min-width:160px;font-size:13px}






.nag-curtain{position:fixed;inset:0;z-index:var(--z-curtain);background:#000;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
  transition:opacity .5s ease}
.nag-curtain.nag-out{opacity:0}
.nag-float{max-width:min(60vw,420px);max-height:50vh;opacity:0;
  animation:nagfloatin .7s cubic-bezier(.34,1.56,.64,1) both,
            nagbob 2.6s ease-in-out .7s infinite}
@keyframes nagfloatin{0%{transform:translateY(40px) scale(.9);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes nagbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.nag-textbox{max-width:min(80vw,420px);border:1px solid var(--accent);background:var(--panel);
  padding:12px 16px;font-size:13px;line-height:1.6;color:var(--bright);text-align:center;
  opacity:0;animation:nagboxin .5s ease both}
@keyframes nagboxin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.nag-titlereveal{display:inline-block;font-weight:700;color:var(--accent);
  animation:nagtitlepop .5s cubic-bezier(.34,1.56,.64,1) both}
@keyframes nagtitlepop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.2)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.nag-curtain{transition:none}
  .nag-float{animation:none;opacity:1}.nag-textbox{animation:none;opacity:1}.nag-titlereveal{animation:none}}


.prof-gagtitle{margin-top:9px;font-size:12px;letter-spacing:calc(.04em * var(--track));color:var(--accent);
  display:inline-flex;align-items:center;gap:5px;border:1px dashed var(--accent);
  border-radius:3px;padding:3px 8px;width:fit-content}
.prof-gagtitle.gagtitle-pulse{animation:nagchipglow .9s ease-out}
@keyframes nagchipglow{0%{box-shadow:0 0 0 0 rgba(237,167,51,.9)}100%{box-shadow:0 0 0 14px rgba(237,167,51,0)}}
@media(prefers-reduced-motion:reduce){.prof-gagtitle.gagtitle-pulse{animation:none}}


.prof-gagtitle.gagtitle-clearable{background:none;font:inherit;font-size:12px;cursor:pointer}
.prof-gagtitle.gagtitle-clearable:hover{border-style:solid}
@media(pointer:coarse){.prof-gagtitle.gagtitle-clearable{min-height:var(--tap-min);min-width:var(--tap-min)}}







.coinchip{--band:23px;display:inline-flex;align-items:center;gap:5px;margin-left:6px;position:relative;min-height:var(--tap-min);min-width:var(--tap-min);margin-block:calc((var(--band) - var(--tap-min)) / 2);
  padding:2px 8px;border:1px solid transparent;color:var(--gold, #d9a441);
  letter-spacing:calc(.08em * var(--track));font-size:11px;vertical-align:middle;text-decoration:none;cursor:pointer}
.coinchip:hover::after{border-color:var(--gold, #d9a441)}












.giftmarks{display:inline-flex;align-items:center;gap:4px;margin-left:6px;vertical-align:middle}
.giftmark{display:inline-flex;align-items:center;gap:2px;font-size:11px;line-height:1}
.giftmark .gm-n{font-variant-numeric:tabular-nums;opacity:.8}










.gm-shard{color:#8d99ab}
.gm-fragment{color:var(--bright)}
.gm-gem{color:#45dbe4}
.gicon{width:1em;height:1em;display:block}                 
.giftmark .gicon{width:11px;height:11px}
.giftpick-opt .gicon{width:15px;height:15px}
.act .gicon{width:16px;height:16px}


.metastrip .mi-gift .gicon{width:13px;height:13px}
.metastrip .mi-gift .mi-v{color:currentColor}











.awardbar{display:flex;flex-wrap:wrap;align-items:center;gap:20px;
  border:1px solid var(--hair);background:var(--panel);padding:12px 16px;margin-top:10px}
.awardbar-i{display:inline-flex;align-items:center;gap:9px}
.awardbar-i .gicon{width:40px;height:40px;filter:drop-shadow(0 0 8px currentColor)}
.awardbar-n{font-size:17px;line-height:1;color:var(--bright);font-variant-numeric:tabular-nums}




.awardbar-vw{border:none;background:none;padding:0;margin:0 0 0 auto;gap:12px;flex-wrap:nowrap}
.awardbar-vw .gicon{width:26px;height:26px;filter:drop-shadow(0 0 6px currentColor)}
.awardbar-vw .awardbar-n{font-size:13px}


@media (max-width:400px){
  .awardbar-vw{gap:8px}
  .awardbar-vw .gicon{width:22px;height:22px}
  .awardbar-vw .awardbar-n{font-size:11px}
}


.stone-wall{display:flex;flex-wrap:wrap;gap:12px}
.stone-box{width:118px;padding:16px 10px 12px;text-align:center;border:1px solid currentColor;
  border-radius:5px;background:var(--panel);cursor:default;display:flex;flex-direction:column;
  align-items:center;gap:8px}
.stone-i{display:flex;align-items:center;justify-content:center;height:46px}
.stone-i .gicon{width:46px;height:46px;filter:drop-shadow(0 0 7px currentColor)}
.stone-n{font-size:20px;line-height:1;font-variant-numeric:tabular-nums;color:currentColor}
.stone-l{font-size:11px;letter-spacing:calc(.05em * var(--track));color:var(--bright)}

button.stone-box{font:inherit;cursor:pointer}
button.stone-box:hover,button.stone-box[aria-expanded="true"]{box-shadow:0 0 0 1px currentColor inset}
.stone-posts{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.stone-posts[hidden]{display:none}
.stone-pn{font-size:11px;text-align:center;opacity:.8}


.stone-box.gm-gem{box-shadow:0 0 16px rgba(69,219,228,.16);background:linear-gradient(180deg,rgba(69,219,228,.05),transparent)}



.giftpick{border:1px solid var(--hair-hi);padding:10px;margin-top:8px;display:flex;flex-direction:column;gap:6px}
.giftpick-h{font-size:11px;letter-spacing:calc(.1em * var(--track));opacity:.7}
.giftpick-opt{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:baseline;
  background:none;border:1px solid var(--hair);color:inherit;padding:7px 9px;cursor:pointer;text-align:left;font:inherit}
.giftpick-opt:hover:not(:disabled){border-color:var(--accent)}
.giftpick-opt:disabled{opacity:.5;cursor:default}
.giftpick-price{font-variant-numeric:tabular-nums;color:var(--gold, #d9a441)}
.giftpick-net{font-size:11px}
.giftpick-msg:empty{display:none}



.cas-head{padding:18px 0 12px;border-bottom:1px solid var(--hair);margin-bottom:14px}
.cas-title{font-size:12px;letter-spacing:calc(.18em * var(--track));opacity:.75;text-transform:uppercase}
.cas-balance{font-size:30px;line-height:1.15;color:var(--bright);font-variant-numeric:tabular-nums;margin-top:4px}
.cas-coin{color:var(--gold, #d9a441)}
.cas-terms{margin-top:6px;opacity:.75}
.cas-form{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cas-lbl{font-size:11px;letter-spacing:calc(.1em * var(--track));opacity:.7}
.cas-wager{background:var(--bg-2, #111);border:1px solid var(--hair-hi);color:var(--bright);
  padding:6px 8px;width:9ch;font:inherit;font-variant-numeric:tabular-nums}
.cas-calls{display:flex;gap:10px}
.cas-call{flex:1;background:none;border:1px solid var(--hair-hi);color:inherit;font:inherit;
  padding:14px 0;cursor:pointer;letter-spacing:calc(.12em * var(--track));text-transform:uppercase;font-size:12px}
.cas-call:hover:not(:disabled){border-color:var(--gold, #d9a441);color:var(--bright)}
.cas-call:disabled{opacity:.45;cursor:default}
.cas-result{min-height:2.2em;margin-top:16px;font-size:22px;letter-spacing:calc(.1em * var(--track));
  text-align:center;text-transform:uppercase}
.cas-result.won{color:var(--good, #6fbf73)}
.cas-result.lost{color:var(--dim)}
.cas-msg{text-align:center;min-height:1.6em}  
.cas-foot{margin-top:22px;text-align:center;opacity:.6}















.sg{display:inline-flex;flex:none;width:14px;height:14px;font-style:normal;vertical-align:-2px;margin-right:3px}
.sg svg{display:block;width:14px;height:14px;flex:none}

.ulink .sg,.prof-name .sg{margin-right:.24em}






.sg-founder{color:var(--bright)}                                        





.sg-founder svg,svg.rolm-founder{
  -webkit-mask:url(/brand-shred.png) center/83.333% no-repeat;
  mask:url(/brand-shred.png) center/83.333% no-repeat;
}
.sg-admin  {color:var(--admin)}                                           
.sg-mod    {color:var(--mod)} 
.sg-navigator{color:var(--nav)} 
.sg-scion  {color:var(--scion)}                                         
.sg-binkie {color:var(--binkie)}                                        
.sg-owner  {color:var(--accent)}                                        









.sg-staff  {color:var(--info)}                                          
.sg-new    {color:var(--good)}                                          



.sg-vouched    {color:var(--stamp-vouched)}
.sg-trusted    {color:var(--stamp-trusted)}
.sg-quarantined{color:var(--stamp-quarantined)}
.sg-stamp      {color:var(--dim)}
html[data-light="1"] .sg-scion{color:var(--scion-lo)}
html[data-light="1"] .sg-binkie{color:var(--binkie-lo)}






.stp-vouched{--stp-c:var(--stamp-vouched)} .stp-trusted{--stp-c:var(--stamp-trusted)}
.stp-scion{--stp-c:var(--stamp-scion)}     .stp-quarantined{--stp-c:var(--stamp-quarantined)}
.stp-none,.stp-btn.is-none{--stp-c:var(--dim)}



.stp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.stp-btn .sg{margin:0;width:15px;height:15px}
.stp-btn .sg svg{width:15px;height:15px}
.stp-btn.is-set{color:var(--stp-c);border-color:color-mix(in srgb,var(--stp-c) 55%,var(--hair))}
.stp-btn.is-set:hover:not(:disabled){border-color:var(--stp-c);color:var(--stp-c)}


.stp-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 6px;
  border:1px solid color-mix(in srgb,var(--stp-c) 55%,transparent);color:var(--stp-c);
  font-size:10px;letter-spacing:calc(.1em * var(--track));white-space:nowrap}
.stp-badge .sg{margin:0}






.stp-sheet{padding:0 14px max(16px,env(safe-area-inset-bottom,0px));outline:none;max-height:92dvh}
@media(min-width:641px){
  .stp-sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);
    width:min(520px,calc(100vw - 48px));max-height:88dvh;border-bottom:1px solid var(--accent);
    border-radius:4px;padding:0 18px 20px;box-shadow:0 18px 60px rgba(0,0,0,.6)}
}
.stp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  position:sticky;top:0;z-index:2;background:var(--panel);margin:0 -14px;padding:12px 14px 10px;
  border-bottom:1px solid var(--hair)}
@media(min-width:641px){.stp-head{margin:0 -18px;padding:16px 18px 12px}}
.stp-title{display:flex;align-items:center;gap:8px;min-width:0}
.stp-title .sg{margin:0;width:18px;height:18px;color:var(--accent)}
.stp-title .sg svg{width:18px;height:18px}
.stp-title-w{font-size:11px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);color:var(--accent)}
.stp-who{font-size:15px;color:var(--bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stp-x{flex:none;width:var(--tap-min);height:var(--tap-min);margin:-8px -8px -8px 0;font-size:20px;
  line-height:1;color:var(--dim)}
.stp-x:hover,.stp-x:focus-visible{color:var(--bright)}
.stp-lede{margin:10px 0 12px;font-size:11.5px;line-height:1.5;color:var(--dim)}
.stp-staff{margin:-4px 0 12px;padding:8px 10px;border-left:2px solid var(--accent-deep);
  background:var(--sunk);font-size:11.5px;line-height:1.5;color:var(--ink)}
.stp-list{display:grid;gap:8px}



.stp-opt{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;
  position:relative;width:100%;text-align:left;padding:10px 12px 10px 10px;background:var(--raised);
  border:1px solid var(--hair);border-left:3px solid color-mix(in srgb,var(--stp-c) 70%,var(--hair));
  cursor:pointer}




.stp-opt > .stp-radio{position:absolute;top:0;left:0;width:1px;height:1px;min-width:0;margin:-1px;
  padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.stp-opt:focus-visible,.stp-opt:has(> .stp-radio:focus-visible){border-color:var(--stp-c);outline:none;
  background:color-mix(in srgb,var(--stp-c) 7%,var(--raised))}


@media(hover:hover){.stp-opt:hover:not(:disabled){border-color:var(--stp-c);
  background:color-mix(in srgb,var(--stp-c) 7%,var(--raised))}}
.stp-opt.is-current{border-color:var(--stp-c);background:color-mix(in srgb,var(--stp-c) 10%,var(--raised))}
.stp-seal{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
  


  border:1px solid color-mix(in srgb,var(--stp-c) 60%,transparent);
  background:color-mix(in srgb,var(--stp-c) 12%,var(--sunk));
  outline:1px solid color-mix(in srgb,var(--stp-c) 26%,transparent);outline-offset:2px}
.stp-seal .sg{margin:0;width:24px;height:24px}
.stp-seal .sg svg{width:24px;height:24px}
.stp-body{display:grid;gap:3px;min-width:0}
.stp-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.stp-name{font-size:14px;color:var(--bright);letter-spacing:.02em}
.stp-opt:not(.stp-none) .stp-name{color:var(--stp-c)}
.stp-cur{font-size:9px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  padding:1px 6px;color:var(--void);background:var(--stp-c)}
.stp-none .stp-cur{background:var(--dim)}
.stp-does{font-size:12px;line-height:1.45;color:var(--ink)}


@media(max-width:640px){
  .stp-opt{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:8px 10px 8px 8px}
  .stp-seal{width:40px;height:40px}
  .stp-seal .sg,.stp-seal .sg svg{width:21px;height:21px}
  .stp-list{gap:6px}
  .stp-lede{margin:8px 0 9px}
}

.stp-opt:disabled{cursor:not-allowed;opacity:.5;border-left-color:var(--hair)}
.stp-sheet.is-busy .stp-opt{pointer-events:none}
.stp-opt.is-sending{opacity:.7}
.stp-err{min-height:0;margin-top:10px;font-size:12px;line-height:1.5;color:var(--bad)}
.stp-err:empty{display:none}
@media(pointer:coarse){.stp-opt{min-height:var(--tap-min)}}




.sg-permit{margin-right:6px}










.dx{--tier:var(--accent)}
.dx .dsr-avatar{margin:0;flex:0 0 auto}
.dx .rail-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dx-handle{color:var(--dim);font-size:10px;letter-spacing:calc(.04em * var(--track));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-dim{color:var(--faint)}

.dx-medalslot:empty{display:none}
.dx .dx-medal.award-badge{width:auto;padding:2px;border:0;background:transparent;border-radius:0;color:var(--bright);cursor:pointer;display:inline-flex;vertical-align:middle}
.dx .dx-medal .aw-icon.aw-drawn{height:16px;filter:drop-shadow(0 0 4px currentColor)}
.dx .dx-medal .aw-icon svg{width:16px;height:16px;display:block}
.dx .dx-medal.role-medal-admin{color:var(--bad)}
.dx .dx-medal.role-medal-navigator{color:var(--nav)}
.dx .dx-medal.role-medal-moderator{color:var(--mod)}   

.dx-bar{height:4px;border:1px solid var(--hair-hi);background:var(--sunk);overflow:hidden;position:relative}
.dx-bar-fill{height:100%;width:0;background:var(--accent);transition:width .3s ease-out}
@media(prefers-reduced-motion:reduce){
  .dx-bar-fill{transition:none}   
}
.dx-bar-fill.neg{background:var(--bad)}
.dx-seg{display:inline-flex;gap:2px;vertical-align:middle}
.dx-segi{width:9px;height:7px;border:1px solid var(--hair-hi)}
.dx-segi.on{background:var(--good);border-color:var(--good);box-shadow:0 0 5px color-mix(in srgb,var(--good) 60%,transparent)}
.dx .rail-track{height:4px;border-color:var(--hair-hi)}
.dx .rail-fill{box-shadow:0 0 7px color-mix(in srgb,var(--tier) 60%,transparent)}

.dx-last{font-size:10.5px;line-height:1.5;color:var(--ink)}
.dx-last-w{color:var(--ink);text-decoration:none}
a.dx-last-w:hover{color:var(--bright);text-decoration:underline}
.dx-last-n{color:var(--good);margin-left:6px;font-weight:700}
.dx-last-n.neg{color:var(--bad)}
.dx-last-a{color:var(--faint);margin-left:6px;font-size:9.5px}
.dx-spark{display:block;width:100%;overflow:visible}
.dx-spark-line{fill:none;stroke:var(--tier);stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--tier) 70%,transparent))}
.dx-spark-area{fill:var(--tier);opacity:.1}


.dx-a .dx-frame{position:relative;margin-top:9px;border:1px solid var(--hair-hi);padding:16px 12px 12px;
  background:linear-gradient(var(--bright),var(--bright)) left top/10px 2px no-repeat,linear-gradient(var(--bright),var(--bright)) left top/2px 10px no-repeat,
    linear-gradient(var(--bright),var(--bright)) right top/10px 2px no-repeat,linear-gradient(var(--bright),var(--bright)) right top/2px 10px no-repeat,
    linear-gradient(var(--bright),var(--bright)) left bottom/10px 2px no-repeat,linear-gradient(var(--bright),var(--bright)) left bottom/2px 10px no-repeat,
    linear-gradient(var(--bright),var(--bright)) right bottom/10px 2px no-repeat,linear-gradient(var(--bright),var(--bright)) right bottom/2px 10px no-repeat}
.dx-a-label{position:absolute;top:-10px;left:10px;background:var(--accent);color:var(--void);font-size:9px;font-weight:700;
  letter-spacing:calc(.26em * var(--track));text-transform:var(--caps);padding:2px 9px;line-height:1.6}
.dx-a-cap{font-size:8.5px;letter-spacing:calc(.22em * var(--track));text-transform:var(--caps);color:var(--dim)}
.dx-a-id{display:flex;align-items:center;gap:10px}
.dx-a .dsr-avatar{width:44px;height:44px}
.dx-a-idcol{min-width:0;flex:1}
.dx-a .rail-user{font-size:14px;letter-spacing:calc(.04em * var(--track))}
.dx-a-sub{display:flex;align-items:center;gap:8px;margin-top:2px;min-width:0}

.dx-a-readout{display:grid;grid-template-columns:auto 1fr 14px;gap:8px;align-items:stretch;margin-top:12px}
.dx-a-box{border:1px solid var(--hair-hi);padding:6px 10px 5px;position:relative;
  background:linear-gradient(var(--bright),var(--bright)) left top/6px 1px no-repeat,linear-gradient(var(--bright),var(--bright)) left top/1px 6px no-repeat,
    linear-gradient(var(--bright),var(--bright)) right bottom/6px 1px no-repeat,linear-gradient(var(--bright),var(--bright)) right bottom/1px 6px no-repeat}
.dx-a .rail-score{font-size:30px;font-weight:700;margin:2px 0 0;line-height:1;
  text-shadow:0 0 12px color-mix(in srgb,var(--tier) 55%,transparent)}
.dx-a-status{display:flex;flex-direction:column;min-width:0;background:color-mix(in srgb,var(--tier) 7%,transparent);border:1px solid color-mix(in srgb,var(--tier) 30%,var(--hair))}
.dx-a-cap-bar{background:color-mix(in srgb,var(--tier) 35%,var(--panel));color:var(--bright);padding:2px 8px;text-align:center}
.dx-a .dsr-sigil{flex:1;flex-direction:row;justify-content:center;align-items:center;gap:6px;margin:0;padding:4px 6px}
.dx-a .dsr-sigil .sig-badge{display:none}
.dx-a .dsr-sigil .sig-name{font-size:13px;letter-spacing:calc(.06em * var(--track));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-a-ladder{display:flex;flex-direction:column;gap:2px;min-height:56px}
.dx-a-rung{flex:1;border:1px solid var(--hair-hi);background:repeating-linear-gradient(135deg,transparent 0 2px,var(--hair-hi) 2px 3px)}
.dx-a-rung.done{background:color-mix(in srgb,var(--tier) 45%,transparent);border-color:color-mix(in srgb,var(--tier) 60%,transparent)}
.dx-a-rung.cur{background:var(--tier);border-color:var(--tier);box-shadow:0 0 7px var(--tier)}

.dx-a-wave{margin-top:12px}
.dx-a-wavehead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}
.dx-a-wavev{font-size:10px;color:var(--ink)}
.dx-a-wave .dx-spark{height:22px}

.dx-a-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.dx-a-tile{border:1px solid var(--hair-hi);padding:7px 8px 8px;min-width:0;
  background:linear-gradient(var(--hair-hi),var(--hair-hi)) left top/6px 1px no-repeat,linear-gradient(var(--hair-hi),var(--hair-hi)) left top/1px 6px no-repeat,
    linear-gradient(var(--hair-hi),var(--hair-hi)) right bottom/6px 1px no-repeat,linear-gradient(var(--hair-hi),var(--hair-hi)) right bottom/1px 6px no-repeat}
.dx-a-tilehead{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;min-width:0}
.dx-a-tilehead .dx-a-cap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-a-tilev{font-size:10px;color:var(--ink);white-space:nowrap;flex:0 0 auto}
.dx-a .rail-next,.dx-a-tilek{display:block;margin:0 0 6px;font-size:10.5px;letter-spacing:0;color:var(--bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-a-door.open .dx-a-tilek{color:var(--good)}
.dx-a-door.open .dx-bar-fill{background:var(--good)}


.dx-a-sec{margin-top:12px}
.dx-a-tgrid{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;row-gap:5px;align-items:baseline;margin-top:6px}
.dx-a-tk{font-size:10px;color:var(--dim);letter-spacing:calc(.06em * var(--track))}
.dx-a-tm{display:flex;align-items:center;justify-content:flex-end;min-height:1em}
.dx-a-tv{font-size:11px;color:var(--ink);text-align:right;white-space:nowrap}

.dx-a-tx{display:block;font-size:11px;color:var(--dim)}
.dx-a-tgrid .dx-seg{align-self:center}

.dx-a-invrows{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.dx-a-invrow{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink);min-width:0;padding-left:8px;border-left:2px solid var(--hair-hi)}
.dx-a-invbody{flex:1;min-width:0}
.dx-a-invpic{flex:0 0 28px;width:28px;height:28px;border:1px solid var(--hair-hi);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--panel)}
.dx-a-invpic img{width:100%;height:100%;object-fit:cover;display:block}
a.dx-a-invrow:hover{border-left-color:var(--accent);color:var(--bright)}
.dx-a-invhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:10px}
.dx-a-invk{color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
a.dx-a-invrow:hover .dx-a-invk{color:var(--bright)}
.dx-a-inva{color:var(--faint);font-size:9.5px;flex:0 0 auto}
.dx-a-invq{font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.dx-a-invq.removed{color:var(--faint);font-style:italic}
.dx-a-invnone{font-size:10.5px;color:var(--faint);margin-top:6px}
.dx-a-hazard{margin-top:12px;padding:5px 8px;border:1px solid var(--bad);color:var(--bad);font-size:9.5px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);
  background:repeating-linear-gradient(135deg,transparent 0 8px,color-mix(in srgb,var(--bad) 22%,transparent) 8px 12px)}
.dx-a-last{margin-top:12px}
.dx-a-last .dx-last{margin-top:4px}
.dx-a-open{position:absolute;top:-7px;right:10px;background:var(--panel);padding:0 6px;font-size:8.5px;letter-spacing:calc(.2em * var(--track));text-transform:var(--caps);color:var(--dim);text-decoration:none}
.dx-a-open:hover{color:var(--bright)}

@media(min-width:1800px) and (max-width:1919px){.dx-a-tiles{grid-template-columns:1fr}
  
  .dx-a-readout{grid-template-columns:1fr 14px}
  .dx-a-box{grid-column:1 / -1}
  .dx-a-ladder{min-height:44px}}


.dx-b-rows{display:flex;flex-direction:column;gap:11px}
.dx-b-row{display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:start}
.dx-b-k{text-align:right;font-size:10px;letter-spacing:calc(.04em * var(--track));color:#e06c75;padding-top:2px;white-space:nowrap}
.dx-b-row:nth-child(2) .dx-b-k{color:#c678dd}.dx-b-row:nth-child(3) .dx-b-k{color:#e5c07b}.dx-b-row:nth-child(4) .dx-b-k{color:#98c379}
.dx-b-row:nth-child(5) .dx-b-k{color:#61afef}.dx-b-row:nth-child(6) .dx-b-k{color:#56b6c2}.dx-b-row:nth-child(7) .dx-b-k{color:#e06c75}
.dx-b-strikes .dx-b-k{color:var(--bad)}
.dx-b-v{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:10.5px;color:var(--ink)}
.dx-b-id .dx-b-v{flex-direction:row;align-items:center;gap:9px}
.dx-b .dsr-avatar{width:36px;height:36px}
.dx-b-idcol{min-width:0}
.dx-b-name{display:flex;align-items:center;gap:6px;min-width:0}
.dx-b .rail-user{font-size:13px;letter-spacing:calc(.04em * var(--track))}
.dx-b .dsr-sigil{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;margin:0}
.dx-b .dsr-sigil .sig-badge{width:16px;height:16px;font-size:9px;border-width:1px}
.dx-b .dsr-sigil .sig-name{font-size:11px;letter-spacing:calc(.14em * var(--track))}
.dx-b-rungs{display:flex;gap:2px;height:6px}
.dx-b-rung{flex:1;background:var(--rung);opacity:.16}
.dx-b-rung.on{opacity:1;box-shadow:0 0 5px color-mix(in srgb,var(--rung) 60%,transparent)}
.dx-b .rail-score{font-size:26px;font-weight:700;margin:0;line-height:1;text-shadow:0 0 12px color-mix(in srgb,var(--tier) 50%,transparent)}
.dx-b-chart{display:flex;align-items:center;gap:8px}
.dx-b-chart .rail-track,.dx-b-chart .dx-bar{flex:1;height:8px;border:0;background:var(--sunk)}
.dx-b-n{flex:0 0 auto;color:var(--dim);font-size:10px;min-width:34px}
.dx-b .rail-next{margin:0;font-size:10px;letter-spacing:0;color:var(--dim)}
.dx-b-big{font-size:14px;font-weight:700;color:var(--bright)}
.dx-b-trust .dx-bar-fill{background:var(--accent)}
.dx-b-trust.open .dx-bar-fill{background:var(--good)}
.dx-b-ticks{position:absolute;inset:0;pointer-events:none}
.dx-b-tick{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--bright);opacity:.8}
.dx-b-tick.open{background:var(--good)}
.dx-b-door{color:var(--dim);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-b-mv{display:grid;grid-template-columns:34px 1fr 40px;align-items:center;gap:8px}
.dx-b-mvk{color:var(--dim);font-size:10px}
.dx-b-mv .dx-bar{height:9px;border:0;background:var(--sunk)}
.dx-b-mv-today .dx-bar-fill{background:#98c379}.dx-b-mv-week .dx-bar-fill{background:#e5c07b}.dx-b-mv-fort .dx-bar-fill{background:#d19a66}
.dx-b-mv .dx-b-n{text-align:right;color:var(--ink)}
.dx-b-brake{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:10px;color:var(--dim)}
.dx-b-streak{color:#ff8f42;margin-left:auto}
.dx-b-tree{display:flex;flex-direction:column;gap:2px}
.dx-b-leaf{display:flex;align-items:baseline;text-decoration:none;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.dx-b-leaf:hover{color:var(--bright)}
.dx-b-leafg{color:var(--faint);margin-right:4px}
.dx-b-leafn{color:var(--accent);font-weight:700;margin-right:5px}
.dx-b-bad{color:var(--bad);font-weight:700}
.dx-b-foot{display:flex;justify-content:space-between;gap:8px;margin-top:14px;padding-top:9px;border-top:1px solid var(--hair);font-size:10px}
.dx-b-open{color:var(--dim);text-decoration:none}.dx-b-open:hover{color:var(--bright)}
.dx-b-act{color:var(--accent);text-decoration:none;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dx-b-act:hover{color:var(--bright)}


.dx-c{position:relative}
.dx-c-wm{position:absolute;top:8px;right:-2px;font-size:64px;font-weight:700;line-height:1;color:var(--tier);opacity:.12;pointer-events:none;letter-spacing:-.04em}
.dx-c-crumb{display:flex;gap:6px;font-size:9.5px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:var(--faint)}
.dx-c-sl{color:var(--hair-hi)}
.dx-c-crumbn{color:var(--bright);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-c-id{display:flex;align-items:center;gap:10px;margin-top:12px}
.dx-c .dsr-avatar{width:40px;height:40px}
.dx-c-idcol{min-width:0;flex:1}
.dx-c-name{display:flex;align-items:center;gap:6px;min-width:0}
.dx-c .rail-user{font-size:14px;letter-spacing:calc(.06em * var(--track));text-transform:var(--caps)}
.dx-c-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.dx-c-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--hair-hi);padding:2px 6px;font-size:9px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--ink)}
.dx-c-chipk{color:var(--dim)}
.dx-c-chip.ok{border-color:var(--good);color:var(--good)}
.dx-c-chip.warn{border-color:var(--accent);color:var(--accent)}
.dx-c-chip.bad{border-color:var(--bad);color:var(--bad)}
.dx-c-chip-rank{border-color:color-mix(in srgb,var(--tier) 60%,var(--hair-hi))}
.dx-c .dsr-sigil{flex-direction:row;align-items:center;gap:4px;margin:0}
.dx-c .dsr-sigil .sig-badge{width:13px;height:13px;font-size:8px;border-width:1px;filter:none}
.dx-c .dsr-sigil .sig-name{font-size:9px;letter-spacing:calc(.12em * var(--track))}
.dx-c-sec{margin-top:13px}
.dx-c-h{font-size:10px;font-weight:700;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:var(--bright);padding-bottom:5px;margin-bottom:8px;border-bottom:1px solid var(--hair-hi)}
.dx-c-h::before{content:"";display:inline-block;width:3px;height:9px;background:var(--tier);margin-right:7px;vertical-align:-1px}
.dx-c-scoreline{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.dx-c .rail-score{font-size:28px;font-weight:700;margin:0;line-height:1;color:var(--tier);text-shadow:0 0 12px color-mix(in srgb,var(--tier) 50%,transparent)}
.dx-c-meter{margin-top:8px}
.dx-c-meterh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px;font-size:9.5px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps)}
.dx-c-meterk,.dx-c .rail-next{margin:0;font-size:9.5px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-c-meterv{color:var(--good);flex:0 0 auto}
.dx-c-meter.ok .dx-c-meterk{color:var(--good)}.dx-c-meter.ok .dx-bar-fill{background:var(--good)}
.dx-c-meter.hot .dx-c-meterv{color:var(--bad)}.dx-c-meter.hot .dx-bar-fill{background:var(--bad)}
.dx-c-track{height:5px;border:0;background:var(--hair)}
.dx-c-brake .dx-bar-fill{background:var(--good)}
.dx-c-table{display:flex;flex-direction:column;gap:1px}
.dx-c-tr{display:grid;grid-template-columns:22px 1fr 44px;gap:6px;padding:3px 6px;font-size:10.5px;color:var(--ink);text-decoration:none}
.dx-c-th{font-size:8.5px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:var(--dim);border-bottom:1px solid var(--hair);padding-bottom:4px}
.dx-c-td.n{text-align:right;color:var(--accent);font-weight:700}
.dx-c-td.w{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-c-td.v{text-transform:var(--caps);letter-spacing:calc(.1em * var(--track));font-size:9px;color:var(--dim);text-align:right}
.dx-c-tr.sel{background:var(--bright);color:var(--void)}
.dx-c-tr.sel .dx-c-td.n,.dx-c-tr.sel .dx-c-td.v{color:var(--void)}
a.dx-c-tr:hover{background:color-mix(in srgb,var(--tier) 18%,transparent)}
a.dx-c-tr.sel:hover{background:var(--tier);color:var(--void)}
.dx-c-log{display:flex;flex-direction:column;gap:3px}
.dx-c-ln{display:flex;align-items:baseline;gap:6px;font-size:10px;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden}
a.dx-c-ln:hover{color:var(--bright)}
.dx-c-lt{color:var(--faint);flex:0 0 auto;min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.dx-c-tag{flex:0 0 auto;font-weight:700}
.dx-c-tag.okay{color:var(--good)}.dx-c-tag.info{color:#c678dd}.dx-c-tag.err{color:var(--bad)}
.dx-c-lw{min-width:0;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none}
.dx-c-btn{display:block;margin-top:14px;padding:8px 10px;background:var(--bright);color:var(--void);font-size:10px;font-weight:700;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-c-btn:hover{background:var(--tier);color:var(--void)}























.cos-c-ember{--cos-a:#ff7a45;--cos-b:#ff7a45;--cos-c:#ff7a45}
.cos-c-gold{--cos-a:#f4c14f;--cos-b:#f4c14f;--cos-c:#f4c14f}
.cos-c-jade{--cos-a:#3fd6a0;--cos-b:#3fd6a0;--cos-c:#3fd6a0}
.cos-c-sky{--cos-a:#5cc8ff;--cos-b:#5cc8ff;--cos-c:#5cc8ff}
.cos-c-iris{--cos-a:#a594ff;--cos-b:#a594ff;--cos-c:#a594ff}
.cos-c-rose{--cos-a:#ff6fa8;--cos-b:#ff6fa8;--cos-c:#ff6fa8}
.cos-c-mint{--cos-a:#7cf2c8;--cos-b:#7cf2c8;--cos-c:#7cf2c8}
.cos-c-frost{--cos-a:#cfeeff;--cos-b:#cfeeff;--cos-c:#cfeeff}
.cos-g-aurora{--cos-a:#5ef2c8;--cos-b:#8d7bff;--cos-c:#ff7ad9}
.cos-g-sunset{--cos-a:#ffd166;--cos-b:#ff7a45;--cos-c:#ff4d8d}
.cos-g-ocean{--cos-a:#7fefff;--cos-b:#3fa9ff;--cos-c:#7b6bff}
.cos-g-forest{--cos-a:#c6f26b;--cos-b:#3fd6a0;--cos-c:#1fae84}
.cos-g-candy{--cos-a:#ff9ad5;--cos-b:#c7a6ff;--cos-c:#7fd4ff}
.cos-g-fire{--cos-a:#ffe066;--cos-b:#ff8a2b;--cos-c:#ff3b3b}
html[data-light="1"] .cos-c-ember{--cos-a:#c2410c;--cos-b:#c2410c;--cos-c:#c2410c}
html[data-light="1"] .cos-c-gold{--cos-a:#8a5a00;--cos-b:#8a5a00;--cos-c:#8a5a00}
html[data-light="1"] .cos-c-jade{--cos-a:#0f7a55;--cos-b:#0f7a55;--cos-c:#0f7a55}
html[data-light="1"] .cos-c-sky{--cos-a:#0369a1;--cos-b:#0369a1;--cos-c:#0369a1}
html[data-light="1"] .cos-c-iris{--cos-a:#5b3fd1;--cos-b:#5b3fd1;--cos-c:#5b3fd1}
html[data-light="1"] .cos-c-rose{--cos-a:#be185d;--cos-b:#be185d;--cos-c:#be185d}
html[data-light="1"] .cos-c-mint{--cos-a:#0f766e;--cos-b:#0f766e;--cos-c:#0f766e}
html[data-light="1"] .cos-c-frost{--cos-a:#2c6e93;--cos-b:#2c6e93;--cos-c:#2c6e93}
html[data-light="1"] .cos-g-aurora{--cos-a:#0e8f6f;--cos-b:#5b3fd1;--cos-c:#c0287f}
html[data-light="1"] .cos-g-sunset{--cos-a:#b26b00;--cos-b:#c2410c;--cos-c:#be185d}
html[data-light="1"] .cos-g-ocean{--cos-a:#0e7490;--cos-b:#1d4ed8;--cos-c:#4c1d95}
html[data-light="1"] .cos-g-forest{--cos-a:#4d7c0f;--cos-b:#047857;--cos-c:#065f46}
html[data-light="1"] .cos-g-candy{--cos-a:#be185d;--cos-b:#6d28d9;--cos-c:#0369a1}
html[data-light="1"] .cos-g-fire{--cos-a:#a16207;--cos-b:#c2410c;--cos-c:#b91c1c}


:is(.ulink,.prof-name,.sc-mnn,.rl-name,.pns-cos-sample,.sc-msg .sc-mwho b,.sc-dmwho .sc-n,.sc-dm.sc-fresh .sc-dmwho .sc-n).cos-n{color:var(--cos-a);
  background:none;filter:none;animation:none;text-shadow:none}
:is(.ulink,.prof-name,.sc-mnn,.rl-name,.pns-cos-sample,.sc-msg .sc-mwho b,.sc-dmwho .sc-n,.sc-dm.sc-fresh .sc-dmwho .sc-n).cos-n.cos-grad{
  background:linear-gradient(90deg,var(--cos-a),var(--cos-b),var(--cos-c));
  -webkit-background-clip:text;background-clip:text;color:transparent}









:is(.ulink,.prof-name,.sc-mnn,.rl-name,.pns-cos-sample,.sc-msg .sc-mwho b,.sc-dmwho .sc-n,.sc-dm.sc-fresh .sc-dmwho .sc-n).cos-n .rank-pip{
  background:var(--void,#0a0b0d);color:var(--cos-a);-webkit-text-fill-color:var(--cos-a);filter:none;
  animation:none;transform:none}

:is(.ulink,.prof-name,.sc-mnn,.rl-name,.pns-cos-sample,.sc-msg .sc-mwho b,.sc-dmwho .sc-n,.sc-dm.sc-fresh .sc-dmwho .sc-n).cos-n.cos-fx-glow{
  filter:drop-shadow(0 0 2px var(--cos-a)) drop-shadow(0 0 7px var(--cos-b));animation:cos-glow 2.8s ease-in-out infinite}
:is(.ulink,.prof-name,.sc-mnn,.rl-name,.pns-cos-sample,.sc-msg .sc-mwho b,.sc-dmwho .sc-n,.sc-dm.sc-fresh .sc-dmwho .sc-n).cos-n.cos-fx-shimmer{
  background:linear-gradient(105deg,var(--cos-a) 0%,var(--cos-b) 38%,#fff 50%,var(--cos-b) 62%,var(--cos-c) 100%);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:cos-shimmer 3.4s linear infinite}
:is(.ulink,.prof-name,.sc-mnn,.rl-name,.pns-cos-sample,.sc-msg .sc-mwho b,.sc-dmwho .sc-n,.sc-dm.sc-fresh .sc-dmwho .sc-n).cos-n.cos-fx-sweep{
  background:linear-gradient(90deg,var(--cos-a),var(--cos-b),var(--cos-c),var(--cos-b),var(--cos-a));
  background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:cos-sweep 4.2s ease-in-out infinite alternate}
@keyframes cos-glow{0%,100%{filter:drop-shadow(0 0 1px var(--cos-a)) drop-shadow(0 0 4px var(--cos-b))}
  50%{filter:drop-shadow(0 0 4px var(--cos-a)) drop-shadow(0 0 12px var(--cos-b))}}
@keyframes cos-shimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes cos-sweep{0%{background-position:0% 0}100%{background-position:100% 0}}




.cos-fr{--cos-fw:2px;--cos-fo:2px;--cos-gs:1;--cos-f1:var(--hair-hi);--cos-ow:var(--cos-fw);outline:var(--cos-ow) solid var(--cos-f1);outline-offset:var(--cos-fo)}
.prof-avatar.cos-fr{--cos-fw:3px;--cos-fo:4px}
.sc-fc.cos-fr{--cos-fw:1.5px;--cos-fo:1.5px;--cos-gs:.5}




.face-stack{box-shadow:0 0 0 1px var(--face-ring,var(--panel))!important}






@supports (overflow:clip){
  .sc-mem:has(> .sc-fc.cos-fr){overflow-x:visible;overflow-y:clip}
}


.sc-mem > .sc-fc.cos-fr{--cos-gs:.15}





.cos-fr.cos-fr-brass{--cos-f1:#d4a24c;--cos-ow:calc(var(--cos-fw) * 2);outline-style:double;outline-width:var(--cos-ow);filter:drop-shadow(0 0 calc(2px * var(--cos-gs)) rgba(212,162,76,.55))}
.cos-fr.cos-fr-jade{--cos-f1:#3fd6a0;filter:drop-shadow(0 0 calc(3px * var(--cos-gs)) rgba(63,214,160,.5))}
.cos-fr.cos-fr-ember{--cos-f1:#ff7a45;filter:drop-shadow(0 0 calc(3px * var(--cos-gs)) rgba(255,122,69,.5))}
.cos-fr.cos-fr-frost{--cos-f1:#cfeeff;filter:drop-shadow(0 0 calc(3px * var(--cos-gs)) rgba(160,220,255,.55))}
.cos-fr.cos-fr-iris{--cos-f1:#a594ff;filter:drop-shadow(0 0 calc(3px * var(--cos-gs)) rgba(165,148,255,.5))}
.cos-fr.cos-fr-obsidian{--cos-f1:#8892a2;--cos-ow:calc(var(--cos-fw) * 2);outline-style:double;outline-width:var(--cos-ow)}

.cos-fr.cos-fr-aurora{--cos-f1:#5ef2c8;animation:cos-fr-aurora 6s linear infinite}
.cos-fr.cos-fr-pulse{--cos-f1:var(--accent);animation:cos-fr-pulse 2.4s ease-in-out infinite}
.cos-fr.cos-fr-orbit{--cos-f1:#7fefff;animation:cos-fr-orbit 2.6s linear infinite}

.cos-fr.cos-fr-crown{--cos-f1:#f4c14f;--cos-ow:calc(var(--cos-fw) * 2);outline-style:double;outline-width:var(--cos-ow);
  filter:drop-shadow(0 0 calc(3px * var(--cos-gs)) #f4c14f) drop-shadow(0 0 calc(8px * var(--cos-gs)) rgba(244,193,79,.45));animation:cos-fr-crown 3.6s ease-in-out infinite}
.cos-fr.cos-fr-halo{--cos-f1:#fff3cf;animation:cos-fr-halo 3.2s ease-in-out infinite}
.cos-fr.cos-fr-phoenix{--cos-f1:#ff7a1f;animation:cos-fr-phoenix 1.4s ease-in-out infinite}
.cos-fr.cos-fr-void{--cos-f1:#6c3cff;filter:drop-shadow(0 0 calc(4px * var(--cos-gs)) #9b5cff) drop-shadow(0 0 calc(10px * var(--cos-gs)) #3b0d7a);animation:cos-fr-void 4.8s ease-in-out infinite}
@keyframes cos-fr-aurora{0%,100%{outline-color:#5ef2c8;filter:drop-shadow(0 0 calc(4px * var(--cos-gs)) rgba(94,242,200,.6))}
  33%{outline-color:#8d7bff;filter:drop-shadow(0 0 calc(4px * var(--cos-gs)) rgba(141,123,255,.6))}
  66%{outline-color:#ff7ad9;filter:drop-shadow(0 0 calc(4px * var(--cos-gs)) rgba(255,122,217,.6))}}
@keyframes cos-fr-pulse{0%,100%{outline-offset:var(--cos-fo);filter:drop-shadow(0 0 calc(1px * var(--cos-gs)) var(--accent))}
  50%{outline-offset:calc(var(--cos-fo) * 2);filter:drop-shadow(0 0 calc(6px * var(--cos-gs)) var(--accent))}}
@keyframes cos-fr-orbit{0%{filter:drop-shadow(calc(var(--cos-fo) * 2) 0 0 #ff7ad9)}
  25%{filter:drop-shadow(0 calc(var(--cos-fo) * 2) 0 #ff7ad9)}
  50%{filter:drop-shadow(calc(var(--cos-fo) * -2) 0 0 #ff7ad9)}
  75%{filter:drop-shadow(0 calc(var(--cos-fo) * -2) 0 #ff7ad9)}
  100%{filter:drop-shadow(calc(var(--cos-fo) * 2) 0 0 #ff7ad9)}}
@keyframes cos-fr-crown{0%,100%{filter:drop-shadow(0 0 calc(2px * var(--cos-gs)) #f4c14f) drop-shadow(0 0 calc(6px * var(--cos-gs)) rgba(244,193,79,.35))}
  50%{filter:drop-shadow(0 0 calc(4px * var(--cos-gs)) #ffe59a) drop-shadow(0 0 calc(14px * var(--cos-gs)) rgba(244,193,79,.6))}}
@keyframes cos-fr-halo{0%,100%{filter:drop-shadow(0 0 calc(4px * var(--cos-gs)) rgba(255,243,207,.7)) drop-shadow(0 0 calc(10px * var(--cos-gs)) rgba(255,224,150,.35))}
  50%{filter:drop-shadow(0 0 calc(8px * var(--cos-gs)) rgba(255,243,207,.95)) drop-shadow(0 0 calc(22px * var(--cos-gs)) rgba(255,224,150,.6))}}
@keyframes cos-fr-phoenix{0%,100%{outline-color:#ff5a1f;filter:drop-shadow(0 calc(-2px * var(--cos-gs)) calc(4px * var(--cos-gs)) #ff7a1f) drop-shadow(0 0 calc(8px * var(--cos-gs)) rgba(255,45,85,.45))}
  50%{outline-color:#ffb02e;filter:drop-shadow(0 calc(-4px * var(--cos-gs)) calc(7px * var(--cos-gs)) #ffb02e) drop-shadow(0 0 calc(12px * var(--cos-gs)) rgba(255,90,31,.6))}}
@keyframes cos-fr-void{0%,100%{outline-color:#6c3cff;filter:drop-shadow(0 0 calc(3px * var(--cos-gs)) #9b5cff) drop-shadow(0 0 calc(8px * var(--cos-gs)) #3b0d7a)}
  50%{outline-color:#2a1650;filter:drop-shadow(0 0 calc(6px * var(--cos-gs)) #c08cff) drop-shadow(0 0 calc(16px * var(--cos-gs)) #5a1fb0)}}
html[data-light="1"] .cos-fr.cos-fr-frost{--cos-f1:#2c6e93}
html[data-light="1"] .cos-fr.cos-fr-halo{--cos-f1:#b38600}




.cos-fr.cos-fr-tint{--cos-f1:var(--cos-a);outline-color:var(--cos-a);
  filter:drop-shadow(0 0 calc(3px * var(--cos-gs)) color-mix(in srgb,var(--cos-b) 55%,transparent))}
.cos-fr.cos-fr-tint:is(.cos-fr-aurora,.cos-fr-crown,.cos-fr-halo,.cos-fr-phoenix,.cos-fr-void){animation-name:cos-frt-glow}
.cos-fr.cos-fr-tint.cos-fr-pulse{animation-name:cos-frt-pulse}
.cos-fr.cos-fr-tint.cos-fr-orbit{animation-name:cos-frt-orbit}
@keyframes cos-frt-glow{0%,100%{outline-color:var(--cos-a);filter:drop-shadow(0 0 calc(3px * var(--cos-gs)) var(--cos-a))}
  50%{outline-color:var(--cos-c);filter:drop-shadow(0 0 calc(5px * var(--cos-gs)) var(--cos-b)) drop-shadow(0 0 calc(12px * var(--cos-gs)) color-mix(in srgb,var(--cos-c) 50%,transparent))}}
@keyframes cos-frt-pulse{0%,100%{outline-offset:var(--cos-fo);filter:drop-shadow(0 0 calc(1px * var(--cos-gs)) var(--cos-a))}
  50%{outline-offset:calc(var(--cos-fo) * 2);filter:drop-shadow(0 0 calc(6px * var(--cos-gs)) var(--cos-b))}}
@keyframes cos-frt-orbit{0%,100%{filter:drop-shadow(calc(var(--cos-fo) * 2) 0 0 var(--cos-c))}
  25%{filter:drop-shadow(0 calc(var(--cos-fo) * 2) 0 var(--cos-c))}
  50%{filter:drop-shadow(calc(var(--cos-fo) * -2) 0 0 var(--cos-c))}
  75%{filter:drop-shadow(0 calc(var(--cos-fo) * -2) 0 var(--cos-c))}}




.cos-card{position:relative;isolation:isolate}














:root{--cos-ban-w:938;--cos-ban-h:72;--cos-ban-w-phone:360;--cos-ban-h-phone:56}
.profile-view.cos-card{--cos-pad:14px;--pb-ban:calc(var(--cos-ban-h) * 1px);margin:6px auto 40px;padding:0 var(--cos-pad) var(--cos-pad);
  border:1px solid var(--cos-edge,var(--hair-hi));
  background:var(--cos-ground,var(--raised));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 24px var(--cos-haze,transparent)}
.profile-view.cos-card > .prof-plaque{--pb-px:var(--cos-pad);margin:0 calc(-1 * var(--cos-pad));padding-left:var(--cos-pad);padding-right:var(--cos-pad)}



@media(max-width:640px){ .profile-view.cos-card{--cos-pad:10px;--pb-ban:calc(var(--cos-ban-h-phone) * 1px);margin-top:2px} }
.cos-th-dusk{--cos-ground:linear-gradient(160deg,#1d1638 0%,#2a1a3f 55%,#3b1d33 100%);--cos-edge:#6b4fa8;--cos-haze:rgba(107,79,168,.18)}
.cos-th-jade{--cos-ground:linear-gradient(160deg,#0b211b 0%,#10302a 60%,#0b1f2a 100%);--cos-edge:#2f8f6e;--cos-haze:rgba(47,143,110,.16)}
.cos-th-ember{--cos-ground:linear-gradient(160deg,#28110a 0%,#3a1a0f 55%,#24120f 100%);--cos-edge:#b5562c;--cos-haze:rgba(181,86,44,.18)}
.cos-th-abyss{--cos-ground:linear-gradient(160deg,#07122a 0%,#0c1f3d 60%,#061024 100%);--cos-edge:#2f5d9c;--cos-haze:rgba(47,93,156,.2)}
.cos-th-rose{--cos-ground:linear-gradient(160deg,#28101f 0%,#3a1530 55%,#241022 100%);--cos-edge:#b0507e;--cos-haze:rgba(176,80,126,.18)}
.cos-th-ash{--cos-ground:linear-gradient(160deg,#18191d 0%,#25272d 60%,#17181b 100%);--cos-edge:#6b7280;--cos-haze:rgba(107,114,128,.14)}
html[data-light="1"] .cos-th-dusk{--cos-ground:linear-gradient(160deg,#efe9fb,#f7eef6);--cos-edge:#8b6fd0}
html[data-light="1"] .cos-th-jade{--cos-ground:linear-gradient(160deg,#e6f6ef,#eef7f4);--cos-edge:#2f8f6e}
html[data-light="1"] .cos-th-ember{--cos-ground:linear-gradient(160deg,#fbeee6,#f9f0ea);--cos-edge:#c2410c}
html[data-light="1"] .cos-th-abyss{--cos-ground:linear-gradient(160deg,#e8eef9,#eef2f8);--cos-edge:#2f5d9c}
html[data-light="1"] .cos-th-rose{--cos-ground:linear-gradient(160deg,#fbe9f1,#f8eef3);--cos-edge:#be185d}
html[data-light="1"] .cos-th-ash{--cos-ground:linear-gradient(160deg,#f1f1f2,#f6f6f7);--cos-edge:#6b7280}


.cos-sky + .cos-banner{opacity:.42}
.cos-banner{position:absolute;left:0;right:0;top:0;width:100%;height:min(170px,72%);object-fit:cover;z-index:-1;
  opacity:.62;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}
.cos-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cos-sky > i{position:absolute;inset:-25%;display:block}
.cos-sky-aurora{background:linear-gradient(180deg,#040814 0%,#0a1630 100%)}
.cos-sky-aurora .cos-sky-a{background:radial-gradient(60% 28% at 30% 40%,rgba(94,242,200,.6),transparent 70%),
  radial-gradient(50% 24% at 70% 30%,rgba(141,123,255,.55),transparent 70%);filter:blur(10px);animation:cos-sky-drift 14s ease-in-out infinite alternate}
.cos-sky-aurora .cos-sky-b{background:radial-gradient(55% 22% at 55% 62%,rgba(255,122,217,.4),transparent 70%);filter:blur(14px);animation:cos-sky-drift 19s ease-in-out infinite alternate-reverse}
.cos-sky-stars{background:radial-gradient(120% 90% at 50% 0%,#101a3a 0%,#050816 70%)}
.cos-sky-stars .cos-sky-a{background-image:radial-gradient(1.2px 1.2px at 12px 18px,#fff,transparent),radial-gradient(1px 1px at 64px 44px,#cfe4ff,transparent),
  radial-gradient(1.4px 1.4px at 98px 12px,#fff,transparent),radial-gradient(1px 1px at 140px 70px,#fff3cf,transparent);
  background-size:160px 90px;animation:cos-sky-twinkle 4s ease-in-out infinite}
.cos-sky-stars .cos-sky-b{background-image:radial-gradient(1px 1px at 30px 60px,#fff,transparent),radial-gradient(1.6px 1.6px at 110px 30px,#e0d4ff,transparent);
  background-size:210px 120px;animation:cos-sky-twinkle 6.5s ease-in-out infinite reverse}
.cos-sky-embers{background:linear-gradient(180deg,#0d0605 0%,#2a0c06 100%)}
.cos-sky-embers .cos-sky-a,.cos-sky-embers .cos-sky-b{background-image:radial-gradient(2px 2px at 20px 80px,#ffb02e,transparent),
  radial-gradient(1.5px 1.5px at 90px 40px,#ff5a1f,transparent),radial-gradient(2px 2px at 150px 110px,#ff7a1f,transparent);
  background-size:180px 140px;animation:cos-sky-rise 9s linear infinite}
.cos-sky-embers .cos-sky-b{background-size:240px 170px;opacity:.7;animation-duration:13s}
.cos-sky-lanterns{background:linear-gradient(180deg,#0b0a1f 0%,#1a1030 100%)}
.cos-sky-lanterns .cos-sky-a,.cos-sky-lanterns .cos-sky-b{background-image:radial-gradient(4px 5px at 40px 90px,rgba(255,196,99,.95),rgba(255,140,40,.25) 60%,transparent 75%),
  radial-gradient(3px 4px at 150px 40px,rgba(255,210,130,.9),rgba(255,150,60,.2) 60%,transparent 75%);
  background-size:220px 150px;animation:cos-sky-rise 16s linear infinite}
.cos-sky-lanterns .cos-sky-b{background-size:300px 190px;opacity:.75;animation-duration:22s}
.cos-sky-rain{background:linear-gradient(180deg,#0a1018 0%,#121c28 100%)}
.cos-sky-rain .cos-sky-a,.cos-sky-rain .cos-sky-b{background-image:repeating-linear-gradient(105deg,transparent 0 14px,rgba(160,200,255,.18) 14px 15px,transparent 15px 31px);
  animation:cos-sky-fall 1.6s linear infinite}
.cos-sky-rain .cos-sky-b{opacity:.6;background-size:60px 60px;animation-duration:2.3s}
@keyframes cos-sky-drift{0%{transform:translate3d(-6%,0,0)}100%{transform:translate3d(6%,10px,0)}}
@keyframes cos-sky-twinkle{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes cos-sky-rise{0%{background-position:0 0}100%{background-position:0 -280px}}
@keyframes cos-sky-fall{0%{background-position:0 0}100%{background-position:-14px 62px}}



html:is([data-fx="reduced"],[data-fx="off"]) .cos-sky-rain > i.cos-sky-a,
html:is([data-fx="reduced"],[data-fx="off"]) .cos-sky-rain > i.cos-sky-b{
  background-image:radial-gradient(1px 5px at 10px 14px,rgba(175,210,255,.55),transparent),
    radial-gradient(1px 4px at 38px 52px,rgba(175,210,255,.45),transparent),
    radial-gradient(1.2px 6px at 66px 26px,rgba(190,220,255,.6),transparent),
    radial-gradient(1px 4px at 24px 78px,rgba(175,210,255,.4),transparent);
  background-size:84px 96px;transform:rotate(12deg)}
html:is([data-fx="reduced"],[data-fx="off"]) .cos-sky-rain > i.cos-sky-b{background-size:130px 150px;background-position:41px 33px;opacity:.6}
html[data-light="1"] .cos-sky{opacity:.3}






.profile-view.cos-card > .cos-sky > i{inset:-80px -12%}
.profile-view.cos-card > .cos-sky-aurora > i{background-size:100% 560px;background-repeat:repeat-y}
.profile-view.cos-card > .cos-sky-aurora > i.cos-sky-b{background-size:100% 700px}



@media(prefers-reduced-motion:reduce){
  :is(.ulink,.prof-name,.sc-mnn,.rl-name,.pns-cos-sample,.sc-msg .sc-mwho b,.sc-dmwho .sc-n,.sc-dm.sc-fresh .sc-dmwho .sc-n).cos-n.cos-fx-glow,
  :is(.ulink,.prof-name,.sc-mnn,.rl-name,.pns-cos-sample,.sc-msg .sc-mwho b,.sc-dmwho .sc-n,.sc-dm.sc-fresh .sc-dmwho .sc-n).cos-n.cos-fx-shimmer,
  :is(.ulink,.prof-name,.sc-mnn,.rl-name,.pns-cos-sample,.sc-msg .sc-mwho b,.sc-dmwho .sc-n,.sc-dm.sc-fresh .sc-dmwho .sc-n).cos-n.cos-fx-sweep{animation:none}
  .cos-fr.cos-fr-aurora,.cos-fr.cos-fr-pulse,.cos-fr.cos-fr-orbit,.cos-fr.cos-fr-crown,
  .cos-fr.cos-fr-halo,.cos-fr.cos-fr-phoenix,.cos-fr.cos-fr-void,
  .cos-fr.cos-fr-tint:is(.cos-fr-aurora,.cos-fr-pulse,.cos-fr-orbit,.cos-fr-crown,.cos-fr-halo,.cos-fr-phoenix,.cos-fr-void){animation:none}
  

  .cos-sky > i.cos-sky-a,.cos-sky > i.cos-sky-b{animation:none}
}





.sup{color:var(--bright);-webkit-text-fill-color:var(--bright);background:none;font-weight:700;font-style:normal;
  letter-spacing:0;text-shadow:none;animation:none;
  display:inline-flex;flex:none;width:14px;height:14px;vertical-align:-2px;margin-right:3px}



.sup.sup-tint{color:var(--cos-a);-webkit-text-fill-color:var(--cos-a)}






.sup svg.sup-g{display:block;width:100%;height:100%;flex:none;
  -webkit-mask:url(/brand-shred.png) center/83.333% no-repeat;mask:url(/brand-shred.png) center/83.333% no-repeat}

@keyframes sup-spin{to{transform:rotate(360deg)}}
.sup.sup-own svg.sup-g{animation:sup-spin 6s linear infinite;transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){.sup.sup-own svg.sup-g{animation:none}}

.prof-name .sup{width:1em;height:1em;vertical-align:-.15em;margin-right:.24em}




.frnd{color:var(--info);-webkit-text-fill-color:var(--info);background:none;font-style:normal;letter-spacing:0;
  text-shadow:none;animation:none;display:inline-flex;flex:none;width:1em;height:1em;vertical-align:-.125em;margin-right:.25em}
.frnd svg.frnd-g{display:block;width:100%;height:100%;flex:none;stroke-width:2.25}
.prof-name .frnd{width:1em;height:1em;vertical-align:-.15em;margin-right:.24em}


.sup-own ~ .sg-founder,.sup-own ~ .sc-badges .sg-founder,.sc-mn:has(> .sup-own) .sg-founder,.sc-lifewhon:has(> .sup-own) .sg-founder{display:none}
.sup-notch{position:absolute;right:0;bottom:0;width:0;height:0;border:5px solid transparent;
  border-right-color:var(--gold);border-bottom-color:var(--gold);pointer-events:none;z-index:3}







.frnd,.sup,.sg,.rl-ic,.sc-badges,.botmark-inline,.rank-pip,.apex-crown{align-self:center}



html .sc-mc-name{align-items:center}
html .sc-mc-name > :is(.sc-mc-nm,.frnd,.sup,.rl-ic){margin-top:0;margin-bottom:0}





html :is(#s-member.sc-mc-popped > .sc-grab,.sc-mc-pinbtn,.sc-mc-x,.tagpop-x){background:var(--panel)}
.prof-supline{color:var(--gold);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;margin:2px 0 4px}




.navsup-line{display:inline} .navsup-t{display:none}   
.navsup-track{display:none;position:relative;background:var(--hair)}




.navsup-fill{position:absolute;left:0;top:0;bottom:0;overflow:hidden;color:var(--gold);background:currentColor}
.navsupport.is-short .navsup-fill{color:var(--accent)}
.navsup-fill.is-lit{box-shadow:0 0 4px currentColor,0 0 9px -1px currentColor}
.navsup-fill.is-lit::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
  transform:translateX(-100%);animation:navsup-sweep 3s ease-in-out infinite;will-change:transform}
@keyframes navsup-sweep{0%{transform:translateX(-100%)}55%,100%{transform:translateX(250%)}}
@media(prefers-reduced-motion:reduce){.navsup-fill.is-lit::after{animation:none;display:none}}
@media(min-width:1000px){
  .navmenu a.navsupport.is-short,.navmenu a.navsupport.is-covered{padding-bottom:7px}
  .navmenu a.navsupport .navsup-track{display:block;position:absolute;left:7px;right:7px;bottom:2px;height:2px}
}
@media(max-width:999px){
  .navmenu a.navsupport{grid-column:1 / -1;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;
    min-height:44px;padding:12px 10px 10px !important;margin:2px 10px 0;width:auto;border:0;border-top:1px solid var(--hair);text-align:left}
  .navmenu a.navsupport svg.navi{display:none}
  .navsup-line{display:flex;align-items:baseline;gap:6px;font-size:10.5px;letter-spacing:0;text-transform:none;
    color:var(--dim);line-height:1.2;white-space:nowrap;min-width:0}
  .navsup-line .navl{color:var(--gold);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
  .navsup-t{display:inline;margin-left:auto}
  .navsup-track{display:block;height:2px}
}

.asup-mem{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--hair)}
.asup-who{flex:1 1 160px;min-width:0}
.asup-who small{display:block;color:var(--faint);font-size:10px}
.asup-mem.is-on .asup-name{color:var(--bright)}
.asup-src{font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:1px 5px;border:1px solid var(--hair-hi);color:var(--dim)}
.asup-src.is-pat{border-color:var(--gold);color:var(--gold)}
.asup-ctl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.asup-in{background:var(--sunk);border:1px solid var(--hair-hi);color:var(--bright);font:inherit;padding:5px 7px;min-width:0;max-width:100%}
.asup-num{width:96px}
.asup-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--hair)}
.asup-k{min-width:0;overflow-wrap:anywhere}
.asup-amt{font-variant-numeric:tabular-nums}
.asup-form{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.asup-pager{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.asup-meter{color:var(--gold);margin:8px 0}









@media (prefers-reduced-motion: no-preference){
  html[data-fx="full"][data-mult-fx]::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    will-change:opacity;transform:translateZ(0);
    background:radial-gradient(ellipse at 50% 0%,hsla(var(--mult-h,200),90%,60%,var(--mult-a,.10)),transparent 65%);
    animation:multpulse var(--mult-s,6s) ease-in-out infinite alternate}
  @media (pointer: coarse){
    html[data-fx="full"][data-mult-fx]::before{animation:none;opacity:.8}
  }
  html[data-mult-fx="1"]{--mult-h:200;--mult-a:.10;--mult-s:7s}
  html[data-mult-fx="2"]{--mult-h:150;--mult-a:.16;--mult-s:5s}
  html[data-mult-fx="3"]{--mult-h:42;--mult-a:.22;--mult-s:3.5s}
  html[data-mult-fx="4"]{--mult-h:320;--mult-a:.30;--mult-s:2.2s}
  @keyframes multpulse{from{opacity:.55}to{opacity:1}}
}

.dx-a-invpic[data-fun]{background:hsl(var(--fun-h,260) 38% 26%)}
.dx-a-invpic .vw-cav-fun{font-size:16px;line-height:1;filter:none}










.ad-k-crown{--ad-d:#ff8a3d}
.ad-host{position:relative;isolation:isolate;overflow:visible!important}
.ad-host:has(img:not(.prof-avfallback)){background:none;border-color:transparent}
.ad-host:has(img:not(.prof-avfallback)) > .prof-avfallback{display:none}
.ad-host.cos-fr-tint{--look-c:var(--cos-a)}
.ad{position:absolute;left:-12.5%;top:-12.5%;width:125%;height:125%;pointer-events:none;z-index:3;display:block}
.ad-b{z-index:auto}
.ad>svg{display:block;width:100%;height:100%;overflow:hidden}
.ad-host[data-pres]::before,.ad-host[data-pres]::after{z-index:4}
.pb-face:has(.ad-host) .pb-pip{z-index:5}
.ad-plain > .ad,.sc-seenby .ad-host > .ad{display:none}
.ad-sm .ad-fine{display:none}

.ad-host.cos-fr:not(.ad-plain){outline:none;filter:none}

.ad .s-deep{stop-color:var(--t-deep)} .ad .s-out{stop-color:var(--t-out)} .ad .s-mid{stop-color:var(--t-mid)}
.ad .s-core{stop-color:var(--t-core)} .ad .s-hi{stop-color:var(--t-hi)} .ad .s-lo{stop-color:var(--t-lo)}
.ad .s-core-f{fill:var(--t-core)}
.ad .sh-o{fill:var(--t-out);opacity:.92} .ad .sh-r{stroke:var(--t-mid)} .ad .sh-c{stroke:var(--t-core)}
.ad .f-dark{fill:var(--t-dark)} .ad .f-hi{fill:var(--t-hi)} .ad .f-lo{fill:var(--t-lo)} .ad .f-spark{fill:#fff}
.ad .f-gem{fill:var(--t-hi)}
.ad .k-dark{stroke:var(--t-dark)} .ad .k-lo{stroke:var(--t-lo)} .ad .k-hi{stroke:var(--t-hi)}
.ad .p-out{fill:#0b0d14}


.ad-crest-tint{--b:oklch(from var(--look-c,var(--ad-d)) clamp(.6,l,.74) max(c,.15) h);
  --k-lt0:oklch(from var(--b) 0.900 calc(c * .42) h);--k-dk0:oklch(from var(--b) 0.700 calc(c * .9) h);--k-tb0:oklch(from var(--b) .97 calc(c * .18) h);--k-e0:oklch(from var(--b) 0.760 calc(c * 1.25) h);
  --k-lt1:oklch(from var(--b) 0.925 calc(c * .42) h);--k-dk1:oklch(from var(--b) 0.750 calc(c * .9) h);--k-tb1:oklch(from var(--b) .97 calc(c * .18) h);--k-e1:oklch(from var(--b) 0.790 calc(c * 1.25) h);
  --k-lt2:oklch(from var(--b) 0.875 calc(c * .42) h);--k-dk2:oklch(from var(--b) 0.650 calc(c * .9) h);--k-tb2:oklch(from var(--b) .97 calc(c * .18) h);--k-e2:oklch(from var(--b) 0.730 calc(c * 1.25) h);
  --k-lt3:oklch(from var(--b) 0.945 calc(c * .42) h);--k-dk3:oklch(from var(--b) 0.790 calc(c * .9) h);--k-tb3:oklch(from var(--b) .97 calc(c * .18) h);--k-e3:oklch(from var(--b) 0.814 calc(c * 1.25) h);
  --k-lt4:oklch(from var(--b) 0.855 calc(c * .42) h);--k-dk4:oklch(from var(--b) 0.610 calc(c * .9) h);--k-tb4:oklch(from var(--b) .97 calc(c * .18) h);--k-e4:oklch(from var(--b) 0.706 calc(c * 1.25) h);}


.ad-crest .shim{transform-origin:50px 0;animation:ad-shim 6.5s ease-in-out infinite}
@keyframes ad-shim{0%{transform:rotate(24deg) translate(-10px,0)}45%,100%{transform:rotate(24deg) translate(190px,0)}}
.ad-crest .fx{animation:ad-facet 4.2s ease-in-out infinite;opacity:.9}
.ad-crest .fx2{opacity:.0;animation-name:ad-facet2}
@keyframes ad-facet{0%,100%{opacity:.95}50%{opacity:.35}}
@keyframes ad-facet2{0%,100%{opacity:0}50%{opacity:.75}}
.ad-crest .spk{transform-box:view-box;animation:ad-spark 3.3s ease-in-out infinite}
@keyframes ad-spark{0%,100%{transform:scale(1) rotate(0deg);opacity:1}40%{transform:scale(.2) rotate(45deg);opacity:0}60%{transform:scale(.2) rotate(45deg);opacity:0}}


.ad-c4 .shim{animation:ad-c4shim 4s cubic-bezier(.5,0,.5,1) infinite;transform-origin:50px 0}
@keyframes ad-c4shim{0%{transform:rotate(20deg) translate(0,0)}55%,100%{transform:rotate(20deg) translate(150px,0)}}
.ad-c4 .c4-trav{animation:ad-c4trav 4s ease-in-out infinite;opacity:0}
@keyframes ad-c4trav{0%{transform:translate(0,0);opacity:0}12%{opacity:1}55%{transform:translate(var(--tx),var(--ty));opacity:1}68%,100%{transform:translate(var(--tx),var(--ty));opacity:0}}
.ad-sm .ad-c4 .c4-out{stroke-width:3.4} .ad-sm .ad-c4 .c4-edge{stroke-width:1.4}


.ad-idle .ad *{animation-play-state:paused!important}
.fx-still .ad *,html[data-fx="reduced"] .ad *,html[data-fx="off"] .ad *{animation:none!important}
.fx-still .ad .fx2,html[data-fx="reduced"] .ad .fx2,html[data-fx="off"] .ad .fx2{opacity:0}
@media (prefers-reduced-motion:reduce){.ad *{animation:none!important}.ad .fx2{opacity:0}}






.pay-ghost{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%,8px);
  z-index:var(--z-overlay);display:flex;gap:.45em;align-items:center;padding:.35em .8em;border:1px dashed var(--hair-hi);
  border-radius:0;background:var(--void);color:var(--dim);font-size:12.5px;letter-spacing:.02em;opacity:0;
  pointer-events:none;transition:opacity .25s ease,transform .25s ease;max-width:calc(100vw - 32px)}
.pay-ghost.on{opacity:.88;transform:translate(-50%,0)}
.pay-ghost .pg-dot{color:var(--accent);opacity:.7}
.payflair{display:inline-flex;align-items:center;align-self:center;margin-left:.4em;padding:0 .4em;border-radius:0;
  font-size:.72em;line-height:1.5;letter-spacing:.03em;white-space:nowrap;-webkit-text-fill-color:initial;vertical-align:middle}
.payflair.pf-judge{background:transparent;border:1px solid #c9b46a;color:#e8d79a}
@media (prefers-reduced-motion:reduce){.pay-ghost{transition:none}}

/* ⟦web/app-curation.css⟧ */
















.tagzones .tz{margin-top:10px}
.tz-h{font-size:9px;letter-spacing:calc(.2em * var(--track));text-transform:var(--caps);color:var(--faint);
  border-bottom:1px solid var(--hair);padding-bottom:3px;margin-bottom:7px}
.tz-h::before{content:"◈ ";color:var(--accent-deep)}

.tag.community{color:var(--info);border-color:var(--hair-hi);border-style:solid}
.tag.community a{color:inherit}
.tag .tnet{color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:calc(.02em * var(--track))}

.verdicts{display:inline-flex;gap:3px;margin-left:5px}
.vbtn{border:1px solid var(--hair);background:none;color:var(--dim);cursor:pointer;
  font-size:10px;line-height:1;padding:2px 5px;letter-spacing:calc(.04em * var(--track))}
.vbtn:hover{border-color:currentColor}
.vbtn.reinforce{color:var(--good)} .vbtn.disapprove{color:var(--bad)}
.vbtn.punish{color:var(--accent)} .vbtn.revert{color:var(--info)}

.votes{display:inline-flex;gap:2px;margin-left:5px}
.vote{border:1px solid var(--hair);background:none;cursor:pointer;color:var(--faint);
  font-size:10px;line-height:1;padding:2px 5px}
.vote:disabled{opacity:.5;cursor:default}
.vote.yes:hover,.vote.yes.on{color:var(--good);border-color:var(--good)}
.vote.no:hover,.vote.no.on{color:var(--bad);border-color:var(--bad)}
.applied-votes{margin-left:6px}




body.mod-shift .tagrows .tag,body.mod-ctrl .tagrows .tag{transition:none}
body.mod-shift .applied-votes,body.mod-ctrl .applied-votes{outline:1px dotted var(--hair-hi);outline-offset:2px}






.mdial{position:fixed;z-index:calc(var(--z-fab) + 1);max-width:calc(100vw - 16px);
  display:flex;flex-direction:column;gap:4px;padding:6px;
  background:var(--panel);border:1px solid var(--hair-hi);border-radius:10px;
  box-shadow:0 8px 28px rgba(0,0,0,.55);pointer-events:none}
.mdial-stop{display:flex;align-items:center;gap:8px;min-width:170px;min-height:44px;
  padding:6px 10px;border:1px solid transparent;border-radius:7px;color:var(--faint);
  font-size:11px;letter-spacing:calc(.06em * var(--track));text-transform:var(--caps)}
.mdial-g{font-size:14px;line-height:1;min-width:26px;text-align:center}
.mdial-l{white-space:nowrap}


.mdial-stop.on{color:var(--ink);border-color:var(--hair-hi);background:var(--raised)}
.mdial-stop.md-shift.on{color:var(--bg);background:var(--good);border-color:var(--good)}
.mdial-stop.md-ctrl.on{color:var(--bg);background:var(--accent);border-color:var(--accent)}





.md-armed{position:relative}
.md-armed::after{content:attr(data-md-glyph);position:absolute;top:-6px;right:-6px;
  min-width:20px;height:20px;padding:0 4px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:10px;line-height:1;color:var(--bg);background:var(--good)}
.md-armed.md-ctrl::after{background:var(--accent)}
.md-armed.md-shift{border-color:var(--good)}
.md-armed.md-ctrl{border-color:var(--accent)}







































.mdial-fab{position:fixed;z-index:var(--z-fab);
  right:max(10px,env(safe-area-inset-right,0px));
  bottom:calc(env(safe-area-inset-bottom,0px) + var(--fab-lift,74px));
  width:46px;height:46px;min-width:46px;min-height:46px;padding:0;border-radius:0;
  border:1px solid var(--hair-hi);background-color:var(--panel);color:var(--faint);
  background-repeat:no-repeat;
  background-image:
    linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),
    linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),
    linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),
    linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent));
  background-size:9px 1px,1px 9px,9px 1px,1px 9px,9px 1px,1px 9px,9px 1px,1px 9px;
  background-position:
    3px 3px,3px 3px,
    calc(100% - 3px) 3px,calc(100% - 3px) 3px,
    3px calc(100% - 3px),3px calc(100% - 3px),
    calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px);
  font-size:13px;line-height:1;cursor:pointer;
  box-shadow:0 4px 16px rgba(0,0,0,.45);touch-action:none}




body:not(:has(.verdictbar)){--fab-lift:10px}





.mdf-g{pointer-events:none;font-size:0;line-height:1;display:block;width:22px;height:22px}
.mdf-g::before{content:"";display:block;width:22px;height:22px;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:22px 22px;mask-size:22px 22px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M20 20l-4.7-4.7'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M20 20l-4.7-4.7'/%3E%3C/svg%3E")}

@supports not ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  .mdf-g{font-size:10px;width:auto;height:auto}
  .mdf-g::before{display:none}
}
.mdial-fab{display:flex;align-items:center;justify-content:center;color:var(--accent);
  border-color:var(--accent-deep)}
@media(prefers-reduced-motion:reduce){.mdial,.mdial-fab{transition:none}}

.tag{transition:opacity .28s ease,transform .28s ease}
.tag.tag-removing{opacity:0;transform:translateY(-4px) scale(.9)}
@media(prefers-reduced-motion:reduce){.tag{transition:none}.tag.tag-removing{opacity:0}}

.sugrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0;
  border-bottom:1px dotted var(--hair);font-size:11px}
.sugname{color:var(--info)} .sugname:hover{color:var(--bright)}
.sugnet{color:var(--ink);font-variant-numeric:tabular-nums;min-width:34px}
.sugby{color:var(--faint);font-size:10px}
.tzmsg{margin-top:8px;min-height:1em}

.pointfloat.neg{color:var(--bad);text-shadow:0 1px 3px var(--void)}
.pointfloat.noanim{animation:none!important;opacity:1;transform:translate(-50%,-140%)}

.dsr-rep{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.dsr-rep-chip{display:flex;align-items:baseline;gap:5px;font-size:10px;
  border:1px solid var(--hair);padding:2px 7px;letter-spacing:calc(.04em * var(--track))}
.dsr-rep-k{color:var(--dim);text-transform:var(--caps);font-size:8.5px;letter-spacing:calc(.12em * var(--track))}
.dsr-rep-v{color:var(--ink);font-variant-numeric:tabular-nums}
.dsr-rep-chip.warn{border-color:var(--bad)}
.dsr-rep-chip.warn .dsr-rep-v{color:var(--bad)}

.modcard{display:flex;gap:12px;border:1px solid var(--hair);background:var(--panel);
  padding:10px;margin-top:8px}
.modthumbwrap{flex:0 0 auto}
.modthumb{width:64px;height:64px;object-fit:cover;border:1px solid var(--hair-hi);background:var(--sunk)}
.modbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.modhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.modnet{color:var(--ink);font-variant-numeric:tabular-nums;font-size:11px}
.voterlist{display:flex;flex-wrap:wrap;gap:5px}
.voter{font-size:9.5px;letter-spacing:calc(.04em * var(--track));padding:1px 6px;border:1px solid var(--hair);color:var(--dim)}
.voter.yes{color:var(--good);border-color:var(--hair-hi)}
.voter.no{color:var(--bad);border-color:var(--hair-hi)}
.modacts{display:flex;gap:6px;flex-wrap:wrap}
.modacts .vbtn{font-size:10px;padding:4px 8px;position:relative}












@media(pointer:coarse){
  .modacts .vbtn::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:var(--tap-min)}
}
@media(max-width:560px){
  .modcard{flex-direction:column}
  .sugrow{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  

  .pointfloat.neg.noanim{display:block!important}
}








.bv-section{margin-top:16px}
.bv-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}


.bv-ctl{border:1px solid var(--hair-hi);background:var(--raised);color:var(--accent);
  font:600 12px var(--ui);min-height:32px;padding:4px 12px;white-space:nowrap;cursor:pointer}
.bv-ctl-sq{min-width:34px;padding:4px 0}
@media(pointer:coarse){.bv-ctl{min-height:var(--tap-min)} .bv-ctl-sq{min-width:var(--tap-min)}}
.bv-ctl:hover{border-color:var(--accent)}
.bv-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10.5px;letter-spacing:calc(.04em * var(--track))}
.bv-legend span{white-space:nowrap}

.bv-stage{position:relative;height:min(70vh,620px);border:1px solid var(--hair);
  border-radius:2px;overflow:hidden;background:
    radial-gradient(120% 90% at 50% 40%, #0d1017 0%, #070809 70%, #050506 100%)}
.bv-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;
  touch-action:none;outline:none}
.bv-viewport.bv-dragging{cursor:grabbing}
.bv-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}


.bv-world.bv-gliding{transition:transform .5s var(--slide-ease)}
@media(prefers-reduced-motion:reduce){.bv-world.bv-gliding{transition:none}}
.bv-links{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;
  width:1px;height:1px}
.bv-nodes{position:absolute;left:0;top:0;pointer-events:none}

.bv-node{position:absolute;transform:translate(-50%,-50%);border-radius:50%;
  border:1px solid rgba(255,255,255,.22);padding:0;cursor:pointer;
  pointer-events:auto;display:flex;align-items:center;justify-content:center;
  color:#04110e;font:600 10px var(--ui);transition:transform .12s ease}
.bv-node:hover{transform:translate(-50%,-50%) scale(1.12);z-index:5}
.bv-node:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bv-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none;padding:0 4px}
.bv-node.bv-root{border:2px solid #ffe9b0;
  background:radial-gradient(circle at 40% 35%, #ffe6a8, #eda733 55%, #c07d18);
  box-shadow:0 0 46px rgba(237,167,51,.75),0 0 14px rgba(255,230,160,.9);
  color:#2a1c02;font-size:12px}
.bv-node.bv-admin{border-color:rgba(127,212,255,.7)}
















.bv-node.bv-vouched::before,
.bv-node.bv-trusted::before{content:'';position:absolute;
  inset:calc(-1 * var(--stamp-gap,5px));border-radius:50%;pointer-events:none}




.bv-node.bv-vouched::before{border:var(--stamp-w,2px) solid var(--stamp-vouched,#eda733)}

.bv-node.bv-trusted::before{border:var(--stamp-w,2px) dashed var(--stamp-trusted,#7fd4ff)}




.bv-node.bv-quarantined::after{content:'';position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(to bottom,var(--stamp-quarantined,#e0555f) 0 22%,var(--void,#0a0b0d) 22% calc(22% + 1px),transparent calc(22% + 1px));
  pointer-events:none}






.bv-stamp{position:absolute;right:-9px;top:-9px;width:19px;height:19px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;pointer-events:none;
  background:var(--void,#0a0b0d);border:1px solid currentColor;box-shadow:0 0 0 2px var(--void,#0a0b0d)}
.bv-stamp .sg{margin:0;width:13px;height:13px}
.bv-stamp .sg svg{width:13px;height:13px}
.bv-stamp-vouched{color:var(--stamp-vouched,#eda733)}
.bv-stamp-trusted{color:var(--stamp-trusted,#7fd4ff)}
.bv-stamp-scion{color:var(--stamp-scion,#00e676)}
.bv-stamp-quarantined{color:var(--stamp-quarantined,#e0555f)}










.bv-node.bv-tnode{border-radius:3px;width:auto;height:auto;padding:3px 7px;
  box-shadow:none;background:var(--panel);white-space:nowrap;animation:none}
.bv-node.bv-tnode.bv-focus{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 24%, transparent)}
.bv-node.bv-banned{background:repeating-linear-gradient(45deg,#2a2c30,#2a2c30 3px,#22242a 3px,#22242a 6px);
  border:1px dashed #555b66;color:#8b929c;box-shadow:none}
.bv-node.bv-orphan{border-style:dashed;border-color:#8a6d3b}

































.bv-links .bv-link-scion{stroke:var(--scion,#00e676)}






.bv-node.bv-dormant{border-width:2px;opacity:.8;color:#c3c9d2}
.bv-node.bv-dormant .bv-label{opacity:.75;font-style:italic}
.bv-cross{position:absolute;font-size:15px;color:#aeb4bd;line-height:1;
  text-shadow:0 1px 2px #000;pointer-events:none}





.bv-av{position:absolute;inset:var(--av-inset,3px);width:auto;height:auto;border-radius:50%;
  object-fit:cover;opacity:0;pointer-events:none;background:var(--void,#0a0b0d)}
.bv-node.bv-av-on .bv-av{opacity:1}
.bv-node.bv-av-on .bv-label{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);
  max-width:calc(100% + 6px);font-size:8.5px;line-height:1.35;padding:0 4px;border-radius:6px;
  background:rgba(8,10,13,.72);color:#e8edf3}
.bv-node.bv-av-on.bv-dormant .bv-av{opacity:.5;filter:grayscale(.4)}
.bv-node.bv-av-on.bv-banned .bv-av{opacity:.45;filter:grayscale(1)}






.bv-tip{position:absolute;transform:translate(-50%,-100%);z-index:var(--z-tooltip);
  pointer-events:none;background:rgba(8,10,13,.96);border:1px solid var(--hair-hi);
  padding:6px 9px;min-width:120px;max-width:240px;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.bv-tip-name{color:var(--bright);font:600 12px var(--ui)}
.bv-tip-stat{color:var(--dim);font-size:10.5px;margin-top:2px}
.bv-tip-flag{color:var(--bad);font-size:10px;margin-top:3px;letter-spacing:calc(.05em * var(--track))}

.bv-panel{position:absolute;right:12px;top:12px;z-index:var(--z-menu);width:250px;
  background:rgba(12,15,20,.97);border:1px solid var(--hair-hi);padding:12px;
  box-shadow:0 10px 34px rgba(0,0,0,.6)}
.bv-panel-head{display:flex;align-items:baseline;gap:4px}
.bv-panel-name{color:var(--bright);font:600 14px var(--ui)}

.bv-panel-handle{font-size:12px;overflow-wrap:anywhere}
.bv-panel-x{margin-left:auto;background:none;border:none;color:var(--dim);
  font-size:18px;line-height:1;cursor:pointer}
.bv-panel-x:hover{color:var(--bright)}
.bv-panel-stats{margin:6px 0;font-size:10.5px}
.bv-panel-flag{color:var(--bad);font-size:10.5px;margin-bottom:6px;letter-spacing:calc(.04em * var(--track))}
.bv-panel-acts{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.bv-act{border:1px solid var(--hair-hi);background:var(--raised);color:var(--accent);
  font:600 11px var(--ui);text-transform:var(--caps);letter-spacing:calc(.08em * var(--track));
  padding:7px 10px;text-align:center;cursor:pointer}
.bv-act:hover{border-color:var(--accent)}
.bv-act-danger{color:var(--bad);border-color:rgba(224,85,95,.5)}
.bv-act-danger:hover{border-color:var(--bad)}
.bv-panel-msg{color:var(--bad);min-height:12px;margin-top:6px;font-size:10.5px}







.tc-mount{position:relative;overflow:hidden}
.tc-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}
.tc-canvas.tc-dragging{cursor:grabbing}
.tc-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}
.tc-tip{position:absolute;transform:translate(-50%,-100%);z-index:var(--z-tooltip);pointer-events:none;
  background:rgba(8,10,13,.96);border:1px solid var(--hair-hi);padding:6px 9px;min-width:120px;max-width:260px;
  box-shadow:0 6px 20px rgba(0,0,0,.5)}
.tc-tip-name{color:var(--bright);font:600 12px var(--ui);overflow-wrap:anywhere}
.tc-tip-stat{color:var(--dim);font-size:11px;margin-top:2px}
.tc-tip-flag{color:var(--bad);font-size:11px;margin-top:3px}

.tc-bar{gap:8px}
.tc-ctl{display:flex;gap:6px;flex:none}
.tc-find{display:flex;flex:1 1 220px;min-width:0;max-width:420px}
.tc-find-in{flex:1;min-width:0;min-height:32px;padding:4px 10px;background:var(--sunk);color:var(--bright);
  border:1px solid var(--hair-hi);border-right:0;border-radius:0;font:12px var(--ui)}
@media(pointer:coarse){.tc-find-in{min-height:var(--tap-min)}}
.tc-stats{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}
.tc-stage{display:flex}
.tc-map{flex:1 1 auto;min-width:0;height:100%}

.tc-panel{position:absolute;right:12px;top:12px;z-index:var(--z-menu);width:280px;max-height:calc(100% - 24px);overflow:auto;
  background:rgba(12,15,20,.97);border:1px solid var(--hair-hi);padding:12px;box-shadow:0 10px 34px rgba(0,0,0,.6)}
.tc-panel .bv-act{min-height:var(--tap-min);display:flex;align-items:center;justify-content:center;text-decoration:none}
.tc-panel .bv-panel-x{min-width:var(--tap-min);min-height:var(--tap-min)}
.tc-up{margin:6px 0;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.tc-up b{color:var(--bright);font-weight:600}
.tc-up-go{background:none;border:0;padding:0;color:var(--info);font:inherit;cursor:pointer}
.tc-up-go:hover{text-decoration:underline}
@media(pointer:coarse){.tc-up-go{min-height:var(--tap-min);display:inline-flex;align-items:center}}
@media(min-width:1000px){
  .tc-panel{position:relative;right:auto;top:auto;flex:0 0 300px;width:300px;max-height:none;
    border-width:0 0 0 1px;box-shadow:none;z-index:auto}
}
@media(max-width:640px){
  .tc-stage{height:min(72vh,560px)}
  .tc-find{flex:1 1 100%;max-width:none;order:2}
  .tc-stats{flex:1 1 100%;margin-left:0;order:4}
  .tc-panel{left:0;right:0;top:auto;bottom:0;width:auto;max-height:58%;border-width:1px 0 0}
}


.tc-keybox{position:absolute;left:8px;bottom:8px;z-index:var(--z-menu);max-width:calc(100% - 16px);max-height:calc(100% - 16px);
  overflow:auto;background:rgba(12,15,20,.97);border:1px solid var(--hair-hi);padding:10px 12px;box-shadow:0 10px 34px rgba(0,0,0,.6)}
.tc-key{display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:10px 24px}
.tc-key-grp{display:flex;flex-direction:column;gap:5px;min-width:0}
.tc-key-grp:last-child{grid-column:1 / -1}
.tc-key-row{display:flex;align-items:center;gap:8px;min-width:0}
.tc-key-t{font-size:11px;color:var(--dim)}
.tc-ramp{display:inline-flex;gap:2px}
.tc-sw{display:inline-block;width:12px;height:12px;flex:0 0 auto}
.tc-q0{background:hsl(212,36%,30%)} .tc-q1{background:hsl(212,44%,39%)}
.tc-q2{background:hsl(212,52%,48%)} .tc-q3{background:hsl(212,58%,57%)}
.tc-q4{background:hsl(212,62%,66%)}
.tc-sw-size{width:16px;background:linear-gradient(hsl(212,52%,48%),hsl(212,52%,48%)) 0 100%/5px 5px no-repeat,
  linear-gradient(hsl(212,52%,48%),hsl(212,52%,48%)) 100% 100%/9px 12px no-repeat}
.tc-sw-line{width:22px;background:linear-gradient(to bottom,transparent 3px,hsl(212,52%,48%) 3px,hsl(212,52%,48%) 4px,
  transparent 4px,transparent 7px,hsl(212,52%,48%) 7px,hsl(212,52%,48%) 10px,transparent 10px)}
.tc-sw-root{background:var(--accent);box-shadow:0 0 6px rgba(237,167,51,.8)}
.tc-sw-bubble{border-radius:50%;border:1px dashed hsl(212,52%,48%);background:hsla(212,52%,48%,.35)}
.tc-sw-crowd{border-radius:50%;border:1px dashed hsl(212,52%,48%);background:hsla(212,52%,48%,.16)}
.tc-sw-trouble{background:hsl(212,52%,48%);box-shadow:inset 0 0 0 3px hsla(356,70%,58%,.9),inset 0 0 0 4px var(--void)}
.tc-sw-inactive{border:1.5px solid hsl(212,52%,48%)}
.tc-sw-orphan{border:1px dashed #8a6d3b}
.tc-sw-banned{background:repeating-linear-gradient(45deg,#2a2c30 0 3px,#22242a 3px 6px);border:1px dashed #555b66}
.tc-sw-vouched{background:hsl(212,52%,48%);outline:2px solid var(--stamp-vouched,#eda733);outline-offset:2px;margin:0 3px}
.tc-sw-trusted{background:hsl(212,52%,48%);outline:2px dashed var(--stamp-trusted,#7fd4ff);outline-offset:2px;margin:0 3px}
.tc-sw-quarantined{background:linear-gradient(to bottom,var(--stamp-quarantined,#e0555f) 0 30%,hsl(212,52%,48%) 30%)}
.tc-sw-scion{background:hsl(156,66%,52%)}
.tc-sw-binkie{background:hsl(312,66%,52%)}
@media(max-width:640px){.tc-key{grid-template-columns:minmax(0,1fr)}}








.gen-open{border:1px solid var(--hair-hi);background:var(--raised);color:var(--accent);
  padding:4px 10px;font:11px var(--ui);letter-spacing:calc(.05em * var(--track));white-space:nowrap}
.gen-open:hover{border-color:var(--accent);color:var(--bright)}
.gen-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;flex-direction:column;
  background:radial-gradient(ellipse at 50% 40%,rgba(16,19,24,.86),rgba(8,9,11,.97));
  backdrop-filter:blur(2px)}
.gen-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;
  border-bottom:1px solid var(--hair);flex-wrap:wrap}
.gen-title{color:var(--bright);font:600 13px var(--ui);letter-spacing:calc(.06em * var(--track))}
.gen-hint{color:var(--dim);font-size:10.5px;letter-spacing:calc(.04em * var(--track))}
.gen-bar .gen-spacer{margin-left:auto}
.gen-x{border:1px solid var(--hair-hi);background:var(--raised);color:var(--ink);
  width:30px;height:28px;line-height:1;font-size:16px}
.gen-x:hover{border-color:var(--accent);color:var(--bright)}
.gen-stage{position:relative;flex:1 1 auto;min-height:0}

.gen-stage>div{position:absolute;inset:0}

.bv-node.bv-gnode{border-radius:4px;overflow:visible;background:var(--sunk);
  border:1px solid var(--hair-hi);padding:0;transition:transform .12s ease}
.bv-node.bv-gnode:hover{transform:translate(-50%,-50%) scale(1.14);z-index:6}
.bv-gnode .bv-thumb{width:100%;height:100%;object-fit:cover;border-radius:3px;display:block}
.bv-gnode.bv-groot{border-color:var(--navy);
  box-shadow:0 0 14px rgba(221,233,243,.28)}
.bv-gnode.bv-focus{border:2px solid var(--accent);
  box-shadow:0 0 0 3px rgba(237,167,51,.28),0 0 20px rgba(237,167,51,.55);z-index:4}
.bv-gnode.bv-masked{background:repeating-linear-gradient(45deg,#20232a,#20232a 4px,#191c22 4px,#191c22 8px);
  border-style:dashed;border-color:#3a4048}
.bv-badge{position:absolute;right:-4px;bottom:-4px;min-width:15px;height:15px;
  padding:0 3px;border-radius:3px;background:rgba(10,11,13,.9);border:1px solid var(--hair-hi);
  color:var(--bright);font-size:9px;line-height:15px;text-align:center;letter-spacing:calc(.02em * var(--track))}
@media(prefers-reduced-motion:reduce){.bv-node.bv-gnode{transition:none}}







.bv-legend{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:2px}
.bv-key{display:inline-flex;align-items:center;gap:7px}
.bv-key-t{font-size:10.5px;letter-spacing:calc(.04em * var(--track));color:var(--dim);white-space:nowrap}
.bv-ramp{display:inline-flex;gap:2px}
.bv-sw{display:inline-block;width:12px;height:12px;border-radius:50%;flex:0 0 auto}
.bv-q0{background:hsl(212,36%,30%)} .bv-q1{background:hsl(212,44%,39%)}
.bv-q2{background:hsl(212,52%,48%)} .bv-q3{background:hsl(212,58%,57%)}
.bv-q4{background:hsl(212,62%,66%)}




@media(max-width:640px){
  .bv-legend{flex:1 1 100%;min-width:0}
  .bv-key{min-width:0;max-width:100%}
  .bv-legend .bv-key-t{white-space:normal;min-width:0}   
}

.bv-sw-scion{background:hsl(156,66%,52%)}
.bv-sw-binkie{background:hsl(312,66%,52%)}


.bv-key-pair{display:inline-flex;align-items:center;gap:6px}
.bv-key-pair .sg{margin:0}
.bv-sw-st{background:hsl(212,52%,48%)}
.bv-sw-st.bv-sw-scion{background:hsl(156,66%,52%)}   
.bv-sw-vouched{outline:2px solid var(--stamp-vouched,#eda733);outline-offset:2px;margin:0 3px}
.bv-sw-trusted{outline:2px dashed var(--stamp-trusted,#7fd4ff);outline-offset:2px;margin:0 3px}
.bv-sw-quarantined{background:linear-gradient(to bottom,var(--stamp-quarantined,#e0555f) 0 30%,hsl(212,52%,48%) 30%)}

.bv-sw-strength{width:22px;height:12px;border-radius:0;background:
  linear-gradient(to bottom,transparent 3px,hsl(212,52%,48%) 3px,hsl(212,52%,48%) 4px,
  transparent 4px,transparent 7px,hsl(212,52%,48%) 7px,hsl(212,52%,48%) 10px,transparent 10px)}
.bv-sw-trouble{background:hsl(212,52%,48%);box-shadow:inset 0 0 0 3px hsla(356,70%,58%,.9),inset 0 0 0 4px var(--void)}
.bv-sw-dormant{background:transparent;border:1px solid hsl(212,52%,48%)}
.bv-sw-orphan{background:transparent;border:1px dashed #8a6d3b}
.bv-sw-banned{background:repeating-linear-gradient(45deg,#2a2c30,#2a2c30 3px,#22242a 3px,#22242a 6px);
  border:1px dashed #555b66}

/* ⟦web/app-moderation.css⟧ */






















.tstatus{position:absolute;left:0;bottom:0;font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  padding:2px 6px;background:rgba(10,11,13,.85);border-top:1px solid var(--hair-hi)}
.tstatus.pending{color:var(--accent);border-top-color:var(--accent-deep)}
.tstatus.locked{color:var(--bad);border-top-color:var(--bad)}
.tstatus.hidden{color:var(--info);border-top-color:var(--info)}   









.tstatus.quarantine{color:var(--info);border-top-color:var(--info)}   
.tstatus.expiring{color:var(--bad);border-top-color:var(--bad)}   
.tstatus.urgent{color:var(--bad);border-top-color:var(--bad);font-weight:700}




.tstatus.rejected{color:var(--bad);border-top-color:var(--bad);font-weight:700}
button.tstatus.rejdoor{font-family:inherit;line-height:inherit;border-left:0;border-right:0;border-bottom:0;
  border-top-style:solid;border-top-width:1px;margin:0;cursor:pointer;z-index:2}
button.tstatus.rejdoor:hover,button.tstatus.rejdoor:focus-visible{color:var(--bright);outline:none}



@media(pointer:coarse){
  button.tstatus.rejdoor::after{content:"";position:absolute;left:0;bottom:0;min-width:var(--tap-min);width:100%;height:var(--tap-min)}
}





.tile .tclock{position:absolute;right:0;bottom:0;font-size:9px;letter-spacing:calc(.1em * var(--track));
  padding:2px 6px;background:rgba(10,11,13,.85);border-top:1px solid var(--bad);
  color:var(--bad);font-variant-numeric:tabular-nums}
.tile .tclock.urgent{font-weight:700}

.tile .ttally{position:absolute;left:0;bottom:18px;font-size:9px;letter-spacing:calc(.1em * var(--track));
  padding:2px 6px;background:rgba(10,11,13,.85);border-top:1px solid var(--accent-deep,var(--hair));color:var(--accent);
  font-variant-numeric:tabular-nums}


.tile .trestore{position:absolute;top:6px;left:6px;font-size:9px;letter-spacing:calc(.1em * var(--track));
  text-transform:var(--caps);padding:3px 7px;background:rgba(10,11,13,.85);
  border:1px solid var(--info);color:var(--info);cursor:pointer}
.tile .trestore:hover{border-color:var(--good);color:var(--good)}
.tile .trestore[disabled]{opacity:.6;cursor:default}
.tile.restored{opacity:.45}

.hiddenbanner{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hiddenbanner .btn{color:var(--good);border-color:var(--good)}
.hiddenbanner .restore-err{color:var(--bad)}
.banner.pending{color:var(--accent)}



.console-hint.rej-staffline{color:var(--bad)}
.rejbanner{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap}
.rejbanner .rej-word{font-weight:700;text-transform:var(--caps);letter-spacing:calc(.12em * var(--track))}
.rejbanner .rej-line{color:var(--dim)}
.rejbanner .rej-door{color:var(--bad);text-decoration:none;border-bottom:1px solid currentColor;position:relative}
.rejbanner .rej-door:hover{color:var(--bright)}
@media(pointer:coarse){
  .rejbanner .rej-door::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tap-min)}
}
.navbadge.urgent{background:var(--bad);color:#fff}

.navbadge.navbadge-go{cursor:pointer}






.modal-card.crop-modal{max-width:min(96vw,1200px);width:96vw;max-height:calc(100vh - 40px);overflow-y:auto}
.modal-card.crop-modal h2::before{content:"⛶ "}
.crop-frame{position:relative;display:inline-block;max-width:100%;margin-top:8px;
  border:1px solid var(--hair);background:var(--sunk);line-height:0;overflow:hidden;touch-action:none}
.crop-img{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;user-select:none;-webkit-user-drag:none}



.crop-sel{position:absolute;display:none;border:1.5px dashed var(--accent);
  background:rgba(255,255,255,.08);box-shadow:0 0 0 2000px rgba(0,0,0,.45);
  cursor:move;touch-action:none}




.crop-handle{position:absolute;width:26px;height:26px;margin:-13px;touch-action:none}
.crop-handle::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;
  transform:translate(-50%,-50%);background:var(--accent);border:1px solid rgba(0,0,0,.6)}
.ch-nw{left:0;top:0;cursor:nwse-resize} .ch-se{left:100%;top:100%;cursor:nwse-resize}
.ch-ne{left:100%;top:0;cursor:nesw-resize} .ch-sw{left:0;top:100%;cursor:nesw-resize}
.ch-n{left:50%;top:0;cursor:ns-resize} .ch-s{left:50%;top:100%;cursor:ns-resize}
.ch-e{left:100%;top:50%;cursor:ew-resize} .ch-w{left:0;top:50%;cursor:ew-resize}
.crop-hint{margin-top:8px}


.crop-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px}
.crop-quick-said{font-size:12px}


.reportctl{margin-top:6px}
.btn.report{color:var(--bad);border-color:rgba(224,85,95,.4)}
.btn.report:hover{border-color:var(--bad)}
.modal-card.report-modal h2::before{content:"⚑ "}
.report-cats{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.report-cat{position:relative;text-align:left;border:1px solid var(--hair);color:var(--dim);padding:8px 10px;
  font-size:11px;letter-spacing:calc(.04em * var(--track));cursor:pointer;background:var(--sunk)}









@media(pointer:coarse){
  .report-cats{gap:10px}
  .report-cat::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
}
.report-cat:hover{border-color:var(--hair-hi);color:var(--ink)}
.report-cat.on{border-color:var(--accent);color:var(--bright)}
.report-cat.illegal{color:var(--bad)}
.report-cat.illegal.on{border-color:var(--bad)}
.report-note{margin-top:4px;min-height:60px;resize:vertical}


.report-hint{display:block;margin-top:3px;font-size:11px;letter-spacing:0;text-transform:none;color:var(--dim)}
.report-rules{display:flex;flex-direction:column;gap:6px;margin:0 0 4px 10px;padding-left:10px;border-left:2px solid var(--hair-hi)}
.report-rules[hidden]{display:none}
.report-rule{min-height:44px;text-align:left;border:1px solid var(--hair);color:var(--dim);background:var(--sunk);
  padding:8px 10px;font-size:11px;letter-spacing:calc(.04em * var(--track));cursor:pointer}
.report-rule:hover{border-color:var(--hair-hi);color:var(--ink)}
.report-rule.on{border-color:var(--accent);color:var(--bright)}

.console-card.rules{border-color:rgba(224,160,70,.55)}
.rr-rule{font-size:11px;color:var(--ink);margin-top:4px;overflow-wrap:anywhere}
.rr-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.rr-act{min-height:44px;min-width:96px;padding:8px 14px;border:1px solid var(--hair);background:none;color:var(--dim);
  font-size:11px;letter-spacing:.04em;cursor:pointer;white-space:nowrap}
.rr-act.reject{color:var(--bad);border-color:rgba(224,85,95,.55)}
.rr-act.reject:hover{border-color:var(--bad)}
.rr-act.approve{color:var(--good);border-color:rgba(95,196,107,.5)}
.rr-act.approve:hover{border-color:var(--good)}
.rr-act:disabled{opacity:.4;cursor:not-allowed}
.report-err{margin-top:10px}





.console-backdrop{position:fixed;inset:0;z-index:var(--z-panel);background:rgba(0,0,0,.5);
  display:flex;justify-content:flex-end;align-items:flex-start;
  padding:calc(56px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px))
    calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}


.console-box{width:100%;max-width:440px;overflow-y:auto;overscroll-behavior:contain;
  max-height:calc(100vh - 72px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  background:var(--panel);border:1px solid var(--accent);box-shadow:0 18px 60px rgba(0,0,0,.6)}

.console-box.cset-box{max-width:480px}
.console-head{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--hair-hi);
  position:sticky;top:0;background:var(--panel);z-index:2}

.console-title{font-size:13px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--ink)}
.console-x{margin-left:auto;background:none;border:1px solid var(--hair);color:var(--faint);
  width:26px;height:26px;line-height:1;font-size:16px;cursor:pointer;padding:0}
.console-x:hover{color:var(--bright);border-color:var(--accent)}
.console-body{padding:8px 0}










.console-hint{font-size:12px;color:var(--dim);padding:4px 14px}
a.console-hint{position:relative}

@media(pointer:coarse){
  a.console-hint::after{content:"";position:absolute;left:0;right:0;top:0;height:var(--tap-min)}
}
.console-sec{border-bottom:1px solid var(--hair)}
.console-qhead{width:100%;display:flex;align-items:center;gap:9px;padding:11px 14px;background:none;
  border:none;color:var(--ink);cursor:pointer;text-align:left;font:inherit}
.console-qhead:hover{background:var(--raised)}
.console-caret{color:var(--faint);font-size:10px;width:12px;flex:none}
.console-k{font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--ink);flex:none}
.console-sub{font-size:10.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


.console-allclear{padding:13px 14px;color:var(--dim);font-size:11.5px}
.console-allclear::before{content:"✓ ";color:var(--good)}



.console-fold{background:var(--sunk)}
.console-foldbar{padding:8px 14px;opacity:.72}
.console-foldbar:hover{opacity:1}
.console-foldbar .console-k{font-size:10px;color:var(--faint)}




.console-foldbar{align-items:flex-start}
.console-foldbar .console-sub{white-space:normal;overflow:visible;line-height:1.45}
.console-foldbar .console-caret{transition:transform .12s linear}
.console-foldlist{display:none}
.console-fold.open .console-foldlist{display:block}
.console-fold.open .console-foldbar .console-caret{transform:rotate(90deg)}
.console-fold .console-sec{border-bottom:none;border-top:1px solid var(--hair)}
@media(prefers-reduced-motion:reduce){.console-foldbar .console-caret{transition:none}}


.console-card{display:flex;gap:10px;padding:9px;border:1px solid var(--hair);background:var(--panel);margin-top:8px}
.console-card.illegal{border-color:rgba(224,85,95,.55)}
.console-card.resolved{opacity:.7}
.console-thumbwrap{flex:none}
.console-thumb{width:56px;height:56px;object-fit:cover;border:1px solid var(--hair);background:var(--sunk);display:block}





.console-nothumb{width:56px;height:56px;box-sizing:border-box;border:1px dashed var(--hair-hi);
  background:var(--sunk);display:flex;align-items:center;justify-content:center;text-align:center;
  overflow:hidden;font-size:20px;line-height:1;color:var(--dim)}


.console-card.appr{flex-direction:column}
.appr-prev{position:relative;width:100%;max-height:70vh;background:var(--sunk);border:1px solid var(--hair);overflow:hidden}
.appr-still,.appr-vid,.appr-full{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.appr-hit{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;padding:0;cursor:pointer}
.appr-playmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;
  background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;pointer-events:none}
.appr-live{position:absolute;inset:0;background:var(--sunk)}
.appr-prev.big{aspect-ratio:auto!important;height:70vh}
.appr-snd,.appr-x{position:absolute;bottom:8px;border:1px solid var(--hair-hi);background:rgba(0,0,0,.6);color:#fff;
  padding:6px 10px;font-size:11px;cursor:pointer;min-height:44px;min-width:44px}
.appr-snd{left:8px}
.appr-x{right:8px}
.appr-open{margin-left:2px;color:var(--dim);font-size:11px}

.console-card.appr .console-meta{display:block}
.console-card.appr .console-metatop{flex:none;font-size:12px}
.console-card.appr .console-cardacts{margin:7px 0 0;justify-content:flex-start}
@media(min-width:1000px){
  .console-card.appr{flex-direction:row;align-items:flex-start}
  .appr-prev{flex:none;width:380px;max-height:420px}
  .appr-prev.big{height:420px;width:560px}
}
.console-meta{flex:1;min-width:0}
.console-metatop{font-size:11px;color:var(--ink);letter-spacing:calc(.04em * var(--track))}
.console-cat{font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);padding:1px 6px;border:1px solid var(--hair-hi);color:var(--dim)}
.console-cat.illegal{color:var(--bad);border-color:var(--bad)}
.console-note{font-size:11px;color:var(--dim);margin-top:4px;white-space:pre-wrap;word-break:break-word;
  border-left:2px solid var(--hair-hi);padding-left:7px}
.console-cardacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.console-act{border:1px solid var(--hair);color:var(--dim);background:none;padding:5px 9px;
  font-size:10px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps);cursor:pointer}
.console-act:hover{border-color:var(--accent);color:var(--accent)}
.console-act:disabled{opacity:.4;cursor:not-allowed}
.console-act.approve{color:var(--good);border-color:rgba(95,196,107,.4)}
.console-act.approve:hover{border-color:var(--good);color:var(--good)}
.console-act.reject{color:var(--bad);border-color:rgba(224,85,95,.4)}
.console-act.reject:hover{border-color:var(--bad);color:var(--bad)}
.console-act.escalate{color:var(--bad);border-color:var(--bad)}

.console-act.final{border-width:3px;border-style:double;font-weight:700}
.console-act.approve.final{background:rgba(95,196,107,.14);border-color:var(--good)}
.console-act.reject.final{background:rgba(224,85,95,.14);border-color:var(--bad)}
.console-finalnote{color:var(--bad);margin-top:4px}


.console-voters{margin:4px 0;width:100%;flex-basis:100%}
.console-votersbtn{min-height:44px}
.console-voterlist{margin-top:6px;display:flex;flex-direction:column;gap:2px}
.console-voter{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12px;padding:3px 0;border-bottom:1px solid var(--hair)}
.console-voterdir{min-width:44px;color:var(--faint)}
.console-voter.up .console-voterdir{color:var(--good)}
.console-voter.down .console-voterdir{color:var(--bad)}
.console-votername{color:var(--ink)}
.console-voterat{color:var(--faint)}
.console-tally{margin-top:4px;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
.console-tally .console-tallynum{font-size:15px;color:var(--accent);margin-right:2px}
.console-tally.up .console-tallynum{color:var(--good)}
.console-tally.down .console-tallynum{color:var(--bad)}


.console-incident{margin-top:9px;border:1px solid var(--bad);background:#160e10;padding:10px}
.console-incident-h{font-size:11px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps);color:var(--bad);margin-bottom:7px}
.console-checklist{margin:0 0 9px;padding-left:18px;font-size:11px;color:var(--ink);line-height:1.5}
.console-checklist li{margin-bottom:4px}
.console-evidence{display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--hair);padding-top:8px}
.console-evrow{display:flex;gap:8px;font-size:11px}
.console-evk{flex:none;width:88px;color:var(--faint);letter-spacing:calc(.06em * var(--track));text-transform:var(--caps);font-size:9.5px;padding-top:1px}
.console-evv{color:var(--ink);word-break:break-word;font-variant-numeric:tabular-nums}

















.console-note,.console-evv{unicode-bidi:isolate}

.console-act{white-space:nowrap}


.notif-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding:10px 14px;border-bottom:1px solid var(--hair);font-size:12px;color:var(--dim)}
.notif-row:last-child{border-bottom:none}
@media(hover:hover){a.notif-row:hover{background:var(--raised);color:var(--dim)}}   
.notif-row.unread{border-left:2px solid var(--accent)}
.notif-row.unread .notif-text b{color:var(--accent)}
.notif-text b{color:var(--ink);font-weight:600}
.notif-text .notif-removed{color:var(--dim);font-style:italic}   
.notif-age{flex:none;font-size:10px;color:var(--faint);white-space:nowrap}






.notif-verdict{color:var(--faint)}
.notif-done .notif-text b{color:var(--dim);font-weight:600}
.notif-row.notif-done.unread .notif-text b{color:var(--dim)}




.notif-box{display:flex;flex-direction:column;overflow:hidden}
.notif-box > .console-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0}
.notif-box .notif-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.notif-tabs{flex:none}
.notif-tabn{margin-left:6px;color:var(--accent);font-weight:700}
.notif-tabn:empty{display:none}
.notif-tab[aria-selected="true"] .notif-tabn{color:var(--void)}



.notif-bar{flex:none;display:flex;align-items:center;gap:24px;padding:3px 14px;border-bottom:1px solid var(--hair);
  font-size:11px;color:var(--faint)}
.notif-bar-n{flex:1;min-width:0}
.notif-act{position:relative;padding:2px 2px;background:none;border:0;color:var(--dim);font:inherit;font-size:11px;cursor:pointer}
.notif-act:hover:not(:disabled){color:var(--ink)}
.notif-act > svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.notif-act:disabled{opacity:.4;cursor:default}
.notif-markall:not(:disabled){color:var(--accent)}
@media(pointer:coarse){
  .notif-act::after{content:"";position:absolute;left:50%;top:50%;width:var(--tap-min);height:var(--tap-min);transform:translate(-50%,-50%)}
  .notif-sw{min-height:var(--tap-min)}
}
.notif-empty{padding:18px 14px}


.notif-row.notif-rich{display:block;padding:8px 14px 9px}
.notif-where{display:flex;align-items:center;gap:6px;margin:0 0 5px;font-size:11px;color:var(--faint);min-width:0}
.notif-where-pic{flex:none;width:16px;height:16px;object-fit:cover;border:1px solid var(--hair)}
.notif-where-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notif-main{display:flex;gap:10px;align-items:flex-start;min-width:0}
.notif-face{flex:none;width:30px;height:30px;object-fit:cover;border:1px solid var(--hair-hi);background:var(--sunk)}
.notif-face-none{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--faint)}
.notif-col{flex:1;min-width:0}
.notif-line{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.notif-quote{margin:4px 0 0;padding-left:8px;border-left:2px solid var(--hair-hi);font-size:11px;color:var(--faint);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notif-said{margin:3px 0 0;font-size:12px;line-height:1.4;color:var(--ink);overflow:hidden;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere}
.notif-row.unread .notif-face{border-color:var(--accent)}
.notif-pref-sec{border-bottom:1px solid var(--hair-hi);padding:4px 0}
.notif-pref-sec.is-open{padding-bottom:8px}
.notif-pref-chev{justify-self:start;background:none;border:0;padding:6px 0;font:inherit;color:inherit;letter-spacing:inherit;
  text-transform:inherit;cursor:pointer}
.notif-pref-chev:hover{color:var(--accent)}
.notif-pref-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:5px 14px;font-size:12px;color:var(--dim)}
.notif-pref-head{padding-top:10px;font-size:12px;font-weight:600;color:var(--ink)}
.notif-pref-row.is-locked .notif-pref-name{color:var(--ink)}

.notif-pref-grp .notif-pref-chev{padding:4px 0;color:var(--dim);text-align:left}
.notif-pref-row.notif-pref-sub{padding-left:30px;font-size:11px;color:var(--faint)}
.notif-pref-lock{grid-column:2 / span 2;justify-self:end;font-size:11px;color:var(--accent);border:1px dashed var(--accent);padding:3px 8px}
.notif-sw{width:84px;min-height:26px;padding:0 6px;background:var(--sunk);border:1px solid var(--hair-hi);color:var(--faint);
  font:inherit;font-size:11px;cursor:pointer}
.notif-sw.on{color:var(--accent);border-color:var(--accent);font-weight:700}
.notif-list > .notif-all{display:block;padding:10px 14px 14px}
.notif-sw:disabled{opacity:.35;cursor:default}

.notif-sheet-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px 16px;color:var(--faint)}
.notif-sheet-more .shl{--shl-size:36px}
.notif-retry{color:var(--accent);min-height:var(--tap-min,44px)}




.sheet-grabrow{flex:none;position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:40px;padding:2px 2px 12px;
  touch-action:none;cursor:grab}
.sheet-grab{position:absolute;left:50%;top:50%;width:56px;height:5px;margin:-9px 0 0 -28px;background:var(--gold);
  box-shadow:0 0 10px color-mix(in srgb,var(--gold) 45%,transparent)}


@media(max-width:560px){
  .console-backdrop{justify-content:center;padding:12px}
  .console-box{max-width:100%}
  

  .console-backdrop.notif-sheetwrap{align-items:flex-end;padding:0}
  .console-box.notif-sheet{max-width:100%;max-height:none;height:min(82dvh,680px);padding:8px 0 env(safe-area-inset-bottom,0px);
    background:var(--void);border:0;border-top:2px solid var(--gold);box-shadow:0 -14px 40px #000e}
  .console-box.notif-sheet > .sheet-grabrow{padding:2px 10px 12px}
  .console-box.notif-sheet > .console-head{display:none}   
  .notif-said{-webkit-line-clamp:2;line-clamp:2}   
  .notif-face{width:28px;height:28px}
}












.cons-door{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;
  border-bottom:1px solid var(--hair);color:var(--bright);text-decoration:none;
  background:linear-gradient(90deg,var(--raised),transparent 70%)}
.cons-door:hover{background:var(--raised);color:var(--accent)}
.cons-door .navi{width:20px;height:20px;flex:none;color:var(--accent)}
.cons-doork{font-size:12.5px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.cons-doorgo{margin-left:auto;color:var(--accent);font-size:13px}


.cons-h{font-size:9.5px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);
  color:var(--faint);padding:7px 14px 4px}



.cons-need{border-bottom:1px solid var(--hair)}
.cons-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;
  color:var(--ink);text-decoration:none}
.cons-row:hover{background:var(--raised)}
.cons-k{font-size:12.5px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--bright)}
.cons-n{margin-left:auto;flex:none;font-size:11px;font-variant-numeric:tabular-nums;min-width:22px;
  text-align:center;padding:3px 8px;background:var(--accent);color:var(--void);font-weight:600}

.cons-n.zero{background:none;color:var(--faint);border:1px solid var(--hair);font-weight:400}
.cons-row.urgent .cons-k{color:var(--bad)}
.cons-row.urgent .cons-n{background:var(--bad);color:var(--void)}

.cons-row.quiet .cons-n{background:none;color:var(--dim);border:1px solid var(--hair);font-weight:400}



.cons-health{border-bottom:1px solid var(--hair);padding-bottom:9px}
.cons-alarm{margin:0 14px 8px;padding:5px 9px;font-size:10.5px;background:var(--sunk);
  border-left:2px solid var(--bad);color:var(--bad)}
.cons-alarm.warn{border-left-color:var(--accent);color:var(--accent)}




.cons-chips{display:flex;flex-wrap:wrap;gap:8px 5px;padding:0 14px}





.cons-chip{position:relative;display:inline-flex;align-items:center;gap:5px;background:none;
  border:1px solid var(--hair);color:var(--faint);padding:5px 6px;font-size:9px;
  letter-spacing:calc(.04em * var(--track));text-transform:var(--caps);cursor:pointer}
.cons-chip.warn::before,.cons-chip.bad::before{content:"";width:6px;height:6px;flex:none;
  background:currentColor;border-radius:50%}
.cons-chip.ok{color:var(--good)}
.cons-chip.warn{color:var(--accent)}
.cons-chip.bad{color:var(--bad)}
.cons-chip.dim{color:var(--faint)}


.cons-chip.bad .cons-chipk{font-weight:600}
.cons-chip.bad{border-color:var(--bad)}
.cons-chip:hover,.cons-chip.on{border-color:currentColor}


.cons-chip.on{background:var(--sunk);box-shadow:inset 0 0 0 1px currentColor}





@media(pointer:coarse){
  .cons-chip::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:var(--tap-min)}
}


.cons-rest{display:none;flex-wrap:wrap;gap:8px 5px;padding:8px 14px 0}
.cons-rest.open{display:flex}





.cons-more::before{content:"\25B8";margin-right:1px;color:var(--faint)}
.cons-more.on::before{content:"\25BE"}
.cons-say{display:none}
.cons-say.open{display:block;margin:10px 14px 0;padding:8px 10px;background:var(--sunk);
  border-left:2px solid var(--hair-hi);font-size:11px;line-height:1.5;color:var(--dim)}
.cons-say.open.ok{border-left-color:var(--good)}
.cons-say.open.warn{border-left-color:var(--accent)}
.cons-say.open.bad{border-left-color:var(--bad)}

.cons-note{margin:9px 14px 0;font-size:10.5px;line-height:1.5;color:var(--accent)}
.cons-sayk{display:block;font-size:9.5px;letter-spacing:calc(.12em * var(--track));
  text-transform:var(--caps);color:var(--faint);margin-bottom:3px}
.cons-sayv{color:var(--ink);word-break:break-word}











.cons-places{padding-bottom:0}
.cons-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair)}
.cons-cell{position:relative;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;min-height:58px;padding:9px 6px 8px;text-align:center;
  color:var(--dim);text-decoration:none;
  border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.cons-cell:nth-child(4n){border-right:none}
.cons-cell:hover{background:var(--raised);color:var(--accent)}
.cons-cell .navi{width:23px;height:23px;opacity:.92}
.cons-cell:hover .navi{opacity:1}
.cons-cellk{font-size:10px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);line-height:1.15}

.cons-own{position:absolute;top:6px;right:6px;width:11px;height:11px;color:var(--accent)}


.navconsole{position:relative}


























.navmenu{flex:1}                       
.navright{display:flex;align-items:center;gap:2px;margin-left:auto}







.iconbar .navactions{background:var(--sunk);border:1px solid var(--hair);padding:1px 4px}





img.navav{border-radius:0;object-fit:cover;background:var(--sunk)}
.navprofile.on>img.navav{box-shadow:0 0 0 1.5px var(--accent)}





.iconbar>a>.navl,.iconbar>button>.navl,
.iconbar .navright>a>.navl,.iconbar .navright>button>.navl{display:none}



@media(min-width:1000px) and (hover:hover) and (pointer:fine){
  .iconbar>a{position:relative}
  .iconbar>a[aria-label]::after{content:attr(aria-label);position:absolute;top:100%;left:50%;
    transform:translateX(-50%);margin-top:3px;padding:2px 6px;white-space:nowrap;pointer-events:none;
    font:12px/1.3 var(--ui);color:var(--ink);background:var(--void);border:1px solid var(--hair);
    z-index:var(--z-tooltip);opacity:0;transition:opacity .12s}
  .iconbar>a[aria-label]:hover::after,.iconbar>a[aria-label]:focus-visible::after{opacity:1}
}

.iconbar>a>.navi,.iconbar>button>.navi,
.iconbar .navright>a>.navi,.iconbar .navright>button>.navi{margin-right:0}


















.iconbar>a,.iconbar>button,
.iconbar .navright>a,.iconbar .navright>button{padding:5px;display:inline-flex;align-items:center}





.iconbar>a>.navi,.iconbar>button>.navi,
.iconbar .navright>a>.navi,.iconbar .navright>button>.navi{width:21px;height:21px;vertical-align:baseline}
































.iconbar{flex-wrap:wrap}


















@media(min-width:1000px){.iconbar{row-gap:6px}}

.navmenu.navwrap .navright,.navmenu.navwrap .menumode{margin-left:0}




























@media(pointer:coarse){
  .iconbar{gap:8px}
  .iconbar .navright{gap:8px}
  .iconbar>a,.iconbar>button,
  .iconbar .navright>a,.iconbar .navright>button{position:relative}
  .iconbar>a::after,.iconbar>button::after,
  .iconbar .navright>a::after,.iconbar .navright>button::after{
    content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
}


























@media(max-width:999px){
  










  .navmenu .navactions{display:flex;grid-column:1/-1;order:3;align-items:stretch;gap:0;
    margin:14px 8px 2px;padding:3px;position:relative;
    border:1px solid var(--hair);background:var(--raised)}
  





  .navmenu.iconbar .navright.navactions>a,.navmenu.iconbar .navright.navactions>button{
    flex:1 1 0;width:auto;min-height:0;padding:7px 2px 6px !important;gap:4px;
    background:var(--sunk);border-top:2px solid transparent}
  .navmenu.iconbar .navright.navactions>*+*{border-left:1px solid var(--hair)}
  .navmenu.iconbar .navright.navactions>a>.navl,.navmenu.iconbar .navright.navactions>button>.navl{font-size:9px}
  .navmenu.iconbar .navright.navactions>a>.navi,.navmenu.iconbar .navright.navactions>button>.navi{width:20px;height:20px}
  .navmenu .navactions .navbadge{top:4px}
  .navmenu .navactions .navinvite-lock{top:5px;left:calc(50% + 5px)}
  


  




  .navmenu.iconbar>a>.navl,.navmenu.iconbar>button>.navl,
  .navmenu.iconbar .navright>a>.navl,.navmenu.iconbar .navright>button>.navl{display:block}
  






  .navmenu.iconbar>a>.navi,.navmenu.iconbar>button>.navi,
  .navmenu.iconbar .navright>a>.navi,.navmenu.iconbar .navright>button>.navi{width:23px;height:23px}
  .navmenu.iconbar>a,.navmenu.iconbar>button,
  .navmenu.iconbar .navright>a,.navmenu.iconbar .navright>button{display:flex}
  





  .navmenu>a{order:1}                       
  .navmenu>button.navconsole{order:1}       
  




  .navmenu .navrgroup{display:flex;grid-column:1/-1;order:2}
  







  .navmenu.iconbar .menumode{display:flex;grid-column:1/-1;order:4;margin:4px 0 0;padding:10px 12px 6px;border-top:1px solid var(--hair)}
  .navmenu.iconbar .menumode>.mm-opt{flex:1;justify-content:center}
}







.menumode{display:inline-flex;align-items:center;flex:none}
.menumode>.mm-opt+.mm-opt{margin-left:-1px}





.menumode>.mm-opt.on{position:relative;z-index:1}


@keyframes sheet-slide-l{from{transform:translateX(40px);opacity:.2}to{transform:none;opacity:1}}
@keyframes sheet-slide-r{from{transform:translateX(-40px);opacity:.2}to{transform:none;opacity:1}}
.sheet-slide-l{animation:sheet-slide-l 220ms var(--slide-ease,ease-out)}
.sheet-slide-r{animation:sheet-slide-r 220ms var(--slide-ease,ease-out)}
@media(prefers-reduced-motion:reduce){.sheet-slide-l,.sheet-slide-r{animation:none}}



.navmenu .menumode{margin-left:6px}


.navghost{pointer-events:none;will-change:transform}









.navrgroup{display:none;flex-direction:column;gap:8px;padding:10px 12px;border-top:1px solid var(--hair)}
.navrlabel{font-size:10px;color:var(--dim);letter-spacing:calc(.14em * var(--track));text-transform:var(--caps)}
.navrform{display:flex;gap:8px}
.navrinput{flex:1;min-width:0;font:inherit;font-size:12px;color:var(--ink);background:var(--sunk);
  border:1px solid var(--hair-hi);padding:11px 10px}
.navrinput:focus{outline:none;border-color:var(--accent)}
.navrgo{min-width:44px;min-height:44px;border:1px solid var(--hair-hi);background:none;
  color:var(--dim);font:inherit;cursor:pointer}
.navrgo:hover{color:var(--bright);border-color:var(--accent)}
.navrrecents{display:flex;flex-wrap:wrap;gap:8px}
.navrrecents:empty{display:none}
.navrrecent{border:0;background:none;color:var(--dim);font:inherit;font-size:11px;cursor:pointer;
  letter-spacing:calc(.04em * var(--track));padding:13px 10px;min-height:44px}
.navrrecent:hover{color:var(--bright)}


.importurl{border:1px solid var(--hair-hi);background:var(--sunk);padding:14px 16px;margin:0 0 18px}
.importurl .lbl{display:block;margin-bottom:6px}
.importrow{display:flex;gap:8px;align-items:stretch;margin:8px 0 4px}
.importinput{flex:1;min-width:0}
.importrow .btn{white-space:nowrap;display:flex;align-items:center}
.importmsg{margin:4px 0 0} .importmsg.bad{color:var(--bad)} .importmsg.ok{color:var(--good)}





.importurl .upload-flags.privateflags{margin:8px 2px 0;padding:8px 2px 4px}

.istat.iprivate{color:var(--accent)}






.importhelp{margin:10px 0 0;border:1px solid var(--hair);background:var(--panel);padding:8px 10px}
.importhelp > summary{cursor:pointer;font-size:11px;color:var(--dim);letter-spacing:calc(.04em * var(--track));list-style:none}
.importhelp > summary::-webkit-details-marker{display:none}





.importhelp > summary::before{content:"▸ ";color:var(--accent-deep)}
.importhelp[open] > summary::before{content:"▾ "}
.importhelp > summary:hover{color:var(--bright)}
.importhelp .hint{margin:8px 0 0;line-height:1.5}
.importlist{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.importlist .lbl{margin-top:4px}








.irow{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--dim);overflow-wrap:anywhere;
  border:1px solid var(--hair);background:var(--panel);padding:7px 9px}



.igcookie{border:1px solid var(--hair-hi);background:var(--sunk);padding:14px 16px;margin:0 0 18px}
.igcookie > summary{cursor:pointer;list-style:none}
.igcookie > summary::-webkit-details-marker{display:none}
.igcookie > summary::before{content:"▸ ";color:var(--accent-deep)}
.igcookie[open] > summary::before{content:"▾ "}
.igcookie .hint{margin:10px 0 0;line-height:1.5}
.igcookie-how{margin:10px 0 0;border:1px solid var(--hair);background:var(--panel);padding:8px 10px}
.igcookie-how summary{cursor:pointer;font-size:11px;color:var(--dim);letter-spacing:calc(.04em * var(--track))}
.igcookie-how summary:hover{color:var(--bright)}
.igcookie-how ol{margin:8px 0 0;padding-left:18px;font-size:11.5px;color:var(--dim);line-height:1.6}
.igcookie-input{display:block;width:100%;min-height:88px;margin:10px 0 0;resize:vertical;
  font:inherit;font-size:12px;color:var(--ink);background:var(--panel);
  border:1px solid var(--hair-hi);padding:9px 10px}
.igcookie-input:focus{outline:none;border-color:var(--accent)}
.igcookie-actions{display:flex;gap:8px;margin:10px 0 0}
.igcookie-status{margin:6px 0 0}
.igcookie-status.ok{color:var(--good)}
.igcookie-status.bad{color:var(--bad)}


































@media(pointer:coarse){
  .importinput{min-height:var(--tap-min)}
  .importhelp > summary{min-height:var(--tap-min);display:flex;align-items:center}
  .igcookie > summary,.igcookie-how > summary,.bi-head .hint a{position:relative}
  .igcookie > summary::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:var(--tap-min)}
  .igcookie-how > summary::after{content:"";position:absolute;left:0;right:0;bottom:0;
    height:var(--tap-min)}
  .bi-tags .tagadd input{min-height:var(--tap-min)}
  .bi-head .hint a::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);min-width:var(--tap-min);height:var(--tap-min)}
}
.irow .idot{width:8px;height:8px;margin-top:4px;border-radius:50%;flex:none;background:var(--faint)}
.irow.s-pending .idot,.irow.s-running .idot{background:var(--accent)}
.irow.s-done .idot{background:var(--good)}
.irow.s-partial .idot{background:var(--info)}
.irow.s-failed .idot{background:var(--bad)}
.ibody{flex:1;min-width:0}
.itop{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.iurl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.istat{font-size:10px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--dim);flex:none}
.ilinks{margin-top:3px}








.notice.cascadenote{text-align:left;max-width:min(92vw,420px);padding:10px 30px 10px 12px}
.cascadenote .cn-head{font-size:11px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  color:var(--bad);margin-bottom:6px}
.cascadenote .cn-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.cascadenote .cn-row{display:flex;gap:8px;align-items:baseline}
.cascadenote .cn-depth{color:var(--faint);font-size:11px;flex:none;min-width:5.5em}
.cascadenote .cn-who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cascadenote .cn-who.cn-gone{color:var(--faint);font-style:italic}   
.cascadenote .cn-cost{color:var(--bad);flex:none;font-size:11px}


.cascadenote .cn-x{position:absolute;top:2px;right:2px;width:26px;height:26px;line-height:26px;
  padding:0;background:none;border:0;color:var(--faint);font-size:12px;cursor:pointer}
.cascadenote .cn-x:hover{color:var(--ink)}


.provenance{border:1px solid var(--hair-hi);background:var(--sunk);padding:8px 10px;margin:2px 0 4px;font-size:12px;color:var(--dim)}
.provenance .prov-plat{color:var(--accent);text-transform:capitalize}
.provenance .prov-src{margin-left:2px}
.provenance .prov-line{margin-top:3px}
.provenance .prov-k{color:var(--faint)}
.provenance .prov-v{color:var(--ink)}










.tr-card{border:1px solid var(--hair);border-radius:5px;padding:10px 12px;margin-bottom:10px;background:var(--sunk)}
.tr-card.on{border-color:var(--accent-deep)}
.tr-new{border-style:dashed}
.tr-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.tr-term{font-weight:600;color:var(--ink)}
.tr-arrow{color:var(--faint)}
.tr-state{font-size:10px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  border:1px solid var(--hair-hi);border-radius:3px;padding:1px 5px;color:var(--faint)}
.tr-state.live{color:var(--accent);border-color:var(--accent-deep)}
.tr-state.blocks{color:var(--bad);border-color:var(--bad)}
.tr-receipt{margin-bottom:8px}
.tr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.tr-field{display:flex;flex-direction:column;gap:3px;min-width:0}
.tr-flabel{font-size:11px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--dim)}
.tr-fwhat{line-height:1.35}
.tr-field .adminput{width:100%;min-width:0}
.tr-flags{display:flex;flex-direction:column;gap:8px;margin-top:10px}


.tr-check{display:grid;grid-template-columns:auto 1fr;gap:4px 6px;align-items:center;cursor:pointer}
.tr-check .tr-fwhat{grid-column:1 / -1}
.tr-acts{margin-top:10px;margin-bottom:0}
.tr-preview{margin-top:10px;border-top:1px solid var(--hair);padding-top:8px}
.tr-prevhead{margin-bottom:6px}
.tr-sample{display:flex;gap:8px;align-items:baseline;padding:3px 0;border-bottom:1px solid var(--hair)}
.tr-sample:last-child{border-bottom:0}
.tr-sampleid{flex:none;color:var(--faint);font-size:11px}
.tr-evidence{flex:1;min-width:0;color:var(--dim);font-size:12px;line-height:1.4;
  overflow-wrap:anywhere;white-space:pre-wrap}




















.aa-pick{max-width:320px}
.aa-days-pick{max-width:140px}
.aa-windownote{max-width:80ch}


.aa-out{min-width:0}
.aa-head{border:1px solid var(--hair);background:var(--panel);padding:10px 12px;margin:10px 0}
.aa-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}

.aa-namehist{margin-top:4px;overflow-wrap:anywhere}
.aa-flags{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.aa-flag{font-size:10px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  border:1px solid var(--hair-hi);border-radius:3px;padding:1px 6px;color:var(--dim)}
.aa-flag.bad{color:var(--bad);border-color:var(--bad)}
.aa-flag.warn{color:var(--accent);border-color:var(--accent-deep)}
.aa-flag.good{color:var(--good);border-color:var(--good)}
.aa-sec{margin:14px 0;padding-top:10px;border-top:1px solid var(--hair)}
.aa-sechead{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.aa-sectitle{margin:0 0 6px;font-size:11px;letter-spacing:calc(.14em * var(--track));
  text-transform:var(--caps);color:var(--dim);font-weight:600}
.aa-secbody{min-width:0}


.aa-what{margin-top:8px}
.aa-what>summary{cursor:pointer;font-size:11px;color:var(--faint);list-style:none}
.aa-what>summary::-webkit-details-marker{display:none}
.aa-what>summary::before{content:"▸ ";color:var(--hair-hi)}
.aa-what[open]>summary::before{content:"▾ "}
.aa-what>summary:hover{color:var(--dim)}
.aa-what .hint{max-width:80ch;line-height:1.5}


.aa-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.aa-table{border-collapse:collapse;width:100%;font-size:12px}
.aa-table th{text-align:left;font-size:10px;letter-spacing:calc(.1em * var(--track));
  text-transform:var(--caps);color:var(--faint);font-weight:600;padding:4px 10px 4px 0;
  border-bottom:1px solid var(--hair);white-space:nowrap}
.aa-table td{padding:4px 10px 4px 0;border-bottom:1px solid var(--hair);color:var(--ink);
  white-space:nowrap;font-variant-numeric:tabular-nums}


.aa-table td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--bright)}
.aa-table tr:last-child td{border-bottom:0}

.aa-days{display:flex;align-items:flex-end;gap:2px;height:42px;padding:2px 0;overflow-x:auto}
.aa-day{flex:0 0 3px;height:100%;display:flex;align-items:flex-end;background:var(--sunk)}
.aa-day.empty{opacity:.35}
.aa-dayfill{width:100%;background:var(--accent-deep);min-height:2px}



.aa-log{max-height:38vh}
.aa-seam{display:flex;flex-direction:column;gap:2px;padding:5px 0;border-bottom:1px solid var(--hair)}
.aa-seam:last-child{border-bottom:0}
.aa-seamwhat{color:var(--ink);font-size:12px}







.aa-origin{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.aa-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--bright)}


.aa-unknown{color:var(--faint);font-style:italic}
.aa-oddchip{font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  color:var(--bad);border:1px solid var(--bad);padding:0 4px;white-space:nowrap}




.aa-flagchip{font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  color:var(--faint);border:1px solid var(--hair-hi);padding:0 4px;white-space:nowrap}


.aa-moved{flex-basis:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:10px;color:var(--bad)}
.aa-table tr.aa-odd td{background:color-mix(in srgb, var(--bad) 12%, transparent)}
.aa-device{display:block;min-width:0}
.aa-devclass{color:var(--ink)}



.aa-ua{display:block;max-width:32ch;font-size:10px;color:var(--faint);word-break:break-all;
  line-height:1.35}




.aa-revoke{font-size:10px;padding:3px 8px;white-space:nowrap}
.aa-revoke[disabled]{opacity:.55;cursor:default}
.aa-revoked:empty{display:none}
.aa-revoked{color:var(--good);margin-top:6px}





.aa-out .stat.bad .n{color:var(--bad)}
.aa-out .stat.warn .n{color:var(--accent)}
@media (max-width:640px){
  .aa-pick,.aa-days-pick{max-width:100%}
  

  .aa-table{font-size:11px}
  .aa-table th,.aa-table td{padding-right:8px}
  




  .aa-ua{max-width:22ch}
}
















.dupe .dseg{position:relative;height:6px;background:var(--sunk);border:1px solid var(--hair);margin:6px 0 2px}
.dupe .dseg-hit{position:absolute;top:0;bottom:0;background:var(--accent);opacity:.85;min-width:2px}
.dupe .dseg-head{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--bright)}
.dupe .dseg-lbl{position:absolute;right:0;top:8px;font-size:9px;letter-spacing:calc(.08em * var(--track));color:var(--accent)}
.dupe .cand{padding-bottom:14px}




.dupe .cand{position:relative}
.dupe .dplay{position:absolute;left:0;right:0;top:0;bottom:44px;z-index:2;
  background:rgba(10,11,13,.34);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dupe .dplay[hidden]{display:none}
.dupe .dplay:hover{background:rgba(10,11,13,.18)}
.dupe .dplay:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.dupe .dplay-tri{width:0;height:0;border-left:22px solid var(--bright);
  border-top:14px solid transparent;border-bottom:14px solid transparent;
  margin-left:6px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}
.dupe .dplay:hover .dplay-tri{border-left-color:var(--accent)}




.aa-numbers { flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.aa-numfield { display: flex; flex-direction: column; gap: 3px; }
.aa-numfield .adminput { width: 8.5rem; font-variant-numeric: tabular-nums; }
.aa-numout { margin-top: 6px; font-variant-numeric: tabular-nums; }















@media(pointer:coarse){
  .adminput{min-height:var(--tap-min)}
  .chip{min-height:var(--tap-min);min-width:var(--tap-min)}
}



























.as-main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

























.aa-numnow { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px;
  font-variant-numeric: tabular-nums; }
.aa-numnow b { color: var(--ink); font-weight: 600; }



















[data-sonar] { position: relative; }
[data-sonar].sonar::after {
  content: ""; position: absolute; inset: -2px; border-radius: 4px;
  border: 1px solid var(--accent); pointer-events: none;
  animation: sonar-ring 1.6s cubic-bezier(.16,.7,.3,1) 1;
}
@keyframes sonar-ring {
  0%   { opacity: .85; transform: scale(1); }
  70%  { opacity: .18; transform: scale(1.55); }
  100% { opacity: 0;   transform: scale(1.8); }
}



@media (prefers-reduced-motion: reduce) { [data-sonar].sonar::after { display: none; } }







.bugsheet-form{display:flex;flex-direction:column;gap:9px;padding:6px 14px 14px}


.picdrop-over{outline:2px dashed var(--accent);outline-offset:4px;background:color-mix(in srgb,var(--accent) 6%,transparent)}



.bugsheet-kind{display:flex;gap:6px;padding:10px 14px 4px}
.bugsheet-kind .bugsheet-kindbtn{flex:1 1 0;min-height:44px}   
.bugsheet-title,.bugsheet-body{width:100%;background:var(--sunk);border:1px solid var(--hair);
  color:var(--ink);font:inherit;font-size:13px;padding:8px 10px}
.bugsheet-title:focus,.bugsheet-body:focus{border-color:var(--accent);outline:none}
.bugsheet-body{resize:vertical;min-height:84px}
.bugsheet-pic{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bugsheet-picchip{display:flex;align-items:center;gap:6px}
.bugsheet-picthumb{width:44px;height:44px;object-fit:cover;border:1px solid var(--hair)}

.bugsheet-picdrop{background:none;border:1px solid var(--hair);color:var(--faint);
  min-width:44px;min-height:44px;line-height:1;cursor:pointer;padding:0}
.bugsheet-picdrop:hover{color:var(--bright);border-color:var(--accent)}

.bugsheet-send{align-self:flex-start;border-color:var(--accent);color:var(--accent);min-height:44px}
.bugsheet-send:hover{color:var(--bright);border-color:var(--bright)}
.bugsheet-done{padding:14px;display:flex;flex-direction:column;gap:8px}
.bugsheet-done-word{color:var(--good)}
.bugsheet-done-link{color:var(--accent)}

.bugsheet-open{display:flex;align-items:center;min-height:44px;padding:0 14px;border-bottom:1px solid var(--hair);color:var(--accent);font-size:12px}
.bugsheet-open:hover{color:var(--bright)}

.bugsheet-diag{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);cursor:pointer}
.bugsheet-diagbox{width:20px;height:20px;accent-color:var(--accent);margin:0}
.bugdiag-text{margin:0;max-height:180px;overflow:auto;background:var(--sunk);
  border:1px solid var(--hair);color:var(--dim,var(--ink));font:11px/1.45 ui-monospace,monospace;
  padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere}
.bugdiag{margin:8px 0 0}
.bugdiag-sum{cursor:pointer;color:var(--faint);font-size:12px;min-height:44px;box-sizing:border-box;
  padding:12px 0;line-height:20px}













.navinvite{position:relative}
.navinvite.is-locked{color:var(--faint);opacity:.6}
.navinvite.is-locked:hover{color:var(--dim);opacity:.85}
.navinvite-lock{position:absolute;right:2px;bottom:2px;width:9px;height:9px;padding:1px;
  fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  background:var(--panel);border-radius:2px}
.navinvite.is-lit{color:var(--accent);animation:invite-breathe 3s ease-in-out infinite}
.navinvite.is-lit:hover{color:var(--bright)}
.navinvite.is-lit>.navi{filter:drop-shadow(0 0 3px var(--accent))}
@keyframes invite-breathe{0%,100%{opacity:.78;filter:brightness(.92)}50%{opacity:1;filter:brightness(1.22)}}
@media(prefers-reduced-motion:reduce){.navinvite.is-lit{animation:none;opacity:1}}

@media(max-width:999px){.navinvite-lock{right:auto;left:calc(50% + 6px);top:8px;bottom:auto}}


.invlock{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px 16px}
.invlock>.navinvite-lock{position:static;width:22px;height:22px;color:var(--dim);background:none;padding:0}
.invlock-line{margin:0;font-size:13px;line-height:1.5;color:var(--ink)}
.invlock-go{color:var(--accent);font-size:11px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  border:1px solid var(--hair);padding:9px 12px;min-height:44px;display:inline-flex;align-items:center}
.invlock-go:hover{border-color:var(--accent);color:var(--bright)}







.rs-vig{position:fixed;inset:0;z-index:var(--z-pulse);pointer-events:none;
  box-shadow:inset 0 0 70px 14px rgba(255,72,20,.62),inset 0 0 200px 36px rgba(255,36,0,.30);
  animation:rs-glow 3.4s ease-in-out infinite}
@keyframes rs-glow{0%,100%{opacity:.72}50%{opacity:1}}
html[data-fx="reduced"] .rs-vig,html[data-fx="off"] .rs-vig{animation:none;opacity:.92}
@media (prefers-reduced-motion:reduce){.rs-vig{animation:none;opacity:.92}}
.rs-bar{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:var(--z-pulse);
  display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:5px 6px 5px 12px;
  background:#1c0803;color:#ffc2a6;border:1px solid;border-image:var(--staff) 1;box-shadow:0 0 14px color-mix(in srgb,var(--mod) 55%,transparent);
  font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;white-space:nowrap}
.rs-txt{overflow:hidden;text-overflow:ellipsis}
.rs-btn{appearance:none;border:1px solid var(--mod);background:transparent;color:#ffc2a6;font:inherit;letter-spacing:inherit;
  padding:6px 10px;min-height:32px;cursor:pointer}
.rs-btn:hover{background:var(--staff);color:#1c0803}
.rs-btn:disabled{opacity:.5;cursor:default}
.rs-dlg-back{position:fixed;inset:0;z-index:var(--z-pulse);background:rgba(10,2,0,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.rs-dlg{width:min(340px,100%);box-sizing:border-box;padding:16px;background:#1c0803;color:#ffc2a6;border:1px solid;border-image:var(--staff) 1;
  box-shadow:0 0 28px color-mix(in srgb,var(--mod) 50%,transparent);display:flex;flex-direction:column;gap:10px;
  font:500 13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.rs-h{font-weight:700;letter-spacing:.1em;color:#ff8a5c}
.rs-note{font-size:12px;opacity:.85}
.rs-code{font:600 22px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.35em;text-align:center;padding:10px 6px;
  background:#0c0301;color:#ffd9c8;border:1px solid var(--mod);box-sizing:border-box;width:100%}
.rs-err{min-height:1.4em;color:#ff8a5c;font-size:12px}
.rs-row{display:flex;gap:8px;justify-content:flex-end}
.rs-go{background:var(--staff);color:#1c0803}
@media (min-width:1000px){.rs-bar{left:calc(50% + 130px)}}   
@media (max-width:640px){.rs-bar{gap:6px;padding-left:8px;font-size:11px;letter-spacing:.04em}.rs-btn{padding:6px 8px}}
@media (pointer:coarse){.rs-btn{min-height:var(--tap-min)}}

.notif-face-none[data-fun]{background:hsl(var(--fun-h,260) 38% 26%)}
.notif-face-none .vw-cav-fun{font-size:18px;line-height:1;filter:none}

/* ⟦web/app-profile.css⟧ */


































































.ulink{color:var(--ink)}   
.ulink:hover{color:var(--bright);text-decoration:underline}


.ulink .ulink-handle,.ulink .ulink-acct{color:var(--dim);-webkit-text-fill-color:var(--dim);background:none;
  font-size:.8em;font-weight:400;letter-spacing:0;margin-left:.35em;text-shadow:none}
.ulink .ulink-acct{font-family:var(--mono,monospace)}
.profile-view{max-width:calc(var(--cos-ban-w) * 1px + 2px);margin:0 auto;padding:6px 0 40px}


.prof-head{display:flex;gap:20px;align-items:flex-start;padding:4px 0 18px;border-bottom:1px solid var(--hair)}
.prof-avatar{flex:0 0 auto;width:128px;height:128px;border:1px solid var(--hair-hi);background:var(--sunk);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.prof-avatar.empty{background:hsl(var(--fun-h,260) 38% 26%)}
.prof-avfun{font-size:72px;line-height:1}   
.prof-avfallback{position:absolute;width:56%;height:56%;object-fit:contain;filter:invert(1);opacity:.14}
.prof-avlink{position:absolute;inset:0;display:block}
.prof-avimg{width:100%;height:100%;object-fit:cover;display:block}
.prof-idcol{flex:1;min-width:0}
.prof-namerow{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.prof-name{font-size:26px;line-height:1.1;color:var(--bright);letter-spacing:calc(.02em * var(--track));margin:0}
.prof-role{font-size:12px;padding:2px 8px;
  border:1px solid var(--hair-hi);color:var(--dim)}
.prof-role.role-owner{color:var(--accent);border-color:var(--accent-deep)}
.prof-role.role-admin{color:var(--admin);border-color:var(--admin)}
.prof-badge{font-size:12px;padding:2px 7px;border:1px solid var(--hair-hi);color:var(--dim)}
.prof-badge.trusted{color:var(--good);border-color:var(--good)}
.prof-badge.you{color:var(--accent);border-color:var(--accent-deep)}
.prof-rankrow{margin-top:7px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.prof-rank{font-size:11px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:var(--accent)}
.prof-since{font-size:12px;color:var(--dim)}
.prof-motto{margin-top:9px;font-size:14px;color:var(--ink);font-style:italic;line-height:1.45;
  overflow-wrap:anywhere}
.prof-motto.ghost{color:var(--faint);font-style:normal}
.prof-motto-wrap{margin-top:9px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.prof-motto-edit{font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--accent);
  border:1px solid var(--hair);padding:2px 7px}
.prof-motto-edit:hover{border-color:var(--accent)}
.prof-mint{margin-top:9px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.prof-mint .prof-mint-msg{margin:0}















































.prof-steam-card{
  margin-top:10px;
  display:flex; flex-direction:column; gap:12px;
  padding:16px; box-sizing:border-box;
  background:var(--raised); border:1px solid var(--hair-hi); border-radius:3px;
}



.prof-steam-head{display:flex;align-items:center;gap:12px;min-width:0}
.prof-steam-plaque{
  flex:0 0 auto;
  width:44px; height:44px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  background:#1b2838; border-radius:3px; color:#66c0f4;
}
.prof-steam-card[data-steam="off"] .prof-steam-plaque{color:#5695bf}
.prof-steam-plaque svg{width:26px;height:26px;display:block}




.prof-steam-name{
  font-family:var(--ui);font-size:16px;font-weight:600;line-height:1.1;
  color:var(--bright);text-transform:none;letter-spacing:0;
}





.prof-steam-who{display:flex;align-items:center;gap:8px;min-width:0;margin-left:auto}
.prof-steam-av{width:28px;height:28px;border-radius:2px;display:block;object-fit:cover;
  background:var(--sunk);border:1px solid var(--hair-hi)}
.prof-steam-persona{font-size:12.5px;color:var(--ink);text-transform:none;letter-spacing:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14ch}




.prof-steam-body{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}
.prof-steam-state{font-size:12px;line-height:1.45;color:var(--dim);
  text-transform:none;letter-spacing:0;margin:0}



.prof-steam-acts{display:flex;align-items:center;gap:9px;
  padding-top:10px;border-top:1px solid var(--hair)}
.prof-steam-act{font-size:11.5px;color:var(--dim);text-transform:none;letter-spacing:0;
  background:none;border:0;padding:0;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hair-hi)}
.prof-steam-act:hover{color:var(--bright);text-decoration-color:var(--bright)}
.prof-steam-act:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.prof-steam-act:disabled{color:var(--faint);cursor:default;text-decoration-color:transparent}
.prof-steam-sep{font-size:11px;color:var(--faint)}



.prof-steam-form{display:flex;gap:8px;align-items:center}
.prof-steam-input{flex:1;min-width:0;font-size:13px}


.prof-steam-go{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  width:100%; padding:10px 15px; cursor:pointer;
  background:var(--accent);border:1px solid var(--accent);color:var(--void);
  font-size:11.5px;letter-spacing:calc(.09em * var(--track));text-transform:var(--caps)}
.prof-steam-go:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
.prof-steam-go:disabled{opacity:.55;cursor:default}
.prof-steam-go svg{width:15px;height:15px;display:block}
@media(min-width:1000px){
  .prof-steam-go{width:auto;align-self:flex-start}
}


.prof-steam-why{margin:0;font-size:12px;line-height:1.5;color:var(--faint);
  text-transform:none;letter-spacing:0;max-width:52ch}
.prof-steam-msg{margin:0}
.prof-steam-msg:empty{display:none}













.prof-steam-act{position:relative}
@media(pointer:coarse){
  .prof-steam-go{min-height:var(--tap-min)}
  .prof-steam-act::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:var(--tap-min)}
}
.prof-motto-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%}
.prof-motto-input{flex:1;min-width:220px;font-size:13px}
.prof-lineage{margin-top:10px;font-size:11px;color:var(--dim);letter-spacing:calc(.03em * var(--track))}
.prof-lin-sub{color:var(--faint)}


.prof-sec{margin-top:22px}
.prof-sec > .dsr-h{font-size:9.5px;letter-spacing:calc(.2em * var(--track));text-transform:var(--caps);color:var(--faint);
  border-bottom:1px solid var(--hair);padding-bottom:5px;margin-bottom:11px}
.prof-sec > .dsr-h::before{content:"◈ ";color:var(--accent-deep)}


.prof-scorewrap{max-width:340px}
.prof-scorewrap .rail-score{font-size:34px}
.prof-scorewrap .rail-track{margin-top:6px}

.prof-sec .dsr-stats{max-width:520px}


.prof-record .rec-sub{margin:-2px 0 8px}
.rec-list{display:flex;flex-direction:column;gap:5px;max-width:520px}
.rec-row{display:flex;align-items:center;gap:9px;padding:5px 9px;border:1px solid var(--hair);
  border-left:2px solid var(--cat-nsfl);background:var(--sunk);font-size:12px}
.rec-date{color:var(--faint);font-size:10px;letter-spacing:calc(.06em * var(--track));white-space:nowrap;min-width:56px}
.rec-what{color:var(--dim);flex:1}
.rec-tag{color:var(--cat-nsfl)}
.rec-post{color:var(--accent)}
.rec-pardon{border:1px solid var(--hair-hi);background:none;color:var(--faint);cursor:pointer;
  width:22px;height:22px;line-height:1;border-radius:3px;flex:none}
.rec-pardon:hover{color:var(--good);border-color:var(--good)}
.rec-pardon:disabled{opacity:.4;cursor:default}


.prof-pinned{margin-bottom:16px}
.prof-pinned-h{font-size:10px;letter-spacing:calc(.1em * var(--track));color:var(--accent);margin-bottom:7px}

.prof-pins{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:10px;align-items:start}
.prof-pinned-cell{max-width:260px}
.prof-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(170px, 1fr));gap:10px;align-items:start}
.prof-cell{margin:0;position:relative}
.prof-cell .tile{margin:0}
.prof-grid .tile.veiled img{filter:blur(16px)}   



.prof-grid .tile.veiled,.prof-pins .tile.veiled{overflow:hidden}
.prof-grid .tile.veiled .hotveil,.prof-pins .tile.veiled .hotveil{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);
  padding:5px 10px 5px calc(10px + .28em);background:rgba(10,11,13,.88);border:1px solid var(--hair-hi);
  font-size:12px;font-weight:700;white-space:nowrap}


.prof-sqhidden.sqhidden{border-radius:0;margin:0 0 12px}



.prof-cell-menu{position:absolute;top:6px;right:6px;z-index:3;width:24px;height:24px;line-height:1;padding:0;
  display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;border-radius:3px;
  background:rgba(10,11,13,.72);border:1px solid var(--hair-hi);color:var(--ink);opacity:.55;transition:opacity .15s}
.prof-cell:hover .prof-cell-menu,.prof-cell-menu.on{opacity:1}
.prof-cell-menu.on{color:var(--accent);border-color:var(--accent-deep)}
.prof-cell-acts{position:absolute;left:6px;right:6px;bottom:6px;z-index:3;display:flex;gap:5px;flex-wrap:wrap;
  background:rgba(10,11,13,.9);padding:5px;border:1px solid var(--hair-hi);border-radius:3px}
.prof-cell-acts[hidden]{display:none}
.prof-cell-btn{font-size:8.5px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);padding:3px 7px;
  border:1px solid var(--hair);color:var(--dim);background:var(--panel)}
.prof-cell-btn:hover{border-color:var(--accent);color:var(--accent)}
.prof-cell-btn.on{color:var(--accent);border-color:var(--accent-deep)}













@media(pointer:coarse){
  .prof-cell-acts{gap:8px}
  .prof-cell-btn{position:relative}
  .prof-cell-btn::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:var(--tap-min)}
}
.prof-more{margin:14px auto;display:block}
.prof-empty{color:var(--faint);font-size:12px;padding:8px 0}
.prof-empty.hint{color:var(--faint)}


.prof-lbl{position:relative;z-index:3;font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--dim);margin:0 0 8px}




.prof-plaque{--pb-px:0px;--pb-ban:calc(var(--cos-ban-h) * 1px);display:grid;grid-template-columns:minmax(0,1fr) 210px;column-gap:28px;align-items:start;
  padding:0 var(--pb-px) 16px;border-bottom:1px solid var(--hair)}
.prof-plaque.has-acts{padding-bottom:0;border-bottom:0}
.prof-plaque > *{grid-column:1/-1;min-width:0}

.pb-ban{height:var(--pb-ban);margin:0 calc(-1 * var(--pb-px));border-bottom:1px solid var(--hair-hi);
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,var(--sunk)),color-mix(in srgb,var(--accent) 16%,var(--sunk)) 50%,var(--sunk))}



.cos-card > .prof-plaque .pb-ban{background:none;border-bottom-color:transparent}
.profile-view > .cos-banner{height:var(--pb-ban);-webkit-mask-image:none;mask-image:none}
.pb-ban{grid-row:1}
.pb-hd{position:relative;display:flex;align-items:flex-end;gap:18px;margin-top:-30px;grid-column:1;grid-row:2}
.pb-face{position:relative;flex:0 0 auto}
.prof-plaque .prof-avatar{width:96px;height:96px}

.pb-pip{position:absolute;left:-10px;top:-10px;z-index:2;width:28px;height:28px;font-size:12px;border-width:1.5px;
  background:var(--void);filter:drop-shadow(0 0 5px currentColor)}
.pb-right{grid-column:2;grid-row:2 / span 3;margin-top:-30px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}


.pb-acts{grid-column:1/-1;grid-row:5;display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;margin:14px 0 8px;min-width:0}
.pb-acts:empty{display:none}
.pb-acts > div{display:contents}
.pb-acts .pns-u-acts{order:1;flex:1 1 0;min-width:0;margin-top:0;flex-wrap:nowrap;gap:6px}
.pns-u .pb-acts .pns-u-act{flex:1 1 0;min-width:0;min-height:var(--tap-min);padding:0 8px;justify-content:center;white-space:nowrap}
.pb-acts .pb-edit{order:1;flex:1 1 0}
.pb-acts .pb-timeline{order:2;flex:0 0 150px;border-color:var(--accent)}
.pb-acts .hint{order:3;flex:1 0 100%;margin:2px 0 0;text-align:left}
.pb-btn{height:var(--tap-min);min-width:var(--tap-min);padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid var(--accent-deep);background:var(--sunk);color:var(--accent);font:inherit;font-size:10.5px;
  letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);cursor:pointer;white-space:nowrap}
.pb-btn:hover{color:var(--bright);border-color:var(--accent)}
.pb-btn[aria-expanded="true"]{background:var(--accent);color:var(--void);border-color:var(--accent)}
.pb-btn:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.pb-g{font-size:15px;letter-spacing:0}
.prof-plaque > .plaque-main{grid-column:1;grid-row:3;margin-top:12px}
.pb-rank{font-size:10px;font-weight:600;letter-spacing:calc(.16em * var(--track));align-self:center}
.pb-sub{margin-top:3px;display:flex;gap:4px 8px;align-items:baseline;flex-wrap:wrap;color:var(--dim);font-size:12px}
.pb-sub .prof-gagtitle{margin:0}
.prof-plaque .prof-motto{margin-top:8px}
.prof-plaque .prof-motto-wrap{margin-top:8px}
.prof-plaque .prof-motto-wrap .prof-motto{margin-top:0}

.pb-sheet{margin-top:10px;padding:4px 12px;border:1px solid var(--hair);background:var(--sunk)}
.pb-sheet[hidden]{display:none}
.pb-sheet .plaque-selfacts{margin-top:0;gap:4px 18px;align-items:center}
.pb-sheet .plaque-link{min-height:var(--tap-min)}
.pb-looks{display:inline-flex;align-items:center;min-height:var(--tap-min);font-size:10.5px;letter-spacing:calc(.08em * var(--track));
  text-transform:var(--caps);color:var(--accent);text-decoration:none}
.pb-looks:hover{color:var(--bright)}
.pb-ledger{display:contents}
.pb-ledger .plaque-marks{grid-column:1;grid-row:4}
.pb-right .plaque-score{justify-content:center;text-align:center;width:100%}
.pb-right .plaque-stats{justify-content:center}
.plaque-meta{color:var(--dim);font-size:12px;margin-top:3px;line-height:1.7}
.plaque-rank{font-weight:600;letter-spacing:calc(.03em * var(--track))}



.plaque-seen{cursor:help}








.plaque-marks{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px;min-width:0}


.marks-div{flex:0 0 auto;align-self:stretch;width:1px;min-height:20px;margin:0 3px;background:var(--hair-hi)}



.plaque-selfacts{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;margin-top:8px}
.plaque-link{background:none;border:0;border-bottom:1px dotted var(--hair-hi);padding:0 0 1px;
  font:inherit;font-size:10.5px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps);
  color:var(--faint);cursor:pointer}
.plaque-link:hover{color:var(--accent);border-bottom-color:var(--accent)}
.plaque-link:focus-visible{outline:1px solid var(--accent);outline-offset:3px}




.plaque-warn{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:4px 10px 4px 9px;
  font-size:11px;letter-spacing:calc(.04em * var(--track));color:var(--bad);
  border-left:3px solid var(--bad);background:rgba(255,77,94,.07)}













.award-badge.medal-btn{width:auto;min-width:34px;height:34px;padding:4px;display:inline-flex;
  align-items:center;justify-content:center;cursor:pointer;font:inherit;border-radius:4px;
  overflow:hidden;transition:transform .12s ease,box-shadow .15s ease}
.award-badge.medal-btn .aw-icon{font-size:20px;filter:drop-shadow(0 0 5px currentColor)}
.award-badge.medal-btn .aw-icon.aw-drawn{height:22px}
.award-badge.medal-btn .aw-icon .awi,
.award-badge.medal-btn .aw-icon .clsi{width:22px;height:22px}



.award-badge.medal-btn .aw-icon .rolm{width:22px;height:22px;display:block}

.award-badge.medal-btn.class-mark.role-medal{border-style:solid}
.award-badge.medal-btn.class-mark.role-medal-admin{color:var(--bad);border-color:var(--bad)}
.award-badge.medal-btn.class-mark.role-medal-moderator{color:var(--mod);border-color:var(--mod)}   
.award-badge.medal-btn.class-mark.role-medal-navigator{color:var(--nav);border-color:var(--nav)}
.award-badge.medal-btn.class-mark.role-medal-owner{color:var(--bright);border-color:var(--bright)}






.award-badge.medal-btn .aw-icon .sg,
.award-badge.medal-btn .aw-icon .sg svg{width:22px;height:22px}
.award-badge.medal-btn .aw-icon .sg{margin:0}







.award-badge.medal-btn>*:not(.tagfill){position:relative;z-index:1}
.award-badge.medal-btn:hover,.award-badge.medal-btn:focus-visible{transform:translateY(-1px)}
.award-badge.medal-btn:focus-visible{outline:1px solid currentColor;outline-offset:2px}




@media(pointer:coarse){
  .award-badge.medal-btn{min-width:44px;height:44px}
  .award-badge.medal-btn .aw-icon.aw-drawn{height:26px}
  .award-badge.medal-btn .aw-icon .awi,
  .award-badge.medal-btn .aw-icon .clsi{width:26px;height:26px}
  .award-badge.medal-btn .aw-icon .sg,
  .award-badge.medal-btn .aw-icon .sg svg{width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){.award-badge.medal-btn{transition:none}
  .award-badge.medal-btn:hover,.award-badge.medal-btn:focus-visible{transform:none}}









.award-badge.medal-btn.class-mark{color:var(--dim);
  border-color:var(--hair-hi);border-style:dashed;box-shadow:none;background:var(--panel)}
.award-badge.medal-btn.class-mark.mark-scion{color:var(--scion);border-color:var(--scion)}
.award-badge.medal-btn.class-mark.mark-binkie{color:var(--binkie);border-color:var(--binkie)}
.award-badge.medal-btn.class-mark .aw-icon{filter:none}






.award-badge.medal-btn.class-mark.stamp-mark{color:var(--stp-c);border-color:var(--stp-c)}





.medalcard{color:var(--r-common)}
.medalcard.rarity-uncommon{color:var(--r-uncommon)}
.medalcard.rarity-rare{color:var(--r-rare)}
.medalcard.rarity-epic{color:var(--r-epic)}
.medalcard.rarity-legendary{color:var(--r-legendary)}
.medalcard.rarity-mythic{color:var(--r-mythic)}


.medalcard.stampcard{color:var(--stp-c,var(--dim))}
.medalcard.scioncard{color:var(--scion,var(--dim))}
.medalcard.binkiecard{color:var(--binkie,var(--dim))}




html[data-light="1"] .award-badge.medal-btn.class-mark.mark-scion,
html[data-light="1"] .medalcard.scioncard{color:var(--scion-lo);border-color:var(--scion-lo)}
html[data-light="1"] .award-badge.medal-btn.class-mark.mark-binkie,
html[data-light="1"] .medalcard.binkiecard{color:var(--binkie-lo);border-color:var(--binkie-lo)}
.medalcard .tagcard-name{color:var(--bright)}


.medalcard-pct{margin-left:auto;font-size:10.5px;color:currentColor;white-space:nowrap}
.medalcard .crownpanel{margin-top:10px;padding-top:9px;border-top:1px solid var(--hair)}
.medalcard .cp-v{line-height:1.55}
.plaque-score{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0 8px;text-align:right}
.plaque-score .lbl{margin:0;font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--dim)}
.pstat.trust .pstat-v{color:var(--good)}
.plaque-scoreval{font-size:36px;line-height:1;color:var(--bright);font-variant-numeric:tabular-nums}



.plaque-stats{flex:1 0 100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 14px;margin-top:7px}
.pstat{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}
.pstat-k{font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--dim)}
.pstat-v{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}


.pstat.streak .pstat-k,.pstat.streak .pstat-v{color:var(--accent)}



.prof-spine{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.spine-row{display:flex;flex-direction:column;gap:4px}
.spine-head{display:flex;justify-content:space-between;align-items:baseline}
.spine-lbl{font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--dim)}
.spine-pct{font-size:11px;color:var(--bright)}
.spine-track{height:10px;border:1px solid var(--hair);border-radius:0;overflow:hidden;width:100%;background:var(--sunk)}
.spine-fill{height:100%;border-radius:0;transition:width .3s ease}

.spine-row.sp-content .spine-lbl{color:#ff8a3d}
.spine-row.sp-content .spine-fill{background:linear-gradient(90deg,#e0393f,#f2792b,#ffd23f)}

.spine-row.sp-categorization .spine-lbl{color:#4fc3e0}
.spine-row.sp-categorization .spine-fill{background:linear-gradient(90deg,#4a4fd8,#3fa7e0,#4fe0d8)}

.spine-row.sp-community .spine-lbl{color:#d878d0}
.spine-row.sp-community .spine-fill{background:linear-gradient(90deg,#e0479f,#a25fe0,#6a7fe0)}




.spine-row.sp-penalty .spine-lbl{color:#e0555f}
.spine-row.sp-penalty .spine-add{color:#e0555f}
.spine-row.sp-penalty .spine-fill{background:linear-gradient(90deg,#7a1c22,#e0555f)}


.pillar-detail{border-left:3px solid var(--hair-hi);padding-left:12px}
.pillar-detail.sp-content{border-left-color:#f2792b}
.pillar-detail.sp-content .prof-lbl{color:#ff8a3d}
.pillar-detail.sp-categorization{border-left-color:#3fa7e0}
.pillar-detail.sp-categorization .prof-lbl{color:#4fc3e0}
.pillar-detail.sp-community{border-left-color:#a25fe0}
.pillar-detail.sp-community .prof-lbl{color:#d878d0}

.crown-wall{display:grid;grid-template-columns:repeat(auto-fill, minmax(128px, 1fr));gap:12px}
.crown-box{position:relative;border:1px dashed var(--hair-hi);background:var(--panel);padding:10px 8px 9px;
  text-align:center;border-radius:6px;isolation:isolate;
  
  font:inherit;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}
.crown-box:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
.crown-box.tier-common{border-color:rgba(154,161,173,.5);color:var(--r-common)}
.crown-box.tier-uncommon{border-color:rgba(95,196,107,.5);color:var(--r-uncommon)}
.crown-box.tier-rare{border-color:rgba(77,184,255,.55);color:var(--r-rare);box-shadow:0 0 12px rgba(77,184,255,.1)}
.crown-box.tier-epic{border-color:rgba(217,102,232,.55);color:var(--r-epic);box-shadow:0 0 12px rgba(217,102,232,.12)}
.crown-box.tier-legendary{border-color:rgba(255,217,138,.6);color:var(--r-legendary);box-shadow:0 0 14px rgba(255,217,138,.14)}
.crown-box.tier-mythic{border-color:rgba(255,77,94,.6);color:var(--r-mythic);box-shadow:0 0 14px rgba(255,77,94,.16)}
.crown-box.apex-frame{border:1px solid transparent;color:#e8ecff;background:var(--panel)}

































.crown-g{font-size:19px;line-height:1;filter:drop-shadow(0 0 6px currentColor)}
.crown-n{margin-top:7px;font-size:11.5px;letter-spacing:calc(.04em * var(--track));font-weight:600;color:currentColor}
.crown-t{margin-top:4px;font-size:9.5px;letter-spacing:calc(.06em * var(--track));color:var(--faint);text-transform:var(--caps)}
.crown-box.tier-common .crown-t,.crown-box.tier-uncommon .crown-t,.crown-box.tier-rare .crown-t,
.crown-box.tier-epic .crown-t,.crown-box.tier-legendary .crown-t,.crown-box.tier-mythic .crown-t{color:currentColor;opacity:.85}
.title-unlock{animation:aw-pop .5s ease}

.pin-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:10px;align-items:start}
.pin-cell{position:relative}
.pin-cell .tile img{width:100%;height:auto;display:block;aspect-ratio:1 / 1.1;object-fit:cover;object-position:top;border:1px solid var(--hair-hi)}
.pin-unpin{position:absolute;top:5px;right:5px;width:22px;height:22px;border:1px solid var(--hair-hi);
  background:rgba(9,10,12,.78);color:var(--dim);cursor:pointer;border-radius:3px;line-height:1;z-index:2}
.pin-unpin:hover{color:var(--bad);border-color:var(--bad)}
.pin-by{margin-top:4px;font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.works-head{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.works-head .prof-lbl{position:relative;z-index:3;margin:0}
.works-count{color:var(--dim);font-size:11px;letter-spacing:calc(.06em * var(--track))}
.works-all{margin-left:auto;color:var(--accent);font-size:11px;letter-spacing:calc(.08em * var(--track));text-decoration:none}
.works-all:hover{color:var(--bright)}






.prof-rejswitch{position:relative}
@media(pointer:coarse){
  .prof-rejswitch::after,.rej-open::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tap-min)}
}
.rej-intro{margin:0 0 12px;line-height:1.5}
.rej-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media(min-width:821px){.rej-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rej-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;padding:10px;
  border:1px solid var(--hair);border-left:2px solid var(--bad);background:var(--panel)}
.rej-thumb{display:block;width:88px;height:88px;border:1px solid var(--hair-hi);overflow:hidden;background:var(--sunk)}
.rej-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.rej-nopic{display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;
  letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--faint)}
.rej-body{min-width:0;display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.4}
.rej-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.rej-word{color:var(--bad);font-weight:700;font-size:10px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.rej-by{color:var(--dim);font-size:11px}
.rej-tally{color:var(--dim)}
.rej-no{color:var(--bad)}
.rej-yes{color:var(--good)}
.rej-when,.rej-state{color:var(--faint);font-size:11px}
.rej-cost{color:var(--dim);font-size:11px}
.rej-cost.bad{color:var(--bad)}
.rej-open{position:relative;align-self:flex-start;margin-top:2px;color:var(--accent);font-size:11px;text-decoration:none}
.rej-open:hover{color:var(--bright)}
.rej-rules{margin-top:14px;line-height:1.5;max-width:72ch}










.prof-tags{display:flex;flex-wrap:wrap;gap:7px}
.prof-tag{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:calc(.04em * var(--track));
  padding:3px 9px;border:1px solid var(--hair-hi);color:var(--accent);position:relative}
.prof-tag:hover{border-color:var(--accent);color:var(--bright)}












@media(pointer:coarse){
  .prof-tags{gap:10px}
  .prof-tag::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:var(--tap-min)}
}
.prof-tag-c{color:var(--faint);font-variant-numeric:tabular-nums}



.prof-tabs{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:12px 0 14px;border-bottom:1px solid var(--hair);padding-bottom:8px}
.prof-tabs::-webkit-scrollbar{display:none}
.prof-tabs .prof-tab{flex:0 0 auto;white-space:nowrap}



@media (min-width:641px){.prof-tabs{flex-wrap:wrap;overflow-x:visible}}
.prof-tabcontent{display:block}

.prof-seen-feeds{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 12px}

.prof-subs-list{display:flex;flex-direction:column}
.prof-subs-row{display:flex;align-items:center;gap:12px;min-height:var(--tap-min);padding:6px 4px;border-bottom:1px solid var(--hair);color:inherit;text-decoration:none}
.prof-subs-row:hover{background:var(--hair)}
.prof-subs-face{flex:0 0 auto;display:flex}
.prof-subs-txt{display:flex;flex-direction:column;min-width:0}
.prof-subs-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prof-subs-handle{color:var(--faint);font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prof-subs-foot{margin-top:10px}

.prof-subscount-row{display:flex;gap:10px}
.prof-subscount-n{flex:1 1 0;display:flex;align-items:baseline;gap:8px;min-height:var(--tap-min);padding:8px 12px;border:1px solid var(--hair);color:inherit;text-decoration:none}
.prof-subscount-n:hover{border-color:var(--accent)}
.prof-subscount-n b{font-size:1.4em}
.prof-subscount-w{color:var(--faint);letter-spacing:.04em;font-size:.8em}


.prof-friends-find{display:block;width:100%;box-sizing:border-box;margin:2px 0 8px;min-height:var(--tap-min)}
.prof-friends-say{min-height:1.2em;margin:0 0 6px}
.prof-friends-sec{margin:0 0 16px}
.prof-friends-h{color:var(--faint);font-size:.85em;letter-spacing:.04em;padding:4px 4px 6px;border-bottom:1px solid var(--hair)}
.prof-friends-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--hair)}
.prof-friends-row .prof-friends-who{flex:1 1 auto;min-width:0;border-bottom:0}
.prof-friends-acts{flex:0 0 auto;display:flex;gap:6px;padding-right:4px}
.prof-friends-act{font-size:.8em;padding:4px 10px;min-height:32px}
.prof-friends-act.is-warn{color:var(--bad);border-color:var(--bad)}
@media(pointer:coarse){.prof-friends-act{min-height:var(--tap-min)}}

.prof-statlist{display:grid;grid-template-columns:1fr 1fr;gap:4px 26px}
.prof-statlist .dsr-stat{padding:3px 0;border-bottom:1px solid var(--hair)}
@media(max-width:640px){.prof-statlist{grid-template-columns:1fr}}
.prof-foot{min-height:1px}



















.statgrp{border:1px solid var(--hair);background:var(--sunk);margin-top:12px}
.statgrp-h{display:flex;align-items:center;gap:10px;padding:12px 13px;min-height:44px;
  cursor:pointer;list-style:none;user-select:none}
.statgrp-h::-webkit-details-marker{display:none}   
.statgrp-h::after{content:"+";margin-left:auto;color:var(--faint);font-size:15px;line-height:1}
.statgrp[open] > .statgrp-h::after{content:"\2212"}
.statgrp-h:hover{background:var(--panel)}
.statgrp-h .statgrp-lbl{margin:0}
.statgrp-n{color:var(--faint);font-size:10px;font-variant-numeric:tabular-nums}
.statgrp-lock{font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  color:var(--info);border:1px solid var(--info);padding:1px 5px}
.statgrp-note{padding:0 13px 11px;font-size:11px;line-height:1.5;color:var(--dim)}
.statgrp-admin{border-color:var(--info)}
.statgrp-ledger .prof-sec{margin:0;padding:0 13px 12px}



.statgrid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--hair);
  border-top:1px solid var(--hair)}
@media(min-width:641px){.statgrid{grid-template-columns:1fr 1fr}}

.statcell{display:grid;grid-template-columns:1fr auto;grid-auto-rows:min-content;
  align-items:baseline;gap:3px 12px;width:100%;padding:10px 13px 11px;text-align:left;
  background:var(--sunk);border:0;border-left:2px solid var(--hair-hi);
  font:inherit;color:var(--ink);cursor:default}
.statcell-on{cursor:pointer}
.statcell-on:hover,.statcell-on:focus-visible{background:var(--panel);outline:none}
.statcell-on:focus-visible{border-left-color:var(--accent)}












.statcell>*:not(.tagfill){position:relative;z-index:1}
.statcell-k{grid-column:1;grid-row:1;font-size:10px;color:var(--faint);
  letter-spacing:calc(.1em * var(--track));text-transform:var(--caps)}
.statcell-v{grid-column:2;grid-row:1;justify-self:end;font-size:15px;color:var(--bright)}
.statcell-sub{grid-column:1;grid-row:2;font-size:10.5px;color:var(--dim);line-height:1.4}




.statcell .statband{grid-column:2;grid-row:2;justify-self:end;font-size:9px;padding:1px 5px;
  border:1px dashed currentColor;letter-spacing:calc(.06em * var(--track));white-space:nowrap;
  color:var(--r-common)}
.statband.tier-uncommon{color:var(--r-uncommon)}
.statband.tier-rare{color:var(--r-rare)}
.statband.tier-epic{color:var(--r-epic)}
.statband.tier-legendary{color:var(--r-legendary)}
.statband.tier-mythic{color:var(--r-mythic)}


.statband.tier-apex{color:#e8ecff;border:1px solid #d4f3ff}
.statmeter{grid-column:1 / -1;grid-row:3;height:3px;background:var(--hair);margin-top:6px}
.statmeter-f{display:block;height:100%;background:var(--accent)}


.statcell.sk-count{border-left-color:var(--hair-hi)}
.statcell.sk-count .statcell-v{font-family:var(--mono);font-size:14px;color:var(--ink)}
.statcell.sk-measure{border-left-color:var(--accent)}
.statcell.sk-measure .statcell-v{font-size:19px;color:var(--bright)}
.statcell.sk-rate{border-left-color:var(--info)}
.statcell.sk-rate .statcell-v{font-family:var(--mono);font-size:14px;color:var(--info)}
.statcell.sk-time{border-left-color:#d09a3c}
.statcell.sk-time .statcell-v{font-size:12px;color:var(--ink);letter-spacing:0;
  font-variant-numeric:normal;justify-self:end;text-align:right}
.statcell.sk-standing{border-left-color:#a98bff}
.statcell.sk-standing .statcell-v{font-size:11px;color:var(--ink);border:1px solid var(--hair-hi);
  padding:2px 7px;letter-spacing:calc(.06em * var(--track))}

.statcell.tone-good .statcell-v{color:var(--good)}
.statcell.tone-bad{border-left-color:var(--bad)}
.statcell.tone-bad .statcell-v{color:var(--bad)}
.statcell.tone-bad.sk-standing .statcell-v{border-color:var(--bad)}
.statcell.tone-warm .statcell-v{color:var(--accent)}


@media(pointer:coarse){.statcell{min-height:44px}}




.statdossier{border-top:1px solid var(--hair);padding-top:11px}
.statdossier-a{color:var(--info)}
.statdossier-a:hover{color:var(--bright);text-decoration:underline}




.statcard .statcard-v{margin-left:auto;color:var(--bright);font-size:13px}
.statcard.sk-measure{border-left:2px solid var(--accent)}
.statcard.sk-count{border-left:2px solid var(--hair-hi)}
.statcard.sk-rate{border-left:2px solid var(--info)}
.statcard.sk-time{border-left:2px solid #d09a3c}
.statcard.sk-standing{border-left:2px solid #a98bff}


.statgrp-sub{padding:13px 13px 5px;font-size:9.5px;color:var(--faint);
  letter-spacing:calc(.16em * var(--track));text-transform:var(--caps)}
.statgrp-sub::before{content:"◈ ";color:var(--accent-deep)}
.statfoot{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.statfoot-l{font-size:10.5px;line-height:1.5;color:var(--faint);border-left:1px solid var(--hair);
  padding-left:10px}




.stathist{padding:0 13px 14px}
.stathist-bars{display:flex;align-items:flex-end;gap:2px;height:56px;margin-top:8px}
.stathist-bars.labeled{margin-bottom:16px}
.stathist-c{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;
  align-items:stretch;height:100%;position:relative}
.stathist-b{display:block;width:100%;background:var(--accent);opacity:.8}
.stathist-l{position:absolute;bottom:-14px;left:0;right:0;text-align:center;font-size:8px;
  color:var(--faint);letter-spacing:0}









.stattop{padding:0 13px 12px}
.stattop-l{display:flex;flex-direction:column;gap:1px;margin-top:6px;background:var(--hair)}
.stattop-r{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:2px 10px;
  padding:8px 11px;background:var(--sunk);color:var(--ink);text-decoration:none;min-height:38px}
.stattop-r:hover,.stattop-r:focus-visible{background:var(--panel);outline:none}
.stattop-r:focus-visible .stattop-t{text-decoration:underline}
.stattop-rank{grid-column:1;grid-row:1;font-size:10px;color:var(--faint)}
.stattop-t{grid-column:2;grid-row:1;font-size:12px;color:var(--bright);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.stattop-n{grid-column:3;grid-row:1;justify-self:end;font-family:var(--mono);font-size:13px;
  color:var(--accent)}
.stattop-s{grid-column:2 / -1;grid-row:2;font-size:10px;color:var(--dim);line-height:1.4}
@media(pointer:coarse){.stattop-r{min-height:44px}}

.inv-by{font-size:12px;color:var(--dim);margin-bottom:14px}
.inv-list{display:flex;flex-direction:column;gap:2px}
.inv-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:baseline;gap:12px;
  padding:6px 0;border-bottom:1px solid var(--hair);font-size:12px}
.inv-rank{font-size:10px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps)}
.inv-score{color:var(--ink);font-variant-numeric:tabular-nums}
.inv-joined{color:var(--faint);font-variant-numeric:tabular-nums}
.inv-codes{display:flex;flex-direction:column;gap:2px;margin-top:12px}
.inv-code-row{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:14px;
  padding:6px 0;border-bottom:1px solid var(--hair);font-size:12px}
.inv-code{font-family:var(--mono,ui-monospace,monospace);color:var(--accent);letter-spacing:calc(.06em * var(--track))}
.inv-code-row.used .inv-code{color:var(--faint);text-decoration:line-through}
.inv-code-date{color:var(--faint);font-variant-numeric:tabular-nums}
.inv-code-status{color:var(--dim)}
.inv-code-row.unused .inv-code-status{color:var(--info)}





.inv-code-share{grid-column:1/-1;display:flex;align-items:center;gap:6px;margin:2px 0 3px}
.inv-code-share .inv-link{flex:1 1 auto;width:auto;max-width:340px;min-width:0}
@media(max-width:640px){.inv-row{grid-template-columns:1fr auto;row-gap:2px}.inv-code-row{grid-template-columns:1fr}}


.prof-mod{border:1px solid var(--hair-hi);background:var(--sunk);padding:14px 16px}
.prof-mod-note{font-size:10px;color:var(--info);letter-spacing:calc(.04em * var(--track));margin-bottom:9px}
.prof-mod-liab{font-size:11px;color:var(--dim);margin-bottom:11px}
.prof-mod-liab .warn{color:var(--bad)}
.prof-mod-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.prof-mod-acts .btn.danger{color:var(--bad);border-color:var(--bad)}
.prof-mod-acts .btn.danger:hover{background:var(--bad);color:var(--void)}






@media(max-width:640px){
  
  .prof-plaque{--pb-ban:calc(var(--cos-ban-h-phone) * 1px);grid-template-columns:minmax(0,1fr) 112px;column-gap:10px;padding-bottom:0;border-bottom:0}
  .pb-right{margin-top:-26px;grid-row:2 / span 2}
  .pb-right .crest-box{width:112px}
  .pb-hd{margin-top:-26px;gap:12px}
  .prof-plaque .prof-avatar,.prof-plaque .prof-avatar-bot{width:72px;height:72px}
  .pb-pip{width:24px;height:24px;font-size:11px;left:-9px;top:-9px}
  .pb-wide{display:none}
  .prof-plaque > .plaque-main{margin-top:10px}
  .prof-name{font-size:23px;overflow-wrap:anywhere}
  .pb-ledger .plaque-marks{margin-top:0}
  .pb-right .plaque-scoreval{font-size:24px;letter-spacing:0}
  .pb-right .plaque-stats{flex-direction:column;align-items:center;gap:0;margin-top:4px}
  
  .prof-tabs{margin:10px 0 8px;padding-bottom:6px;
    -webkit-mask:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
}



.tagadd{display:flex;gap:6px;align-items:stretch}















@media(pointer:coarse){ .sh-quicktag .tagadd{gap:10px} }
.tagadd input{flex:1 1 auto;min-width:0}
.tagadd-go{flex:0 0 auto;border:1px solid var(--hair);background:var(--sunk);
  color:var(--accent);cursor:pointer;padding:0 12px;font-size:15px;line-height:1}
.tagadd-go:hover{border-color:var(--accent);color:var(--bright)}
.tagadd-go:disabled{opacity:.5;cursor:default}


.votewidget-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;margin:12px 0 4px}
.votewidget{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--hair);
  background:var(--panel);padding:6px 14px}
.pv{border:1px solid var(--hair);background:none;cursor:pointer;color:var(--faint);
  font-size:14px;line-height:1;padding:3px 9px}
.pv:disabled{opacity:.5;cursor:default}
.pv.up:hover:not(:disabled),.pv.up.on{color:var(--good);border-color:var(--good)}
.pv.down:hover:not(:disabled),.pv.down.on{color:var(--bad);border-color:var(--bad)}
.pv-net{font-variant-numeric:tabular-nums;min-width:2.2em;text-align:center;color:var(--ink);font-size:14px}


.comments{border:1px solid var(--hair);background:var(--panel);padding:14px 16px;margin:0 0 24px}
.comments h3{font-size:11px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:var(--dim);margin-bottom:10px}
.comments .cc-count{color:var(--faint)}

.cform{display:flex;gap:6px;align-items:flex-start;position:relative}

.ac.up{top:auto;bottom:100%}
.cinput{flex:1 1 auto;min-width:0;resize:vertical;font-size:13px}
.cbtn.send{flex:0 0 auto;border:1px solid var(--hair);background:var(--sunk);color:var(--accent);
  cursor:pointer;padding:0 13px;font-size:15px;align-self:stretch}
.cbtn.send:hover{border-color:var(--accent);color:var(--bright)}
.cbtn.send:disabled{opacity:.5;cursor:default}
.cbtn.embed{flex:0 0 auto;border:1px solid var(--hair);background:var(--sunk);color:var(--dim);
  cursor:pointer;padding:0 11px;font-size:13px;align-self:stretch}
.cbtn.embed:hover{border-color:var(--accent);color:var(--accent)}













:root{--emb-prev-h:min(150px,18vh);--emb-card-h:min(220px,26vh)}
.cembed-chip{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:6px;padding:5px 8px 8px;
  border:1px solid var(--hair-hi);border-radius:6px;background:var(--sunk);font-size:11px;color:var(--dim)}

.cembed-row{display:flex;align-items:center;gap:8px;min-height:22px}
.cembed-thumb{align-self:center;height:var(--emb-prev-h);width:auto;max-width:100%;
  object-fit:contain;border-radius:3px;flex:0 0 auto;background:var(--void)}
.cembed-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cembed-remove{position:relative;flex:0 0 auto;background:none;border:0;color:var(--faint);cursor:pointer;font-size:12px;padding:2px 4px}
.cembed-remove:hover{color:var(--bad)}






.cembed-card{display:inline-flex;flex-direction:column;position:relative;margin-top:8px;max-width:100%}
.cembed-media{display:block;position:relative;border-radius:10px;overflow:hidden}
.cembed-card img,.cembed-card .cembed-video{display:block;height:var(--emb-card-h);width:auto;max-width:100%;object-fit:contain;border-radius:10px}
.cembed-badge{position:absolute;top:5px;right:5px;font-size:9px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps);
  padding:2px 5px;border-radius:3px;background:rgba(9,10,12,.74);color:var(--accent)}



.cembed-title{display:block;width:0;min-width:100%;padding:4px 2px 0;font-size:11px;color:var(--dim);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cformbox{margin:0 0 12px}

.creplystrip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;padding:0 4px 0 10px;
  background:color-mix(in srgb,var(--accent) 14%,var(--panel));box-shadow:inset 3px 0 0 var(--accent)}
.creplystrip-t{min-width:0;font-family:var(--ui);font-size:13px;font-weight:600;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creplystrip-x{background:none;border:0;color:var(--bright);font:inherit;font-family:var(--ui);font-size:16px;min-width:44px;min-height:44px;cursor:pointer}
.cmsg{min-height:0}
.commentlist{display:flex;flex-direction:column;gap:12px}
.comment{display:flex;gap:10px;align-items:flex-start}
.comment.reply{margin-left:6px}
.comment.removed .ctext{color:var(--faint);font-style:italic}
.cvote{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto}
.cvote .pv{position:relative;padding:1px 5px;font-size:11px}
.cvote .pv-net{min-width:1.6em;font-size:12px}
.cmain{flex:1 1 auto;min-width:0}
.cmeta{font-size:11px;color:var(--dim);margin-bottom:3px;display:flex;align-items:center;gap:2px}
.cmeta .cauthor.dim{color:var(--faint)}
.cmeta .cyou{color:var(--faint)}
.ctext{font-size:13px;color:var(--ink);white-space:pre-wrap;word-break:break-word;line-height:1.45}
.cactions{display:flex;gap:12px;margin-top:5px}
.clink{position:relative;background:none;border:none;color:var(--faint);cursor:pointer;font-size:10.5px;
  letter-spacing:calc(.08em * var(--track));text-transform:lowercase;padding:0}
.clink:hover{color:var(--accent)}
.clink.danger:hover{color:var(--bad)}
.clink:disabled{opacity:.6;cursor:default}













































@media(pointer:coarse){
  .clink::after,.cembed-remove::after{content:"";position:absolute;left:0;right:0;bottom:0;
    height:var(--tap-min)}
  .cvote .pv::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:34px}
}
.creplies{margin-top:10px;padding-left:12px;border-left:1px solid var(--hair);
  display:flex;flex-direction:column;gap:10px}
.cempty{color:var(--faint)}
@media(max-width:820px){.comments{padding:12px}}







.cmain,.ctext,.cmeta{overflow-wrap:anywhere}
.cmeta{flex-wrap:wrap;min-width:0}
.cactions{flex-wrap:wrap}
.creplyto{display:inline-block;font-size:10.5px;color:var(--faint);text-decoration:none;margin:0 0 3px}
.creplyto:hover{color:var(--accent)}
.creplyto-who{color:var(--dim)}
@media(max-width:820px){
  .commentlist .comment{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;
    row-gap:0;align-items:start}
  .commentlist .comment>.cmain{display:contents}
  .commentlist .comment>.cmain>*{grid-column:1/-1;min-width:0}
  .commentlist .comment>.cvote{grid-column:1;grid-row:1;flex-direction:row;align-self:center;gap:3px}
  .commentlist .comment>.cmain>.cmeta{grid-column:2;grid-row:1;align-self:center;margin-bottom:0;
    min-height:22px}
  .commentlist .comment>.cmain>.ctext{margin-top:4px}
  .commentlist .comment.reply{margin-left:0}
  .commentlist .creplies{padding-left:10px}
}











.prof-trust { display: flex; flex-direction: column; gap: 14px; padding: 4px 0; }
.ptrust-head { display: flex; flex-direction: column; gap: 8px; }
.ptrust-now { font-size: 30px; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.ptrust-nowrow { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ptrust-nowrow .stp-badge { font-size: 11px; padding: 3px 10px 3px 7px; }

.ptrust-stampline { font-size: 12px; line-height: 1.5; color: var(--ink);
  padding-left: 9px; border-left: 2px solid var(--stp-c, var(--hair-hi)); }







.ptrust-upload { border: 1px solid var(--hair); background: var(--raised); padding: 10px 12px;
  display: grid; gap: 3px; }
.ptrust-uplbl { font-size: 9.5px; letter-spacing: calc(.14em * var(--track)); text-transform: var(--caps);
  color: var(--accent); }
.ptrust-upnow { font-size: 13px; color: var(--ink); }
.ptrust-upnow b { font-size: 20px; font-weight: 600; color: var(--bright); margin-left: 2px; }
.ptrust-uphow { font-size: 11.5px; line-height: 1.5; color: var(--dim); }









.prof-trust { --ladder-h: 540px; --wire: 30px; }
.ptrust-ladder { display: flex; align-items: flex-start; gap: var(--wire); margin: 6px 0 4px; }



.ptrust-bar { position: relative; flex: 0 0 54px; min-width: 54px; height: var(--ladder-h);
  background: var(--sunk); border: 1px solid var(--hair-hi); box-shadow: inset 0 0 0 3px var(--void); }

.ptrust-tick { position: absolute; left: 0; width: 7px; border-top: 1px solid var(--hair-hi);
  transform: translateY(50%); z-index: 3; }
.ptrust-tick.major { width: 12px; border-top-color: var(--dim); }
.ptrust-tick > b { position: absolute; left: 9px; top: -0.62em; font-weight: 500; font-size: 9px;
  color: var(--dim); text-shadow: 0 0 3px var(--void), 0 0 3px var(--void); }
.ptrust-tick.major > b { left: 14px; }

.ptrust-fill { position: absolute; left: 3px; right: 3px; bottom: 3px; display: block; max-height: calc(100% - 6px);
  background: linear-gradient(0deg, color-mix(in srgb, var(--accent) 80%, var(--void)), var(--good)); opacity: .9; }


.ptrust-zone { position: absolute; left: 3px; right: 3px; z-index: 1; pointer-events: none; }
.ptrust-zone.is-floor { background: color-mix(in srgb, var(--stp-c) 20%, transparent); }


.ptrust-zone.is-ceiling { background: repeating-linear-gradient(-45deg,
  var(--stp-c) 0 2px, transparent 2px 7px); opacity: .55; }

.ptrust-line { position: absolute; left: 0; right: -6px; height: 0; transform: translateY(50%);
  border-top: 1px dashed var(--dim); z-index: 2; }
.ptrust-line.past { border-top: 1px solid var(--good); }
.ptrust-l-limit { border-top: 1px dotted var(--info); }
.ptrust-l-floor, .ptrust-l-ceiling { border-top: 3px solid var(--stp-c, var(--accent)); }

.ptrust-pin { position: absolute; left: 50%; top: -1px; transform: translate(-50%, -50%);
  width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: var(--void); border: 1px solid var(--stp-c, var(--accent)); color: var(--stp-c, var(--accent)); }
.ptrust-pin .sg { margin: 0; width: 15px; height: 15px; }
.ptrust-pin .sg svg { width: 15px; height: 15px; }

.ptrust-here { position: absolute; left: -4px; right: -8px; height: 0; transform: translateY(50%);
  border-top: 2px solid var(--bright); z-index: 4; }
.ptrust-here::after { content: ''; position: absolute; right: -1px; top: -6px;
  border: 5px solid transparent; border-right-color: var(--bright); border-left: 0; }

.ptrust-marks { position: relative; flex: 1 1 auto; min-width: 0; min-height: var(--ladder-h); }








.ptrust-bars { display: flex; align-items: flex-start; gap: 6px; flex: 0 0 auto; padding-bottom: 104px; }
.ptrust-ladder.has-day .ptrust-marks { --wire: calc(30px + 6px + 30px); }
.ptrust-day { position: relative; flex: 0 0 30px; min-width: 30px; height: var(--ladder-h); cursor: pointer; z-index: 5; }
.ptrust-day:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ptrust-daybar { position: absolute; inset: 0; background: var(--sunk); border: 1px solid var(--hair-hi);
  box-shadow: inset 0 0 0 2px var(--void); overflow: hidden; }
.ptrust-dayzero { position: absolute; left: 0; right: 0; bottom: 50%; height: 0; border-top: 1px solid var(--dim); z-index: 2; }
.ptrust-daytick { position: absolute; left: 0; right: 0; height: 0; transform: translateY(50%);
  border-top: 1px dashed var(--accent); z-index: 2; }
.ptrust-daytick > b { position: absolute; left: 2px; bottom: 2px; font-size: 11px; font-weight: 500; line-height: 1;
  color: var(--accent); text-shadow: 0 0 3px var(--void), 0 0 3px var(--void); }
.ptrust-daytick:last-of-type > b { bottom: auto; top: 3px; }
.ptrust-dayname { position: absolute; top: 4px; left: 0; right: 0; text-align: center; font-size: 11px; line-height: 1;
  letter-spacing: calc(.06em * var(--track)); text-transform: var(--caps); color: var(--accent); z-index: 3; }
.ptrust-dayfill { position: absolute; left: 3px; right: 9px; display: block; z-index: 1; }
.ptrust-dayfill.up { background: var(--good); }
.ptrust-dayfill.down { background: var(--bad); }
.ptrust-dayexempt { position: absolute; right: 2px; width: 6px; display: block; z-index: 1;
  background: repeating-linear-gradient(-45deg, var(--bright) 0 1.5px, transparent 1.5px 4px);
  outline: 1px solid color-mix(in srgb, var(--bright) 60%, transparent); }
.ptrust-dayexempt.down { background: repeating-linear-gradient(-45deg, var(--bad) 0 1.5px, transparent 1.5px 4px);
  outline-color: color-mix(in srgb, var(--bad) 70%, transparent); }
.ptrust-day.capped .ptrust-daybar { border-color: var(--accent); }
.ptrust-dayread { position: absolute; top: calc(100% + 6px); right: 0; width: 90px; display: flex; flex-direction: column;
  align-items: flex-end; gap: 1px; font-size: 11px; line-height: 1.3; color: var(--dim); text-align: right; }
.ptrust-daylbl { font-size: 11px; letter-spacing: calc(.12em * var(--track)); text-transform: var(--caps); color: var(--accent); }
.ptrust-daynow { font-size: 13px; font-weight: 600; color: var(--ink); }
.ptrust-daynow.good { color: var(--good); }
.ptrust-daynow.bad { color: var(--bad); }
.ptrust-daycap { font-size: 11px; letter-spacing: calc(.12em * var(--track)); text-transform: var(--caps);
  padding: 0 5px; background: var(--accent); color: var(--void); }
.ptrust-dayex { color: var(--bright); }

.ptrust-day::after { content: attr(data-tip); display: none; position: absolute; top: calc(100% + 104px); left: -60px;
  width: max-content; max-width: min(260px, calc(100vw - 32px)); white-space: normal; text-align: left;
  background: var(--void); border: 1px solid var(--hair-hi); color: var(--ink); font-size: 11.5px; line-height: 1.45;
  padding: 7px 9px; z-index: var(--z-tooltip); pointer-events: none; }
.ptrust-day.tipon::after { display: block; }
@media (hover: hover) { .ptrust-day:hover::after { display: block; } }


.ptrust-mark { position: absolute; left: 0; right: 0; padding: 0 0 0 9px;
  border-left: 2px solid var(--mk, var(--hair-hi)); }
.ptrust-wire { position: absolute; right: 100%; top: 10px; height: 0; border-top: 1px solid var(--mk, var(--hair-hi));
  transform-origin: 100% 50%; opacity: .8; pointer-events: none; }
.ptrust-mtop { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; min-height: 20px; }
.ptrust-mtop .sg { margin: 0; width: 15px; height: 15px; color: var(--mk); }
.ptrust-mtop .sg svg { width: 15px; height: 15px; }
.ptrust-mpct { font-size: 14px; font-weight: 600; color: var(--mk, var(--ink)); }
.ptrust-mtag { font-size: 9px; letter-spacing: calc(.14em * var(--track)); text-transform: var(--caps);
  padding: 1px 6px; border: 1px solid color-mix(in srgb, var(--mk, var(--dim)) 60%, transparent); color: var(--mk, var(--dim)); }
.ptrust-mwhat { display: block; margin-top: 2px; font-size: 12px; line-height: 1.4; color: var(--ink); }
.ptrust-perm { --mk: var(--dim); }
.ptrust-perm.past { --mk: var(--good); }
.ptrust-perm:not(.past) .ptrust-mwhat { color: var(--dim); }
.ptrust-limit { --mk: var(--info); }
.ptrust-floor, .ptrust-ceiling { --mk: var(--stp-c, var(--accent)); }
.ptrust-you { --mk: var(--bright); }



.ptrust-earnline { font-size: 12px; line-height: 1.5; color: var(--ink); padding-left: 9px;
  border-left: 2px dashed var(--stp-c, var(--hair-hi)); }
.ptrust-earned { --mk: color-mix(in srgb, var(--bright) 70%, var(--dim)); }
.ptrust-l-earned { border-top: 2px dashed var(--bright); z-index: 4; }
.ptrust-l-earned .ptrust-pin { width: 14px; height: 14px; border-color: var(--bright);
  background: radial-gradient(circle, var(--bright) 0 3px, var(--void) 3.5px); }
.ptrust-gap { position: absolute; left: 12px; right: 12px; z-index: 2; pointer-events: none;
  border-left: 1px dashed var(--bright); border-right: 1px dashed var(--bright); }
.ptrust-gap::before { content: ''; position: absolute; inset: 0; opacity: .18;
  background: repeating-linear-gradient(0deg, var(--bright) 0 1px, transparent 1px 6px); }
.ptrust-you .ptrust-mpct { font-size: 17px; }
.ptrust-you .ptrust-mtag { background: var(--bright); color: var(--void); border-color: var(--bright); }
.ptrust-next { font-size: 12.5px; color: var(--ink); }

.ptrust-leave { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 8px 10px;
  border: 1px solid var(--hair); border-left: 3px solid var(--stp-c, var(--hair-hi)); }
.ptrust-leaveline { font-size: 12.5px; line-height: 1.5; color: var(--ink); }
.ptrust-leavenote { font-size: 12px; line-height: 1.5; color: var(--dim); }
.ptrust-ask { min-height: 44px; }

.ptrust-doors { font-size: 12.5px; line-height: 1.5; color: var(--dim); }
.ptrust-rows, .ptrust-earn { display: flex; flex-direction: column; gap: 2px; }
.ptrust-earnhead { text-transform: var(--caps); letter-spacing: calc(.12em * var(--track)); font-size: 9.5px; }
.ptrust-row { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: baseline;
  padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.04); font-size: 12px; }
.ptrust-row:last-child { border-bottom: 0; }
.ptrust-what { color: var(--dim); min-width: 0; }
.ptrust-n { color: var(--faint); font-size: 11px; }
.ptrust-d { color: var(--ink); min-width: 4.5rem; text-align: right; }
.ptrust-row.good .ptrust-d { color: var(--good); }
.ptrust-row.bad .ptrust-d { color: var(--bad); }
.ptrust-sum { font-variant-numeric: tabular-nums; }

.ptrust-heldrow .ptrust-d, .ptrust-heldrow .ptrust-n { color: var(--accent); }
.ptrust-capline { font-size: 11.5px; padding: 2px 0 4px; color: var(--ink); }


a.ptrust-row.ptrust-door { color: inherit; text-decoration: none; cursor: pointer; }
.ptrust-door .ptrust-go { color: var(--bad); white-space: nowrap; }
.ptrust-door:hover .ptrust-what, .ptrust-door:focus-visible .ptrust-what { color: var(--bright); }
@media (pointer: coarse) { a.ptrust-row.ptrust-door { position: relative; }
  a.ptrust-row.ptrust-door::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: var(--tap-min); } }




.prof-plaque .prof-avatar[role="button"]{cursor:pointer}
.prof-plaque .prof-avatar[role="button"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.modal-card.pfp-modal h2::before{content:"◩ "}
.modal-card.pfp-modal .modal-acts{flex-wrap:wrap}
.modal-card.pfp-modal .modal-acts .yes{flex:1 0 100%;order:-1}
.modal-card.pfp-modal .pfp-modal-msg:empty{display:none}
.pns-u-pfpsay{margin:10px 0 0}


@media(max-width:640px){
  .pb-acts{gap:4px;flex-wrap:wrap}
  .pb-acts .pns-u-acts{gap:4px}
  .pns-u .pb-acts .pns-u-act{padding:0 4px;gap:0}
  .pb-acts .pns-u-act > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .pb-acts .pb-timeline{flex:0 0 96px;padding:0 4px}
  .pb-acts .pb-edit{flex:1 1 0}
}

/* ⟦web/app-feeds.css⟧ */





















.post{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:20px;padding:16px 0}






@media(max-width:820px){.post{grid-template-columns:minmax(0,1fr)}}
.post>*{min-width:0}





















.post>.postcomments{grid-column:1;grid-row:2;min-width:0}
@media(min-width:821px){
  .post{grid-template-rows:min-content 1fr}
  .post>.ctl:not(.postcomments){grid-column:2;grid-row:1 / span 2}
}


@media(max-width:820px){.post>.postcomments{grid-column:1;grid-row:auto}}





.post>.postcomments>.sec{border:0;background:none}
.post>.postcomments .sh{padding-left:0;padding-right:0}
.post>.postcomments .inner{padding-left:0;padding-right:0}
.postmain{min-width:0}
.stagewrap{min-width:0}
.stagehint{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.stagehint .sh-text{margin:0}
.stagehint .sh-badge{font-size:10px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);color:var(--accent);
  border:1px solid var(--accent-deep);padding:1px 6px;white-space:nowrap}
.ctl{display:flex;flex-direction:column;gap:10px}


.actionbarwrap{margin-top:12px}
.actionbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.actionbar .barmsg,.barmsg{min-height:1em;margin:6px 0 0}
.vote{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hair-hi);
  background:var(--panel);padding:4px 8px}
.vote .vbtn{position:relative;border:0;background:none;color:var(--faint);font-size:15px;line-height:1;padding:2px 4px;cursor:pointer}











@media(pointer:coarse){
  .vote .vbtn::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
}
.vote .vbtn:hover:not(:disabled){color:var(--ink)}
.vote .vbtn:disabled{opacity:.5;cursor:default}
.vote .vbtn.up.on{color:var(--lit-keep,var(--good))} .vote .vbtn.down.on{color:var(--bad)}
.vote .vnet{color:var(--ink);font-weight:600;min-width:2.2em;text-align:center}
.act{display:inline-flex;align-items:center;gap:6px;justify-content:center;
  background:var(--panel);border:1px solid var(--hair-hi);color:var(--dim);
  height:32px;min-width:34px;padding:0 10px;cursor:pointer;font-size:14px}
.act:hover{border-color:var(--accent-deep);color:var(--ink)}
.act .g{font-size:15px;line-height:1}
.act .c{color:var(--faint);font-size:12px}
.act.push{margin-left:auto}


.act.fav.on{border-color:var(--accent);color:var(--accent)}
.act.fav.on .g,.act.fav.on .c{color:var(--accent)}


.ovwrap{position:relative;display:inline-flex}
.ovwrap.push{margin-left:auto} 




.ui-menu{position:fixed;left:0;top:0;z-index:var(--z-sheet);display:none;flex-direction:column;
  min-width:200px;max-width:calc(100vw - 16px);background:var(--sunk);border:1px solid var(--hair-hi);padding:4px;
  box-shadow:0 8px 24px rgba(0,0,0,.7);overflow-y:auto;overscroll-behavior:contain}
.ui-menu.ui-open{display:flex}
.ui-mi .ui-mi-g svg{width:16px;height:16px;display:block;margin:0 auto}
.ui-mi{display:flex;align-items:center;gap:9px;text-align:left;background:none;border:0;
  color:var(--dim);font-size:12.5px;padding:8px 9px;cursor:pointer}
.ui-mi:hover,.ui-mi:focus-visible{background:var(--panel);color:var(--ink)}
.ui-mi:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}

a.ui-mi{text-decoration:none}
.ui-mi.disabled{opacity:.45;cursor:default}
.ui-mi.disabled:hover{background:none;color:var(--dim)}
.ui-mi .ui-mi-sub{margin-left:auto;color:var(--faint)}









@media(pointer:coarse){ .ui-mi{min-height:var(--tap-min)} }
.ui-mi .ui-mi-g{color:var(--faint);width:16px;text-align:center;flex:0 0 auto}
.ui-mi.danger{color:var(--bad)} .ui-mi.danger:hover{background:#2a1614;color:var(--bad)}


.mii{width:16px;height:16px;flex:none;display:inline-block;vertical-align:-3px}
.act .g svg,.sbr-n svg,.hc-save svg,.cbtn.embed svg{width:16px;height:16px;display:block;margin:0 auto}
.act>svg.mii,.hc-act>svg.mii{width:16px;height:16px;display:block;margin:0 auto}
.ov-btn .ov-i{width:20px;height:20px;display:block;margin:0 auto}
.ov-btn .ov-v{transform:rotate(90deg)}
.sbmglyph svg{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:3px}
.ui-mi-div{height:1px;background:var(--hair);margin:4px 2px}

.ui-menu-scrim{position:fixed;inset:0;z-index:var(--z-sheet);background:rgba(0,0,0,.5)}
.ui-menu.ui-sheet{left:0 !important;right:0;top:auto !important;bottom:0;max-width:none;max-height:80vh !important;
  z-index:calc(var(--z-sheet) + 1);padding-bottom:max(4px,env(safe-area-inset-bottom))}


.metastrip{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--hair);background:var(--panel);padding:9px 10px}
.metastrip .mi{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dim);position:relative;padding:2px}
.metastrip .mi-g{color:var(--faint);font-size:13px}
.metastrip .mi-g svg{width:14px;height:14px;display:block}
.metastrip .mi-g.ok{color:var(--good)}
.metastrip .mi-v{color:var(--ink);font-weight:500}
.metastrip .mi-t{color:var(--dim)}
.metastrip .mi .ulink{color:var(--ink)}


.metastrip .mi{min-width:0;max-width:100%}
.metastrip .mi .ulink{min-width:0;overflow-wrap:anywhere}
.metastrip .mi:hover{color:var(--ink)}
.metastrip .mi[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:0;
  white-space:nowrap;background:var(--void);border:1px solid var(--hair-hi);color:var(--dim);
  font-size:10px;letter-spacing:calc(.06em * var(--track));padding:3px 6px;z-index:var(--z-tooltip);text-transform:var(--caps)}


.ctl .sec{border:1px solid var(--hair);background:var(--panel);overflow:hidden}
.ctl .sh{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;color:var(--dim);
  font-size:11px;letter-spacing:calc(.15em * var(--track));text-transform:var(--caps);padding:11px 12px;cursor:pointer;text-align:left}
.ctl .sh:hover{color:var(--ink)}
.ctl .sh .tri{color:var(--faint);font-size:10px;transition:transform .18s ease;width:9px;flex:0 0 auto}
.ctl .sec.open .sh .tri{transform:rotate(90deg);color:var(--accent)}
.ctl .sh .name{flex:1}
.ctl .sh .cnt{color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:calc(.04em * var(--track));text-transform:none}
.ctl .sh .cnt b{color:var(--accent);font-weight:600}
.ctl .sec .body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}
.ctl .sec.open .body{grid-template-rows:1fr}
.ctl .sec .body>div{overflow:hidden;min-height:0}










.ctl .sec.open{overflow:visible;transition:overflow 0s .2s}
.ctl .sec.open .body>div{overflow:visible;transition:overflow 0s .2s}
.ctl .sec .inner{padding:2px 12px 13px}
.ctl .kv{font-size:12px;color:var(--dim);display:flex;flex-direction:column;gap:4px}
.ctl .kv b{color:var(--ink);font-weight:600}






.ctl .ptx{display:flex;flex-direction:column;gap:3px;margin-top:4px;padding-top:6px;border-top:1px solid var(--hair)}
.ctl .ptx-head{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px}
.ctl .ptx-src{font-size:11px;color:var(--faint)}
.ctl .ptx-act{margin-left:auto}
.ctl .ptx-act[hidden]{display:none}   
.ctl .ptx-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);line-height:1.45}
.ctl .ptx-body.none{color:var(--faint)}
.ctl .ptx-body[hidden]{display:none}
.ctl .ptx-ta{width:100%;box-sizing:border-box;min-height:96px;font:inherit;font-size:16px;line-height:1.4;resize:vertical}
.ctl .ptx-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.ctl .pmu-in{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:6px 8px}
.ctl .pmu-t{font-weight:600}



.simgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}





.simhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.simhead .famroot{font-size:11px;color:var(--faint)}
a.gen-open{display:inline-block;text-decoration:none}
.collgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:12px}
.collcell{position:relative}
.collcell-rm{position:absolute;top:6px;right:6px;font-size:9px;padding:3px 7px;
  background:var(--panel);border-color:var(--hair-hi)}


.ctl .tagzones .tz{margin:0}
.ctl .tagzones .tz.suggested{margin-top:9px} .ctl .tagzones .tz.addzone{margin-top:9px}
.ctl .taglist{display:flex;flex-wrap:wrap;gap:6px}
.ctl .tag{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--hair-hi);
  background:var(--raised);padding:3px 6px 3px 8px;font-size:12.5px;color:var(--accent);letter-spacing:0}


.ctl .tag .nm{color:inherit}



.ctl .tag.ai{border-style:dashed}

.ctl .tag.ai .aidot{color:var(--faint)}
.ctl .tag.community{border-style:solid;border-color:var(--hair-hi)}
.ctl .tag.community .nm{color:#c98ce0}
.ctl .tag .tnet{color:var(--dim);font-size:11px;font-variant-numeric:tabular-nums}
.ctl .tag .ok{color:var(--faint);cursor:pointer;padding:0 1px} .ctl .tag .ok:hover{color:var(--good)}
.ctl .tag .x{color:var(--faint);cursor:pointer;padding:0 1px} .ctl .tag .x:hover{color:var(--bad)}
.ctl .tag .tv{display:inline-flex;align-items:center;gap:2px;border-left:1px solid var(--hair-hi);padding-left:5px;margin-left:2px}
.ctl .tag .tv button{background:none;border:0;color:var(--faint);cursor:pointer;font-size:11px;padding:0 1px;line-height:1}
.ctl .tag .tv button:hover{color:var(--ink)}

.ctl .tag .tv button.yes.on:not([class*=" mv-"]){color:var(--vote-up);background:color-mix(in srgb, var(--vote-up) 28%, transparent);box-shadow:inset 0 2px 0 var(--vote-up)}
.ctl .tag .tv button.no.on:not([class*=" mv-"]){color:var(--vote-dn);background:color-mix(in srgb, var(--vote-dn) 28%, transparent);box-shadow:inset 0 -2px 0 var(--vote-dn)}
.ctl .tag .verdicts{display:inline-flex;gap:2px;margin-left:2px}
.ctl .tag .verdicts button{background:none;border:0;color:var(--faint);cursor:pointer;font-size:11px;padding:0 1px}
.ctl .tag .verdicts button.reinforce:hover{color:var(--good)}
.ctl .tag .verdicts button.disapprove:hover{color:var(--bad)}
.ctl .tag .verdicts button.punish:hover{color:var(--accent)}
.ctl .confirmall{margin-top:9px}
.ctl .tz-h{font-size:9px;letter-spacing:calc(.2em * var(--track));text-transform:var(--caps);color:var(--faint);margin-bottom:6px}
.ctl .tz-h::before{content:"◈ ";color:var(--accent-deep)}
.ctl .sugrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0;font-size:12px}
.ctl .sugrow .sugname{color:var(--ink)}
.ctl .sugrow .sugnet{color:var(--dim);font-variant-numeric:tabular-nums}
.ctl .sugrow .sugby{color:var(--faint);font-size:11px}
.ctl .sugrow .votes button{background:none;border:1px solid var(--hair-hi);color:var(--faint);cursor:pointer;font-size:11px;padding:1px 5px}
.ctl .sugrow .votes button.yes.on{color:var(--good);border-color:var(--good)}
.ctl .sugrow .votes button.no.on{color:var(--bad);border-color:var(--bad)}
.ctl .addtag{display:flex;margin-top:0;border:1px solid var(--hair-hi);background:var(--sunk);position:relative}
.ctl .addtag input{flex:1;background:none;border:0;font-size:12.5px;padding:6px 9px}
.ctl .addtag input:focus{border:0;outline:none}
.ctl .addtag .tagadd-go{flex:0 0 auto;background:var(--raised);border:0;border-left:1px solid var(--hair-hi);
  color:var(--accent);width:34px;cursor:pointer;font-size:15px;padding:0}
.ctl .addtag .tagadd-go:hover{background:var(--hair);color:var(--bright)}


.ctl .famroot{font-size:11px;color:var(--faint);margin-bottom:6px}


.ctl .comments-body .commentlist{display:flex;flex-direction:column;gap:12px}
.ctl .comments-body .cformbox{margin-top:12px}
.ctl .comments-body .cform{display:flex;gap:6px;align-items:flex-start;border:1px solid var(--hair-hi);background:var(--sunk)}
.ctl .comments-body .cinput{flex:1 1 auto;min-width:0;resize:vertical;font-size:12.5px;border:0;background:none;padding:8px 10px}
.ctl .comments-body .cinput:focus{outline:none;border:0}
.ctl .comments-body .cbtn.send{flex:0 0 auto;border:0;border-left:1px solid var(--hair-hi);background:var(--raised);
  color:var(--accent);width:36px;align-self:stretch;cursor:pointer;font-size:16px}
.ctl .comments-body .cbtn.send:hover{color:var(--bright);background:var(--hair)}


.ctl .prov{display:flex;flex-direction:column;gap:6px;font-size:12px}
.ctl .prov .r{display:flex;gap:10px}
.ctl .prov .k{color:var(--faint);width:64px;flex:0 0 auto;text-transform:var(--caps);letter-spacing:calc(.06em * var(--track));font-size:10px;padding-top:1px}
.ctl .prov .v{color:var(--ink)}
.ctl .prov a{color:var(--accent)}

@media(prefers-reduced-motion:reduce){
  .ctl .sec .body{transition:none}
  .ctl .sh .tri{transition:none}
}
@media(max-width:820px){
  .post{gap:14px}
  .actionbar{gap:6px}
}









.galaxy-wrap{margin:0}
.galaxy-stage{position:fixed;left:0;right:0;bottom:0;top:var(--rail-clear,64px);
  overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.galaxy-canvas{position:absolute;inset:0;display:block;touch-action:none;cursor:grab}
.galaxy-canvas:active{cursor:grabbing}





.galaxy-hud{position:absolute;top:12px;left:14px;right:14px;z-index:2;display:flex;align-items:center;
  gap:10px;flex-wrap:wrap;pointer-events:none}
.galaxy-hud-line{font-size:10.5px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  color:var(--dim);background:rgba(10,11,13,.5);border:1px solid var(--hair);
  padding:4px 9px;backdrop-filter:blur(2px)}
.galaxy-hud-btn{pointer-events:auto;border:1px solid var(--hair-hi);color:var(--accent);
  background:rgba(10,11,13,.55);padding:4px 10px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);
  font-size:10px;cursor:pointer;backdrop-filter:blur(2px)}
.galaxy-hud-btn:hover{color:var(--bright);border-color:var(--accent)}


.galaxy-card{position:absolute;z-index:3;width:150px;pointer-events:none;
  background:rgba(12,14,18,.94);border:1px solid var(--hair-hi);
  box-shadow:0 6px 24px rgba(0,0,0,.55),0 0 18px rgba(237,167,51,.12);padding:6px}
.galaxy-card-thumb{display:block;width:100%;height:110px;object-fit:cover;background:var(--sunk)}
.galaxy-card-cap{margin-top:5px;font-size:11px;line-height:1.35;color:var(--ink);
  max-height:2.7em;overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}


.galaxy-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  max-width:420px;text-align:center;color:var(--dim);font-size:12.5px;line-height:1.6;
  letter-spacing:calc(.02em * var(--track));padding:0 20px}


.galaxy-hud{align-items:flex-start}
.galaxy-tagctl{position:relative;pointer-events:auto}
.galaxy-tagin{width:150px;font-size:11px;padding:4px 8px;background:rgba(10,11,13,.6);
  border:1px solid var(--hair-hi);color:var(--ink);letter-spacing:calc(.06em * var(--track));
  backdrop-filter:blur(2px)}
.galaxy-tagin::placeholder{color:var(--faint);letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);font-size:10px}
.galaxy-tagin:focus{border-color:var(--accent);outline:none}
.galaxy-sugg{position:absolute;top:calc(100% + 3px);left:0;min-width:150px;max-height:220px;
  overflow-y:auto;z-index:5;background:rgba(12,14,18,.97);border:1px solid var(--hair-hi);
  box-shadow:0 8px 24px rgba(0,0,0,.6)}
.galaxy-sugg-item{display:flex;justify-content:space-between;gap:10px;padding:5px 9px;
  font-size:11px;color:var(--ink);cursor:pointer;letter-spacing:calc(.04em * var(--track))}
.galaxy-sugg-item:hover,.galaxy-sugg-item.on{background:var(--raised);color:var(--bright)}
.galaxy-sugg-c{color:var(--faint);font-variant-numeric:tabular-nums}

.galaxy-legend{display:flex;gap:6px;flex-wrap:wrap;pointer-events:auto;max-width:60vw}
.galaxy-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 7px;
  background:rgba(10,11,13,.6);border:1px solid var(--hair-hi);font-size:11px;
  color:var(--ink);letter-spacing:calc(.03em * var(--track));backdrop-filter:blur(2px)}
.galaxy-chip-sw{width:9px;height:9px;border-radius:50%;box-shadow:0 0 6px currentColor;flex:0 0 auto}
.galaxy-chip-nm{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.galaxy-chip-x{background:none;border:none;color:var(--dim);cursor:pointer;font-size:14px;
  line-height:1;padding:0 0 0 2px}
.galaxy-chip-x:hover{color:var(--accent)}






.queuewrap{max-width:760px;padding-bottom:132px}   
.qtop{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 0 6px;border-bottom:1px solid var(--hair);margin-bottom:12px}




























.qback{display:inline-flex;align-items:center;position:relative;min-height:26px;
  padding:0 10px;border:1px solid var(--hair);
  font-size:11px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--dim)}
.qback:hover{color:var(--accent);border-color:var(--hair-hi)}



@media(pointer:coarse){
  .qback::after{content:"";position:absolute;left:0;right:0;top:50%;
    transform:translateY(-50%);height:var(--tap-min)}
}
.qprogress{font-size:11px;letter-spacing:calc(.06em * var(--track));text-transform:var(--caps);color:var(--faint);
  font-variant-numeric:tabular-nums}
.qprogress .qbacklog{color:var(--dim)}
.qloading{color:var(--faint);padding:40px 0}

.qstage{position:relative;background:var(--sunk);border:1px solid var(--hair);
  display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:120px}
.qstage .qimg,.qstage .qvideo{max-height:70vh;width:auto;margin:0 auto;object-fit:contain}
.qtiled{width:100%;margin:0 auto;background:var(--sunk)}
.qtiled img{display:block;width:100%}

.qstage.nsfw-veiled>.qimg,.qstage.nsfw-veiled>.qvideo,.qstage.nsfw-veiled>.qtiled{
  filter:blur(38px);transform:scale(1.03)}

.qmeta{margin:12px 0 4px}
.qtitle{color:var(--bright);font-size:15px;line-height:1.35;margin-bottom:4px}
.qby{font-size:12px;color:var(--dim)}
.qby .qage{color:var(--faint)}
.qby .qopen{font-size:11px;text-transform:var(--caps);letter-spacing:calc(.08em * var(--track))}


.qby .qfav{background:none;border:0;cursor:pointer;color:var(--dim);font-size:11px;
  text-transform:var(--caps);letter-spacing:calc(.08em * var(--track));padding:0;font-family:inherit}
.qby .qfav:hover{color:var(--ink)}


.qby .qshare{background:none;border:0;cursor:pointer;color:var(--dim);font-size:11px;padding:0;font-family:inherit}
.qby .qshare:hover{color:var(--ink)}
@media (pointer:coarse){.qby .qshare{min-width:44px;min-height:44px}}
.qby .qfav.on{color:var(--accent)}

.qtags{margin:10px 0 4px}
.qtags .taglist{display:flex;flex-wrap:wrap;gap:6px}

.qsec-h{font-size:10px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:var(--dim);
  margin:20px 0 10px;padding-top:14px;border-top:1px solid var(--hair)}
.qcomments{margin-top:6px}


.verdictbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bar);
  background:var(--panel);border-top:1px solid var(--hair-hi);
  





  padding:8px max(14px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom,0px));
  box-shadow:0 -6px 20px -8px rgba(0,0,0,.6)}
.qbarmsg{margin:0 auto 6px;max-width:760px;text-align:center;min-height:0}
.qbarmsg.bad{color:var(--bad)}
.verdictrow{max-width:760px;margin:0 auto;display:flex;gap:8px;align-items:stretch}


.verdictvote{flex:1 1 auto;justify-content:stretch;gap:0;padding:0}
.verdictvote .vbtn{flex:1 1 0;min-height:56px;font-size:22px;padding:6px 10px;
  display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}
.verdictvote .vbtn + .vbtn{border-left:1px solid var(--hair)}
.verdictvote .vbtn:not(:disabled):active{background:var(--raised)}
.verdictvote .vbtn.neutral.on{color:var(--accent)}   
.verdict-next{min-height:56px;min-width:88px;flex:0 0 auto;letter-spacing:calc(.08em * var(--track));
  text-transform:var(--caps);font-size:12px}
.verdict-next:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}



.verdict-prev{min-height:56px;min-width:64px;flex:0 0 auto;letter-spacing:calc(.06em * var(--track));
  text-transform:var(--caps);font-size:11px;color:var(--faint)}
.verdict-prev:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}
.verdict-prev:disabled{opacity:.35;cursor:default}


.qcaught{text-align:center;padding:64px 16px}
.qcaught-mark{font-size:40px;color:var(--good);line-height:1;margin-bottom:14px}
.qcaught-h{font-size:18px;color:var(--bright);letter-spacing:calc(.02em * var(--track));margin-bottom:6px}
.qcaught-sub{margin:0 auto 22px;max-width:420px}
.qcaught-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.qcaught-stats{margin:0 auto 20px;max-width:460px;font-size:12px;letter-spacing:calc(.06em * var(--track));
  color:var(--dim);font-variant-numeric:tabular-nums}








.verdict-nextwrap{position:relative;flex:0 0 auto;display:flex}
.multbadge{position:absolute;left:50%;top:-9px;transform:translate(-50%,-100%);pointer-events:none;
  white-space:nowrap;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;
  padding:3px 8px;border-radius:999px;border:1px solid var(--hair);background:var(--panel);
  color:var(--faint);opacity:0;transition:opacity .18s,color .15s,border-color .15s,box-shadow .2s;
  overflow:hidden}
.multbadge.on{opacity:1;color:var(--mult-ink);
  border-color:rgba(255,217,138,calc(.3 + .5*var(--heat,0)));
  box-shadow:0 0 calc(6px + 18px*var(--heat,0)) rgba(255,180,90,calc(.14 + .34*var(--heat,0)))}
.multbadge.pop{animation:mult-pop .24s ease-out}
.mb-text{position:relative}




.mb-fill{position:absolute;left:0;bottom:0;height:2px;width:100%;
  background:rgba(255,217,138,.55)}
@keyframes mult-pop{0%{transform:translate(-50%,-100%) scale(1)}
  45%{transform:translate(-50%,-100%) scale(1.32)}100%{transform:translate(-50%,-100%) scale(1)}}




.mgp{position:fixed;left:0;top:0;z-index:var(--z-toast);pointer-events:none;will-change:transform,opacity;
  font-weight:700;line-height:1;font-size:15px;color:var(--mult-ink,#ffd98a);
  text-shadow:0 0 6px rgba(255,200,90,.85),0 0 14px rgba(255,150,70,.45)}
.mgp-big{font-size:26px;font-weight:800;text-shadow:0 0 8px rgba(255,210,110,.95),0 0 20px rgba(255,150,70,.6)}
.mgp-two{font-size:30px}
.mgp-dot{width:8px;height:8px;border-radius:50%;background:#ff8a2a;box-shadow:0 0 8px 2px rgba(255,150,70,.7)}

.qbarstatus{max-width:760px;margin:5px auto 0;text-align:center}










.qscore{display:inline-block;font-size:11px;letter-spacing:calc(.06em * var(--track));
  margin-right:calc(-.06em * var(--track));color:var(--dim);
  font-variant-numeric:tabular-nums;transition:color .2s,text-shadow .2s}
.qscore.on{color:color-mix(in srgb, var(--dim), #ff8a2a calc(var(--heat,0)*100%));
  text-shadow:0 0 calc(3px + 18px*var(--heat,0)) rgba(255,150,70,calc(.12 + .5*var(--heat,0)))}
.qscore.pop{animation:qscore-pop .26s ease-out}
@keyframes qscore-pop{0%{transform:scale(1)}45%{transform:scale(var(--pop,1.3))}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.qscore.pop{animation:none}}

.combo-best{position:absolute;left:50%;top:-8px;transform:translate(-50%,-100%);white-space:nowrap;
  font-size:10px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);font-weight:700;color:#0a0b0d;
  background:linear-gradient(100deg,#ffe9a8,#ffd98a,#ffe9a8);padding:4px 9px;border-radius:3px;
  box-shadow:0 0 18px rgba(255,217,138,.5);animation:combo-best-in .3s ease-out}
@keyframes combo-best-in{from{opacity:0;transform:translate(-50%,-70%) scale(.7)}
  to{opacity:1;transform:translate(-50%,-100%) scale(1)}}
@media(prefers-reduced-motion:reduce){.multbadge.pop{animation:none}.combo-best{animation:none}}


















.multbadge.mbcol{position:static;transform:none;opacity:1;font-size:10px;font-weight:600;
  padding:0;border:none;background:none;border-radius:0;overflow:visible}
.multbadge.mbcol.pop{animation:mult-pop-flat .24s ease-out}
@keyframes mult-pop-flat{0%{transform:scale(1)}45%{transform:scale(1.32)}100%{transform:scale(1)}}





.arcadecol .qscore{font-size:14px;line-height:1.15}
.arcadecol .qs-l{display:none}






.arcadecol .qscore{color:var(--bright)}
.arcadecol .qscore.on{color:color-mix(in srgb, var(--bright), #ff8a2a calc(var(--heat,0)*100%))}


.multbadge.mbcol .combo-best{top:auto;bottom:-8px;transform:translate(-50%,100%);
  animation:combo-best-down .3s ease-out}
@keyframes combo-best-down{from{opacity:0;transform:translate(-50%,70%) scale(.7)}
  to{opacity:1;transform:translate(-50%,100%) scale(1)}}
@media(prefers-reduced-motion:reduce){.multbadge.mbcol.pop{animation:none}
  .multbadge.mbcol .combo-best{animation:none}
  .multbadge,.qscore{transition:none}}   


.mg-records{display:flex;flex-direction:column;gap:6px;max-width:520px}
.mg-row{display:flex;align-items:baseline;gap:10px;padding:5px 2px;border-bottom:1px solid var(--hair)}
.mg-k{flex:0 0 auto;min-width:118px;font-size:11px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--dim)}
.mg-v{font-size:17px;font-weight:700;color:var(--bright);font-variant-numeric:tabular-nums}
.mg-when{font-size:10.5px;color:var(--faint)}


.mg-apex{margin-left:auto;font-size:9.5px;letter-spacing:calc(.2em * var(--track));text-transform:var(--caps);font-weight:700;
  padding:2px 8px;border-radius:999px;border:1px solid #eafff0;
  background:var(--prism);background-attachment:scroll;background-size:var(--prism-span);background-position:var(--sheet-pos,0 0);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:prismchip 6s linear infinite}
.mg-note{margin-top:8px;font-size:10.5px}
@media(prefers-reduced-motion:reduce){.mg-apex{animation:none}}


.award-badge.aw-unlock{animation:aw-stamp .5s cubic-bezier(.2,1.4,.5,1) both}
@keyframes aw-stamp{0%{opacity:0;transform:scale(2.2) rotate(-8deg)}
  60%{opacity:1;transform:scale(.92) rotate(2deg)}100%{transform:scale(1) rotate(0)}}
.aw-burst{position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 2px currentColor;opacity:.9;animation:aw-burst-ring .7s ease-out forwards}
@keyframes aw-burst-ring{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.award-badge.aw-unlock{animation:none}.aw-burst{display:none}}





.cstatus{max-width:760px;margin:0 auto 10px;font-size:11px;letter-spacing:calc(.04em * var(--track));
  text-transform:var(--caps);color:var(--faint);font-variant-numeric:tabular-nums;
  display:flex;flex-wrap:wrap;align-items:center;gap:2px}


.verdictvote.modvote .subv-pass{border-left:1px solid var(--hair);border-right:1px solid var(--hair)}
.subs-foot .vnet{display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--ink)}
.qlocked .qcaught-mark{color:var(--dim)}






.verdictvote.modvote .vbtn.subv-btn{gap:8px;color:var(--dim)}
.subv-ico{width:22px;height:22px;flex:0 0 auto}
.subv-word{font-size:12px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps);
  border-bottom:2px solid transparent;padding-bottom:1px}



@media (hover:hover){
.verdictvote.modvote .vbtn.subv-btn.up:hover:not(:disabled){color:var(--good)}
.verdictvote.modvote .vbtn.subv-btn.down:hover:not(:disabled){color:var(--bad)}
}



.verdictvote.modvote .vbtn.subv-btn.on{background:none;box-shadow:none;transform:none}



.verdictvote.modvote .vbtn.subv-btn.is-instant,body.mod-shift .verdictvote.modvote .vbtn.subv-btn,body.subs-shift .verdictvote.modvote .vbtn.subv-btn{color:var(--accent)}
body.mod-shift .verdictvote.modvote .vbtn.subv-btn .subv-word::after{content:" now"}
.subv-word{white-space:nowrap}

.coinrain-chip{position:fixed;left:50%;top:18%;transform:translateX(-50%);z-index:var(--z-toast);
  padding:10px 14px;border:1px solid var(--coin-ink);border-radius:0;background:var(--raised);color:var(--coin-ink);
  font:700 15px/1.2 var(--mono);letter-spacing:calc(.06em * var(--track));text-transform:var(--caps);
  white-space:nowrap;pointer-events:none;transition:opacity .4s}
.coinrain-coin{position:fixed;left:0;top:0;z-index:var(--z-juice-top);pointer-events:none;color:var(--coin-ink)}
.verdictvote.modvote .vbtn.subv-btn.up.on{color:var(--lit-keep,var(--good))}
.verdictvote.modvote .vbtn.subv-btn.down.on{color:var(--bad)}
.verdictvote.modvote .vbtn.subv-btn.on .subv-word{border-bottom-color:currentColor}


.subs-foot .vnet.subv-net{width:auto;min-width:5.6em;gap:6px;min-height:44px;padding:4px 8px;text-align:center;
  background:none;border:0;font:inherit;cursor:pointer}
.subv-netn{font-size:16px;font-weight:600;color:var(--ink);line-height:1.2;border-bottom:1px dotted currentColor}
.subv-net.lean-keep .subv-netn{color:var(--good)}
.subv-net.lean-reject .subv-netn{color:var(--bad)}
.subv-net:hover .subv-netn,.subv-net:focus-visible .subv-netn{border-bottom-style:solid}


.subs-left{max-width:760px;margin:0 auto 6px;font-size:11px;letter-spacing:calc(.04em * var(--track));
  color:var(--accent);text-align:left;font-variant-numeric:tabular-nums}
.subs-head{max-width:760px;margin:0 auto 10px}

.subv-card .tagcard-head{flex-direction:column;align-items:stretch;gap:8px}
.subv-tally{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}
.subv-t{display:inline-flex;align-items:center;gap:5px}
.subv-t-keep{color:var(--good)} .subv-t-reject{color:var(--bad)} .subv-t-net{color:var(--ink);font-weight:600}
.subv-tico{width:14px;height:14px}
.subv-body{margin-top:6px}
.subv-key{font-size:10px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);text-align:center;margin:6px 0 4px}
.subv-list{list-style:none;margin:0;padding:0}
.subv-row{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:6px;
  padding:6px 2px;border-bottom:1px solid var(--hair)}
.subv-row.me{background:var(--raised);box-shadow:inset 2px 0 0 var(--accent)}
.subv-arrow{font-size:15px;line-height:1;text-align:center}
.subv-l{color:var(--good)} .subv-r{color:var(--bad)} .subv-trail{color:var(--good)}
.subv-row.is-keep .subv-who{justify-content:flex-start}
.subv-row.is-reject .subv-who{justify-content:flex-end}
.subv-who{display:flex;align-items:center;gap:8px;min-width:0}
.subv-who .vw-cav{width:28px;height:28px}
.subv-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subv-you{font-size:9px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);color:var(--accent);
  border:1px solid var(--accent-deep);padding:0 5px;flex:0 0 auto}
.subv-empty{padding:14px 0;text-align:center}

.subv-x2{font-size:10px;font-weight:700;color:var(--accent);border:1px solid var(--accent-deep);padding:0 4px;flex:0 0 auto;font-variant-numeric:tabular-nums}












.subv-pass{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;min-width:44px;
  flex:1 1 0;padding:6px 10px;background:none;border:0;color:var(--dim);font:inherit;cursor:pointer;transition:color .12s}
.subv-pass:hover:not(:disabled),.subv-pass:focus-visible{color:var(--accent)}
.subv-pass:disabled{opacity:.5;cursor:default}
.subv-pico{width:22px;height:22px;flex:0 0 auto}
.subv-pword{font-size:12px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps);
  border-bottom:2px solid transparent;padding-bottom:1px}

.subs-foot{max-width:760px;margin:4px auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:8px}
.subs-foot > .subs-order{justify-self:start}
.subs-foot > .verdict-nextwrap,.subs-foot > .subs-nav{justify-self:end}

.subs-nav{display:flex;align-items:center;gap:2px}
.subs-foot .verdict-prev{min-height:44px;min-width:44px;padding:0 10px;border:0;background:none;font-size:11px}


.subs-foot .verdict-next{min-height:44px;min-width:44px;padding:0 14px;border:0;background:none;color:var(--ink);font-size:11px}
.subs-foot .verdict-next:not(:disabled):hover{color:var(--accent)}

.subs-foot .subs-order{align-items:stretch}
.subs-foot .subs-order-v,.subs-foot .subs-order-caret{display:inline-flex;align-items:center}


.subs-order{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0;
  background:none;border:0;color:var(--ink);font:inherit;letter-spacing:0;cursor:pointer;flex:0 0 auto}
.subs-order-v{border:0;padding:5px 4px 5px 14px;font-size:11px;
  letter-spacing:calc(.06em * var(--track));text-transform:var(--caps);color:var(--accent)}
.subs-order-caret{border:0;padding:5px 14px 5px 0;font-size:11px;color:var(--dim)}
.subs-order:hover .subs-order-caret,.subs-order:focus-visible .subs-order-caret{color:var(--accent)}
.subs-order-list{display:flex;flex-direction:column;margin-top:6px}
.subs-order-opt{display:grid;grid-template-columns:16px auto minmax(0,1fr);align-items:center;gap:10px;min-height:48px;
  padding:6px 4px;background:none;border:0;border-bottom:1px solid var(--hair);color:var(--ink);font:inherit;
  text-align:left;cursor:pointer}
.subs-order-opt:last-child{border-bottom:0}
.subs-order-opt:hover{background:var(--raised)}
.subs-order-opt.on{color:var(--accent)}
.subs-order-mark{font-size:11px;text-align:center}
.subs-order-name{font-size:13px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps)}
.subs-order-hint{font-size:11px;color:var(--dim);text-align:right}


.verdictvote.modvote .subv-pass.on,.subv-pass.on{color:var(--accent)}
.subv-pass.on .subv-pword{border-bottom-color:currentColor}


.subv-netu{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:600;color:var(--accent);line-height:1.2}
.subv-bardrop{display:inline-block;margin-left:6px;font-size:11px;font-weight:600;color:var(--accent);white-space:nowrap}
.subv-nuico{width:15px;height:15px;flex:0 0 auto}

.subv-tally-u{justify-content:center}
.subv-t-unsure{color:var(--accent)}
.subv-ukey{margin-top:10px}
.subv-row.is-unsure .subv-who{justify-content:center}

















.hotlist{display:flex;flex-direction:column}
.hotrow{display:flex;gap:20px;align-items:flex-start;padding:14px 2px;
  border-bottom:1px solid var(--hair);text-decoration:none;color:inherit}
.hotrow:hover{background:rgba(255,255,255,.016)}


.hotthumb{position:relative;flex:0 0 160px;width:160px;background:var(--sunk);overflow:hidden}
.hotthumb img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain;object-position:top left}
.hotthumb .badge{position:absolute;top:6px;right:6px;font-size:9px;letter-spacing:calc(.08em * var(--track));
  text-transform:var(--caps);padding:2px 6px;background:rgba(10,11,13,.82);
  border:1px solid var(--hair-hi);color:var(--accent)}
.hotthumb.veiled img{filter:blur(16px)}
.hotveil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:11px;letter-spacing:calc(.28em * var(--track));color:var(--bad);background:rgba(10,11,13,.35);pointer-events:none}

.hotdisc{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px}
.hothead{font-size:13px;line-height:1.4;color:var(--dim);overflow-wrap:anywhere}
.hothead .hotname{color:var(--bright);font-weight:600}
.hothead .hotage{color:var(--dim);font-variant-numeric:tabular-nums}


.hotcomments{display:flex;flex-direction:column;align-items:flex-start;gap:10px}


.hotc{background:var(--raised);border:1px solid var(--hair);padding:9px 12px;
  max-width:100%;min-width:180px}
.hotc-a{display:block;font-size:10px;letter-spacing:calc(.06em * var(--track));text-transform:lowercase;
  color:var(--faint);margin-bottom:4px}
.hotc-b{font-size:12.5px;line-height:1.55;color:var(--ink);
  white-space:pre-wrap;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

@media(max-width:640px){
  .hotrow{flex-direction:column;gap:12px}
  .hotthumb{flex:0 0 auto;width:100%}
  .hotthumb img{max-height:260px}
}

.hotempty{text-align:center;padding:60px 16px}
.hotempty-mark{font-size:36px;color:var(--info);line-height:1;margin-bottom:12px}
.hotempty-h{font-size:18px;color:var(--bright);letter-spacing:calc(.02em * var(--track));margin-bottom:6px}
.hotempty-sub{margin:0 auto 20px;max-width:420px}
.hotempty-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}






.ctext .greentext{color:#8faa4e}

.cref{cursor:pointer}
.cref.quote{color:var(--info);text-decoration:none}
.cref.quote:hover{text-decoration:underline}
.cref.ctag{color:var(--accent);text-decoration:none}
.cref.ctag:hover{text-decoration:underline}
.cref.cmention{color:var(--accent);font-weight:600;text-decoration:none}
.cref.cmention:hover{text-decoration:underline}
.cref.plain{color:var(--info);opacity:.8}                 
.cref.embed.loading{color:var(--info);opacity:.7}
.cref.embed.dead{color:var(--faint);text-decoration:line-through;cursor:default} 
.cref.embed.card{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;
  border:1px solid var(--hair-hi);background:var(--sunk);padding:1px 5px 1px 1px;text-decoration:none;
  color:var(--info);line-height:1}
.cref.embed.card:hover{border-color:var(--accent-deep)}
.cref-thumb{width:22px;height:22px;object-fit:cover;display:block;background:var(--sunk)}
.cref-lbl{font-size:11px}

.cbacklinks{font-size:10.5px;color:var(--faint);margin-top:4px}
.cbacklinks .cbl-lbl{text-transform:var(--caps);letter-spacing:calc(.08em * var(--track))}

.cquote-preview{position:absolute;z-index:var(--z-tooltip);max-width:340px;background:var(--panel);
  border:1px solid var(--hair-hi);padding:8px 10px;box-shadow:0 8px 24px -8px rgba(0,0,0,.7);
  font-size:12px;pointer-events:none}
.cquote-preview .cmeta{margin-bottom:4px}










.cedited{position:relative;background:none;border:none;padding:2px 4px;margin-left:2px;cursor:pointer;
  font:inherit;font-size:10.5px;color:var(--faint);
  text-decoration:underline dotted;text-underline-offset:2px}
.cedited:hover,.cedited[aria-expanded="true"]{color:var(--accent)}
.cedited:focus-visible{outline:1px solid var(--accent);outline-offset:1px}







@media(pointer:coarse){
  .cedited{padding:7px 9px;margin-left:0}
  .cedited::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
}




.cedited-panel{position:absolute;z-index:var(--z-tooltip);max-width:340px;background:var(--panel);
  border:1px solid var(--hair-hi);padding:8px 10px;box-shadow:0 8px 24px -8px rgba(0,0,0,.7);
  font-size:12px;color:var(--ink)}
.cedited-panel .cedited-lbl{font-size:10px;text-transform:var(--caps);
  letter-spacing:calc(.08em * var(--track));color:var(--faint);margin-bottom:4px}
.cedited-panel .cedited-none{color:var(--faint);font-style:italic}








body.vw-lock .cedited-panel{z-index:var(--z-sheet)}

.cedit{margin:4px 0}
.cedit-ta{width:100%;box-sizing:border-box;background:var(--sunk);color:var(--ink);
  border:1px solid var(--hair-hi);padding:6px 8px;font:inherit;font-size:12.5px;line-height:1.55;
  resize:vertical}
.cedit-ta:focus{outline:none;border-color:var(--accent)}




.cedit-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.cedit-cancel{position:relative;height:32px;padding:0 14px;font:inherit;font-family:var(--ui);font-size:11px;cursor:pointer;border-radius:0;
  background:transparent;border:1px solid var(--hair-hi);color:var(--dim)}
.cedit-cancel:hover{color:var(--bright)}
.cedit-save{position:relative;height:32px;padding:0 14px;font:inherit;font-family:var(--ui);font-size:11px;cursor:pointer;border-radius:0;
  background:var(--accent);border:1px solid var(--accent);color:var(--void)}
.cedit-save:disabled{opacity:.5;cursor:default}
@media(pointer:coarse){
  .cedit-cancel::after,.cedit-save::after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap-min);
    transform:translateY(-50%)}
}
.cedit-msg{margin-top:4px;font-size:10.5px;color:var(--bad)}
.cedit-msg:empty{display:none}

.cmore{display:inline-flex;align-items:center;padding:2px 4px}
.cmore .cmore-i{width:16px;height:16px;display:block}
.cmore.on{color:var(--accent)}
.cmenu-host{position:relative}





.comment[aria-expanded]:not(.copen)>.cmain>.cactions{display:none}

.comment[aria-expanded]:has(>.cmain>.cactions>.vw-cmenu)>.cmain>.cactions{display:flex}
.comment[aria-expanded]:focus{outline:none}
.comment[aria-expanded]:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  .comment[aria-expanded]:hover:not(:has(.comment:hover))>.cmain>.cactions{display:flex}
  .comment[aria-expanded]:focus-visible>.cmain>.cactions,
  .comment[aria-expanded]:has(>.cmain>.cactions :focus-visible)>.cmain>.cactions{display:flex}
}

.cpick-bar{position:fixed;left:0;right:0;top:0;z-index:calc(var(--z-sheet) + 2);display:flex;align-items:center;
  justify-content:space-between;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 6px) 10px 6px 16px;
  background:var(--accent);color:var(--void);font-family:var(--ui);font-size:13px;font-weight:600}
.cpick-x{flex:0 0 auto;background:none;border:1px solid currentColor;color:inherit;font:inherit;
  min-height:var(--tap-min);padding:0 14px;cursor:pointer}
body.cpick-on .vw-crow,body.cpick-on .comment{cursor:pointer}
body.cpick-on .vw-crow:not(.cpick-no):not(.cpick-src){outline:1px dashed var(--accent);outline-offset:-3px}
.cpick-src,.cpick-no{opacity:.4}

@keyframes cflash{0%{background:rgba(237,167,51,.34)}100%{background:transparent}}
.comment.flash{animation:cflash 1.3s ease-out}
@media(prefers-reduced-motion:reduce){.comment.flash{animation:none;background:rgba(237,167,51,.18)}}




.comment.clinked>.cmain>.cmeta,.comment.clinked>.cmain>.ctext{background:rgba(237,167,51,.1);
  box-shadow:-8px 0 0 rgba(237,167,51,.1),8px 0 0 rgba(237,167,51,.1)}


.cthread{display:flex;gap:0;margin-top:12px}
.cthread:first-child{margin-top:0}
.cthread>.comment,.cthread>.cfolded{flex:1;min-width:0}
.crail{flex:none;width:4px;align-self:stretch;border:none;padding:0;margin-right:9px;cursor:pointer;
  background:var(--rail,var(--hair-hi));opacity:.5;border-radius:2px}
.crail:hover{opacity:1}








@media(pointer:coarse){
  .crail{width:13px;margin-right:0;
    background:linear-gradient(to right,var(--rail,var(--hair-hi)) 0 4px,transparent 4px)}
}
.cfold{position:relative;margin-left:auto;background:none;border:none;color:var(--faint);cursor:pointer;
  font-size:11px;padding:0 2px;line-height:1;flex:none;display:inline-flex;align-items:center}

.cfold .cfold-i{width:12px;height:12px;display:block;transform:rotate(90deg);transition:transform .15s}
.cfold[aria-expanded="false"] .cfold-i{transform:none}
@media(prefers-reduced-motion:reduce){.cfold .cfold-i{transition:none}}
.cfold:hover{color:var(--accent)}
.cfolded{position:relative;display:block;width:100%;text-align:left;background:none;border:none;
  color:var(--dim);font:inherit;font-size:12px;cursor:pointer;padding:7px 4px}
.cfolded:hover{color:var(--ink)}












@media(pointer:coarse){
  .cfold::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:var(--tap-min);height:var(--tap-min)}
  .cfolded::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
}










.cthread.cbars{display:block;position:relative}
.cthread.cbars>.crail{position:absolute;left:0;top:0;bottom:0;width:var(--cb-pad);min-width:0;margin:0;
  opacity:1;border-radius:0;background:transparent}
.cthread.cbars>.crail::before{display:none}
.cthread.cbars>.comment,.cthread.cbars>.cfolded{padding-left:var(--cb-pad)}
.cthread.cbars .comment{flex-wrap:wrap;row-gap:0}
.cthread.cbars .comment>.cmain{flex-basis:0}
.cthread.cbars .comment.reply{position:relative;margin-left:0;padding-left:var(--cb-pad)}
.cthread.cbars .comment.reply::before{content:"";position:absolute;left:0;top:0;bottom:0;
  width:var(--cb-w);background:var(--cb,var(--hair-hi))}
.cthread.cbars .comment>.creplies{margin-left:calc(var(--cb-step) - var(--cb-pad));padding-left:0;
  border-left:0;grid-column:1/-1;flex:0 0 calc(100% + var(--cb-pad) - var(--cb-step));min-width:0}
.cthread.cbars .creplies::before{display:none}
.cbd0{--cb:var(--cbar-0)} .cbd1{--cb:var(--cbar-1)} .cbd2{--cb:var(--cbar-2)} .cbd3{--cb:var(--cbar-3)}
.cbd4{--cb:var(--cbar-4)} .cbd5{--cb:var(--cbar-5)} .cbd6{--cb:var(--cbar-6)} .cbd7{--cb:var(--cbar-7)}

.csuggest{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:7px}
.csuggest-lbl{font-size:9.5px;color:var(--faint);text-transform:var(--caps);letter-spacing:calc(.1em * var(--track))}
.csuggest-chip{border:1px dashed var(--hair-hi);background:none;color:var(--dim);
  font-size:11px;padding:2px 8px;cursor:pointer}
.csuggest-chip.on{border-style:solid;border-color:var(--accent);color:var(--accent);background:rgba(237,167,51,.08)}





.dt-heart{position:absolute;z-index:var(--z-juice);transform:translate(-50%,-50%);font-size:46px;color:#ff5a7a;
  pointer-events:none;text-shadow:0 0 14px rgba(255,90,122,.6);animation:dt-heart .8s ease-out forwards}
@keyframes dt-heart{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}
  25%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.5) translate(0,-32px)}}








.volbar { display: flex; align-items: center; gap: 6px; margin-right: 10px; }
.volbar .volmute {
  display: grid; place-items: center; width: 30px; height: 30px; padding: 0;
  background: none; border: 0; color: var(--dim); cursor: pointer;
}
.volbar .volmute:hover { color: var(--ink); }
.volbar.muted .volmute { color: var(--bad); }
.volbar .volmute .navi { width: 18px; height: 18px; }


.volbar .volrange { width: 84px; accent-color: var(--accent, var(--gold, #d9a441)); cursor: pointer; }
.volbar.muted .volrange { opacity: .45; }
@media (max-width: 999px) { .volbar { display: none; } }


























.sbwrap{max-width:none;margin:0;padding:0 18px}





.sbgroup{font-size:10px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);
  color:var(--faint);padding:18px 2px 8px}




.sbnew{color:var(--accent);border:1px solid var(--hair-hi);font-size:10px;padding:1px 6px;
  letter-spacing:calc(.06em * var(--track));font-variant-numeric:tabular-nums}






.sbflag{color:var(--dim);border:1px dashed var(--hair-hi);font-size:9.5px;padding:1px 6px;
  letter-spacing:calc(.1em * var(--track));text-transform:var(--caps)}




.sbblurb{color:var(--ink);font-size:12.5px;line-height:1.6;margin-top:8px;max-width:70ch}


.sbrules{margin-top:8px;max-width:70ch}
.sbrules summary{color:var(--dim);font-size:11px;letter-spacing:calc(.08em * var(--track));
  text-transform:var(--caps);cursor:pointer;min-height:24px}
.sbrules .ctext{color:var(--dim);font-size:12px;line-height:1.6;margin-top:6px}





.sbbit{white-space:nowrap}
.sbdot{color:var(--faint)}






.sbstanding{color:var(--dim)}
.sbstanding.pos{color:var(--good)}
.sbstanding.neg{color:var(--bad)}



.sbstate{text-transform:var(--caps);letter-spacing:calc(.08em * var(--track));font-size:10px}
.sbstate.st-open{color:var(--info)}
.sbstate.st-confirmed{color:var(--accent)}
.sbstate.st-fixed{color:var(--good)}
.sbstate.st-declined,.sbstate.st-duplicate{color:var(--faint)}
.sbmore{display:flex;justify-content:center;padding:18px 0}


.sbcompose{padding:12px 2px}



.sbcompose-panel{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.sbcompose-title,.sbcompose-body{width:100%;background:var(--sunk);border:1px solid var(--hair);
  color:var(--ink);font:inherit;font-size:13px;padding:10px;min-height:44px}
.sbcompose-body{line-height:1.55;resize:vertical}
.sbcompose-body:disabled{color:var(--faint);background:var(--void)}
.sbcompose-attach{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sbcompose-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--hair-hi);
  padding:6px 8px;min-width:0}
.sbcompose-thumb{width:44px;height:44px;object-fit:cover;object-position:top;display:block}
.sbcompose-label{font-size:11px;color:var(--dim);overflow-wrap:anywhere}
.sbcompose-drop{background:none;border:0;color:var(--bad);font:inherit;cursor:pointer;
  min-width:44px;min-height:44px}
.sbcompose-priv{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dim);
  min-height:32px;cursor:pointer}



.sbcompose-priv input{flex:none;width:auto;margin:0}

.sbcompose-send{align-self:stretch}
.sbcompose-msg{color:var(--bad)}














.sbpic{display:flex;flex-wrap:wrap;align-items:center;gap:10px;position:relative}
.sbpic-add{min-height:44px}
.sbpic-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--hair-hi);
  padding:6px 8px;min-width:0}
.sbpic-thumb{width:44px;height:44px;object-fit:cover;object-position:top;display:block}
.sbpic-drop{background:none;border:0;color:var(--bad);font:inherit;cursor:pointer;
  min-width:44px;min-height:44px}
.sbpic-msg{flex-basis:100%;color:var(--dim)}
.sbpic-note{border-left:2px solid var(--hair-hi);padding-left:10px}


.sbthread{padding:14px 2px;max-width:900px}
.sbcrumb{font-size:11px;color:var(--dim);margin-bottom:10px}
.sbcrumb-a{color:var(--accent);text-decoration:none}
.sbcrumb-a:hover{text-decoration:underline}
.sbthreadmeta{margin-bottom:12px}
.sbedited{color:var(--faint)}


.sbgone{color:var(--faint);border:1px dashed var(--hair-hi);padding:14px;margin:6px 0 14px;
  font-size:12px}
.sbreplies{margin-top:8px;border-top:1px solid var(--hair);padding-top:14px}
.sbrepliesh{font-size:10px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);
  color:var(--faint);margin-bottom:10px}
.sbreplyact{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}











.sbbodywrap{margin-bottom:6px}


.up-allow-n{color:var(--accent)}


.pns-up-fine.up-allow{flex-direction:column;align-items:stretch;gap:6px}
.up-allow-line{text-align:center}
.up-batt{display:grid;grid-template-columns:repeat(var(--cells,25),1fr);gap:2px;width:100%;max-width:360px;margin:0 auto}
.up-batt-c{aspect-ratio:1;border:1px solid var(--hair-hi);border-radius:0;background:transparent}
.up-batt-c.on{background:var(--accent);border-color:var(--accent)}
.up-batt-c.next{border-color:var(--accent);border-style:dashed}
.up-batt-sm{max-width:300px;gap:1px;margin:6px 0 0}
.up-refill{text-align:center;color:var(--dim);font-variant-numeric:tabular-nums}
.up-refill-sm{text-align:left;margin-top:4px}
.up-refill-in{color:var(--ink)}


.deck-tapflash{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:var(--z-toast);
  padding:10px 16px;border:1px solid currentColor;border-radius:0;background:var(--raised);
  font:700 18px/1 var(--mono);letter-spacing:calc(.06em * var(--track));text-transform:var(--caps);
  white-space:nowrap;pointer-events:none;animation:deckTapFlash .7s ease-out forwards}
.deck-tapflash.is-good{color:var(--good)}
.deck-tapflash.is-bad{color:var(--bad)}
@keyframes deckTapFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}100%{opacity:0}}


.ctext.cclamp{max-height:calc(1.45em * 5);overflow:hidden}
.cseemore{display:block;margin:3px 0 0}



.subs-verdict{position:relative}
.subv-lockrow{position:absolute;bottom:100%;left:0;display:block;margin:0;z-index:2}
.subv-lockrow.in-flow{position:static;display:flex;justify-content:center;margin:0 0 2px}
.subv-lock{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;
  color:var(--dim,inherit);cursor:pointer;-webkit-tap-highlight-color:transparent}
.subv-lock .subv-lico{width:22px;height:22px}
.subv-lock:hover:not(:disabled),.subv-lock:focus-visible{color:var(--accent)}
.subv-lock.on{color:var(--accent);cursor:default}
.subv-lock:disabled:not(.on){opacity:.5}





.pr-lockline{white-space:nowrap;position:relative;height:24px;display:flex;align-items:flex-end;justify-content:center;gap:4px;pointer-events:none;
  -webkit-user-select:none;user-select:none;font-family:var(--mono,monospace);font-size:11px;line-height:14px;letter-spacing:.06em;
  color:var(--dim);text-shadow:0 1px 2px #000}
.pr-lockline.is-hosted{position:absolute;left:0;bottom:100%;width:168px;z-index:2}
.pr-lockline.in-flow{width:100%;margin:0 0 2px}
.pr-lockline.is-locked{color:var(--accent)}
.pr-lockico,.pr-lockmark{width:12px;height:12px;display:block;flex:0 0 auto}
.subs-verdict .subv-btn.is-locked,.subs-verdict .subv-pass.is-locked,.vw-root .vw-ov-bot .vw-vc>.vw-vc-b.is-locked{position:relative}
.pr-lockmark{position:absolute;top:4px;right:4px;color:var(--accent)}
.subs-verdict .verdictvote.modvote .vbtn.subv-btn.is-holding,.subs-verdict .subv-btn.is-holding,.subs-verdict .subv-pass.is-holding,.vw-root .vw-ov-bot .vw-vc>.vw-vc-b.is-holding{
  background-image:linear-gradient(90deg,var(--hair-hi),var(--hair-hi)),linear-gradient(90deg,var(--accent),var(--accent));background-repeat:no-repeat;
  background-position:left top,left bottom;background-size:calc(var(--pr-fill,0) * 100%) 100%,calc(var(--pr-fill,0) * 100%) 4px}
.vw-root .vw-ov-bot .vw-vc>.vw-vc-b.is-holding,.subs-verdict .subv-btn.is-holding,.subs-verdict .subv-pass.is-holding{transform:scale(.96)}

.pr-flags{display:flex;flex-direction:column;gap:2px;pointer-events:auto}
.pr-flag{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--dim);
  opacity:.5;filter:drop-shadow(0 1px 2px #000);cursor:pointer;-webkit-tap-highlight-color:transparent}
.pr-flag .pr-ico{width:22px;height:22px;display:block}
.pr-flag.on{opacity:1;filter:drop-shadow(0 0 7px currentColor) drop-shadow(0 1px 2px #000)}
.pr-nsfw.on{color:var(--cat-nsfw)}
.pr-nsfl.on{color:var(--cat-nsfl)}
.pr-report.on{color:var(--accent)}

.pr-marked{outline-style:solid;outline-offset:-3px}
.pr-m-nsfw{outline-width:3px;outline-color:var(--cat-nsfw)}
.pr-m-nsfl{outline-width:4px;outline-color:var(--cat-nsfl)}
.pr-flag:disabled{cursor:default}
.pr-flag:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}

.vw-hostrail{position:absolute;left:8px;bottom:100%;z-index:2;pointer-events:none}
.vw-tagline:has(>.vw-hostrail){position:relative}

.pr-flagrow{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 0}
.pr-flagrow .pr-flags{flex-direction:row}
.pr-more{display:contents}   
.pr-moreb{margin-left:auto;opacity:1;color:var(--bright)}


.pr-morelist{position:relative;z-index:5;flex:0 0 100%;box-sizing:border-box;max-width:320px;margin-left:max(0px,calc(100% - 320px));background:var(--panel);border:1px solid var(--hair-hi)}
.pr-morelist[hidden]{display:none}
.pr-morel,.pr-morehint{white-space:nowrap}
.pr-morerow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;
  border-bottom:1px solid var(--hair);background:none;color:var(--bright);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.pr-morerow:last-child{border-bottom:0}
.pr-morerow:disabled{color:var(--dim);cursor:default}
.pr-morerow.is-ready{color:var(--good)}
.pr-morehint,.vw-qhint{margin-left:auto;font-size:11px;letter-spacing:.06em;color:var(--dim)}

.vw-quick:has(.vw-qhost){width:264px}
.vw-qhint{margin-left:auto;padding-left:12px}
.vw-qrow.vw-qhost .vw-ql,.vw-qhint{white-space:nowrap}
.vw-qrow.vw-qhost:disabled{color:var(--dim);opacity:1;cursor:default}
.vw-qrow.vw-qhost.is-ready{color:var(--good)}
.qredacted,.vw-redacted{font-family:var(--mono,monospace);letter-spacing:.04em;opacity:.85}
.vw-who-redacted{display:flex;align-items:center;min-height:26px}
.subs-reveal{animation:subsReveal .42s cubic-bezier(.16,1,.3,1) both}
@keyframes subsReveal{0%{opacity:0;transform:translateY(6px);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.subs-reveal{animation:none}}



body.subs-instant-on::after{content:"";position:fixed;inset:0;border:4px solid var(--bad);pointer-events:none;z-index:var(--z-pulse)}
.subs-instant-banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-pulse);background:var(--bad);color:#fff;text-align:center;
  padding:6px 10px;font-size:13px;font-weight:700;pointer-events:none}
.subs-instant-arm.is-on{background:var(--bad)!important;color:#fff!important;font-weight:700;border-color:var(--bad)!important}

/* ⟦web/app-tagrows.css⟧ */





































.taglist.tagrows{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0;contain:inline-size}   
.tagrows .tag{display:flex;align-items:center;width:100%;min-height:44px;gap:8px;
  padding:0 0 0 10px;background:none;font-size:12px;transition:background .12s}
.tagrows .tag .tagrow-nm{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:6px;overflow:hidden}
.tagrows .tag .tagrow-nm .nm{min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap;color:inherit}


.tagrows .tag .tagrow-nm .nm{flex-shrink:0;max-width:60%}
.tagrows .tag .tagrow-nm .sugby{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap}




.tagrows .tag .tagrow-nm{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);
  mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}

.tagrows .tag .tnet{flex:0 500 auto;min-width:0;overflow:hidden;white-space:nowrap;
  color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:calc(.02em * var(--track))}
.tagrows .tag .aidot{flex:0 0 auto}

.tagrows .tag .tagrow-ctl{flex:0 0 auto;display:flex;align-items:center;gap:0;margin-left:auto}
.tagrows .tag .applied-votes,.tagrows .tag .tv{margin:0;display:flex;gap:0;border:0;padding:0}
.tagrows .tag .tv button,.tagrows .tag .applied-votes button{
  min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;
  background:none;border:0;border-left:1px solid var(--hair);color:var(--faint);
  cursor:pointer;font-size:14px;line-height:1;padding:0}
.tagrows .tag .tv button:hover,.tagrows .tag .applied-votes button:hover{color:var(--ink);background:var(--raised)}








.tagrows .tag .tv button.up.on:not([class*=" mv-"]),.tagrows .tag .tv button.yes.on:not([class*=" mv-"]),
.tagrows .tag .applied-votes button.up.on:not([class*=" mv-"]),.tagrows .tag .applied-votes button.yes.on:not([class*=" mv-"]){
  color:var(--vote-up);background:color-mix(in srgb, var(--vote-up) 28%, transparent);box-shadow:inset 0 3px 0 var(--vote-up)}
.tagrows .tag .tv button.down.on:not([class*=" mv-"]),.tagrows .tag .tv button.no.on:not([class*=" mv-"]),
.tagrows .tag .applied-votes button.down.on:not([class*=" mv-"]),.tagrows .tag .applied-votes button.no.on:not([class*=" mv-"]){
  color:var(--vote-dn);background:color-mix(in srgb, var(--vote-dn) 28%, transparent);box-shadow:inset 0 -3px 0 var(--vote-dn)}

.tagrows .tag .tagrow-ctl .ok,.tagrows .tag .tagrow-ctl .x{
  min-width:34px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:13px}


.tagrows .tag .tagrow-ctl .tagrow-withdraw{min-width:44px;min-height:44px;display:flex;align-items:center;
  justify-content:center;background:none;border:0;border-left:1px solid var(--hair);color:var(--faint);
  cursor:pointer;font-size:13px;line-height:1;padding:0}
.tagrows .tag .tagrow-ctl .tagrow-withdraw:hover,.tagrows .tag .tagrow-ctl .tagrow-withdraw:focus-visible{color:var(--bad);background:var(--raised)}
.tagrows .tag .tagrow-ctl .tagrow-withdraw:disabled{opacity:.5;cursor:default}
.tagrows .tag .verdicts{display:flex;gap:0}
.tagrows .tag .verdicts button{min-width:38px;min-height:44px;background:none;border:0;border-left:1px solid var(--hair);cursor:pointer}







.tagrows .tag.ai .aidot{color:var(--faint)}


.tagrows .tag.nsfw .nm{color:var(--cat-nsfw)}
.tagrows .tag.nsfl .nm{color:var(--cat-nsfl)}
.tagrows .tag.tag-removing{opacity:0;transform:translateX(8px)}











.qtags-summary{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;
  min-height:40px;background:none;border:0;border-bottom:1px solid var(--hair);
  color:var(--dim);font-size:11px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  cursor:pointer;padding:0 2px;text-align:left;-webkit-user-select:none;user-select:none;touch-action:none}
.qtags-summary:hover{color:var(--ink)}
.qtags-caret{color:var(--faint);font-size:10px}
.qtags-body{padding-top:2px}



.qtags-holdfill{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);pointer-events:none}




.qaddwrap{margin:10px 0 4px}
.qblindhint{font-size:10.5px;letter-spacing:calc(.03em * var(--track));color:var(--accent);margin-top:5px;opacity:.85}
.tzmsg.x2{color:#ffd98a}





.searchtags{border:1px solid var(--hair);border-top:0;background:var(--sunk);
  display:flex;flex-direction:column}

.sortctx{padding:3px 7px;font-size:10px;letter-spacing:calc(.08em * var(--track));color:var(--faint);
  text-transform:var(--caps);line-height:1.4}
.sortctx.num{font-variant-numeric:tabular-nums;color:var(--dim)}



















.searchtags{gap:5px;padding:5px}








.searchtags .strow{position:relative;display:flex;align-items:center;gap:6px;min-height:34px;
  padding:0 0 0 7px;font-size:11px;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.searchtags .strow.tag{border:0;border-radius:0;box-shadow:none;
  border-left:2px solid currentColor;
  background:color-mix(in srgb, currentColor 7%, transparent)}

.searchtags .strow.tag.tag-suggested{border-left-style:dashed}








.searchtags .strow.tag-reinforced,.tagrows .tag.tag-reinforced,.ctl .tag.tag-reinforced{
  text-decoration:none}
.searchtags .strow.tag-reinforced .nm,.tagrows .tag.tag-reinforced .nm,
.ctl .tag.tag-reinforced .nm{
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}














.searchtags .strow.tag.sv-up::before,.searchtags .strow.tag.sv-dn::before{
  content:"";position:absolute;left:3px;border-left:7px solid currentColor;pointer-events:none}
.searchtags .strow.tag.sv-up::before{top:0;border-bottom:7px solid transparent;color:var(--good)}
.searchtags .strow.tag.sv-dn::before{bottom:0;border-top:7px solid transparent;color:var(--bad)}














.searchtags .strow{padding-top:3px;padding-bottom:3px}
.searchtags .strow .strow-nm{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:5px;overflow:visible}
.searchtags .strow .strow-nm .nm{min-width:0;overflow:visible;text-overflow:clip;
  white-space:normal;overflow-wrap:anywhere;color:inherit}
.searchtags .strow .st-src{flex:0 0 auto;font-size:8.5px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);color:var(--faint)}








.searchtags .strow .tnet{flex:0 500 auto;min-width:0;overflow:hidden;white-space:nowrap;
  color:var(--faint);font-variant-numeric:tabular-nums}
.searchtags .strow .st-msg{flex:0 0 auto;margin-right:6px;font-size:10px}




















.searchtags .strow .strow-ctl{flex:0 0 auto;display:none;align-items:center;gap:0;margin-left:auto}
@media (hover:hover) and (pointer:fine){.searchtags .strow .strow-ctl{display:flex}}














.hv-dial{position:fixed;z-index:var(--z-hovercard);left:0;top:0;pointer-events:none;opacity:0;
  transform:translate(-50%,-50%);transition:opacity .1s;--hv-stop:86px}
.hv-dial::before{content:"";position:absolute;left:50%;top:50%;width:300px;height:calc(var(--hv-stop)*2 + 150px);
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(ellipse at center, color-mix(in srgb,var(--void) 92%,transparent) 0%,
    color-mix(in srgb,var(--void) 78%,transparent) 42%, transparent 72%)}
.hv-dial.on{opacity:1}

.hv-stop i{color:var(--ink)}
.hv-line{opacity:.55}
.hv-line{position:absolute;left:50%;top:50%;width:1px;margin-left:-.5px;
  height:calc(var(--hv-stop)*2 + 44px);transform:translateY(-50%);background:var(--hair-hi)}




.hv-beam{position:absolute;left:50%;width:3px;margin-left:-1.5px;height:var(--hv-stop);
  background:currentColor;transform:scaleY(0);transition:transform .07s linear;
  box-shadow:0 0 10px currentColor}
.hv-beam-up{top:calc(50% - var(--hv-stop));transform-origin:bottom center}
.hv-beam-dn{top:50%;transform-origin:top center}

.hv-dial:not(.on) .hv-beam,.hv-dial:not(.on) .hv-stop,.hv-dial:not(.on) .hv-rest{transition:none}
.hv-rest{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;
  border:1px solid var(--hair-hi);border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:9px;color:var(--faint);
  background:color-mix(in srgb, var(--void) 82%, transparent);transition:all .1s}




.hv-dial.mid .hv-rest{border-color:var(--bright);color:var(--bright)}




.hv-stop{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;
  align-items:center;gap:1px;transition:all .1s;opacity:.34}
.hv-up{bottom:calc(50% + var(--hv-stop) - 6px);transform-origin:center bottom}
.hv-dn{top:calc(50% + var(--hv-stop) - 6px);transform-origin:center top}
.hv-stop b{font-size:19px;line-height:1;font-weight:400;display:block}
.hv-stop i{font-style:normal;font-size:7.5px;letter-spacing:calc(.16em * var(--track));
  text-transform:var(--caps);white-space:nowrap;color:var(--faint)}
.hv-dial.up .hv-up{opacity:1;color:var(--good);transform:translateX(-50%) scale(1.3)}
.hv-dial.up .hv-up i{color:var(--good)}
.hv-dial.dn .hv-dn{opacity:1;color:var(--bad);transform:translateX(-50%) scale(1.3)}
.hv-dial.dn .hv-dn i{color:var(--bad)}
.hv-dial.up .hv-beam-up{background:var(--good);box-shadow:0 0 12px var(--good)}
.hv-dial.dn .hv-beam-dn{background:var(--bad);box-shadow:0 0 12px var(--bad)}







.hv-dial .hv-stop.mv-reinforce,.hv-dial .hv-stop.mv-reinforce i{color:var(--good)}
.hv-dial .hv-stop.mv-remove,.hv-dial .hv-stop.mv-remove i{color:var(--bad)}
.hv-dial .hv-stop.mv-punish,.hv-dial .hv-stop.mv-punish i{color:var(--accent)}

.searchtags .strow.hv-armed{background:color-mix(in srgb, currentColor 26%, transparent);
  outline:1px solid currentColor;outline-offset:-1px}




body.hv-locked{touch-action:none;overscroll-behavior:none}



.hv-pulse{position:fixed;left:0;top:0;pointer-events:none;z-index:var(--z-hovercard);opacity:0}
.hv-pulse span{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%)}
.hv-ring{width:52px;height:52px;border:2px solid currentColor}
.hv-glow{width:52px;height:52px;background:radial-gradient(circle,currentColor 0%,transparent 68%)}
.hv-pulse.go{opacity:1}
.hv-pulse.go .hv-ring{animation:hvRing .46s cubic-bezier(.18,.72,.28,1) forwards}
.hv-pulse.go .hv-glow{animation:hvGlow .38s ease-out forwards}
@keyframes hvRing{0%{opacity:.95;width:52px;height:52px;border-width:2px}
                  100%{opacity:0;width:230px;height:230px;border-width:1px}}
@keyframes hvGlow{0%{opacity:.42;width:52px;height:52px}100%{opacity:0;width:190px;height:190px}}
@media(prefers-reduced-motion:reduce){
  .hv-pulse.go .hv-ring,.hv-pulse.go .hv-glow{animation:hvFlash .3s ease-out forwards}
  @keyframes hvFlash{0%{opacity:.6}100%{opacity:0}}}
.searchtags .strow .strow-ctl button{min-width:34px;min-height:34px;display:flex;align-items:center;justify-content:center;
  


  background:none;border:0;color:var(--faint);cursor:pointer;font-size:12px;line-height:1;padding:0}
.searchtags .strow .strow-ctl button:hover{color:var(--ink);background:var(--raised)}

.searchtags .strow .strow-ctl .up.on:not([class*=" mv-"]){color:var(--vote-up);background:color-mix(in srgb, var(--vote-up) 28%, transparent);box-shadow:inset 0 3px 0 var(--vote-up)}
.searchtags .strow .strow-ctl .down.on:not([class*=" mv-"]){color:var(--vote-dn);background:color-mix(in srgb, var(--vote-dn) 28%, transparent);box-shadow:inset 0 -3px 0 var(--vote-dn)}
.searchtags .strow .strow-ctl .st-ok:hover{color:var(--good)} .searchtags .strow .strow-ctl .st-x:hover{color:var(--bad)}








.searchtags .strow.tag.nsfw{border-left-color:var(--cat-nsfw)}
.searchtags .strow.tag.nsfl{border-left-color:var(--cat-nsfl)}
.searchtags .strow.st-removed{opacity:.5} .searchtags .strow.st-removed .nm{text-decoration:line-through}
.searchtags .stmore{padding:5px 7px;font-size:10px;letter-spacing:calc(.06em * var(--track));color:var(--dim);border-top:1px solid var(--hair)}
.searchtags .stmore:hover{color:var(--accent)}





.dotbar{position:absolute;top:6px;right:6px;z-index:2;display:flex;align-items:center;gap:4px;
  padding:3px 5px;border-radius:8px;background:rgba(10,11,13,.72);border:1px solid rgba(255,255,255,.06);pointer-events:none}



















.dotbar .cdot{width:10px;height:10px;display:block;filter:drop-shadow(0 0 1px rgba(0,0,0,.85))}
.dotbar .cdot > svg{width:100%;height:100%;display:block}
.dotbar .cdot.dot-media{color:#ff9e3d}
.dotbar .cdot.dot-nsfw{color:var(--cat-nsfw)}
.dotbar .cdot.dot-nsfl{color:var(--cat-nsfl)}




.dotbar .cdot.dot-private{color:var(--private)}
.dotbar .cdot.dot-niche{color:#4fd0c4}

.hotthumb{position:relative}
.cand{position:relative}














.tagfill{position:absolute;left:0;top:0;bottom:0;width:0;pointer-events:none;z-index:0;
  background:currentColor;opacity:.22;
  transition:width var(--tagfill-ms, .62s) linear}




.tag>*:not(.tagfill),.tagcloud a>*:not(.tagfill),.vw-tag>*:not(.tagfill){position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){
  
  .tagfill{transition:none;opacity:.14}
}




.tagcard{position:fixed;z-index:calc(var(--z-hovercard) - 1);width:min(420px,calc(100vw - 16px));
  max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain;
  background:var(--sunk);border:1px solid currentColor;padding:12px 14px;
  opacity:0;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease;
  box-shadow:0 10px 40px rgba(0,0,0,.6)}
.tagcard.on{opacity:1;transform:none}
.tagcard-head{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
  padding-bottom:8px;border-bottom:1px solid var(--hair)}
.tagcard-name{font-size:15px;letter-spacing:calc(.03em * var(--track))}
.tagcard-kind{font-size:9px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);
  color:var(--faint)}
.tagcard-count{margin-left:auto;font-size:10.5px;color:var(--accent);text-decoration:none;
  border-bottom:1px dotted var(--accent-deep,var(--accent));white-space:nowrap}
.tagcard-count:hover{color:var(--bright);border-bottom-color:var(--bright)}


.tagcard-edit{flex:none;align-self:center;position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;margin:-3px -4px -3px -2px;color:var(--dim);text-decoration:none}
.tagcard-edit:hover,.tagcard-edit:focus-visible{color:var(--bright)}
.tagcard-edit-i{width:15px;height:15px;display:block}
@media(pointer:coarse){.tagcard-edit{min-width:var(--tap-min);min-height:var(--tap-min);margin:-11px -11px -11px -2px}}





.tagcard-pop{position:relative;left:auto;top:auto;width:min(460px,calc(100vw - 28px));
  max-height:min(78vh,720px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.tagpop{display:flex;align-items:center;justify-content:center;padding:14px}
.tagpop-x{position:absolute;top:6px;right:6px;min-width:44px;min-height:44px;background:none;
  border:0;color:var(--dim);font:inherit;font-size:15px;line-height:1;cursor:pointer;z-index:1}
.tagpop-x:hover{color:var(--bright)}


.tagcard-pop .tagcard-head{padding-right:44px}
.tagcard-desc{color:var(--ink);font-size:12px;line-height:1.55;margin-top:9px}




.tagdesc-by{margin-top:4px;font-size:11px;line-height:1.5;color:var(--faint);overflow-wrap:anywhere}
.tagdesc-by-pts{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(pointer:coarse){
  .tagdesc-by .ulink{position:relative}
  .tagdesc-by .ulink::after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;
    min-width:var(--tap-min);min-height:var(--tap-min);transform:translate(-50%,-50%)}
}
.tagcard-wiki{display:flex;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--hair);
  color:var(--dim);font-size:11.5px;line-height:1.5}
.tagcard-wikithumb{width:64px;height:64px;object-fit:cover;flex:0 0 auto;border:1px solid var(--hair)}
.tagcard-wikitext{min-width:0}
.tagcard-wikikick{color:var(--dim);font:11px ui-monospace,monospace;margin-bottom:2px}
.tagcard-wikititle{color:var(--ink);font-size:12px;margin-bottom:3px}
.tagcard-rel{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}





.tagcard-posts{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;margin-top:10px;
  padding-top:9px;border-top:1px solid var(--hair);overscroll-behavior:contain}
.tagcard-shot{flex:0 0 auto;line-height:0;border:1px solid var(--hair);position:relative}
.tagcard-shot img{width:46px;height:46px;object-fit:cover;object-position:top;display:block}
.tagcard-shot.veiled img{filter:blur(9px)}
.hoverpreview{position:absolute;inset:0;z-index:1;background:var(--sunk)}
.hoverpreview .hp-media{width:100%;height:100%;object-fit:cover;display:block}


















.spine-add{margin-left:auto;margin-right:.6em;font-size:11px;color:var(--bright);opacity:.95}
.spine-pct{opacity:.55;min-width:3.2em;text-align:right}

.pillar-detail .pillar-total{margin-left:auto;font-variant-numeric:tabular-nums;opacity:.9;font-size:13px}
.pillar-detail .pillar-mod{margin-left:.45em;opacity:.5;font-size:12px;text-transform:none;letter-spacing:0}
.rank-pip{display:inline-flex;align-items:center;justify-content:center;
  


  min-width:1.55em;height:1.55em;padding:0 .32em;margin-right:.4em;border-radius:999px;
  border:1px solid currentColor;box-sizing:border-box;
  font-size:.62em;line-height:1;font-variant-numeric:tabular-nums;
  vertical-align:middle;flex:0 0 auto;opacity:.9}
.prof-name .rank-pip{font-size:.42em;vertical-align:.28em}





.ulink .rank-pip{position:relative;top:-.05em}
.pillar-detail .prof-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:10px}










.hc-rig{position:fixed;left:0;top:0;z-index:var(--z-hovercard);will-change:transform}








.hovercard{position:absolute;border-radius:10px;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.45);background:#000;display:block}
.hovercard .hoverpreview{position:absolute;inset:0}
.hovercard .hp-media{object-fit:contain;background:#000}








.hc-gap{position:absolute;z-index:3;background:transparent}   













.hp-progress{position:absolute;z-index:4;cursor:pointer;display:flex;align-items:center}
.hp-progress-track{width:100%;border-radius:999px;overflow:hidden;
  background:rgba(0,0,0,.5);box-shadow:0 1px 4px rgba(0,0,0,.4)}
.hp-progress-fill{width:100%;height:100%;background:var(--accent);transform:scaleX(0);
  transform-origin:left;transition:transform .12s linear}
@media(prefers-reduced-motion:reduce){.hp-progress-fill{transition:none}}





















.hc-poster{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;
  padding:4px 10px;border-radius:8px;background:rgba(12,14,18,.86);
  backdrop-filter:blur(4px);border:1px solid var(--hair-hi);box-sizing:border-box;
  overflow:hidden}
.hc-poster:empty{display:none}
.hc-poster-av{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  text-decoration:none}
.hc-poster .vw-cav{width:30px;height:30px}
.hc-poster-who{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;
  text-decoration:none;font-size:13px;overflow:hidden;white-space:nowrap;
  text-overflow:ellipsis}












.hc-msg{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;
  padding:4px 10px;border-radius:6px;border:1px solid var(--hair-hi);
  background:rgba(255,255,255,.06);color:var(--ink);text-decoration:none;
  font-size:12px;line-height:1;white-space:nowrap}
.hc-msg:hover{background:rgba(255,255,255,.14);border-color:var(--accent);color:var(--accent)}

.hc-foot{position:absolute;z-index:3;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:8px 10px;border-radius:8px;background:rgba(12,14,18,.86);
  backdrop-filter:blur(4px);border:1px solid var(--hair-hi);box-sizing:border-box}
.hc-vol{display:flex;align-items:center;gap:6px}
.hc-mute{background:none;border:0;color:var(--accent);cursor:pointer;font-size:14px;line-height:1;
  padding:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.hc-mute:hover{color:var(--accent-hi,var(--accent))}













.hc-mute .navi{width:16px;height:16px;vertical-align:0}
.hc-volslider{appearance:none;-webkit-appearance:none;width:70px;height:16px;margin:0;background:transparent;cursor:pointer}
.hc-volslider::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:rgba(255,255,255,.28)}
.hc-volslider::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;margin-top:-3px;border:0;border-radius:50%;background:var(--accent)}
.hc-volslider::-moz-range-track{height:3px;border-radius:2px;background:rgba(255,255,255,.28)}
.hc-volslider::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--accent)}




.hc-open{position:absolute;left:50%;transform:translateX(-50%);display:flex;
  align-items:center;justify-content:center;width:92px;height:30px;border-radius:6px;
  border:1px solid var(--hair-hi);background:rgba(255,255,255,.06);color:var(--ink);
  text-decoration:none;cursor:pointer}
.hc-open:hover{background:rgba(255,255,255,.14);border-color:var(--accent);color:var(--accent)}




.hc-paused{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);
  width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:26px;color:#fff;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.35);
  opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}
.hc-paused.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media (prefers-reduced-motion: reduce){ .hc-paused{transition:none} }





.hc-acts{display:flex;gap:6px;margin-left:auto}
.hc-act{width:30px;height:30px;border-radius:50%;border:1px solid var(--hair-hi);
  background:rgba(255,255,255,.06);color:var(--ink);
  font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hc-act:hover{background:rgba(255,255,255,.12);border-color:var(--accent)}
.hc-up.on{color:var(--good);border-color:var(--good)}
.hc-down.on{color:var(--bad);border-color:var(--bad)}
.hc-save.on{color:var(--accent);border-color:var(--accent)}








.ac div.ac-new .ac-tag-new{color:var(--accent);letter-spacing:calc(.04em * var(--track))}
.ac div.ac-new{border-top:1px dashed var(--hair-hi)}
.ac div.ac-near{opacity:.82}
.ac div.ac-near .c{color:var(--faint);font-style:italic}

.ac div.ac-refused{color:var(--bad);cursor:default;white-space:normal;line-height:1.35}
.ac div.ac-refused:hover{background:none;color:var(--bad)}


.proposebar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 12px;
  padding:8px 10px;border:1px dashed var(--hair-hi);background:var(--sunk)}
.proposeitem{display:inline-flex;align-items:center;gap:9px;font-size:12px}
.proposeitem .btn{padding:3px 9px;font-size:10.5px}




.strow.st-propose{border-left:2px dashed var(--hair-hi);opacity:.9}
.strow.st-propose .nm{color:var(--dim)}
.strow.st-propose .st-suggesting{color:var(--faint);font-style:italic}
.strow.st-propose.st-done .nm{color:var(--good)}


.strow.st-propose .st-add{background:none;border:1px solid var(--hair-hi);color:var(--dim);
  cursor:pointer;font:inherit;font-size:12px;line-height:1;padding:2px 8px;border-radius:2px}
.strow.st-propose .st-add:hover{color:var(--good);border-color:var(--good)}
.strow.st-propose .st-add:disabled{opacity:.5;cursor:default}








































@media(pointer:coarse){
  .tagi-search input,.tagi-link input,.tagi-sel,
  .tagi-plus,.tagi-mag,.tagi-linkbtn{min-height:var(--tap-min)}
  .tagi-typelist{gap:10px 5px}
  .tagi-name,.tagi-type,.tagi-treeh,.tagi-treebtn{position:relative}
  .tagi-name::after,.tagi-type::after,.tagi-treeh::after,.tagi-treebtn::after{
    content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
}



.tzundo{margin-left:8px;min-height:44px;min-width:44px;padding:4px 12px;border:1px solid var(--hair);background:none;
  color:var(--bright);font:inherit;letter-spacing:inherit;cursor:pointer;vertical-align:baseline}
.tzundo:hover,.tzundo:focus-visible{border-color:var(--accent);color:var(--accent)}
.tzundo:disabled{opacity:.5;cursor:default}


.staffmark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;
  margin-left:4px;vertical-align:middle;background:none;border:1px solid var(--dim);color:var(--ink);cursor:pointer}
.staffmark:hover,.staffmark:focus-visible{color:var(--bright);border-color:var(--dim)}
.staffmark-i{width:15px;height:15px}
.staffmark::after{content:"";position:absolute;left:50%;top:50%;width:var(--tap-min);height:var(--tap-min);transform:translate(-50%,-50%)}
.staffmark-who{font-size:12px;color:var(--dim);margin:0 0 8px}
.staffmark-menu{display:flex;flex-direction:column}
.staffmark-mi{display:flex;align-items:center;min-height:var(--tap-min);padding:0 14px;background:none;border:0;border-bottom:1px solid var(--hair);
  color:var(--ink);font:inherit;font-size:14px;text-align:left;text-decoration:none;cursor:pointer}
.staffmark-mi:hover{background:var(--raised);color:var(--bright)}
.staffmark-mi.is-danger{color:var(--bad)}
.tagcard-wikiopen{display:block;margin-top:9px;padding:6px 0;min-height:20px;font-size:12px;color:var(--accent);text-decoration:none}
.tagcard-wikiopen:hover,.tagcard-wikiopen:focus-visible{text-decoration:underline}
@media (pointer:coarse){.tagcard-wikiopen{display:flex;align-items:center;min-height:44px}}

/* ⟦web/app-skins.css⟧ */






















































































html[data-light="1"]{--score-ink:#1a2a44}
html[data-skin="yotsuba"]{
  --void:#ffffee; --panel:#f0e0d6; --raised:#f0c0b0; --sunk:#ffffff;
  --hair:#d9bfb7; --hair-hi:#b8907f;
  --ink:#800000; --dim:#554945; --bright:#3d0000;   
  --accent:#ae0a0f; --accent-deep:#800000;   
  --link:#0000ee; --link-hover:#dd0000;
  --navy:#34345c;
  --bad:#ad0e04; --good:#0e6237; --info:#34345c;   
  --coin-ink:#996e1f;   
  --mult-ink:#895d00;   
  --ui:Arial,Helvetica,"Liberation Sans",sans-serif;
  --caps:none; --track:0;
  --scanline:transparent; --wm-op:.03;
}

html[data-skin="yotsuba-b"]{
  --void:#eef2ff; --panel:#d6daf0; --raised:#c8ccec; --sunk:#ffffff;
  --hair:#b7c5d9; --hair-hi:#8f9fc0;
  --ink:#000000; --dim:#454d62; --bright:#000000;   
  --accent:#34345c; --accent-deep:#1d1d3d;
  --link:#34345c; --link-hover:#dd0000;
  --navy:#34345c;
  --bad:#b10f04; --good:#0e6539; --info:#0044aa;   
  --coin-ink:#8f671d;   
  --mult-ink:#835800;   
  --ui:Arial,Helvetica,"Liberation Sans",sans-serif;
  --caps:none; --track:0;
  --scanline:transparent; --wm-op:.03;
}



html[data-skin="yotsuba"],html[data-skin="yotsuba-b"]{
  --cbar-0:transparent; --cbar-1:#c62828; --cbar-2:#d9730d; --cbar-3:#b8960b; --cbar-4:#2e8b3e;
  --cbar-5:#1f6fd1; --cbar-6:#4f46e5; --cbar-7:#8e3fc9;
}


html[data-skin="tomorrow"]{
  --void:#1d1f21; --panel:#282a2e; --raised:#31343a; --sunk:#1a1c1e;
  --hair:#3f4247; --hair-hi:#55595f;
  --ink:#c5c8c6; --dim:#bec0be; --bright:#f0f2f0;   
  --accent:#81a2be; --accent-deep:#5f89ab;
  --link:#81a2be; --link-hover:#b294bb;
  --navy:#b294bb;
  --bad:#cc6666; --good:#b5bd68; --info:#8abeb7;
  

  --lit-keep:#8cc63f;
  --ui:Arial,Helvetica,"Liberation Sans",sans-serif;
  --caps:none; --track:0;
  --scanline:rgba(255,255,255,.010); --wm-op:.05;
}


html[data-skin="phosphor"]{
  --void:#020604; --panel:#04140c; --raised:#062012; --sunk:#010806;
  --hair:#0d3a22; --hair-hi:#155c36;
  --ink:#4fe08a; --dim:#38b96e; --bright:#c7ffd9;   
  --accent:#5cff9d; --accent-deep:#2fd177;
  --link:#c7ffd9; --link-hover:#ffffff;
  --navy:#9ff7c4;
  --bad:#ff6b6b; --good:#5cff9d; --info:#7fe8ff;
  --vote-up:var(--bright);   
  --lit-keep:#b4ff2e;   
  --scanline:rgba(120,255,180,.030); --wm-op:.07;
}


html[data-skin="phosphor-amber"]{
  --void:#0a0500; --panel:#1a0f01; --raised:#241503; --sunk:#070300;
  --hair:#4a2c05; --hair-hi:#70440a;
  --ink:#ffb027; --dim:#e08e15; --bright:#ffe0a3;   
  --accent:#ffc043; --accent-deep:#e09512;
  --link:#ffe0a3; --link-hover:#fff6e2;
  --navy:#ffd79a;
  --bad:#ff6b4a; --good:#ffc043; --info:#ffd79a;
  --vote-up:var(--bright); --vote-dn:#ff3b30;   
  --lit-keep:#e6ff00;   
  --scanline:rgba(255,176,39,.032); --wm-op:.07;
}
















html[data-skin="aperture"]{
  --void:#0c0d0f; --panel:#15171a; --raised:#1e2126; --sunk:#08090b;
  --hair:#2b3037; --hair-hi:#454d57;
  --ink:#e4e7ea; --dim:#a2a9b1; --bright:#ffffff;   
  --accent:#ff9f1c; --accent-deep:#e07b00;
  --link:#ff9f1c; --link-hover:#ffc76b;
  --navy:#00b4ff;
  --bad:#ff5a4a; --good:#00b4ff; --info:#00b4ff;
  --ui:"Univers","Univers LT Std","Helvetica Neue Condensed","HelveticaNeue-CondensedBold",
       "Arial Narrow","Liberation Sans Narrow","Nimbus Sans Narrow","Noto Sans Condensed",
       Helvetica,Arial,sans-serif;
  --caps:uppercase; --track:1.6;
  --brand-logo:url(/aperture-logo.png); --wm-logo:url(/aperture-logo.png);
  --mast-rule:2px solid var(--accent);
  --wm-size:min(190vmin,190vmax); 



  --scanline:transparent; --wm-op:.06;
}













html[data-light="1"] .rk-lurker  {color:#555555}
html[data-light="1"] .rk-drifter {color:#484848}
html[data-light="1"] .rk-denizen {color:#333}
html[data-light="1"] .rk-citizen {color:#0b6e8c;text-shadow:none}
html[data-light="1"] .rk-freeman {color:#117743;text-shadow:none}
html[data-light="1"] .rk-noble   {color:#8a5a00}
html[data-light="1"] .rk-royalty {color:#6b2fa0}
html[data-light="1"] .rk-ascendant {color:#c00;text-shadow:none}
html[data-light="1"] .rk-celestial {color:#8a6a00;text-shadow:none}
html[data-light="1"] .ulink.rk-lurker:hover{color:#3d3d3d}
html[data-light="1"] .ulink.rk-drifter:hover{color:#2b2b2b}
html[data-light="1"] .ulink.rk-citizen:hover{color:#084e63}
html[data-light="1"] .ulink.rk-freeman:hover{color:#0c5530}
html[data-light="1"] .ulink.rk-noble:hover{color:#7a5000}
html[data-light="1"] .ulink.rk-royalty:hover{color:#4e1f77}
html[data-light="1"] .ulink.rk-ascendant:hover{color:#900}
html[data-light="1"] .ulink.rk-celestial:hover{color:#6b5200}

html[data-light="1"] .hc-act{background:rgba(0,0,0,.05)}










html[data-light="1"] .wrap.pagecol::before{background:transparent}
html[data-light="1"] .greentext{color:#4d5b2a}
html[data-light="1"] .hmt-dq-rw{color:var(--mult-ink)}   

html[data-light="1"] .spine-row.sp-content .spine-lbl{color:#933a00}
html[data-light="1"] .spine-row.sp-categorization .spine-lbl{color:#145d70}
html[data-light="1"] .spine-row.sp-community .spine-lbl{color:#902987}
html[data-light="1"] .spine-row.sp-penalty .spine-lbl{color:#a71e28}
html[data-light="1"] .hc-act:hover{background:rgba(0,0,0,.10)}
html[data-light="1"] .hc-volslider::-webkit-slider-runnable-track{background:rgba(0,0,0,.25)}
html[data-light="1"] .hc-volslider::-moz-range-track{background:rgba(0,0,0,.25)}
html[data-light="1"] .hc-foot{background:rgba(250,248,240,.90)}


html[data-light="1"] .brand img.brandlogo{filter:invert(1)}
html[data-light="1"]{--ground-ink:60,64,72}
















html[data-light="1"]{
  --cat-character:#0e6a8a;   
  --cat-media:#6b2fa0;       
  --cat-humor:#117743;       
  --cat-format:#8a2a9e;      
  --cat-general:#4a5566;     
  


  --cat-nsfw:#b0004f;        
  


  --r-common:#474e58; --r-uncommon:#0d5c34; --r-rare:#08556d;
  --r-epic:#712180; --r-legendary:#6f4800; --r-mythic:#a3001c;
  


  --prism:linear-gradient(90deg,#0a8f4a,#0b7fa8,#5a3fb5,#b3197f,#b35c00,#8a7a00,#0a8f4a);
  --prism-sat:linear-gradient(90deg,#068a45,#0a72a8,#5232ad,#c2007a,#c46200,#a08c00,#068a45);
  --prism-lite:linear-gradient(90deg,#3aa86c,#3d95c0,#7d63c9,#cc5ba3,#cc8a44,#b3a233,#3aa86c);
}







html[data-light="1"] .prism-text{filter:none}
html[data-light="1"] .title-chip.prismchip{animation:none;border-color:#7d63c9;color:#3a3a3a}











.skinnote{padding-top:0;padding-bottom:10px;text-align:right}

/* ⟦web/app-builder.css⟧ */























.bld{position:fixed;inset:0;display:grid;background:var(--void);color:var(--ink);
  grid-template-columns:auto 1fr auto;grid-template-areas:"rail main panel"}
.bld-main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0}
.bld-top{flex:none;display:flex;align-items:center;gap:10px;padding:8px 12px;
  border-bottom:1px solid var(--hair);background:var(--panel)}
.bld-title{font-size:11px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  color:var(--dim);margin:0 auto}
.bld-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;
  padding:12px;overflow:hidden;position:relative}




























.bld-rail{grid-area:rail;display:flex;flex-direction:column;gap:0;padding:8px;
  border-right:1px solid var(--hair);background:var(--raised);overflow-y:auto}
.bld-ib{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:58px;
  padding:9px 8px;border:1px solid transparent;background:none;color:var(--dim);
  cursor:pointer;text-decoration:none;border-radius:2px}
.bld-ib:hover{color:var(--ink);background:var(--sunk);border-color:var(--hair)}
.bld-ib.on{color:var(--accent);border-color:var(--accent-deep);background:var(--sunk)}
.bld-ib:disabled{opacity:.3;cursor:default;background:none;border-color:transparent;color:var(--faint)}
.bld-ib-l{font-size:9px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps)}
.bld-ib.bld-go{color:var(--void);background:var(--good);border-color:var(--good);
  flex-direction:row;gap:7px;padding:8px 14px}
.bld-ib.bld-go .bld-ib-l{font-size:11px;font-weight:700}
.bld-ib.danger{color:var(--bad)}

.bld-rail .bld-ib{position:relative;isolation:isolate;padding-block:11px;
  background:none;border-color:transparent}
.bld-rail .bld-ib::after{content:"";position:absolute;z-index:-1;inset-block:1px;
  inset-inline:-1px;border:1px solid transparent;border-radius:2px}
.bld-rail .bld-ib:hover::after{background:var(--sunk);border-color:var(--hair)}
.bld-rail .bld-ib.on::after{background:var(--sunk);border-color:var(--accent-deep)}














































.bld-ib.bld-go{position:relative}
.bld-ib.bld-go::after{content:"";position:absolute;left:0;right:0;
  top:50%;transform:translateY(-50%);height:var(--tap-min)}


.bld-panel{grid-area:panel;width:310px;display:flex;flex-direction:column;
  border-left:1px solid var(--hair);background:var(--panel);min-height:0}
.bld-tabs{flex:none;display:flex;border-bottom:1px solid var(--hair)}
.bld-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;
  border:0;border-bottom:2px solid transparent;background:none;color:var(--faint);cursor:pointer;
  font-size:9px;letter-spacing:calc(.08em * var(--track));text-transform:var(--caps)}
.bld-tab:hover{color:var(--ink)}
.bld-tab.on{color:var(--accent);border-bottom-color:var(--accent)}
.bld-tabbody{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}
.bld-lbl{font-size:9px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  color:var(--faint);margin:10px 0 5px}
.bld-lbl:first-child{margin-top:0}
.bld-row{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;padding:2px 0}
.bld-ctl{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--dim);
  letter-spacing:calc(.08em * var(--track));text-transform:var(--caps)}
.bld-ctl input[type=color]{width:32px;height:26px;padding:0;border:1px solid var(--hair);background:none}


.bld-colw{display:inline-flex;align-items:center;gap:4px}
.bld-pick{display:flex;align-items:center;justify-content:center;padding:5px;cursor:pointer;
  border:1px solid var(--hair);background:var(--sunk);color:var(--dim)}
.bld-pick:hover{border-color:var(--accent);color:var(--ink)}
.bld-pick.on{border-color:var(--accent);background:var(--accent);color:var(--void)}


.bld-stage.picking,.bld-stage.picking canvas,.bld-stage.picking .bld-media{cursor:crosshair}
.bld-range{display:inline-flex;align-items:center;gap:6px}
















.bld-range input[type=range]{width:96px;accent-color:var(--accent)}
.bld-num{min-width:26px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.bld-chips{display:flex;flex-wrap:wrap;gap:5px}
.bld-chip{border:1px solid var(--hair-hi);background:var(--sunk);color:var(--dim);
  padding:5px 9px;font-size:10px;letter-spacing:calc(.06em * var(--track));text-transform:var(--caps);
  cursor:pointer;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.bld-chip:hover{border-color:var(--accent);color:var(--ink)}
.bld-chip.on{color:var(--void);background:var(--accent);border-color:var(--accent)}




.bld-chip.danger{border-color:var(--bad);color:var(--bad)}
.bld-chip.danger:hover{border-color:var(--bad);background:var(--bad);color:var(--void)}





















@media(pointer:coarse){
  .bld-chips{gap:calc(var(--tap-min) - 28px) 8px}
  .bld-chip{--band:28px;position:relative;isolation:isolate;
    min-height:var(--tap-min);min-width:var(--tap-min);
    margin-block:calc((var(--band) - var(--tap-min)) / 2);
    border:0;padding-inline:10px}
  .bld-chip,.bld-chip:hover,.bld-chip.on{background:none}
  












  .bld-chip::after{content:"";position:absolute;z-index:-1;left:0;right:0;top:50%;
    height:var(--band);transform:translateY(-50%);box-sizing:border-box;
    background:var(--sunk);border:1px solid var(--hair-hi)}
  @media(hover:hover){ .bld-chip:hover::after{border-color:var(--accent)} }   
  .bld-chip.on::after{background:var(--accent);border-color:var(--accent)}
  
  .bld-chip:focus-visible{outline:none}
  .bld-chip:focus-visible::after{outline:1px solid var(--accent);outline-offset:2px}
}



























@media(pointer:fine){
  .bld-top .bld-chip{position:relative;overflow:visible}
  .bld-top .bld-chip::after{content:"";position:absolute;left:0;right:0;
    top:50%;transform:translateY(-50%);height:var(--tap-min)}
}
.bld-hint{font-size:10.5px;color:var(--faint);line-height:1.45;padding:8px 0}





.bld-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}
.bld-pal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  padding:14px 6px;border:1px solid var(--hair);background:var(--sunk);color:var(--dim);
  cursor:pointer;border-radius:2px}
.bld-pal:hover{border-color:var(--accent);color:var(--ink)}
.bld-pal.on{border-color:var(--accent);color:var(--void);background:var(--accent)}
.bld-pal-l{font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps)}
.bld-layers{display:flex;flex-direction:column;gap:3px}
.bld-layer{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--hair);
  background:var(--sunk);cursor:pointer;color:var(--dim)}
.bld-layer:hover{border-color:var(--hair-hi);color:var(--ink)}
.bld-layer.on{border-color:var(--accent);color:var(--ink);background:var(--raised)}
.bld-layer-n{flex:1;min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bld-mini{border:0;background:none;color:var(--faint);cursor:pointer;padding:2px;display:flex}
.bld-mini:hover{color:var(--ink)}
.bld-mini.danger:hover{color:var(--bad)}


.bld-mini.on{color:var(--accent)}





.bld-layer-th{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--hair);color:var(--faint);
  background-color:#8a8a8a;
  background-image:linear-gradient(45deg,#6d6d6d 25%,transparent 25%,transparent 75%,#6d6d6d 75%),
    linear-gradient(45deg,#6d6d6d 25%,transparent 25%,transparent 75%,#6d6d6d 75%);
  background-size:8px 8px;background-position:0 0,4px 4px}
.bld-layer-th img{max-width:100%;max-height:100%;display:block}


.bld-grip{cursor:grab;touch-action:none}
.bld-layers.dragging{cursor:grabbing}
.bld-layers.dragging .bld-layer{transition:none}
.bld-layer.drag{border-color:var(--accent);opacity:.85}
.bld-layer.locked .bld-layer-n{color:var(--faint)}








@keyframes bld-landed{from{box-shadow:inset 0 0 0 3px var(--accent)}to{box-shadow:inset 0 0 0 3px transparent}}
.bld-layer.hit{animation:bld-landed .9s ease-out 1}
@media(prefers-reduced-motion:reduce){
  .bld-layer.hit{animation:none;box-shadow:inset 0 0 0 3px var(--accent)}}






















.bld-transport{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:7px 12px;
  border-top:1px solid var(--hair);background:var(--panel)}
.bld-transport:empty{display:none}



.bld-scrub{flex:1 1 160px;min-width:80px;accent-color:var(--accent)}







.bld-fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}
.bld-fx{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 3px;
  border:1px solid var(--hair);background:var(--sunk);color:var(--dim);cursor:pointer;
  border-radius:2px;min-width:0}
.bld-fx:hover{border-color:var(--hair-hi);color:var(--ink)}
.bld-fx.on{border-color:var(--accent);color:var(--ink);background:var(--raised)}
.bld-fx-th{width:46px;height:46px;overflow:hidden;display:block;background:var(--void)}
.bld-fx-th img{width:100%;height:100%;object-fit:cover;display:block}
.bld-fx-l{font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}





.bld-search{flex:1;min-width:0;font:inherit;font-size:13px;background:var(--sunk);color:var(--ink);
  border:1px solid var(--hair-hi);padding:8px 10px}



.bld-progress{position:fixed;inset:0;z-index:var(--z-blocking);display:flex;align-items:center;
  justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}
.bld-progress-card{min-width:min(340px,86vw);padding:20px 22px;background:var(--panel);
  border:1px solid var(--hair-hi);display:flex;flex-direction:column;gap:12px}
.bld-progress-label{font-size:12px;letter-spacing:calc(.12em * var(--track));
  text-transform:var(--caps);color:var(--ink)}
.bld-progress-track{position:relative;height:8px;background:var(--sunk);
  border:1px solid var(--hair);overflow:hidden}
.bld-progress-fill{height:100%;width:0;background:var(--accent);transition:width .18s linear}


.bld-progress-track.indet .bld-progress-fill{width:38%;transition:none;
  animation:bld-indet 1.1s ease-in-out infinite}
@keyframes bld-indet{0%{transform:translateX(-105%)}100%{transform:translateX(300%)}}
.bld-progress-sub{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion: reduce){
  .bld-progress-track.indet .bld-progress-fill{animation-duration:2.4s}
}




.toasts{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:var(--z-toast);
  display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}
.toast{max-width:min(92vw,480px);padding:9px 15px;text-align:center;font-size:12px;line-height:1.45;
  overflow-wrap:anywhere;background:var(--raised);border:1px solid var(--hair-hi);color:var(--ink);
  box-shadow:0 8px 24px rgba(0,0,0,.5);animation:toast-in .18s ease both}
.toast-ok{border-color:var(--good,var(--accent));}
.toast-warn{border-color:var(--warn,var(--accent));color:var(--warn,var(--ink))}
.toast-err{border-color:var(--bad);color:var(--bad)}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.toast{animation:none}}

.notice{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:var(--z-toast);
  background:var(--raised);border:1px solid var(--hair-hi);color:var(--ink);
  padding:9px 15px;font-size:12px;max-width:80vw;text-align:center}





.bld-handle{display:none;align-items:center;justify-content:center;flex:none;
  width:100%;height:22px;padding:0;border:0;cursor:pointer;background:transparent;
  -webkit-tap-highlight-color:transparent}
.bld-handle span{display:block;width:42px;height:4px;border-radius:2px;background:var(--dim);
  opacity:.55;transition:opacity .15s ease,transform .15s ease}
.bld-handle:hover span,.bld-handle:focus-visible span{opacity:1}
.bld-panel.down .bld-handle span{transform:scaleX(1.5);opacity:.8}
.bld-handle:focus-visible{outline:2px solid var(--accent,#d9a441);outline-offset:-3px}



@media (pointer: coarse){
  

  .bld-handle{ min-width:var(--tap-min); min-height:var(--tap-min) }
}
@media (prefers-reduced-motion: reduce){ .bld-handle span{transition:none} }























.bld-chip.off{border-style:dashed;border-color:var(--hair);background:var(--void);
  color:var(--faint);cursor:default}
.bld-chip.off:hover{border-color:var(--hair);color:var(--faint)}
@media(pointer:coarse){
  
  .bld-chip.off,.bld-chip.off:hover{background:none}
  .bld-chip.off::after,.bld-chip.off:hover::after{background:var(--void);
    border-style:dashed;border-color:var(--hair)}
  
  .bld-out input[type=range]{min-height:var(--tap-min)}
}

.bld-ctl.off{opacity:1;color:var(--faint)}
.bld-ctl.off input{filter:grayscale(1);opacity:.45;pointer-events:none}



.bld-hint.why{border-left:2px solid var(--hair-hi);padding-left:9px;color:var(--dim)}
.bld-hint.why.no{border-left-color:var(--bad)}





.bld-size{margin-top:12px;padding:9px 10px;border:1px solid var(--hair-hi);background:var(--sunk)}
.bld-size-r{display:flex;align-items:baseline;gap:8px}
.bld-size-k{font-size:9px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  color:var(--faint)}
.bld-size-v{margin-left:auto;font-size:16px;color:var(--bright);font-variant-numeric:tabular-nums}
.bld-size-v.heavy{color:var(--accent)}
.bld-size-sub{font-size:10px;color:var(--faint);line-height:1.45;margin-top:5px}
.bld-size-bar{position:relative;height:4px;margin-top:7px;background:var(--void);
  border:1px solid var(--hair)}
.bld-size-fill{position:absolute;inset:0 auto 0 0;background:var(--accent)}
.bld-size-fill.heavy{background:var(--bad)}
.bld-size-src{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--dim)}
























.bld-scrim{position:fixed;inset:0;z-index:var(--z-sheet);background:rgba(0,0,0,.72)}




.bld-sheet{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:calc(var(--z-sheet) + 1);width:420px;max-height:min(640px,86vh);
  display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--hair-hi)}
.bld-sheet-top{flex:none;display:flex;align-items:center;gap:8px;padding:9px 12px;
  border-bottom:1px solid var(--hair);background:var(--raised)}
.bld-sheet-t{font-size:11px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  color:var(--ink)}
.bld-sheet-src{font-size:9px;color:var(--faint);letter-spacing:calc(.08em * var(--track));
  text-transform:var(--caps);margin-left:auto;text-align:right}
.bld-sheet-body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}
.bld-sheet-foot{flex:none;padding:9px 12px;border-top:1px solid var(--hair);background:var(--raised)}
.bld-sheet-acts{display:flex;align-items:center;gap:10px;margin-top:9px}
.bld-sheet-acts .bld-go{margin-left:auto}

.bld-sheet-acts .bld-save{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
.bld-sheet-acts .bld-save + .bld-go{margin-left:0}

@media (max-width: 640px){
  .bld-sheet-acts:has(.bld-save){flex-wrap:wrap}
  .bld-sheet-acts .bld-save + .bld-go{flex:1 0 100%;justify-content:center}
}


.bld-size.pin{margin-top:0;border:0;background:none;padding:0}













.bld-sheet.short{height:auto;max-height:min(420px,80vh)}
.bld-sheet-acts.bld-leave{flex-wrap:wrap}


.bld-sheet-acts.bld-leave .bld-chip{flex:1 1 auto;text-align:center;overflow:visible}
















.bld-recover{position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:3;
  display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;
  max-width:calc(100% - 16px);padding:8px 10px;
  background:var(--raised);border:1px solid var(--accent);
  box-shadow:0 6px 22px rgba(0,0,0,.5)}
.bld-recover-t{font-size:10.5px;color:var(--ink);letter-spacing:calc(.06em * var(--track));
  text-transform:var(--caps)}



@media (max-width: 860px) {
  

  .bld{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto;
       grid-template-areas:"main" "panel" "rail"}
  .bld-rail{flex-direction:row;overflow-x:auto;border-right:0;border-top:1px solid var(--hair);
    padding:6px 8px;gap:2px}
  .bld-ib{min-width:52px;padding:7px 6px}
  






  .bld-rail .bld-ib{padding-block:7px}
  


  @media(pointer:fine){
    .bld-rail .bld-ib:hover{background:var(--sunk);border-color:var(--hair)}
    .bld-rail .bld-ib.on{background:var(--sunk);border-color:var(--accent-deep)}
    .bld-rail .bld-ib::after{content:none}
  }
  
























  @media(pointer:coarse){
    .bld-rail{gap:0;padding-inline:7px}
    .bld-rail .bld-ib{position:relative;isolation:isolate;min-width:54px;padding-inline:7px;
      background:none;border-color:transparent}
    




    .bld-rail .bld-ib{flex:1 1 0;min-width:44px;padding-inline:2px}
    

    .bld-rail .bld-ib-l{white-space:nowrap}
    .bld-rail .bld-ib::after{content:"";position:absolute;z-index:-1;inset-block:-1px;
      inset-inline:0;border:1px solid transparent;border-radius:2px}
    



    @media(hover:hover){ .bld-rail .bld-ib:hover::after{background:var(--sunk);border-color:var(--hair)} }
    @media(hover:none){
      .bld-rail .bld-ib:hover::after{background:none;border-color:transparent}
      .bld-rail .bld-ib:hover:not(.on):not(:disabled){color:var(--dim)}
    }
    .bld-rail .bld-ib.on::after{background:var(--sunk);border-color:var(--accent-deep)}
    



    .bld-mini{min-width:40px;min-height:44px;align-items:center;justify-content:center}
    .bld-ctl input[type=color]{width:44px;height:44px}
    .bld-pick{min-width:44px;min-height:44px}
  }
  




  .bld-panel{width:auto;height:38vh;border-left:0;border-top:1px solid var(--hair)}
  .bld-panel.down{height:auto}
  .bld-panel.down .bld-tabs,.bld-panel.down .bld-tabbody{display:none}
  .bld-handle{display:flex}
  .bld-tabbody{padding:9px 11px}
  .bld-range input[type=range]{width:84px}
  .bld-top{padding:7px 10px}
  
  .bld-mini{padding:6px}
  .bld-layer{padding:9px 8px}
  






  .bld-sheet{left:0;right:auto;top:auto;bottom:0;transform:none;
    width:100%;height:70vh;max-height:none;
    border:0;border-top:1px solid var(--hair-hi)}
}


.bld-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  pointer-events:none}
.bld-media video,.bld-media img{max-width:100%;max-height:100%;object-fit:fill}
.bld-stage{position:relative;touch-action:none}   
.bld-stage canvas{position:relative;z-index:1}


.bld-stage canvas.bld-pboard{position:absolute;left:0;top:0;z-index:0;touch-action:none}
.bld-stage canvas.bld-pboard[hidden]{display:none}
.bld-media,.bld-stage .canvas-container{transform-origin:center center;will-change:transform}
#zoompill[hidden]{display:none}
.bld-transport{flex:none;display:flex;align-items:center;gap:6px;padding:6px 10px;
  border-top:1px solid var(--hair);background:var(--panel);overflow-x:auto}
.bld-transport:empty{display:none}
.bld-transport .bld-ib{min-width:0;padding:6px 8px}
.bld-transport .bld-ib-l{font-size:8px}
.bld-scrub{flex:1;min-width:100px}









.bld-scrub.trimmed{--trim-bg:linear-gradient(to right,
  var(--sunk) 0, var(--sunk) var(--trim-a), var(--accent) var(--trim-a),
  var(--accent) var(--cut-a), var(--sunk) var(--cut-a),
  var(--sunk) var(--cut-b), var(--accent) var(--cut-b),
  var(--accent) var(--trim-b), var(--sunk) var(--trim-b), var(--sunk) 100%)}
.bld-scrub.trimmed{appearance:none;-webkit-appearance:none;background:none;height:18px}
.bld-scrub.trimmed::-moz-range-track{background:var(--trim-bg);height:6px;border-radius:3px}
.bld-scrub.trimmed::-webkit-slider-runnable-track{background:var(--trim-bg);height:6px;border-radius:3px}
.bld-scrub.trimmed::-moz-range-progress{background:transparent}


.bld-scrub.trimmed::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #000;
  background:var(--ink)}
.bld-scrub.trimmed::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-4px;
  width:14px;height:14px;border-radius:50%;border:2px solid #000;background:var(--ink)}



































.bld-stage.has-band.is-clip .canvas-container::before{content:"";position:absolute;
  inset:0;box-sizing:border-box;background:none;border-style:solid;
  border-color:var(--band-color,#fff);
  border-width:var(--band-h,0) var(--pad-r,0) var(--band-b,0) var(--pad-l,0);
  z-index:-1;pointer-events:none}
.bld-stage .canvas-container{position:relative}








.bld-splitui{position:absolute;inset:0;z-index:4;pointer-events:none}
.bld-cell{position:absolute;pointer-events:auto;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;
  min-width:var(--tap-min);min-height:var(--tap-min);
  border:1px dashed var(--hair-hi);color:var(--faint);cursor:pointer;
  font-size:9px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  background:repeating-linear-gradient(45deg,rgba(14,17,22,.72) 0 8px,rgba(12,15,20,.72) 8px 16px)}
.bld-cell:hover{border-color:var(--accent);color:var(--ink)}
.bld-cell b{font-size:22px;font-weight:400;line-height:1;color:var(--dim)}


.bld-diag{display:grid;gap:2px;width:15px;height:15px;background:var(--hair-hi);flex:none;
  vertical-align:-3px;margin-right:5px}
.bld-diag i{background:var(--dim);display:block}
.bld-chip.on .bld-diag{background:var(--void)}
.bld-chip.on .bld-diag i{background:var(--accent)}
.bld-splitchip{display:inline-flex;align-items:center}

.bld-mediabox{overflow:hidden;flex:none}
.bld-mediabox video,.bld-mediabox img{display:block;max-width:none;max-height:none}





.sr-row{border:1px solid var(--hair);border-radius:4px;padding:10px 12px;margin-bottom:9px;
  background:var(--panel)}
.sr-head{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}
.sr-head b{color:var(--bright);font-size:13px}
.sr-audio{display:block;width:100%;max-width:420px;margin:8px 0 6px;height:32px}
.sr-acts{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:4px}
.sr-slug,.sr-label{width:auto;flex:0 1 170px;padding:5px 8px;font-size:12px}
.sr-acts .bv-act{padding:6px 11px}
@media(max-width:620px){
  

  .sr-slug,.sr-label{flex:1 1 100%}
  .sr-acts .bv-act{flex:1 1 45%}
}




.inv-link{width:min(340px,52vw);font-family:var(--mono,ui-monospace,monospace);font-size:11px;
  padding:4px 6px;background:var(--sunk);border:1px solid var(--hair);color:var(--dim)}
.inv-link:focus{color:var(--ink);border-color:var(--accent)}







.admin-acts .inv-dest{flex:0 0 auto;width:min(320px,60vw)}
td .inv-link + .btn{margin-left:6px;vertical-align:middle}



.admin-acts .inv-qty{flex:0 0 auto;width:64px;text-align:center}






.inv-dest-row{margin-top:3px;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
.inv-dest-row.on{color:var(--accent)}
.inv-dest-arrow{opacity:.7}
.hint.inv-dest-on{color:var(--accent)}




@media(max-width:640px){
  





  .inv-link{width:min(340px,64vw)}
  
  td .inv-link + .btn{margin-left:0;margin-top:5px}
}



.prof-temp-pw{margin-top:10px;padding:10px 12px;border:1px solid var(--accent);
  border-radius:4px;background:var(--sunk)}
.prof-temp-pw-h{font-size:10px;letter-spacing:calc(.14em * var(--track));text-transform:var(--caps);
  color:var(--accent);margin-bottom:7px}
.prof-temp-pw-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.prof-temp-pw-val{flex:1 1 200px;width:auto;font-family:ui-monospace,Menlo,monospace;
  font-size:14px;letter-spacing:.04em;color:var(--bright);background:var(--void);
  border:1px solid var(--hair-hi);padding:6px 8px}
.prof-temp-pw .hint{margin-top:6px}










body.brush-add .tile[data-brush], body.brush-del .tile[data-brush],
body.brush-add .hovercard[data-brush], body.brush-del .hovercard[data-brush]{cursor:crosshair}


body.brush-add .tile[data-brush]::after, body.brush-del .tile[data-brush]::after,
body.brush-add .hovercard[data-brush]::after, body.brush-del .hovercard[data-brush]::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:5;
  display:flex;align-items:center;justify-content:center;
  font:600 34px/1 var(--ui);letter-spacing:0;
  


  text-shadow:0 0 3px rgba(0,0,0,.95),0 2px 12px rgba(0,0,0,.8);
  opacity:.5;transition:opacity .12s linear,background-color .12s linear}
body.brush-add .tile[data-brush]::after, body.brush-add .hovercard[data-brush]::after{
  content:"＋";color:var(--good);box-shadow:inset 0 0 0 2px var(--good)}
body.brush-del .tile[data-brush]::after, body.brush-del .hovercard[data-brush]::after{
  content:"✕";color:var(--bad);box-shadow:inset 0 0 0 2px var(--bad)}


body.brush-add .tile[data-brush]:hover::after, body.brush-add .hovercard[data-brush]:hover::after{
  opacity:1;background:rgba(95,196,107,.22)}
body.brush-del .tile[data-brush]:hover::after, body.brush-del .hovercard[data-brush]:hover::after{
  opacity:1;background:rgba(224,85,95,.22)}

.tile.brush-busy, .hovercard.brush-busy{opacity:.55}

@keyframes brushhit-ok{from{box-shadow:inset 0 0 0 3px var(--good)}to{box-shadow:inset 0 0 0 3px transparent}}
@keyframes brushhit-no{from{box-shadow:inset 0 0 0 3px var(--bad)}to{box-shadow:inset 0 0 0 3px transparent}}
.tile.brush-hit-add,.hovercard.brush-hit-add{animation:brushhit-ok .9s ease-out 1}
.tile.brush-hit-del,.hovercard.brush-hit-del{animation:brushhit-no .9s ease-out 1}
@media(prefers-reduced-motion:reduce){.tile.brush-hit-add,.hovercard.brush-hit-add,
  .tile.brush-hit-del,.hovercard.brush-hit-del{animation:none}}


.brushchip{position:absolute;left:6px;bottom:6px;z-index:6;pointer-events:none;
  font-size:9.5px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);
  padding:3px 6px;background:var(--void);border:1px solid var(--hair-hi);color:var(--ink);
  max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brushchip.ok{border-color:var(--good);color:var(--good)}
.brushchip.no{border-color:var(--bad);color:var(--bad)}







.hkbox{position:fixed;left:14px;bottom:14px;z-index:var(--z-bar);width:268px;
  background:var(--panel);border:1px solid var(--hair);
  font-size:10px;line-height:1.5;box-shadow:0 6px 22px rgba(0,0,0,.5)}
.hkbox .hk-head{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;
  background:none;border:0;border-bottom:1px solid var(--hair);cursor:pointer;
  color:var(--dim);font:inherit;font-family:var(--ui);
  letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);text-align:left}
.hkbox .hk-head:hover{color:var(--accent)}
.hkbox .hk-tri{display:inline-block;font-size:8px;transform:rotate(90deg);transition:transform .15s ease}
.hkbox.shut .hk-tri{transform:rotate(0deg)}
.hkbox.shut .hk-head{border-bottom:0}
.hkbox.shut .hk-body{display:none}



.hkbox.shut{width:auto}
.hkbox .hk-body{padding:7px 8px;display:flex;flex-direction:column;gap:5px}
.hkbox .hk-row{display:flex;align-items:baseline;gap:6px}
.hkbox .hk-keys{flex:0 0 auto;display:flex;align-items:center;gap:2px;white-space:nowrap}
.hkbox .hk-plus{color:var(--faint);font-size:8px}
.hkbox kbd{font-family:var(--mono);font-size:9px;line-height:1;padding:3px 4px;
  background:var(--sunk);border:1px solid var(--hair-hi);color:var(--ink);
  border-radius:2px;text-transform:none;letter-spacing:0}
.hkbox .hk-row.ok kbd{border-color:var(--good);color:var(--good)}
.hkbox .hk-row.no kbd{border-color:var(--bad);color:var(--bad)}
.hkbox .hk-l{flex:1 1 auto;color:var(--faint)}
@media(prefers-reduced-motion:reduce){.hkbox .hk-tri{transition:none}}








@media(max-width:1099px){.hkbox{display:none}}



.bld-start{position:fixed;inset:0;z-index:var(--z-panel);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px 16px;background:var(--bg,#0a0b0d);color:var(--fg,#e8e8e8)}
.bld-start-t{font-size:18px;font-weight:600}
.bld-start-row{display:flex;align-items:center;gap:10px}
.bld-start-col{width:56px;height:36px;padding:0;border:1px solid currentColor;background:none}

/* ⟦web/app-admin.css⟧ */








































































.as-strip{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;
  grid-template-areas:"mark role count burger" "said said said said" "acts acts acts acts";
  align-items:center;gap:8px 10px;
  padding:10px 12px;margin:0 0 14px;background:var(--panel);
  border:1px solid var(--hair);border-top:2px solid var(--bad)}
.as-mark{grid-area:mark;display:inline-flex;align-items:center;gap:7px;color:var(--bad)}
.as-bolt{width:18px;height:18px;flex:0 0 18px;display:block}
.as-word{font-size:12px;font-weight:700;letter-spacing:calc(.18em * var(--track));
  text-transform:var(--caps)}
.as-role{grid-area:role;font-size:10px;color:var(--dim);text-transform:var(--caps);
  letter-spacing:calc(.1em * var(--track));border:1px solid var(--hair);
  padding:2px 8px;white-space:nowrap}


.as-said{grid-area:said;display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 180px}
.as-title{color:var(--bright);font-size:13px;letter-spacing:calc(.04em * var(--track))}
.as-sub{color:var(--dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}













.as-count{grid-area:count;justify-self:end;font-size:12px;color:var(--dim);white-space:nowrap;
  text-transform:var(--caps);letter-spacing:calc(.06em * var(--track));
  font-variant-numeric:tabular-nums}
.as-count.on{color:var(--accent);font-weight:700}






.as-acts{grid-area:acts;display:grid;grid-template-columns:1fr;gap:8px}
.as-back,.as-burger{display:flex;align-items:center;justify-content:center;
  min-height:var(--tap-min);font-size:11px;text-align:center;
  border:1px solid var(--hair)}
.as-back{color:var(--dim);text-decoration:none;white-space:nowrap;padding:5px 9px;
  text-transform:var(--caps);letter-spacing:calc(.1em * var(--track))}
.as-back:hover{color:var(--ink);border-color:var(--hair-hi)}




.as-burger{grid-area:burger;min-width:var(--tap-min);padding:0 11px;font-size:11px;line-height:1;
  gap:7px;background:var(--sunk);color:var(--ink);cursor:pointer;font-family:inherit}
.as-burger-g{font-size:15px;line-height:1}
.as-burger-w{text-transform:var(--caps);letter-spacing:calc(.12em * var(--track));
  white-space:nowrap}
.as-burger:hover{border-color:var(--hair-hi);color:var(--bright)}








.as-suite{display:block}
.as-rail{display:none}
.as-main{min-width:0}




@media(min-width:1000px){
  .as-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .as-acts{display:flex;gap:8px}
  



  .as-burger,.sqdrawer.as-sheet,.as-scrim{display:none}
  .as-back{min-height:0;display:inline-flex}
  .as-suite{display:grid;grid-template-columns:216px minmax(0,1fr);gap:22px;align-items:start}
  















  .as-rail{display:block;position:relative;top:14px}
}













.as-panel{--pn-pad:0}
.as-meta+.as-in{padding-top:10px}
.as-in{position:relative;padding:22px 16px 16px}

.as-rail .as-in{padding:20px 0 10px}






.as-group{margin:0 0 16px}
.as-group:last-child{margin-bottom:0}
.as-cell-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}







.as-n{flex:0 0 auto;font-size:10px;font-weight:700;line-height:1.5;padding:1px 6px;
  background:var(--accent);color:var(--void);font-variant-numeric:tabular-nums}


.as-n.quiet{background:none;color:var(--dim);font-weight:400;box-shadow:inset 0 0 0 1px var(--hair)}


.as-prow:focus-visible,.as-cell:focus-visible,.as-tile:focus-visible,.as-burger:focus-visible,
.as-back:focus-visible,.as-more:focus-visible,.as-disk:focus-visible{
  outline:2px solid var(--bad);outline-offset:2px}


.as-panelbody{padding:22px 16px 16px}



.as-sec{margin:0 0 22px}
.as-more{font-size:11px;color:var(--dim);text-decoration:none;white-space:nowrap;
  text-transform:var(--caps);letter-spacing:calc(.08em * var(--track))}
.as-more:hover{color:var(--accent)}


.as-note{font-size:11px;color:var(--dim);padding:6px 0;line-height:1.6;max-width:52em}

.as-whose{position:relative;z-index:1;border-top:1px solid var(--hair);margin-top:2px;
  padding:10px 2px 0;color:var(--faint);font-size:10.5px;line-height:1.6}
.as-whose b{color:var(--accent);font-weight:400;text-transform:var(--caps);
  letter-spacing:calc(.1em * var(--track))}






.as-nyou{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:14px}
.as-status{display:flex;flex-direction:column;border:1px solid var(--hair);background:var(--sunk)}

.as-status-h{text-align:center;letter-spacing:calc(.14em * var(--track));padding:7px 10px;
  border-bottom:1px solid var(--hair)}
.as-status-b{flex:1 1 auto;display:flex;align-items:stretch;gap:14px;padding:18px 14px}






.as-statword{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center}






.as-tile:nth-child(odd):last-child{grid-column:1 / -1}




.as-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  padding:14px 8px 16px;text-decoration:none;color:var(--ink);
  border-top:2px solid transparent;min-height:var(--tap-min);text-align:center}
.as-tile:hover{background:var(--panel)}
.as-tile-k{letter-spacing:calc(.08em * var(--track));line-height:1.35}





.as-needs .as-in{overflow:hidden;padding-bottom:58px}










.as-mgrid{--pn-cols:1}
.as-mcell{display:block;color:var(--ink);text-decoration:none}
a.as-mcell:hover{background:var(--panel)}
.as-mhead{letter-spacing:calc(.14em * var(--track));padding-bottom:7px;margin-bottom:11px;
  border-bottom:1px solid var(--hair)}

.as-sha{font-size:16px;line-height:1.2;color:var(--bright);font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere}

.as-sha.as-off{color:var(--dim);letter-spacing:calc(.08em * var(--track))}
.as-mline{font-size:11px;color:var(--dim);margin-top:4px;overflow-wrap:anywhere;line-height:1.5}







.as-gauge{margin-top:11px}


.as-rows{display:flex;flex-direction:column}
.as-row{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline;
  justify-content:space-between;padding:9px 0}
.as-row+.as-row{border-top:1px solid var(--hair)}
.as-k{flex:0 1 auto;min-width:0;letter-spacing:calc(.1em * var(--track))}
.as-state{flex:0 0 auto;font-size:12px;color:var(--dim);text-transform:var(--caps);
  letter-spacing:calc(.1em * var(--track))}
.as-row.good .as-state{color:var(--good)}
.as-row.warn .as-state{color:var(--accent)}
.as-row.bad .as-state{color:var(--bad)}



.as-row.dim .as-state{color:var(--dim)}
.as-hint{flex:1 0 100%;text-align:right;font-size:11px;color:var(--dim);line-height:1.5}




.as-row.bad{border-top:0;padding-top:19px}






















.as-aud-kind{order:0}

.as-aud-fail{order:-2;flex:0 0 auto;color:var(--bad);font-weight:700;font-size:10px}







.as-pcard{border:1px solid var(--hair);background:var(--sunk);margin:0 0 10px}
.as-pcard:last-child{margin-bottom:0}
.as-pchead{font-size:10px;color:var(--dim);text-transform:var(--caps);
  letter-spacing:calc(.14em * var(--track));padding:9px 12px 7px}

.as-prow{display:flex;align-items:center;gap:10px;min-height:var(--tap-min);
  padding:8px 12px;border-top:1px solid var(--hair);border-left:2px solid transparent;
  text-decoration:none;color:var(--ink)}
.as-prow:hover{background:var(--panel)}
.as-prow-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.as-prow-l{font-size:12.5px;color:var(--ink)}
.as-prow-s{font-size:10.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}








.as-prow.on{background:color-mix(in srgb,var(--accent) 10%,transparent);
  border-left-color:var(--accent)}
.as-prow.on .as-prow-l{color:var(--bright)}












.sqdrawer.as-sheet .body{padding:10px 10px calc(12px + env(safe-area-inset-bottom,0px))}
.as-scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:calc(var(--z-sheet) - 1);
  opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
.as-scrim.open{opacity:1;visibility:visible;transition:opacity .22s ease}
@media(prefers-reduced-motion:reduce){.as-scrim,.as-scrim.open{transition:none}}




















.as-chart{--as-chart-a:#bd8829;--as-chart-b:#3f9ecf}







.as-metric{padding:11px 12px 13px}
.as-m-k{letter-spacing:calc(.1em * var(--track))}
.as-m-n{line-height:1.05;margin-top:6px}



.as-m-d{font-size:10px;color:var(--dim);margin-top:3px;font-variant-numeric:tabular-nums}
.as-m-d.up{color:var(--good)}




.as-spark{display:block;width:100%;height:30px;margin-top:9px;overflow:visible}
.as-spark-a{fill:var(--accent);fill-opacity:.14;stroke:none}
.as-spark-b{stroke:var(--hair);stroke-width:1}
.as-spark-l{fill:none;stroke:var(--dim);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


.as-spark-d{fill:var(--accent);stroke:var(--sunk);stroke-width:2}


.as-chart{border:1px solid var(--hair);background:var(--sunk);padding:12px 14px 14px}
.as-chead{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:10px}
.as-legend{display:flex;gap:14px;flex:0 0 auto}
.as-lg{display:inline-flex;align-items:center;gap:6px}


.as-lg-sw{width:10px;height:10px;flex:0 0 10px}
.as-lg-sw.a{background:var(--as-chart-a)}
.as-lg-sw.b{background:var(--as-chart-b)}
.as-lg-t{font-size:10px;color:var(--dim);text-transform:var(--caps);
  letter-spacing:calc(.08em * var(--track))}




.as-read{display:inline-flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;min-height:14px;
  justify-content:flex-end}
.as-read-d{color:var(--faint)}
.as-read-v{color:var(--bright)}





.as-plotwrap{display:flex;gap:9px;align-items:flex-start}
.as-ylab{position:relative;flex:0 0 auto;width:2.8em;height:140px}
.as-ylab span{position:absolute;right:0;transform:translateY(-50%);font-size:10px;
  color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}
.as-yl-t{top:7.14%}
.as-yl-m{top:47.86%}
.as-yl-b{top:88.57%}
.as-plotcol{flex:1 1 auto;min-width:0}




.as-plot{display:block;width:100%;height:140px}



.as-xax{display:grid;grid-template-columns:repeat(30,1fr);margin-top:6px;font-size:10px;
  color:var(--faint);font-variant-numeric:tabular-nums}
.as-xax span{justify-self:center;white-space:nowrap;text-transform:var(--caps);
  letter-spacing:calc(.06em * var(--track))}
.as-xt1{grid-column:1;justify-self:start}
.as-xt8{grid-column:8}
.as-xt15{grid-column:15}
.as-xt22{grid-column:22}
.as-xt29{grid-column:29;justify-self:end}





.as-xt8,.as-xt22{display:none}

.as-plotax{display:flex;justify-content:space-between;gap:8px;margin-top:6px;
  font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums}



.as-axis{stroke:var(--hair-hi);stroke-width:1}
.as-grid{stroke:var(--hair);stroke-width:1}
.as-tick{stroke:var(--hair-hi);stroke-width:1}
.as-bar.a{fill:var(--as-chart-a)}
.as-bar.b{fill:var(--as-chart-b)}





.as-hit{fill:var(--hair);fill-opacity:0;pointer-events:all;transition:fill-opacity .12s ease}
.as-hit:hover{fill-opacity:.35}
@media(prefers-reduced-motion:reduce){.as-hit{transition:none}}




.as-sr,.as-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}






@media(min-width:1000px){
  .as-meta+.as-in{padding-top:22px}
  .as-nyou{grid-template-columns:210px minmax(0,1fr)}
  


  .as-tiles{grid-template-columns:repeat(auto-fit,minmax(122px,1fr))}
  .as-tile:nth-child(odd):last-child{grid-column:auto}
  .as-metrics{--pn-cols:4}   
  .as-mgrid{--pn-cols:2}
  .as-mwide{grid-column:1/-1}
  .as-xt8,.as-xt22{display:block}
  .as-plot{height:180px}
  .as-ylab{height:180px}
}






.sv-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.sv-row{border:1px solid var(--line, rgba(255,255,255,.12));border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.sv-row.revoked,.sv-row.off{opacity:.6}
.sv-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sv-chip{font:inherit;font-size:.78em;letter-spacing:.04em;text-transform:uppercase;padding:1px 7px;border:1px solid var(--line, rgba(255,255,255,.18));border-radius:999px;color:var(--dim)}
.sv-chip.lan{color:var(--accent)}
.sv-chip.bad{color:var(--bad);border-color:var(--bad)}
.sv-line{display:flex;gap:8px;font-size:.92em;flex-wrap:wrap}
.sv-line.bad .sv-v{color:var(--bad)}
.sv-k{color:var(--dim);min-width:6.5em}
.sv-v{overflow-wrap:anywhere}
.sv-form{display:flex;flex-direction:column;gap:6px}
.sv-events,.sv-scopes{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.sv-events label,.sv-scopes label,.admin-acts label{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.sv-wide{flex:1 1 16em;min-width:12em}
.sv-code{display:block;overflow-wrap:anywhere;user-select:all;padding:8px 0;font-size:1.05em}



.aem-form{flex-wrap:wrap;align-items:center;gap:8px}
.aem-list{margin-top:6px}
.aem-file{font:inherit;font-size:12px;color:var(--dim);max-width:100%}
.aem-name{flex:1 1 10em;min-width:8em}
.as-panel .aem-list > .aem-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px}
.aem-pics{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--void)}
.aem-big{width:48px;height:48px;object-fit:contain;display:block}
.aem-small{width:22px;height:22px;object-fit:contain;display:block}
.aem-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.aem-nm{color:var(--bright);overflow-wrap:anywhere}
.aem-rm{flex:none}














.as-meta+.as-panelbody{padding-top:10px}


.as-panel>.as-meta:empty{display:none}









.as-trow{border:0;background-color:transparent;margin:0}

.as-trow.pn-hazard{padding-top:15px}




.as-trow .console-meta,.as-trow .modbody{display:flex;flex-direction:row;flex-wrap:wrap;
  align-items:baseline;gap:5px 10px;min-width:0}
























.as-trow .console-cardacts,.as-trow .modacts{margin:0 0 0 auto;flex:0 1 auto;
  justify-content:flex-end}

.as-trow .console-note,.as-trow .voterlist{flex:1 1 100%;margin:0}

.as-trow .console-thumbwrap,.as-trow .modthumbwrap{align-self:center}

.as-trow .console-incident{flex:1 1 100%}

.as-trow .console-act{padding:5px 9px}




.as-trow .console-metatop{flex:0 0 4.2em;color:var(--dim);font-variant-numeric:tabular-nums}






.as-one{display:block}
.as-one-fig{text-align:center;padding:20px 14px 18px;
  border:1px solid var(--hair);border-top:2px solid transparent}
.as-one-k{margin-top:6px}




.as-one-act{display:block;margin:12px 0 0}
.as-one-b{width:100%}


.as-ruled{margin-top:14px;border-top:1px solid var(--hair);padding-top:10px}
.as-ruledlist{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}





.as-count{justify-self:stretch;text-align:right;min-width:0;overflow:hidden;
  text-overflow:ellipsis}




.as-empty{max-width:44em;margin-left:auto;margin-right:auto}









.as-nomatch{text-align:center}





.as-nomatch .as-empty{padding-bottom:8px;margin-bottom:0}
.as-nomatch-clear{display:inline-block;font-size:11px;color:var(--dim);
  text-transform:var(--caps);letter-spacing:calc(.08em * var(--track))}
.as-nomatch-clear:hover{color:var(--accent)}
@media(pointer:coarse){.as-nomatch-clear{min-height:var(--tap-min);line-height:var(--tap-min)}}















.as-note .as-pair{width:15px;height:15px;vertical-align:-3px;margin:0 3px}





.as-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;
  padding:0 0 11px;border-bottom:1px solid var(--hair)}
.as-filterbar .adminput{flex:1 1 12em;min-width:0}
.as-filterbar .inv-qty{flex:0 0 5em}






.as-rolecells,.as-invcells{grid-template-columns:repeat(auto-fit,minmax(8.5em,1fr));
  margin:0 0 14px}

.as-rolecell{border-top:2px solid transparent;text-align:center}




.as-seen{flex:0 0 5.2em}
.as-who{flex:0 0 auto;min-width:0;overflow-wrap:anywhere}

.as-aud-acct{color:var(--dim);font-size:10.5px;font-family:var(--mono,monospace)}

.as-urename-form{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.as-urename-input{max-width:14em}
.as-urename-msg{flex:1 0 100%;font-size:11px}
.as-urename{background:none;border:0;color:var(--dim);cursor:pointer;font-size:12px;padding:0 6px;min-height:24px}
.as-urename:hover:not(:disabled){color:var(--bright)}
.as-urename:disabled{opacity:.35;cursor:default}
@media(pointer:coarse){.as-urename{min-width:var(--tap-min);min-height:var(--tap-min)}}
.as-role{min-width:5.5em;text-align:center}



.as-trust{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px}
.as-gauge-s{width:54px;flex:0 0 54px}
.as-trust-n{color:var(--ink);font-variant-numeric:tabular-nums;font-size:11px;min-width:3em}
.as-usermeta{flex:0 0 auto;white-space:nowrap}
.as-burn{font-variant-numeric:tabular-nums}






.as-uacts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;
  margin-left:auto;flex:1 1 auto;min-width:0}
@media(max-width:999px){.as-uacts{flex:1 1 100%;margin-left:0;justify-content:flex-start}}
.as-nocontrol{font-size:10.5px;color:var(--faint)}









.as-urow{padding-top:6px;padding-bottom:6px}
.as-invrow,.as-staffrow{padding-top:9px;padding-bottom:9px}



@media(min-width:1000px) and (hover:hover) and (pointer:fine){
  .as-urow .as-ubtn{font-size:10.5px;padding:2px 6px;min-height:0;height:auto;line-height:1.5}
  


  



  .as-urow{flex-wrap:nowrap}
  .as-urow .as-uacts{gap:3px;flex:0 0 auto}
  .as-urow .as-gauge-s{width:40px;flex:0 0 40px}
  .as-urow .as-trust-n{min-width:2.5em}
  .as-urow .as-usermeta,.as-urow .as-burn,.as-urow .as-role{font-size:11px}
}




@media(pointer:coarse){
  .as-urow .as-ubtn{min-height:var(--tap-min);min-width:var(--tap-min)}
}





.as-code{font-variant-numeric:tabular-nums;letter-spacing:calc(.04em * var(--track))}

.as-keystamp{margin:0 0 0 5px;vertical-align:-3px}
.as-usedby{color:var(--dim)}
.as-invlink{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.as-invlink .inv-link{flex:1 1 18em;min-width:0}
.as-invlink .inv-dest-row{flex:1 1 100%;margin:0}




.as-staffgroup{margin:18px 0 8px;padding-left:0}
.as-staffgroup:first-child{margin-top:0}



.as-staffwhat{flex:1 1 16em;min-width:0;color:var(--dim);font-size:11px;line-height:1.5}
@media(max-width:999px){.as-staffwhat{flex:1 1 100%}}
.as-stafflog .rolechip{min-width:6em;text-align:center}









.as-tastrow,.as-srow,.as-frrow{border:0;background-color:transparent;margin:0}
.as-tastnum{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--ink)}


.as-tastcells{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);
  grid-template-columns:repeat(auto-fit,minmax(8.5em,1fr));margin:14px 0}


.as-sparktext{font-size:16px;letter-spacing:calc(1px * var(--track));color:var(--accent)}


.as-substep{margin:14px 0 6px}
.as-micro{color:var(--ink);font-size:12px}



.as-frrow{gap:6px 12px}
.as-frrow .fr-bar{flex:1 1 8em;min-width:4em;height:8px}
.as-frn{flex:0 0 auto;font-size:14px}


.as-srow{align-items:center}
.as-srow .sr-audio{flex:1 1 100%;height:32px;margin:2px 0}
.as-srcline{flex:1 1 100%}
.as-srow .sr-slug,.as-srow .sr-label{flex:1 1 9em;min-width:7em}





.as-tab{width:auto;padding:6px 12px}
.as-tab.is-on{border-color:var(--accent);color:var(--accent)}





.as-panelbody .tr-card{border-radius:0}

.as-panelbody .tr-new .tr-head{font-size:11px;color:var(--dim);text-transform:var(--caps);
  letter-spacing:calc(.12em * var(--track));border-bottom:1px solid var(--hair);
  padding-bottom:7px;margin-bottom:10px}





.as-diskcells,.as-cellrow{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);
  grid-template-columns:repeat(auto-fit,minmax(9em,1fr));margin:0 0 14px}
.as-diskcells .as-gauge{margin-top:9px}



.as-purgeword{font-size:22px;margin-bottom:2px}
















.as-auditrow.as-auditrow{white-space:normal;border-left:0;background:none;
  font-family:inherit;font-size:11.5px;line-height:1.6;padding:7px 12px}



.as-auditlog>.as-auditrow.bad{box-shadow:inset 2px 0 0 var(--bad)}














.as-aud-ctx{color:var(--faint);font-size:10.5px}
@media(max-width:999px){.as-aud-ctx{flex:1 1 100%}}
.as-auditlog .as-aud-when{flex:0 0 5.4em}

.as-aud-note,.as-aud-etc{color:var(--faint)}




































.as-audhead{display:none}
@media(min-width:1280px){
  

  .as-audhead,.as-auditlog > .as-auditrow.as-auditrow{
    display:grid;column-gap:10px;row-gap:1px;align-items:baseline;font-size:11.5px;
    grid-template-columns:3.4em 5.4em 7.8em 8.5em 9em minmax(0,1fr) minmax(0,17em)}
  .as-auditlog > .as-auditrow > .as-aud-fail{grid-column:1}
  .as-auditlog > .as-auditrow > .as-aud-when{grid-column:2}
  .as-auditlog > .as-auditrow > .as-aud-kind{grid-column:3;justify-self:start}
  .as-auditlog > .as-auditrow > .as-aud-who{grid-column:4}
  .as-auditlog > .as-auditrow > .as-aud-verb{grid-column:5}
  


  .as-auditlog > .as-auditrow > .as-aud-what,
  .as-auditlog > .as-auditrow > .as-aud-note,
  .as-auditlog > .as-auditrow > .as-aud-etc{grid-column:6}
  


  .as-auditlog > .as-auditrow > .as-aud-ctx{grid-column:7;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  



  .as-audhead{padding:7px 12px;color:var(--faint);
    text-transform:var(--caps);letter-spacing:calc(.1em * var(--track))}
  






  .as-audhead-c{font-size:9.5px;white-space:nowrap;overflow:hidden}
  .as-auditlog > .as-audhead + .as-auditrow{border-top:1px solid var(--hair)}
}





.as-auditmeta{max-width:none;text-align:right;text-transform:var(--caps);
  letter-spacing:calc(.08em * var(--track));font-size:10px}



.aa-log{max-height:none;overflow:visible;border-radius:0}




.as-kindrow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}










.as-panelbody .as-kchip.as-kchip{border:0;background:none;background-color:transparent;
  padding:0;border-radius:0;outline:0;box-shadow:none;color:inherit;font-weight:400}
.as-kchiploz{border-radius:0}





.as-panelbody .as-svrow{border:0;border-radius:0;padding:11px 12px;background-color:transparent;
  flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:5px 10px}
.as-panelbody .sv-chip{border-radius:0}
.as-svrow .sv-head{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.as-svrow .sv-line{flex:1 1 100%}
.as-svrow .sv-form,.as-svrow .sv-events,.as-svrow .sv-scopes{flex:1 1 100%}






@media(max-width:999px){
  .as-diskcells>*:last-child:nth-child(odd),
  .as-cellrow>*:last-child:nth-child(odd),
  .as-tastcells>*:last-child:nth-child(odd),
  .as-rolecells>*:last-child:nth-child(odd),
  .as-invcells>*:last-child:nth-child(odd){grid-column:1/-1}
}







.as-aasec{--pn-pad:20px 14px 14px;margin:16px 0;border-top:1px solid var(--hair);padding-top:20px}
.as-aasec:first-child{margin-top:6px}


.as-aasec .aa-sechead{margin:0}

.as-aasec .aa-what{margin-top:10px}















@media(max-width:999px){
  .as-auditbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
  .as-auditbar .adminput,.as-auditbar .as-go{grid-column:1/-1;min-width:0;width:100%}
  .as-auditbar .as-toggle{width:100%}
}








.as-panelbody .as-toggle.on{outline:0;border-color:var(--accent);color:var(--accent);
  background:color-mix(in srgb,var(--accent) 10%,transparent)}








.as-flatloz{border-color:transparent;padding-left:0;padding-right:0}


.as-ubtn{border-color:var(--hair-hi)}
.as-ubtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}




.as-ubtn:disabled{color:var(--faint);border-color:var(--hair);cursor:not-allowed;opacity:1}





.afb-block{margin:0 0 20px}
.afb-h{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:var(--dim)}
.afb-chips,.afb-bar,.afb-meta,.afb-who{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.afb-bar{margin-bottom:8px}
.afb-btn{font:inherit;font-size:12px;line-height:1.3;padding:4px 9px;border-radius:4px;border:1px solid var(--hair);background:transparent;color:var(--dim);cursor:pointer}
.afb-chip.on,.afb-tab.on{color:var(--ink);border-color:var(--accent)}
.afb-list{display:grid;gap:8px}
.afb-item{display:grid;gap:5px;min-width:0;padding:8px 10px;border:1px solid var(--hair);border-radius:6px}
.afb-row{display:flex;gap:8px;align-items:baseline;min-width:0}
.afb-kind{flex:none;font-size:11px;color:var(--faint);white-space:nowrap}
.afb-subj{min-width:0;color:var(--ink);overflow-wrap:anywhere}
.afb-meta{font-size:12px;color:var(--dim)}
.afb-out{color:var(--ink)}
.afb-out.rev,.afb-flag{color:var(--bad)}
.afb-flagged{color:var(--warn, #e6a23c)}
.afb-ans{font-size:11px;padding:1px 6px;border:1px solid var(--hair);border-radius:3px;color:var(--dim)}
.afb-ans.yes{color:var(--good)}
.afb-ans.no{color:var(--bad)}
.afb-revert{justify-self:start;color:var(--bad)}
.afb-item>.afb-chip{justify-self:start}
.afb-num{width:6em}
.afb-save{margin-top:8px}
.afb-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.afb-stat{display:grid;padding:6px 10px;border:1px solid var(--hair);border-radius:4px;text-align:center}
.afb-stat-n{font-size:18px;font-weight:700;color:var(--ink)}
.afb-stat-label{font-size:10px;color:var(--dim)}
.afb-spark{display:block;width:100%;height:48px}
.afb-sparkhead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.afb-sparkdelta{font-size:11px;color:var(--dim)}
.afb-sparkdelta.up{color:var(--good)}
.afb-sparkdelta.down{color:var(--bad)}
.afb-charts{display:grid;gap:16px;margin:0 0 12px}
@media(min-width:640px){.afb-charts{grid-template-columns:1fr 1fr}}
.afb-brow{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:11px}
.afb-bname{flex:0 0 90px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afb-btrack{flex:1;display:flex;height:12px;background:var(--hair);border-radius:2px;overflow:hidden}
.afb-bfill{height:100%;border-radius:2px}
.afb-bsettle{background:var(--accent)}
.afb-bpend{background:var(--dim);opacity:.35}
.afb-bacc{background:var(--accent)}
.afb-bcount{flex:none;width:2.5em;text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}
.afb-bleg{display:flex;gap:10px;font-size:10px;color:var(--dim);margin-top:4px}
.afb-bleg-s{color:var(--accent)}
.afb-bleg-p{opacity:.6}
.afb-detail{margin-top:8px;padding-top:8px;border-top:1px solid var(--hair)}
.afb-drill{display:flex;gap:6px;align-items:baseline;padding:2px 0;font-size:11px;min-width:0;flex-wrap:wrap}


@media(pointer:coarse){
  .afb-btn{min-width:var(--tap-min);min-height:var(--tap-min)}
}


.ada-lede{margin:0 0 10px}

.ada-author>.afb-detail[hidden]{display:none}
.ada-desc{background:var(--well, transparent)}
.ada-body{color:var(--ink);font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}
.ada-tag{text-decoration:none;font-weight:600}
.ada-pts{color:var(--ink);font-variant-numeric:tabular-nums}






.aom-list{display:grid;gap:0;margin-top:8px}
.aom-msg{padding:6px 8px;border-left:2px solid transparent;border-bottom:1px solid var(--hair);min-width:0;overflow-wrap:anywhere}
.aom-head{font-size:11px}
.aom-body{white-space:pre-wrap;margin:2px 0}
.aom-withdrawn,.aom-removed{border-left-color:var(--dim)}
.aom-removed{border-left-color:var(--ink)}
.aom-withdrawn .aom-body,.aom-removed .aom-body{color:var(--dim)}
.aom-state{font-size:11px;color:var(--dim)}
.aom-removed .aom-state{color:var(--ink)}
.aom-reply{border-left:2px solid var(--hair);padding-left:6px;margin:2px 0}
.aom-focus{outline:1px solid var(--accent);outline-offset:-1px}
.aom-history summary{cursor:pointer;font-size:11px;color:var(--dim)}
.aom-history ol{margin:4px 0 2px;padding-left:1.6em}
.aom-thumb{width:40px;height:40px;object-fit:cover;vertical-align:middle;margin-right:6px;border-radius:2px}
.aom-more{display:inline-block;font-size:11px;margin:8px 0}


.aom-day{position:sticky;top:0;z-index:1;background:var(--panel);color:var(--dim);font-size:11px;letter-spacing:.02em;padding:10px 8px 4px;border-bottom:1px solid var(--hair)}
.aom-when{font-variant-numeric:tabular-nums}
.aom-sys .aom-body{color:var(--dim);font-style:italic}
.aom-reply{cursor:pointer}
.aom-tlink{display:inline-block;line-height:0}
.aom-post{display:flex;gap:8px;align-items:flex-end;margin:4px 0;flex-wrap:wrap}
.aom-pthumb{width:120px;height:120px;object-fit:cover;border-radius:0;border:1px solid var(--hair)}
.aom-media{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}
.aom-mcell{display:grid;gap:2px;max-width:200px}
.aom-mthumb{max-width:200px;max-height:200px;object-fit:contain;border-radius:0;border:1px solid var(--hair);background:var(--hair)}
.aom-mnote{font-size:11px}
.aom-link{margin:2px 0;min-width:0}
.aom-link .le-card{max-width:420px}
.aom-rx{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:11px;margin:2px 0}
.aom-rchip{display:inline-flex;gap:4px;align-items:center}
.aom-rthumb,.aom-remoji{width:22px;height:22px;object-fit:cover;border-radius:0}
.aom-remoji{object-fit:contain}
.aom-rglyph{font-size:15px;line-height:1}
@media(pointer:coarse){
  .aom-history summary,.aom-more{min-height:var(--tap-min);line-height:var(--tap-min)}
}





.as-pyre-cells{grid-template-columns:repeat(auto-fit,minmax(8.5em,1fr))}
.as-pyre-acts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}
.as-pyre-h{margin:16px 0 6px}
.as-pyre-clock{color:var(--accent);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}
.as-pyre-log{margin:0 0 4px}
.as-pyre-row .as-pyre-t{flex:1 1 12em;min-width:0}
.as-pyre-coins{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.as-pyre-day{flex-basis:6.2em}


.asc-over{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.asc-ev{margin:4px 0 2px}
.asc-ev .asc-hot td{color:var(--accent);font-weight:600}
.asc-ev .asc-hot td:first-child{color:var(--accent)}




.frx-out{min-width:0}
.aa-frxlink{display:inline-block;margin-top:4px;font-size:12px}
.frx-verdict{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:8px 10px;margin:4px 0 8px;
  border:1px solid var(--hair)}
.frx-verdict.is-drift{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent)}
.frx-verdict-t{color:var(--ink);font-size:12px}
.frx-hot td{background:color-mix(in srgb, var(--bad) 12%, transparent)}
.frx-bad{color:var(--bad);font-weight:600}
.frx-note{max-width:90ch;line-height:1.5;margin:6px 0}
.frx-crowns{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.frx-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 8px}
.frx-chip{opacity:.55}
.frx-chip.on{opacity:1;border-color:var(--accent)}
.frx-day{max-width:150px}
.frx-act{max-width:240px}
.frx-totdet{margin:4px 0 8px}
.frx-totdet>summary{cursor:pointer}
.frx-anchor{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--faint);background:none;
  border:1px solid var(--hair);padding:0 4px;margin-left:6px;cursor:pointer;white-space:nowrap}
.frx-anchor:hover{color:var(--dim);border-color:var(--hair-hi)}
.frx-anchor.is-copied{color:var(--good);border-color:var(--good)}
.frx-tl{border-top:1px solid var(--hair)}
.frx-r{padding:6px 0;border-bottom:1px solid var(--hair);font-size:12px;font-variant-numeric:tabular-nums}
.frx-l1,.frx-l2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
.frx-l2{margin-top:3px;padding-left:2px}
.frx-act{min-width:0;overflow-wrap:anywhere}
.frx-when{color:var(--dim)}
.frx-actname{color:var(--bright)}
.frx-pos{color:var(--good)}
.frx-neg{color:var(--bad)}
.frx-bal{color:var(--dim)}
.frx-subj{display:inline-block;max-width:28ch;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.frx-notes{line-height:1.9}
.frx-where{color:var(--dim);overflow-wrap:anywhere}
.frx-tag{margin-right:4px}
.frx-r:target{background:color-mix(in srgb, var(--accent) 18%, transparent)}
.frx-more{margin-top:8px}
.frx-blind{margin:0;padding-left:18px;font-size:12px;line-height:1.6}
.frx-blind-what{color:var(--ink)}
@media (max-width:640px){
  .frx-day,.frx-act{max-width:100%;flex:1 1 140px}
}




.cul-out{min-width:0}
.cul-filters,.cul-selbar,.cul-act{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:4px 0 8px}
.cul-max{width:7.5em}
.cul-tag{width:12em}
.cul-check{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink);cursor:pointer;white-space:nowrap}
.cul-count{font-variant-numeric:tabular-nums}
.cul-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0 0 10px}
.cul-tile{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--sunk);
  border:1px solid var(--hair);cursor:pointer;outline-offset:1px;
  content-visibility:auto;contain-intrinsic-size:auto 300px}   
.cul-tile[hidden]{display:none}
.cul-tile:hover{border-color:var(--hair-hi)}
.cul-tile.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);
  background:color-mix(in srgb, var(--accent) 12%, var(--sunk))}
.cul-tile.is-on::after{content:"✓";position:absolute;top:4px;right:4px;width:20px;height:20px;line-height:20px;
  text-align:center;background:var(--accent);color:var(--void);font-weight:700;font-size:12px}
.cul-tile.is-culled{cursor:default;opacity:.72}
.cul-pic{position:relative;aspect-ratio:1/1;background:var(--void);overflow:hidden}
.cul-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.cul-kind{position:absolute;left:4px;bottom:4px}
.cul-meta{padding:6px 7px 7px;font-size:11px;line-height:1.45;font-variant-numeric:tabular-nums;min-width:0}
.cul-l{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;min-width:0}
.cul-id{color:var(--bright)}
.cul-when{color:var(--dim)}
.cul-pos{color:var(--good)}
.cul-neg{color:var(--bad)}
.cul-zero{color:var(--dim)}
.cul-paid{color:var(--dim)}
.cul-pay{color:var(--faint)}
.cul-title{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cul-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}
.cul-tagchip{border:1px solid var(--hair);padding:0 4px;color:var(--dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cul-tagchip.is-more{color:var(--faint)}
.cul-culled{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:0 7px 7px;font-size:11px}
.cul-remove{border-color:var(--bad);color:var(--bad)}
.cul-remove:hover{background:color-mix(in srgb, var(--bad) 14%, var(--sunk));color:var(--bright);border-color:var(--bad)}
.cul-remove:disabled{opacity:.45;cursor:default}
.cul-reason{flex:1 1 18em;min-width:0}
.cul-msg{flex-basis:100%}

.cul-more{display:block;margin:0 auto 12px}
.cul-more[hidden]{display:none}
.cul-prog{flex-basis:100%;width:100%;height:6px;accent-color:var(--bad)}
.cul-prog[hidden]{display:none}
.cul-hist{border-top:1px solid var(--hair)}
.cul-hrow{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--hair);
  font-size:12px;font-variant-numeric:tabular-nums}
@media (max-width:640px){
  .cul-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .cul-max,.cul-tag{flex:1 1 8em;width:auto}
  .cul-day,.cul-pick{flex:1 1 100%}
}



.as-cellrow.avm-cells{grid-template-columns:repeat(3,minmax(0,1fr))}   
.avm-c{border-top:2px solid transparent}
.avm-c.avm-hot{border-top-color:var(--bad)}
.avm-c.avm-hot .n{color:var(--bad)}
.avm-rooms{margin-top:10px}
.avm-room{display:flex;flex-direction:column;gap:6px;padding:8px 10px}
.avm-roomhead{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.avm-roomname{color:var(--bright);font-weight:600;overflow-wrap:anywhere}
.avm-people{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px}
.avm-person{display:inline-flex;gap:4px;align-items:center;min-width:0}
.avm-meter{position:relative;height:16px;background:var(--sunk);border:1px solid var(--hair);margin:4px 0 6px;overflow:hidden}
.avm-proj{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb, var(--accent) 18%, transparent)}
.avm-fill{position:absolute;inset:0 auto 0 0;background:var(--accent-deep)}
.avm-fill.is-hot{background:var(--bad)}
.avm-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--bad);opacity:.8}
.avm-now{position:absolute;top:-1px;bottom:-1px;width:1px;background:var(--bright);opacity:.6}
.avm-meterkey,.avm-costs{margin:2px 0;font-variant-numeric:tabular-nums}
.avm-days{height:64px;margin-top:10px}
.avm-days .aa-day{flex:1 1 0;min-width:4px}
.avm-alert{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;padding:6px 10px}
.avm-alertwords{color:var(--bright);overflow-wrap:anywhere;min-width:0}
@media(max-width:999px){.as-cellrow.avm-cells{grid-template-columns:repeat(2,minmax(0,1fr))}}   




.aap-cells{--pn-cols:4}
@media(max-width:640px){.aap-cells{--pn-cols:2}}
.aap-cell{display:flex;flex-direction:column;align-items:center;gap:6px}
.aap-mark{width:22px;height:22px;color:var(--bright)}
.aap-cell.is-faint .aap-mark{color:var(--dim)}
.aap-group{margin-top:24px;padding-left:0}



.abe-why{margin:6px 0 0;padding:0 0 0 18px;font-size:12px;color:var(--text)}
.abe-reason{margin:2px 0}
.abe-ip{font-family:var(--mono);color:var(--dim);font-size:11px;overflow-wrap:anywhere}
.abe-note{margin-top:6px}
.abe-acts{margin-top:8px;flex-wrap:wrap}
.abe-alts{margin-top:18px}
.abe-alts-h{margin:0 0 8px;font-size:12px;text-transform:lowercase;letter-spacing:.04em}
.abe-altcard{margin-bottom:8px}



.aps-cells{--pn-cols:3}
@media(max-width:640px){.aps-cells{--pn-cols:1}}
.aps-group{margin-top:24px;padding-left:0}
.aa-table tr.aps-prev td{color:var(--dim)}




.acs-note{margin:0 0 4px}
.acs-group{margin-top:20px;padding-left:0}
.acs-list{display:flex;flex-direction:column;gap:8px}
.acs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--hair)}
.acs-row.acs-soon{opacity:.6}
.acs-words{min-width:0}
.acs-name{color:var(--bright);font-size:13px}
.acs-sub{color:var(--dim);font-size:12px;margin-top:2px}
.acs-btns{display:flex;gap:8px;flex-wrap:wrap}
.acs-more{margin-top:4px}
.acs-play{min-height:var(--tap-min);min-width:var(--tap-min);padding:0 14px;border:1px solid var(--hair);color:var(--accent);font-size:12px;background:none}
.acs-play:hover{border-color:var(--accent)}
.acs-play:disabled{color:var(--dim);border-color:var(--hair);opacity:.6;cursor:default}




.as-strip.space-mod{border-top-color:var(--mod)}
.as-strip.space-admin{border-top-color:var(--admin)}
.as-strip.space-mod .as-mark{color:var(--mod)}
.as-strip.space-admin .as-mark{color:var(--admin)}
.as-role.r-moderator{background:var(--mod);color:var(--void);border-color:var(--mod);font-weight:700}
.as-role.r-admin{background:var(--admin);color:var(--void);border-color:var(--admin);font-weight:700}
.as-role.r-owner{background:var(--staff);color:var(--void);border-color:transparent;font-weight:700}

.as-door{grid-area:door;display:inline-flex;align-items:center;gap:6px;min-height:var(--tap-min);padding:0 12px;
  border:1px solid currentColor;font-size:11px;font-weight:700;text-transform:var(--caps);letter-spacing:calc(.12em * var(--track));
  text-decoration:none;background:var(--sunk)}
.as-door.space-mod{color:var(--mod)}
.as-door.space-admin{color:var(--admin)}
.as-door-g{width:16px;height:16px;flex:0 0 16px}
.as-door:hover{background:var(--panel)}
.as-strip{grid-template-columns:auto auto minmax(0,1fr) auto auto;
  grid-template-areas:"mark role count door burger" "said said said said said" "acts acts acts acts acts"}
@media(max-width:640px){.as-door-w{display:none}.as-door{padding:0 11px}}


.as-stabs{display:flex;margin:0 0 16px;border:1px solid var(--hair);background:var(--panel)}
.as-stab{position:relative;flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap-min);
  padding:0 10px;color:var(--dim);font-size:12px;text-transform:var(--caps);letter-spacing:calc(.12em * var(--track));
  text-decoration:none;border-right:1px solid var(--hair);min-width:0}
.as-stab:last-child{border-right:0}
.as-stab:hover{color:var(--bright);background:var(--raised)}
.as-stab-g{width:20px;height:20px;flex:0 0 20px}
.as-stab-w{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-stab-n{min-width:18px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:var(--void);background:var(--dim)}
.space-mod .as-stab-n{background:var(--mod)}
.space-admin .as-stab-n{background:var(--admin)}
.as-stab.on{color:var(--bright);background:var(--raised)}
.as-stab.on::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--accent)}
.space-mod .as-stab.on{color:var(--mod)}
.space-mod .as-stab.on::before{background:var(--mod)}
.space-admin .as-stab.on{color:var(--admin)}
.space-admin .as-stab.on::before{background:var(--admin)}
.as-stab.is-both::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--staff);opacity:.7}
.as-stab.is-both.on::before{background:var(--staff)}
@media(max-width:820px){.as-stab-w{display:none}.as-stab{padding:0 4px}.as-stab-n{position:absolute;top:3px;right:3px}}


.as-rail.space-mod .as-cell.on{border-left-color:var(--mod);background:color-mix(in srgb,var(--mod) 10%,transparent)}
.as-rail.space-admin .as-cell.on{border-left-color:var(--admin);background:color-mix(in srgb,var(--admin) 10%,transparent)}
.as-rail.space-mod .as-railtab{color:var(--mod)}
.as-rail.space-admin .as-railtab{color:var(--admin)}
.as-group.is-both > .as-sech{border-image:var(--staff) 1;border-bottom-width:1px;border-bottom-style:solid}
.as-foot{margin-top:18px}
.as-foot.space-mod .as-sech,.as-foot.space-mod .as-otherdoor{color:var(--mod)}
.as-foot.space-admin .as-sech,.as-foot.space-admin .as-otherdoor{color:var(--admin)}
.as-pages .as-foot{border:1px solid var(--hair);padding:8px 0}


.mhm-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 22px}
.mhm-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:96px;
  padding:12px 6px;background:var(--panel);border:1px solid var(--hair);border-top:2px solid var(--hair-hi);color:var(--dim);text-decoration:none}
.mhm-tile:hover{background:var(--raised)}
.mhm-tile-g{width:22px;height:22px}
.mhm-tile-n{font-size:28px;font-weight:700;color:var(--bright);font-variant-numeric:tabular-nums;line-height:1.1}
.mhm-tile-l{font-size:11px;text-transform:var(--caps);letter-spacing:calc(.14em * var(--track));text-align:center}
.mhm-tile.is-hot{border-top-color:var(--mod)}
.mhm-tile.is-hot .mhm-tile-n{color:var(--mod)}
.mhm-tile.is-both{border-top-color:transparent}
.mhm-tile.is-both::before{content:"";position:absolute;left:-1px;right:-1px;top:-2px;height:2px;background:var(--staff)}
.mhm-tile.is-both.is-hot .mhm-tile-n{color:var(--admin)}
.mhm-cols{display:grid;grid-template-columns:7fr 4fr 4fr;gap:22px;align-items:start}
.mhm-panel{--pn-pad:16px 14px 12px;margin-top:8px}
.mhm-panel .mhm-tab{color:var(--mod)}
.mhm-pen .mhm-tab{background:var(--staff);color:var(--void);font-weight:700}
.mhm-meta{font-size:11px;color:var(--dim)}
.mhm-body{display:flex;flex-direction:column}
.mhm-empty{color:var(--dim);font-size:12px;padding:10px 0}
.mhm-rep{display:grid;grid-template-columns:auto 44px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px 0;
  border-bottom:1px solid var(--hair)}
.mhm-rep.is-done{opacity:.55}
.mhm-kind{font-size:11px;font-weight:700;letter-spacing:calc(.12em * var(--track));padding:3px 8px;border:1px solid currentColor;text-align:center;min-width:68px}
.mhm-kind.k-rules{color:var(--accent)}
.mhm-kind.k-illegal{color:var(--bad)}
.mhm-kind.k-spam,.mhm-kind.k-other,.mhm-kind.k-abuse,.mhm-kind.k-burn{color:var(--dim)}
.mhm-kind.k-evade{color:var(--info)}
.mhm-thumb{width:44px;height:44px;background:var(--sunk);border:1px solid var(--hair);overflow:hidden}
.mhm-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mhm-rep-t{min-width:0;cursor:pointer}
.mhm-rep-who{font-size:13px;color:var(--bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mhm-acc{color:var(--accent)}
.mhm-rep-sub{font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mhm-age{font-size:12px;color:var(--dim);white-space:nowrap}
.mhm-up,.mhm-no,.mhm-open{min-height:var(--tap-min);min-width:72px}
.mhm-up{border-color:var(--admin);color:var(--bright)}
.mhm-up.is-both{border:1px solid;border-image:var(--staff) 1}
.mhm-done{grid-column:1/-1;font-size:11px;color:var(--good)}
.mhm-more{display:flex;align-items:center;min-height:var(--tap-min);padding:0;font-size:12px;color:var(--accent);text-decoration:none}
.mhm-lad{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--hair)}
.mhm-lad-who{color:var(--bright);font-size:13px}
.mhm-lad-what{color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mhm-lad-when{color:var(--bad);font-size:12px;font-variant-numeric:tabular-nums}
.mhm-lad.is-good .mhm-lad-when{color:var(--good)}
.mhm-lookup-h,.mhm-quick-h{margin-top:16px;padding-left:0}
.mhm-lookup{display:flex;align-items:center;gap:8px;min-height:var(--tap-min);border-bottom:1px solid var(--hair)}
.mhm-prompt{color:var(--accent);font-weight:700}
.mhm-lookup-in{flex:1 1 auto;min-width:0;background:transparent;border:0;color:var(--bright);font:inherit;font-size:13px;min-height:var(--tap-min)}
.mhm-lookup-in:focus{outline:none}
.mhm-lookup:focus-within{border-bottom-color:var(--accent)}
.mhm-logrow{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;padding:7px 0;font-size:12px;align-items:baseline}
.mhm-log-t{color:var(--dim);font-variant-numeric:tabular-nums}
.mhm-log-tag.is-ok{color:var(--info)}
.mhm-log-tag.is-warn{color:var(--accent)}
.mhm-log-tag.is-err{color:var(--bad)}
.mhm-log-x{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mhm-chips{display:flex;flex-wrap:wrap;gap:8px}
.mhm-chip{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 12px;border:1px solid var(--hair-hi);color:var(--ink);
  font-size:12px;text-decoration:none}
.mhm-chip:first-child{border-color:var(--accent);color:var(--accent)}
.mhm-chip:hover{border-color:var(--accent)}
.mhm-penrow{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:baseline}
@media(max-width:1280px){.mhm-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mhm-reports{grid-column:1/-1}}
@media(max-width:820px){
  .mhm-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mhm-tile{min-height:88px}
  .mhm-tile-n{font-size:24px}
  .mhm-cols{grid-template-columns:minmax(0,1fr)}
  .mhm-rep{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"kind t age" "thumb t age" "up up no"}
  .mhm-rep .mhm-kind{grid-area:kind}.mhm-rep .mhm-thumb{display:none}.mhm-rep .mhm-rep-t{grid-area:t}.mhm-rep .mhm-age{grid-area:age}
  .mhm-rep .mhm-up,.mhm-rep .mhm-open{grid-area:up}.mhm-rep .mhm-no{grid-area:no}
}


.dg-settings{display:flex;flex-direction:column;gap:6px}
.dg-setrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--hair)}
.dg-setl{color:var(--bright);font-size:13px;min-width:140px}
.dg-setgo{margin-left:auto;min-height:var(--tap-min)}





.dg-host{--pn-pad:0}
.dg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.dg-box{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--tap-min);padding:0 12px;
  background:var(--sunk);border:1px solid var(--hair-hi);color:var(--ink);font:inherit;font-size:12px;cursor:pointer;
  text-decoration:none}
.dg-box:hover{border-color:var(--accent);color:var(--bright)}
.dg-box:disabled{opacity:.45;cursor:default}
.dg-box.is-set{border-color:var(--accent);color:var(--accent)}
.dg-ds{color:var(--bright);font-weight:700}
.dg-ds-g,.dg-csv-g{width:18px;height:18px}
.dg-caret{color:var(--dim);font-size:11px}
.dg-viewchip{text-transform:none;letter-spacing:0;font-size:13px;max-width:100%;min-width:0}
.dg-viewchip > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-star{color:var(--accent)}
.dg-vname{color:var(--bright)}
.dg-vshared,.dg-vsum{color:var(--dim)}
.dg-fglyph,.dg-cglyph{font-size:14px}
.dg-save{color:var(--dim)}
.dg-count{margin-left:auto;font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}
.dg-notice{font-size:12px;color:var(--accent);margin:0 0 10px}
.dg-err{color:var(--bad)}
.dg-wrap{background:var(--panel);border:1px solid var(--hair);outline:none}
.dg-wrap:focus-visible{border-color:var(--accent)}
.dg-table{width:100%;border-collapse:collapse;font-size:13px}
.dg-table th,.dg-table td{border-bottom:1px solid var(--hair);border-right:1px solid var(--hair);text-align:left;vertical-align:middle;padding:0 8px}
.dg-hr th{height:40px;font-weight:400}
.dg-th{position:relative;white-space:nowrap;min-width:48px;cursor:grab;padding-right:18px !important}
.dg-th.is-drag{opacity:.4}
.dg-hl{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0;background:none;border:0;color:var(--dim);font:inherit;font-size:11px;
  text-transform:var(--caps);letter-spacing:calc(.14em * var(--track));cursor:pointer}
.dg-hl:hover{color:var(--bright)}
.dg-th.is-calc .dg-hl{color:var(--info)}
.dg-sortmark{color:var(--accent);font-weight:700}
.dg-grip{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--hair-hi);font-size:11px;letter-spacing:-2px}
.dg-fr th{padding:6px 8px 8px}
.dg-fline{display:flex;align-items:center;gap:6px;width:100%;height:26px;padding:0 8px;background:var(--sunk);border:1px solid var(--hair);
  color:var(--dim);font:inherit;font-size:11px;cursor:pointer;overflow:hidden}
.dg-fline > .dg-fw{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-fline.is-set{border-color:var(--accent);color:var(--accent)}
.dg-fline.is-open{background:var(--raised);border-color:var(--accent)}
.dg-fnone{color:var(--hair-hi)}
.dg-bandrow td{padding:0;border-right:0}
.dg-band{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-left:2px solid var(--accent);
  border-bottom:1px solid var(--accent);background:var(--raised)}
.dg-band-h{font-size:11px;color:var(--accent);text-transform:var(--caps);letter-spacing:calc(.14em * var(--track))}
.dg-band-ed{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto;align-items:center}
.dg-band-acts{display:flex;gap:8px;margin-left:auto}
.dg-apply{border-color:var(--accent);color:var(--accent)}
.dg-opt{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap-min);padding:0 10px;background:var(--sunk);border:1px dashed var(--hair-hi);
  color:var(--dim);font:inherit;font-size:12px;cursor:pointer}
.dg-opt.is-on{border-style:solid;border-color:var(--accent);color:var(--bright)}
.dg-in{min-height:var(--tap-min);padding:0 10px;background:var(--sunk);border:1px solid var(--hair-hi);color:var(--bright);font:inherit;font-size:13px;min-width:0}
.dg-in:focus{outline:none;border-color:var(--accent)}
.dg-to{color:var(--dim);font-size:12px}
.dg-row{height:44px}
.dg-row:hover{background:var(--raised)}
.dg-row.is-sel{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.dg-row.is-focus{box-shadow:inset 2px 0 0 var(--accent)}
.dg-selcol{width:44px;text-align:center !important;padding:0 !important}
.dg-actcol{width:56px;text-align:center !important;padding:0 6px !important;border-right:0 !important}
.dg-check{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}
.dg-cell{cursor:pointer;white-space:nowrap}
.dg-face{display:inline-block;width:28px;height:28px;background:var(--sunk);border:1px solid var(--hair);overflow:hidden;vertical-align:middle}
.dg-face img{width:100%;height:100%;object-fit:cover;display:block}
.dg-face-l{width:36px;height:36px;flex:0 0 36px}
.dg-link{display:inline-flex;align-items:baseline;gap:6px}
.dg-name{color:var(--bright);text-decoration:none}
.dg-name:hover{color:var(--accent)}
.dg-id{color:var(--dim);font-size:12px}
.dg-num{font-variant-numeric:tabular-nums;color:var(--bright)}
.dg-num.is-near,.dg-up{color:var(--accent)}
.dg-num.is-bad{color:var(--bad)}
.dg-date,.dg-dim,.dg-bool{color:var(--dim)}
.dg-bool.is-yes{color:var(--bright)}
.dg-trust{display:inline-flex;align-items:center;gap:10px}
.dg-tbar{position:relative;display:inline-block;width:48px;height:5px;background:var(--hair)}
.dg-tfill{position:absolute;left:0;top:0;bottom:0;background:var(--ink)}
.dg-tbar.is-near .dg-tfill{background:var(--accent)}
.dg-tcap{position:absolute;top:-4px;width:2px;height:13px;margin-left:-1px;background:var(--bad)}
.dg-chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 9px;border:1px solid currentColor;font-size:11px;
  text-transform:var(--caps);letter-spacing:calc(.12em * var(--track));white-space:nowrap;color:var(--dim)}
.dg-chip svg,.dg-chip-g{width:14px;height:14px;flex:0 0 14px}
.dg-chip.v-scion{color:var(--good)}
.dg-chip.v-quarantined,.dg-chip.v-banned{color:var(--bad)}
.dg-chip.v-vouched{color:var(--accent)}
.dg-chip.v-trusted{color:var(--info)}
.dg-chip.v-none{border-style:dashed;color:var(--dim)}
.dg-chip.v-moderator{color:var(--mod)}
.dg-chip.v-admin{color:var(--admin)}
.dg-chip.v-owner{color:var(--accent);border-left:3px solid;border-image:var(--staff) 1}
.dg-chip.v-probation{color:var(--accent)}
.dg-chip.v-dormant,.dg-chip.v-inactive{color:var(--dim)}
.dg-chip.v-active{border-color:transparent}
.dg-chip .rank-pip{flex:0 0 auto}

.dg-cell.is-narrow .dg-chip:has(svg,.rank-pip) .dg-chip-n,.dg-kv.is-narrow .dg-chip:has(svg) .dg-chip-n{display:none}
.dg-cell.is-narrow .dg-chip:has(svg,.rank-pip){width:28px;padding:0;justify-content:center}
.dg-spark{display:block;width:96px;height:24px}
.dg-spark-axis{stroke:var(--hair);stroke-width:1}
.dg-spark-line{fill:none;stroke:var(--ink);stroke-width:1.25;vector-effect:non-scaling-stroke}
.dg-spark-last{fill:var(--accent)}
.dg-heat{display:inline-flex;gap:3px}
.dg-heat-c{width:12px;height:16px;background:var(--accent)}
.dg-more{width:var(--tap-min);height:36px;background:var(--sunk);border:1px solid var(--hair-hi);color:var(--ink);font:inherit;cursor:pointer}
.dg-more:hover{border-color:var(--accent);color:var(--bright)}
.dg-empty{padding:24px !important;color:var(--dim);text-align:center !important}
.dg-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 0 0}
.dg-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dg-nsel{color:var(--accent);font-size:12px}
.dg-pager{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--dim)}
.dg-pg{min-width:var(--tap-min);padding:0}
.dg-cards{display:none}
.dg-card{background:var(--panel);border:1px solid var(--hair);margin:0 0 12px}
.dg-card.is-sel{border-color:var(--accent)}
.dg-card-h{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--hair)}
.dg-card-h .dg-check{width:22px;height:22px}
.dg-card-name{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1 1 auto;text-decoration:none;font-size:15px}
.dg-card-name .dg-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dg-card-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.dg-kv{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);min-width:0;cursor:pointer;min-height:var(--tap-min)}
.dg-kv:nth-child(3n){border-right:0}
.dg-kv.is-wide{grid-column:span 2}
.dg-k{font-size:11px;color:var(--dim);text-transform:var(--caps);letter-spacing:calc(.14em * var(--track))}
.dg-v{font-size:14px;color:var(--bright);min-width:0}
.dg-kv .dg-spark{width:100%}
.dg-kv .dg-chip:has(svg) .dg-chip-n{display:none}
.dg-kv .dg-chip:has(svg){width:36px;height:30px;padding:0;justify-content:center}
.dg-kv .dg-chip:has(svg) svg{width:18px;height:18px}
.dg-kv .dg-tbar{display:none}

.dg-views-h{display:flex;justify-content:space-between}
.dg-view-g{width:16px;height:16px;flex:0 0 16px}
.dg-shared{margin-left:auto;font-size:11px;color:var(--dim)}
.dg-later{padding:6px 14px 0}
.as-rail.dg-picking .as-in > .as-group{display:none}
.dg-pick-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 10px}
.dg-pick-t{color:var(--accent);font-size:12px;text-transform:var(--caps);letter-spacing:calc(.12em * var(--track))}
.dg-find{display:flex;align-items:center;gap:8px;margin:0 10px 12px;border-bottom:1px solid var(--hair);min-height:var(--tap-min)}
.dg-find-in{flex:1 1 auto;min-width:0;background:transparent;border:0;color:var(--bright);font:inherit;font-size:13px;min-height:var(--tap-min)}
.dg-find-in:focus{outline:none}
.dg-pick-list .dg-ph{margin-top:12px}
.dg-pick{display:flex;align-items:center;gap:8px;min-height:var(--tap-min);padding:0 10px}
.dg-pick:hover{background:var(--panel)}
.dg-pick .dg-grip{position:static;transform:none;cursor:grab}
.dg-tag{min-width:40px;text-align:center;padding:2px 5px;font-size:11px;border:1px solid var(--hair-hi);color:var(--dim)}
.dg-tag.t-image,.dg-tag.t-link{color:var(--info);border-color:color-mix(in srgb,var(--info) 50%,transparent)}
.dg-tag.t-spark,.dg-tag.t-heat,.dg-tag.t-badge,.dg-tag.t-enum{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,transparent)}
.dg-pick-l{flex:1 1 auto;min-width:0;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dg-perm{font-size:11px;color:var(--accent);letter-spacing:calc(.1em * var(--track))}
.dg-perm.p-admin{color:var(--admin)}
.dg-perm.p-owner{color:var(--gold)}
.dg-packs{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px}

.dg-act .dg-field{display:flex;flex-direction:column;gap:6px;margin:12px 0 0}
.dg-field-l{font-size:11px;color:var(--dim);text-transform:var(--caps);letter-spacing:calc(.12em * var(--track))}
.dg-choices{display:flex;flex-wrap:wrap;gap:6px}
.dg-actmsg{min-height:1.4em;margin-top:8px;color:var(--bad);font-size:12px}
.dg-menu{display:flex;flex-direction:column}
.dg-mi{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap-min);padding:0 14px;background:none;border:0;
  border-bottom:1px solid var(--hair);border-left:3px solid transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.dg-mi:hover{background:var(--raised);color:var(--bright)}
.dg-mi:disabled{opacity:.4;cursor:default}
.dg-mi.is-both{border-left:3px solid;border-image:var(--staff) 1}
.dg-mi.is-on{color:var(--accent)}
.dg-mi-n{font-size:12px;color:var(--dim)}
.dg-mfoot{font-size:12px;color:var(--dim);margin-top:12px}
.dg-refused{color:var(--bad);font-size:12px}
.dg-viewacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ui-yes-danger.is-holding{background:var(--admin)}
.dg-undo{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:var(--z-toast);
  display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:6px 6px 6px 14px;
  background:var(--raised);border:1px solid var(--accent);color:var(--bright);font-size:12px}
.dg-bulkres{display:flex;flex-direction:column}
.dg-bulkrow{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--hair);font-size:12px}
.dg-bulkrow.is-ok span:last-child{color:var(--good)}
.dg-bulkrow.is-no span:last-child{color:var(--bad)}
.dg-flist{display:flex;flex-direction:column}
.dg-frow{display:flex;align-items:center;gap:10px;min-height:var(--tap-min);border-bottom:1px solid var(--hair)}
.dg-frow-l{flex:0 0 38%;font-size:12px;color:var(--dim);text-transform:var(--caps);letter-spacing:calc(.1em * var(--track))}
.dg-frow-v{flex:1 1 auto;min-width:0;font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dg-frow.is-set .dg-frow-v{color:var(--accent)}
.dg-fpane .dg-band{border-left:0;padding:12px 0}
.dg-sortchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.dg-sortchips .dg-ph{flex:1 1 100%;padding-left:0}
.dg-ffoot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
@media(max-width:999px){
  .dg-wrap{display:none}
  .dg-cards{display:block}
  .dg-cw,.dg-save > span,.dg-vsum,.dg-ds-w{display:none}
  .dg-save::before{content:"+"}
  .dg-viewchip{order:10;flex:1 1 100%;justify-content:flex-start;border:0;background:none;min-height:30px;padding:0}
  .dg-count{order:11;margin-left:0}
  .dg-csv{display:none}
  .dg-pager{margin-left:0;flex-wrap:wrap}
}
@media(min-width:1000px){
  .dg-wrap{overflow:auto}
  .dg-fbtn,.dg-sortbtn{display:none}
}
@media(prefers-reduced-motion:reduce){.ui-yes-danger.is-holding{transition:none}}

@media(pointer:coarse){
  .dg-hl,.dg-fline,.dg-more,.dg-viewchip{min-height:var(--tap-min)}
  .dg-fline{height:var(--tap-min)}
  .dg-more{height:var(--tap-min)}
  .dg-check{min-width:var(--tap-min);min-height:var(--tap-min)}
}

.as-stab-g,.mhm-tile-g,.dg-ds-g,.dg-csv-g,.dg-view-g,.dg-chip-g,.as-door-g{fill:none;stroke:currentColor;stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round}
.dg-band .dg-in{width:140px;flex:0 0 auto}
.dg-band .dg-op{width:auto}

main.wrap.as-wide{max-width:none}
.dg-kv .dg-heat{display:flex;width:100%}
.dg-kv .dg-heat-c{flex:1 1 0;width:auto;min-width:0}










.gs-odo{display:inline-flex;line-height:1;font-variant-numeric:tabular-nums;vertical-align:baseline;white-space:pre}
.gs-odo.gs-odo,.gs-odo .gs-odc,.gs-odo .gs-ods{font:inherit;color:inherit;letter-spacing:inherit;line-height:1;white-space:pre}   
.gs-odc{display:inline-block;height:1em;width:1ch;overflow:hidden}
.gs-ods{display:block;white-space:pre;transform:translateY(var(--gs-to,0))}
.gs-stamp{display:inline-flex;align-items:center;height:18px;padding:0 5px;margin-left:8px;border:1px solid var(--good);color:var(--good);
  font:700 11px/16px var(--mono);letter-spacing:.12em;vertical-align:middle;white-space:nowrap}
.gs-stamp.bad{border-color:var(--bad);color:var(--bad)}
.gs-caret{display:inline-block;width:1ch;height:1em;background:var(--accent);vertical-align:-2px;margin-left:1px}
.gs-prompt:not(:focus-within) .gs-caret,.gs-prompt.gs-typed .gs-caret{display:none}
.gs-breathe{position:relative}
.gs-breathe::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--admin),var(--mod));opacity:0;pointer-events:none}
.gs-breathe.gs-rule::after{inset:0 0 auto 0;height:2px;z-index:1}

@media (hover:hover){
  .gs-grid tbody tr .dg-more{opacity:.55}
  .gs-grid tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--accent)}
}

@media (prefers-reduced-motion:no-preference){
  

  .gs-in thead{animation:gsk-print .22s steps(12,end) both}
  .gs-in tbody tr{animation:gsk-print .18s steps(10,end) both;animation-delay:calc(60ms + var(--gs-r,0) * 22ms)}
  

  .gs-wipe{animation:gsk-print .26s steps(10,end) both}
  
  .gs-in .gs-ods,.gs-odo.gs-roll .gs-ods{animation:gsk-roll .56s var(--slide-ease) both;animation-delay:calc(120ms + var(--gs-d,0) * 40ms)}
  
  .gs-in .dg-tbar.is-near .dg-tfill{overflow:hidden}
  .gs-in .dg-tbar.is-near .dg-tfill::after{content:"";position:absolute;top:0;bottom:0;left:0;width:6px;background:var(--bright);opacity:.85;
    transform:translateX(-8px);animation:gsk-glint .7s ease-in-out 1 both;animation-delay:calc(480ms + var(--gs-r,0) * 22ms)}
  
  .gs-grid tbody tr td:first-child{transition:box-shadow .09s ease-out}
  .gs-grid tbody tr .dg-more{transition:opacity .09s ease-out}
  
  .gs-breathe::after{animation:gsk-breathe 4s ease-in-out 3 both}
  
  .gs-chips .dg-opt{animation:gsk-print .14s steps(8,end) both}
  .gs-chips .dg-opt:nth-child(2){animation-delay:18ms} .gs-chips .dg-opt:nth-child(3){animation-delay:36ms}
  .gs-chips .dg-opt:nth-child(4){animation-delay:54ms} .gs-chips .dg-opt:nth-child(5){animation-delay:72ms}
  .gs-chips .dg-opt:nth-child(6){animation-delay:90ms} .gs-chips .dg-opt:nth-child(n+7){animation-delay:108ms}
  

  .gs-in .dg-spark .dg-spark-line{stroke-dasharray:1;stroke-dashoffset:1;animation:gsk-draw .48s ease-out both;animation-delay:calc(140ms + var(--gs-r,0) * 30ms)}
  .gs-in .dg-spark .dg-spark-last{opacity:0;animation:gsk-fade .2s ease-out both;animation-delay:calc(560ms + var(--gs-r,0) * 30ms)}
  .gs-in tbody tr:nth-child(n+21) .dg-spark .dg-spark-line,.gs-in tbody tr:nth-child(n+21) .dg-spark .dg-spark-last{animation:none;stroke-dasharray:none;opacity:1}
  .gs-in .dg-heat-c{animation:gsk-fade .18s ease-out both;animation-delay:calc(200ms + var(--gs-r,0) * 30ms)}
  
  .gs-stamp{animation:gsk-slam .16s var(--slide-ease) both,gsk-hold 2.2s linear both}
  .gs-changed{animation:gsk-glow .7s ease-out both}
  
  .gs-power{animation:gsk-tube .26s linear both}
  .gs-power .as-mark{animation:gsk-warm .4s ease-out both}
  .gs-power .as-role{animation:gsk-warmbg .4s ease-out both}
  
  .gs-caret{animation:gsk-blink 1s steps(1,end) infinite}
}

@keyframes gsk-print{from{clip-path:inset(-2px calc(100% + 2px) -2px -2px)}to{clip-path:inset(-2px -2px -2px -2px)}}
@keyframes gsk-roll{from{transform:translateY(0)}to{transform:translateY(var(--gs-to,0))}}
@keyframes gsk-glint{from{transform:translateX(-8px)}to{transform:translateX(56px)}}
@keyframes gsk-breathe{0%,100%{opacity:0}50%{opacity:.45}}
@keyframes gsk-draw{to{stroke-dashoffset:0}}
@keyframes gsk-fade{from{opacity:0}to{opacity:1}}
@keyframes gsk-slam{from{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes gsk-hold{0%,82%{opacity:1}100%{opacity:0}}
@keyframes gsk-glow{from{text-shadow:0 0 7px color-mix(in srgb,var(--accent) 85%,transparent),0 0 1px var(--accent)}to{text-shadow:0 0 0 transparent,0 0 0 transparent}}
@keyframes gsk-tube{0%{opacity:0}30%{opacity:.85}42%{opacity:.25}58%{opacity:1}72%{opacity:.6}100%{opacity:1}}
@keyframes gsk-warm{from{color:var(--bright)}}
@keyframes gsk-warmbg{from{background:var(--bright)}}
@keyframes gsk-blink{50%{opacity:0}}


@media (prefers-reduced-motion:reduce){
  .gs-ods{transform:translateY(var(--gs-to,0))}        
  .gs-stamp{opacity:1}                                   
  .gs-caret{opacity:1}                                   
  .gs-breathe::after{opacity:0}                          
}



.dg-ident{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.dg-ident-s{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.dg-ident-u{display:inline-flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.dg-ident-u .dg-name{overflow:hidden;text-overflow:ellipsis}
.dg-dname{color:var(--dim);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-menu-dname{margin:-4px 0 8px}
.dg-ident.is-big .dg-ident-u{font-size:15px}
.dg-hmenu{width:24px;height:24px;margin-left:4px;padding:0;background:none;border:1px solid var(--hair);color:var(--dim);font:inherit;font-size:11px;cursor:pointer}
.dg-hmenu:hover{border-color:var(--accent);color:var(--bright)}
@media(pointer:coarse){
  .dg-hmenu{min-width:var(--tap-min);min-height:var(--tap-min)}
}
.dg-band-sw{flex:1 1 100%}




.dg-chip.v-pending{color:var(--accent)}
.dg-chip.v-community{color:var(--info)}
.dg-chip.v-canonical{color:var(--good)}
.dg-chip.v-rejected{color:var(--bad)}
.tgh-lookup{margin:0 0 12px}
.tgh-head{display:flex;flex-direction:column;gap:12px;margin:0 0 12px;padding:14px;background:var(--panel);border:1px solid var(--hair)}
.tgh-who{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px}
.tgh-links{margin-left:auto}
.tgh-link{text-decoration:none}
.tgh-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.tgh-tile{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.tgh-n{font-size:22px;font-variant-numeric:tabular-nums;color:var(--bright)}
.tgh-tile.is-hot .tgh-n{color:var(--accent)}
.tgh-l{font-size:12px;color:var(--dim)}
.tgh-stat{display:flex;flex-wrap:wrap;gap:8px}
.tgh-st{gap:10px;border-color:var(--hair);padding:0 8px}
.tgh-st.is-on{border-color:var(--accent)}
.tgh-stn{font-variant-numeric:tabular-nums;color:var(--bright);font-size:13px}
.tgh-facts{margin:0;font-size:12px}
.tgh-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tgh-top-h{font-size:12px;color:var(--dim);margin-right:4px}
.tgh-tt{gap:8px}
.tgh-ttn{color:var(--accent);font-variant-numeric:tabular-nums}
.tgh-band{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 12px}
.tgh-field{display:flex;flex-direction:column;gap:6px;margin:0}
.tgh-bulk{margin:0 0 12px}
.tgh-reject{border-color:var(--bad);color:var(--bad)}
.tgh-reject:disabled{border-color:var(--hair-hi);color:var(--ink)}
.tgh-more{margin-left:auto}
.tgh-thumb{display:inline-block;width:44px;height:44px;background:var(--sunk);border:1px solid var(--hair);overflow:hidden;vertical-align:middle}
.tgh-thumb.is-big{width:64px;height:64px}
.tgh-thumb-a{display:block;width:100%;height:100%}
.tgh-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tgh-thumb.is-masked{display:inline-flex;align-items:center;justify-content:center;color:var(--dim)}
.tgh-row{height:60px}
.tgh-tag{color:var(--bright);overflow-wrap:anywhere}
.tgh-tagc{min-width:140px;white-space:normal !important}
.tgh-stc,.tgh-stk{cursor:default}
.tgh-stk{margin-left:auto;flex:0 0 auto}
.tgh-votes{font-size:12px;white-space:nowrap}
.tgh-probe{position:absolute;left:-9999px;top:0;visibility:hidden;display:flex;gap:8px}
@media(max-width:640px){
  .tgh-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tgh-stat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .tgh-st{justify-content:center;gap:6px;padding:0 4px;min-width:0}
  .tgh-st .dg-chip{border-color:transparent;padding:0}
  .tgh-st .dg-chip-n{display:none}   
  .tgh-links{margin-left:0}
  .tgh-field{flex:1 1 40%}
  .tgh-field .dg-in{width:100%}
}




.afm-run{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:12px;color:var(--text)}
.afm-when{font-family:var(--mono);color:var(--dim)}
.afm-nums{margin-top:4px}
.afm-detail{margin-top:18px}
.afm-stripped{margin-top:24px}
.afm-h{margin:14px 0 6px;font-size:12px;text-transform:lowercase;letter-spacing:.04em}
.afm-group{margin-top:12px;padding-left:0}
.afm-export{flex-wrap:wrap}
.afm-hist{display:grid;gap:3px;margin-top:6px}
.afm-hrow{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:8px;font-size:11px}
.afm-hlab,.afm-hn{font-family:var(--mono);color:var(--dim)}
.afm-hn{text-align:right}
.afm-htrack{height:10px;background:var(--track);display:block}
.afm-hfill{height:100%;background:var(--accent);display:block}
.afm-cols{display:flex;align-items:flex-end;gap:1px;height:120px;margin-top:6px;background:var(--sunk)}
.afm-col{flex:1 1 0;min-width:0;background:var(--accent)}
.afm-tl{margin-top:16px;padding-left:0}



.nd .nd-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nd .nd-t{flex:0 0 5.5em;color:var(--dim);font-size:12px}
.nd .nd-b{flex:1 1 14em;min-width:0;display:flex;flex-direction:column;gap:2px}
.nd .nd-p{overflow-wrap:anywhere}
.nd .nd-x{display:flex;gap:8px;flex:0 1 auto;align-items:center;flex-wrap:wrap;min-width:0}
.nd .nd-sel,.nd .nd-who{max-width:12em;min-width:0;min-height:44px}
@media(max-width:640px){.nd .nd-t{flex:1 1 100%}.nd .nd-x{flex:1 1 100%}.nd .nd-sel,.nd .nd-who{flex:1 1 8em;max-width:none}}

.as-find{display:block;width:100%;max-width:34em;box-sizing:border-box;margin:6px 0 14px;padding:10px 12px;min-height:44px;font:inherit;font-size:14px;color:var(--ink,#d3d9e4);background:transparent;border:1px solid var(--dim);border-radius:0}
.as-find:focus{outline:2px solid var(--accent);outline-offset:1px}
.as-staffrow[hidden],.as-staffgroup[hidden]{display:none}

/* ⟦web/app-search.css⟧ */





















































.searchbar .btn{border-color:var(--hair-hi)}
.searchbar .btn:hover{border-color:var(--accent)}
.sqwrap{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}
.sqbox{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;align-items:center;flex:1;
  border:1px solid var(--hair-hi);background:var(--sunk);padding:2px 4px;cursor:text;
  scrollbar-width:none}
.sqbox::-webkit-scrollbar{display:none}
.sqbox>*{flex:none}


.sqbox input{flex:1 0 88px;min-width:88px;background:none;border:0;color:var(--ink);
  font:inherit;font-size:16px;padding:5px 2px;outline:none}
.sqbox input::placeholder{color:var(--faint)}





.sqpill{display:inline-flex;align-items:center;gap:3px;position:relative;white-space:nowrap;
  border:1px solid var(--hair);background:var(--raised);color:var(--ink);
  font:inherit;font-size:10.5px;line-height:1;padding:4px 6px 4px 4px;cursor:pointer;
  letter-spacing:calc(.02em * var(--track))}



.sqpill{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.sqpill .sy{font-size:12px;line-height:1;width:9px;text-align:center;font-weight:700}
.sqpill .sg{color:var(--faint);font-weight:700;margin-right:-2px}
.sqpill .st{color:var(--info);font-weight:700;margin-right:-2px}















.sqpill .vs{display:inline-flex;align-items:center;gap:1px;flex:none;min-height:13px;
  font-size:12px;line-height:1;font-weight:700;margin-right:-2px;letter-spacing:normal}
.sqpill.k-tag .vs{color:var(--accent)}
.sqpill.k-by .vs{color:var(--bright)}
.sqpill.is-prefer{border-color:var(--hair-hi)}
.sqpill.is-prefer .sy{color:var(--accent-deep)}
.sqpill.is-only{border-color:var(--accent-deep);color:var(--accent)}
.sqpill.is-only .sy,.sqpill.is-only .sg,.sqpill.is-only .vs{color:var(--accent)}
.sqpill.is-excl{border-color:var(--bad);color:var(--bad)}
.sqpill.is-excl .sy,.sqpill.is-excl .sg,.sqpill.is-excl .vs{color:var(--bad)}
.sqpill.is-fuzzy{border-style:dashed}
.sqpill.k-text.is-only{border-color:var(--info);color:var(--info)}
.sqpill.k-text.is-only .sy{color:var(--info)}






.sqpill .sci{width:13px;height:13px;flex:none;margin-right:1px}


.sqpill.k-related{font-variant-numeric:tabular-nums}


.sqpill.holding{border-color:var(--accent);transition:border-color .45s linear}
@media(prefers-reduced-motion:reduce){.sqpill.holding{transition:none;opacity:.66}}








.sqempty{padding:28px 16px}
.sqempty .why{max-width:34em;text-align:center;line-height:1.5;color:var(--dim)}
.sqempty .sqline{flex:none;text-align:center}






.sqhidden{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;
  margin:10px 0 0;padding:8px 12px;border:1px solid var(--hair);border-radius:6px;background:var(--sunk)}
.sqhidden .why{color:var(--dim);font-size:13px;line-height:1.4;flex:1 1 14em}
.sqhidden .btn{flex:none}
.sqhidden.loud{flex-direction:column;align-items:center;text-align:center;padding:22px 16px;margin-top:14px}
.sqhidden.loud .why{color:var(--bright);font-size:14px;max-width:30em;flex:none}

.sqhidden.sqpeek{justify-content:flex-start;gap:4px 10px}
.sqhidden.sqpeek .why{flex:0 1 auto}
.griddiv.seam{color:var(--dim);border-bottom:2px solid var(--hair-hi);padding-top:22px;text-transform:none;letter-spacing:.02em;font-size:12px}
.cset-sw.cset-point{outline:2px solid var(--accent);outline-offset:2px}







.sqline{font-size:9px;line-height:1.3;color:var(--accent-deep);word-break:break-all;
  margin:3px 0 0;flex:1;min-width:0}
.sqline:empty{display:none}








































.sqmeta{display:flex;align-items:center;gap:5px;min-width:0;margin-top:13px}



.sqmeta[hidden]{display:none}




.sqmeta .star{flex:none;background:none;border:1px solid var(--hair);cursor:pointer;position:relative;
  color:var(--dim);font:inherit;font-size:13px;letter-spacing:0;background:var(--sunk);
  min-width:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}
.sqmeta .star.on{color:var(--accent)}

.sqmeta .star[hidden]{display:none}
















































.sqctrl{display:flex;align-items:stretch;flex-wrap:nowrap;gap:4px;margin-top:2px;padding:3px 0 0;
  position:relative}





.sqctrl{overflow:visible}
.sqrow{display:flex;align-items:stretch;flex-wrap:nowrap;gap:4px;min-width:0;flex:1;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.sqrow::-webkit-scrollbar{display:none}
.sqrow>*{flex:none}

























.sq-narrow,.sqsort button,.sqsaved button{white-space:nowrap}
















.sqset{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:2px;position:relative;cursor:pointer;border:1px solid var(--hair);background:var(--sunk);
  font:inherit;padding:3px 7px;white-space:nowrap;text-align:left}
.sqset .k{font-size:9.5px;line-height:1;letter-spacing:calc(.12em * var(--track));
  text-transform:var(--caps);color:var(--dim)}   
.sqset .v{font-size:11px;line-height:1;letter-spacing:calc(.12em * var(--track));
  text-transform:var(--caps);color:var(--ink)}








.sqset.on,.sqsort.on{border-color:var(--accent-deep)}
.sqset.on .v,.sqsort.on .v{color:var(--accent)}
.sqnum{display:inline-flex;align-items:center;gap:5px;position:relative;cursor:pointer;
  border:1px solid var(--hair);background:var(--sunk);color:var(--dim);font:inherit;
  font-size:9.5px;line-height:1;letter-spacing:calc(.12em * var(--track));
  text-transform:var(--caps);padding:5px 6px}
.sqnum .n{color:var(--accent);font-size:11px;line-height:1;font-variant-numeric:tabular-nums}





















.sq-clear{display:inline-flex;align-items:center;position:relative;cursor:pointer;
  border:1px solid var(--hair);background:var(--sunk);color:var(--dim);font:inherit;
  font-size:9.5px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);padding:5px 8px}
.sq-clear:hover{color:var(--accent);border-color:var(--hair-hi)}





.sq-clear[hidden]{display:none}




.sq-narrow{border-color:var(--hair-hi);color:var(--ink)}
.sq-narrow.armed{border-color:var(--accent-deep);color:var(--accent)}



.sqsort{display:inline-flex;border:1px solid var(--hair);background:var(--sunk)}
.sqsort button{cursor:pointer;position:relative}
.sqsort .name{border:0;background:none}








.sqsort .dir{border-left:1px solid var(--hair);color:var(--ink);font:inherit;font-size:12px;line-height:1;
  letter-spacing:0;padding:5px 7px;background:none;border-top:0;border-right:0;border-bottom:0;
  min-width:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}







.sqsort .dir[hidden]{display:none}





































.sqsaved{display:inline-flex}
.sqsaved button{cursor:pointer;position:relative}
.sqsaved .list.armed{color:var(--ink)}

.sqpop.right{left:auto;right:0;max-width:min(92vw,320px)}
.sqpop .empty{font-size:10px;color:var(--faint);padding:9px 12px;line-height:1.5}
.sqpop .row{display:flex;align-items:stretch;border-bottom:1px solid var(--hair)}
.sqpop .row:last-child{border-bottom:0}
.sqpop .row .go{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start;
  justify-content:center;text-align:left;border-bottom:0;padding:5px 10px;min-height:var(--tap-min)}
.sqpop .row .go .nm{font-size:10.5px;color:var(--ink);text-transform:none;letter-spacing:0}


.sqpop .row .go .tk{font-size:8px;line-height:1.35;color:var(--accent-deep);text-transform:none;
  letter-spacing:0;word-break:break-all;white-space:normal}
.sqpop .row .x{flex:none;border-bottom:0;border-left:1px solid var(--hair);color:var(--faint);
  font-size:11px;min-width:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}
.sqpop .row .x:hover,.sqpop .row .x:focus-visible{color:var(--bad)}




















.sq-when{display:flex;flex-direction:column;gap:5px;min-width:0;padding:8px 10px}
.sq-grp>.sq-when{padding:0}
.sq-when .h{font-size:8.5px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);
  color:var(--faint)}
.sq-when .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:3px;
  min-width:0}
.sq-when .w{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
  min-height:var(--tap-min);position:relative;cursor:pointer;border:1px solid var(--hair);
  background:var(--sunk);color:var(--ink);font:inherit;padding:4px 7px;text-align:left;
  white-space:nowrap;overflow:hidden}
.sq-when .w .nm{font-size:10px;line-height:1}
.sq-when .w .ct{font-size:8px;line-height:1;color:var(--faint);font-variant-numeric:tabular-nums}
.sq-when .w.on{border-color:var(--accent-deep);background:var(--raised)}
.sq-when .w.on .nm{color:var(--accent)}












.sqpop{position:absolute;left:0;top:calc(100% + 2px);z-index:var(--z-menu);min-width:132px;
  max-width:min(92vw,340px);
  display:flex;flex-direction:column;
  border:1px solid var(--hair-hi);background:var(--raised);box-shadow:0 8px 22px rgba(0,0,0,.5)}
.sqpop>*{min-width:0}





.sqpop.time{min-width:min(92vw,300px)}









.sqpop button{background:none;border:0;cursor:pointer;color:var(--dim);font:inherit;
  font-size:10.5px;letter-spacing:calc(.1em * var(--track));text-transform:var(--caps)}
.sqpop .keys{display:flex;flex-direction:column}
.sqpop .keys button{display:flex;align-items:center;width:100%;text-align:left;
  border-bottom:1px solid var(--hair);padding:0 12px;min-height:var(--tap-min)}
.sqpop .keys button:last-child{border-bottom:0}
.sqpop .keys button.on{color:var(--accent)}








.sq-rungs{display:flex;flex-direction:column;gap:2px}
.sq-rung{display:flex;align-items:center;gap:7px;min-height:var(--tap-min);
  border:1px solid var(--hair);background:var(--sunk);padding:5px 7px;font-size:10px}
.sq-rung .ix{width:9px;flex:none;font-size:8px;color:var(--faint);font-variant-numeric:tabular-nums}
.sq-rung .nm{color:var(--ink)}
.sq-rung .tk{margin-left:auto;font-size:7.5px;color:var(--accent-deep)}
.sq-rung .dir{background:none;border:0;font:inherit;cursor:pointer;color:var(--accent);
  font-size:12px;padding:2px 8px;position:relative;min-width:var(--tap-min)}




.sq-rung .rm{background:none;border:0;font:inherit;cursor:pointer;color:var(--faint);
  font-size:12px;padding:2px 8px;position:relative;min-width:var(--tap-min)}

.sq-ties{font-size:8.5px;color:var(--faint);letter-spacing:calc(.18em * var(--track));
  text-transform:var(--caps);margin-top:2px}








.sqsugg{position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:var(--z-menu);
  display:flex;flex-direction:column;max-height:220px;overflow-y:auto;
  border:1px solid var(--hair-hi);background:var(--raised);box-shadow:0 10px 26px rgba(0,0,0,.55)}





.sqsugg[hidden]{display:none}
.sqsugg button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;
  background:none;border:0;border-bottom:1px solid var(--hair);color:var(--ink);
  font:inherit;font-size:11px;padding:0 9px;min-height:var(--tap-min)}
.sqsugg button:last-child{border-bottom:0}
.sqsugg button:hover,.sqsugg button:focus-visible{background:var(--sunk)}






.sqsugg .k{flex:none;font-size:8px;
  letter-spacing:calc(.1em * var(--track));text-transform:var(--caps);color:var(--dim)}








.sqsugg .vs{display:inline-flex;align-items:center;gap:1px;vertical-align:middle;
  margin-right:1px;min-height:14px;font-size:12px;line-height:1;
  text-transform:none;letter-spacing:normal}
.sqsugg button.k-tag .vs{color:var(--accent);font-weight:700}
.sqsugg button.k-by .vs{color:var(--bright);font-weight:700}
.sqsugg .vs .sci{width:13px;height:13px;color:var(--info)}
.sqsugg .vs .vw-cav{width:14px;height:14px;border-width:1px}
.sqsugg .vs .vw-cav-i{font-size:8px}
.sqsugg .v .fz{color:var(--info)}
.sqsugg .n{margin-left:auto;font-size:9.5px;color:var(--faint);font-variant-numeric:tabular-nums}




























.sqdrawer{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:68%;z-index:var(--z-sheet,300);
  display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--accent-deep);
  box-shadow:0 -18px 44px rgba(0,0,0,.55);transform:translateY(101%);visibility:hidden;
  transition:transform .22s ease,visibility 0s linear .22s}
.sqdrawer.open{transform:translateY(0);visibility:visible;transition:transform .22s ease,visibility 0s}
@media(prefers-reduced-motion:reduce){.sqdrawer,.sqdrawer.open{transition:none}}
.sqdrawer .top{display:flex;align-items:center;gap:7px;flex:none;cursor:pointer;
  padding:6px 12px;border-bottom:1px solid var(--hair)}
.sqdrawer .grip{width:26px;height:3px;background:var(--hair-hi);flex:none}
.sqdrawer .cnt{font-size:9px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);
  color:var(--faint)}
.sqdrawer .cnt b{color:var(--accent);font-size:12.5px;font-weight:400;font-variant-numeric:tabular-nums}









.sqdrawer .body{flex:1;overflow-y:auto;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}









.sq-grp{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-bottom:1px solid var(--hair)}
.sq-grp>.h{display:flex;align-items:center;gap:7px;width:100%;position:relative;cursor:pointer;
  background:none;border:0;padding:0;margin:0;text-align:left;font:inherit;color:var(--faint)}
.sq-grp>.h .nm{font-size:8.5px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps)}





.sq-grp>.h .sqact{font-size:9.5px;color:var(--accent);letter-spacing:0;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.sq-grp>.h .sqact.dflt{color:var(--dim)}
.sq-grp>.h b{color:var(--dim);font-weight:400;font-size:9.5px;letter-spacing:0;text-transform:none}

.sq-grp>.h .dis{width:11px;height:11px;flex:none;margin-left:auto;
  transition:transform .14s ease}
.sq-grp.open>.h .dis{transform:rotate(90deg)}
@media(prefers-reduced-motion:reduce){.sq-grp>.h .dis{transition:none}}
.sq-ord{display:flex;flex-direction:column;gap:6px}

.sq-find{width:100%;background:var(--sunk);border:1px solid var(--hair);color:var(--ink);
  font:inherit;font-size:16px;padding:6px 7px;outline:none}
.sq-find:focus{border-color:var(--accent-deep)}
.sq-find::placeholder{color:var(--faint)}

.sq-opts{display:flex;flex-wrap:wrap;gap:16px 3px}
.sq-opt{display:flex;flex-direction:column;gap:2px;min-width:66px;position:relative;cursor:pointer;
  border:1px solid var(--hair);background:var(--sunk);color:var(--ink);font:inherit;
  padding:4px 6px;text-align:left}
.sq-opt .r{display:flex;align-items:baseline;gap:5px;width:100%}
.sq-opt .nm{font-size:10.5px;line-height:1}
.sq-opt .ct{margin-left:auto;font-size:8.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.sq-opt .tk{font-size:7.5px;line-height:1;color:var(--accent-deep)}
.sq-opt .sy{font-size:11px;line-height:1;font-weight:700;flex:none}
.sq-opt.on{background:var(--raised)}
.sq-opt.on.is-prefer{border-color:var(--hair-hi)}
.sq-opt.on.is-prefer .sy{color:var(--accent-deep)}
.sq-opt.on.is-only{border-color:var(--accent-deep)}
.sq-opt.on.is-only .nm,.sq-opt.on.is-only .sy{color:var(--accent)}
.sq-opt.on.is-excl{border-color:var(--bad)}
.sq-opt.on.is-excl .nm,.sq-opt.on.is-excl .sy,.sq-opt.on.is-excl .tk{color:var(--bad)}
.sq-opt.zero{opacity:.36}
.sq-none{font-size:10px;color:var(--faint);padding:4px 2px}





.sq-tagline{font-size:9.5px;color:var(--faint);letter-spacing:0;text-transform:none;line-height:1.35}
.sq-opt,.sq-date-stop,.sq-cheat,.sq-date-in{border-radius:0}

.sq-opt.face .r{align-items:center}
.sq-opt.face .vw-cav{width:14px;height:14px;border-width:1px;flex:none}
.sq-opt.face .vw-cav-i{font-size:8px}
.sq-opt.face.me .vw-cav{border-color:var(--accent-deep)}

.sq-opt.m-private .nm,.sq-opt.m-private .tk{color:var(--private)}
.sq-opt.m-deleted .nm{color:var(--dim)}

.sq-dates{display:flex;align-items:stretch;gap:6px;flex-wrap:wrap}
.sq-dates .sep{align-self:center;font-size:9px;color:var(--faint)}
.sq-date-stop{display:flex;flex-direction:column;gap:3px;position:relative;min-width:132px;
  border:1px solid var(--hair);background:var(--sunk);padding:5px 7px;cursor:pointer}
.sq-date-stop.on{border-color:var(--accent-deep);background:var(--raised)}
.sq-date-stop .lb{font-size:8.5px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);color:var(--dim)}
.sq-date-stop .tk{font-size:7.5px;line-height:1;color:var(--accent-deep)}

.sq-date-in{background:none;border:0;padding:0;color:var(--ink);font:inherit;font-size:16px;
  color-scheme:dark;min-width:0;width:100%}
.sq-when .w .tk{display:block;font-size:7.5px;line-height:1;color:var(--accent-deep);margin-top:2px}

.sq-cheat{padding:10px 12px 14px;border-top:1px solid var(--hair-hi)}
.sq-cheat>.nm{font-size:8.5px;letter-spacing:calc(.18em * var(--track));text-transform:var(--caps);
  color:var(--dim);margin-bottom:6px}
.sq-cheat-rows{display:flex;flex-direction:column}
.sq-cheat-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;
  padding:4px 0;border-bottom:1px dotted var(--hair)}
button.sq-cheat-row{width:100%;background:none;border:0;border-bottom:1px dotted var(--hair);border-radius:0;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:36px;align-items:center}
button.sq-cheat-row:hover,button.sq-cheat-row:focus-visible{background:var(--hair)}
@media(pointer:coarse){button.sq-cheat-row{min-height:var(--tap-min)}}
.sq-cheat-row .typed{font-size:9.5px;color:var(--accent-deep);overflow-wrap:anywhere}
.sq-cheat-row .what{font-size:9.5px;color:var(--dim)}




@media(min-width:1000px){
  .sqdrawer.band{position:static;max-height:none;transform:none;visibility:visible;transition:none;
    box-shadow:none;z-index:auto;margin:8px 0 0;border:1px solid var(--hair);background:var(--sunk)}
  .sqdrawer.band:not(.open){display:none}
  .sqdrawer.band .top{display:none}
  .sqdrawer.band .body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    overflow:visible;padding-bottom:0}
  .sqdrawer.band .body>.sq-grp:nth-child(odd){border-right:1px solid var(--hair)}
  .sqdrawer.band .body>.sq-grp.g-typed,.sqdrawer.band .body>.sq-cheat{grid-column:1 / -1}
  .sqdrawer.band .sq-cheat-row{grid-template-columns:minmax(0,.9fr) minmax(0,2fr)}
}








.sqctrl .star{flex:none;background:var(--sunk);border:1px solid var(--hair);cursor:pointer;
  color:var(--faint);font-size:11px;line-height:1;padding:5px 6px;position:relative;
  min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.sqctrl .star.on{color:var(--accent);border-color:var(--accent-deep)}

.sqctrl .star[hidden]{display:none}














@media(pointer:coarse){
  






  .sqpill::after,.sqnum::after,.sqset::after,.sqsort .dir::after,.sq-opt::after,
  .sq-rung .dir::after,.sq-rung .rm::after,.sqmeta .star::after,.sqctrl .star::after,.sq-when .w::after,.sq-clear::after{
    content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
  






  .sq-grp>.h{min-height:var(--tap-min)}
  .sq-grp:not(.open){padding-top:0;padding-bottom:0}
}







.sqpill .sci{width:13px;height:13px;flex:none;margin-right:1px}
















.sqpill.k-tag.is-only[class*=" k-"]{border-color:currentColor}


.sqpill.k-tag.is-only .sg,.sqpill.k-tag.is-only .vs{color:inherit}






















@media(pointer:coarse){
  






  .sqpill::after,.sqnum::after,.sqset::after,.sqsort .dir::after,.sq-opt::after,
  .sq-rung .dir::after,.sq-rung .rm::after,.sqmeta .star::after,.sqctrl .star::after,.sq-when .w::after,.sq-clear::after{
    content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
  






  .sq-grp>.h{min-height:var(--tap-min)}
  .sq-grp:not(.open){padding-top:0;padding-bottom:0}
}







.sqpill .sci{width:13px;height:13px;flex:none;margin-right:1px}
















.sqpill.k-tag.is-only[class*=" k-"]{border-color:currentColor}


.sqpill.k-tag.is-only .sg,.sqpill.k-tag.is-only .vs{color:inherit}

















.sqctrl .star{flex:none;background:var(--sunk);border:1px solid var(--hair);cursor:pointer;
  color:var(--faint);font-size:11px;line-height:1;padding:5px 6px;position:relative;
  min-width:44px;display:inline-flex;align-items:center;justify-content:center}









.sqctrl .star[hidden]{display:none}
.sqctrl .star.on{color:var(--accent);border-color:var(--accent-deep)}

.sqnum .bk{display:inline-flex;align-items:center}
.sqnum .bk .sci{width:13px;height:13px}








.sq-narrow .ar{display:inline-flex;align-items:center}
.sq-narrow .ar .sci{width:13px;height:13px}





.sq-narrow .n.badge{align-self:center;margin:0;min-width:12px;padding:1px 3px;
  display:inline-flex;align-items:center;justify-content:center;border-radius:6px;
  background:var(--accent-deep);color:var(--void);font-size:8.5px;line-height:1;letter-spacing:0}

.sq-narrow:not(.armed) .n.badge{display:none}

























@media(max-width:999px){
  .sq-narrow .w{display:none}
  .sq-narrow .n.badge{align-self:flex-start;margin:-1px 0 0 1px}
}


.sq-clear .bk{display:inline-flex;align-items:center}
.sq-clear .bk .sci{width:13px;height:13px}
.sqctrl .sq-clear[hidden]{display:none}















.tilecell.sq-done{opacity:.55}





.sqtagset{display:flex;flex-direction:column;min-width:0}
.sqtag-grp{display:flex;flex-direction:column;border-bottom:1px solid var(--hair)}
.sqtagset .sqtag-grp:last-child{border-bottom:0}
.sqtag-grp .h{font-size:7.5px;line-height:1;letter-spacing:calc(.16em * var(--track));
  text-transform:var(--caps);color:var(--faint);padding:7px 9px 5px}










.sqtagset .keys{display:flex;flex-direction:row;padding:0 7px 8px;gap:5px}
.sqtagset .sq-sw{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:3px;
  position:relative;border:1px solid var(--hair);background:var(--sunk);padding:6px 3px;
  font-size:8.5px;letter-spacing:calc(.06em * var(--track))}
.sqtagset .sq-sw .sg{color:var(--faint);font-weight:700;font-size:10px;line-height:1}
.sqtagset .sq-sw .w{font-size:8.5px}



.sqtagset .sq-sw.on{border-color:var(--accent-deep);color:var(--ink)}
.sqtagset .sq-sw.on .sg{color:var(--accent)}


.sqtagset .sqtag-row{display:flex;align-items:center;gap:5px;padding:3px 9px 5px}
.sqtagset .sqtag-row .v{flex:1;min-width:0;font-size:10.5px;color:var(--ink);text-transform:none;
  letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sqtagset .sqtag-row .v .vs{color:var(--accent);font-weight:700;margin-right:1px}
.sqtagset .sq-pin{flex:none;position:relative;border:1px solid var(--hair);background:var(--sunk);
  padding:5px 6px;font-size:8px;letter-spacing:calc(.1em * var(--track))}
.sqtagset .sq-pin.on{border-color:var(--accent-deep);color:var(--ink)}
.sqtagset .sqtag-note{padding:6px 9px 8px;font-size:8px;line-height:1.5;color:var(--faint);
  text-transform:none;letter-spacing:0}







@media(pointer:coarse){
  .sqtagset .sq-sw::after,.sqtagset .sq-pin::after{
    content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    height:var(--tap-min)}
}








.xpc-body .sqtagset{border:1px solid var(--hair);background:var(--sunk)}
.xpc-tagnote{font-size:9px;line-height:1.5;color:var(--faint);padding:0 0 7px;
  text-transform:none;letter-spacing:0}


.sqtag-add{position:relative;padding:5px 9px 8px}
.sqtag-add input{width:100%;box-sizing:border-box;background:var(--void);border:1px solid var(--hair);
  color:var(--ink);font:inherit;font-size:11px;padding:7px 8px;min-height:var(--tap-min)}
.sqtag-add input:focus-visible{border-color:var(--accent-deep);outline:none}
.sqtag-ac{left:9px;right:9px;width:auto}















.sq-pk-lay{position:fixed;inset:0;z-index:var(--z-blocking)}
.sq-pk{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;height:76%;
  background:var(--void);border-top:1px solid var(--hair-hi);color:var(--ink);
  padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -12px 32px rgba(0,0,0,.55);outline:none}
.sq-pk>*{flex:none}
.sq-pk>[hidden]{display:none}
.sq-pk,.sq-pk *{border-radius:0}





.sq-pk-top{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--hair)}
.sq-pk-x{width:36px;height:32px;flex:none;background:none;border:1px solid var(--hair-hi);color:var(--ink);
  font:inherit;font-size:13px;cursor:pointer}
.sq-pk-x:hover{border-color:var(--accent);color:var(--accent)}
.sq-pk-ttl{font-size:11px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);color:var(--accent);
  white-space:nowrap}
.sq-pk-ctx{margin-left:auto;text-align:right;font-size:11px;line-height:1.3;color:var(--dim);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq-pk-ctx b{font-weight:400;color:var(--ink);font-size:12px}

.sq-pk-ap{flex:none;width:36px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;
  background:var(--sunk);border:1px solid var(--hair);color:var(--dim);cursor:pointer}
.sq-pk-ap:hover{color:var(--ink)}
.sq-pk-ap.on{color:var(--accent);border-color:var(--accent-deep);
  box-shadow:0 0 8px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 0 6px color-mix(in srgb,var(--accent) 18%,transparent)}
.sq-pk-ap.on .sq-pk-apm{filter:drop-shadow(0 0 3px var(--accent))}
.sq-pk-apm{display:block;width:20px;height:20px}

.sq-pk-mode{display:flex;padding:6px 10px 0 11px}
.sq-pk-m{flex:1;min-width:0;height:32px;margin-left:-1px;display:flex;align-items:center;justify-content:center;
  padding:0;background:var(--sunk);border:1px solid var(--hair-hi);color:var(--dim);font:inherit;cursor:pointer}
.sq-pk-m .sq-pk-k{font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);white-space:nowrap}
.sq-pk-m:hover{color:var(--ink)}
.sq-pk-m.on{position:relative;background:var(--accent);border-color:var(--accent);color:var(--void)}


.sq-pk-mode2{padding-top:0}
.sq-pk-mode2 .sq-pk-m{margin-top:-1px}
.sq-pk-m.sq-pk-blank{opacity:.5;cursor:default;pointer-events:none}

.sq-pk-box{position:relative;display:flex;align-items:center;gap:7px;margin:6px 10px 0;padding:0 8px;border:1px solid var(--hair);
  background:var(--sunk)}
.sq-pk-box:focus-within{border-color:var(--accent-deep)}

.sq-pk-in{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ink);font:inherit;font-size:16px;
  padding:7px 0}
.sq-pk-in::placeholder{color:var(--dim)}


.sq-pk-sugg{top:0;z-index:3;max-height:100%}
.sq-pk-chips{display:flex;gap:4px;padding:6px 10px 0;overflow-x:auto;scrollbar-width:none}
.sq-pk-chips[hidden]{display:none}
.sq-pk-chips::-webkit-scrollbar{display:none}
.sq-pk-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 9px;cursor:pointer;
  background:var(--sunk);border:1px solid var(--hair);color:var(--dim);font:inherit;font-size:12px}
.sq-pk-chip .sq-pk-k{font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.sq-pk-chip.on{border-color:var(--accent-deep);color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--sunk))}

.sq-pk-nb{display:flex;align-items:stretch;gap:4px;padding:6px 10px 0}
.sq-pk-nb[hidden]{display:none}
.sq-pk-nbb{flex:none;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 9px;cursor:pointer;
  background:var(--sunk);border:1px solid var(--hair);color:var(--dim);font:inherit;font-size:11px;line-height:1;white-space:nowrap}

.sq-pk-nbb .sq-pk-k{letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.sq-pk-nbb:hover{color:var(--ink)}
.sq-pk-nbb:disabled{opacity:.4;cursor:default}
.sq-pk-nbb.on{border-color:var(--accent-deep);color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--sunk))}
.sq-pk-nbb .n{color:var(--accent);font-variant-numeric:tabular-nums}
.sq-pk-nbb .n:empty{display:none}
.sq-pk-nbb .b{display:none;min-width:16px;height:16px;padding:0 4px;align-items:center;justify-content:center;
  background:var(--accent);color:var(--void);font-size:11px;font-weight:700;letter-spacing:0}
.sq-pk-nbb.armed .b{display:inline-flex}
.sq-pk-save{width:36px;padding:0;justify-content:center;font-size:16px;line-height:1;color:var(--ink)}
.sq-pk-save .sq-pk-k{letter-spacing:0}
.sq-pk-save:disabled{color:var(--dim)}
.sq-pk-save.on{color:var(--accent)}
.sq-pk-clear{margin-left:auto}

.sq-pk-body{position:relative;flex:1 1 auto;min-height:120px;display:flex;flex-direction:column;overflow:hidden}
.sq-pk-results{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 12px}
.sq-pk-none{padding:16px 2px;font-size:13px;color:var(--dim)}
.sq-pk-sheet{position:absolute;inset:0;z-index:2;overflow-y:auto;overscroll-behavior:contain;padding:0 10px 12px;
  background:var(--void);border-top:1px solid var(--hair-hi);transform:translateY(100%);visibility:hidden}
.sq-pk-sheet.open{transform:none;visibility:visible}
@media (prefers-reduced-motion:no-preference){
  .sq-pk-sheet{transition:transform .18s ease-out,visibility 0s linear .18s}
  .sq-pk-sheet.open{transition:transform .18s ease-out,visibility 0s}
}
.sq-pk-sh{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 0;border-bottom:1px solid var(--hair)}
.sq-pk-sh .sq-pk-k{flex:none;font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--accent)}
.sq-pk-sh .tk{flex:1;min-width:0;font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq-pk-shx{flex:none;margin-left:auto;height:28px;padding:0 9px;background:var(--sunk);border:1px solid var(--hair);color:var(--dim);font:inherit;
  font-size:12px;cursor:pointer}
.sq-pk-shx:hover{color:var(--ink);border-color:var(--hair-hi)}
.sq-pk-sheet .sq-grp{padding:6px 0;border-bottom:1px solid var(--hair)}
.sq-pk-sheet .sq-opts{gap:6px 3px}

.sq-pk-savecur{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;margin-top:6px;padding:0 9px;text-align:left;
  background:var(--sunk);border:1px solid var(--hair);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
.sq-pk-savecur .sq-pk-k{flex:none;font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--accent)}
.sq-pk-savecur .tk{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}
.sq-pk-savecur:disabled{cursor:default}
.sq-pk-savecur.on{border-color:var(--accent-deep)}
.sq-pk-svs{display:flex;flex-direction:column;margin-top:6px}
.sq-pk-sv{display:flex;align-items:stretch;gap:4px;border-bottom:1px solid var(--hair)}
.sq-pk-sv .go{flex:1;min-width:0;min-height:40px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 2px;
  text-align:left;background:none;border:0;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
.sq-pk-sv .go:hover{color:var(--accent)}
.sq-pk-sv .go .sq-pk-k{font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);color:var(--dim)}
.sq-pk-sv .go .tk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq-pk-sv .x{flex:none;width:36px;background:none;border:0;color:var(--dim);font:inherit;font-size:12px;cursor:pointer}
.sq-pk-sv .x:hover{color:var(--bad,var(--accent))}
.sq-pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.sq-pk-grid .tile{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;border-radius:0}
.sq-pk-grid .tile img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.sq-pk-grid .tile.sel{outline:2px solid var(--accent);outline-offset:-2px}

.sq-pk-more{display:block;width:100%;height:44px;margin:8px 0 0;background:var(--sunk);border:1px solid var(--hair);color:var(--dim);
  font:inherit;font-size:13px;cursor:pointer}
.sq-pk-more:hover{color:var(--ink);border-color:var(--hair-hi)}
.sq-pk-more:disabled{cursor:default;color:var(--dim)}

.sq-pk-grid .picker-pick{position:absolute;left:0;right:0;bottom:0;margin:0;border-radius:0;padding:7px 2px;
  font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.sq-pk-grid .tile:not(.sel) .picker-pick{display:none}

.sq-pk-grid .tile.ticked{outline:2px solid var(--accent);outline-offset:-2px}
.sq-pk-grid .tile.ticked::after{content:"\2713";position:absolute;right:4px;top:4px;width:22px;height:22px;display:flex;
  align-items:center;justify-content:center;background:var(--accent);color:var(--void);font-size:13px}

.sq-pk-hold{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;
  padding:12px;background:color-mix(in srgb,var(--void) 94%,transparent);pointer-events:none}
.sq-pk-hold img{max-width:92%;max-height:70%;object-fit:contain;border:1px solid var(--hair-hi)}
.sq-pk-holdnote{max-width:92%;font-size:12px;color:var(--dim);text-align:center}

.sq-pk-item.sel:not(.tile){outline:2px solid var(--accent);outline-offset:-2px}

.sq-pk-bar{padding:8px 12px;border-top:1px solid var(--hair)}
.sq-pk-bar[hidden]{display:none}
.sq-pk-done{width:100%;min-height:40px;background:var(--accent);border:1px solid var(--accent);color:var(--void);
  font:inherit;font-size:11px;font-weight:700;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);cursor:pointer}
.sq-pk-done:disabled{background:var(--sunk);border-color:var(--hair);color:var(--dim);cursor:default}



.sq-pk[data-src="emoji"] .sq-pk-chips{flex-wrap:wrap;overflow:visible}
.pks-emoji{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px}
.pks-ej{width:100%;aspect-ratio:1;min-height:40px;display:flex;align-items:center;justify-content:center;padding:0;
  background:none;border:1px solid transparent;font-size:24px;line-height:1;cursor:pointer;color:var(--ink);
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.pks-ej:hover,.pks-ej:focus-visible{border-color:var(--hair-hi);background:var(--sunk)}
.pks-ej img{width:28px;height:28px;object-fit:contain}

.pks-devicewrap{display:flex;flex-direction:column;gap:8px}
.pks-device{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:var(--sunk);border:1px dashed var(--hair-hi);color:var(--ink);font:inherit;cursor:pointer}
.pks-device b{font-size:13px;font-weight:600}
.pks-device span{font-size:12px;color:var(--dim)}
.pks-device:hover,.pks-device.on,.pks-device.sel{border-color:var(--accent);border-style:solid}
.pks-note{margin:0;font-size:12px;color:var(--dim)}

.pks-devfile{min-height:44px;width:100%;background:none;border:1px solid var(--hair);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.pks-devfile:hover,.pks-devfile:focus-visible{border-color:var(--accent);color:var(--bright)}

.pks-members{display:flex;flex-direction:column}
.pks-member{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 4px;background:none;border:0;
  border-bottom:1px solid var(--hair);color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.pks-member:hover,.pks-member:focus-visible{background:var(--sunk)}
.pks-member.is-off{cursor:default;opacity:.6}
.pks-member .pks-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pks-member .pks-who b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pks-fact{font-size:12px;color:var(--dim)}
.pks-act{flex:none;font-size:12px;color:var(--dim)}
.pks-act.is-do{color:var(--accent)}
.pks-tick{flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--hair-hi);font-size:13px;color:var(--void)}
.pks-member.ticked .pks-tick{background:var(--accent);border-color:var(--accent)}
.pks-members .pks-note{padding:10px 4px}

.pks-games{display:flex;flex-direction:column}
.pks-game{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:4px;background:none;border:0;
  border-bottom:1px solid var(--hair);color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.pks-game:hover,.pks-game:focus-visible{background:var(--sunk)}
.pks-gart{flex:none;width:92px;height:43px;object-fit:cover;display:flex;align-items:center;justify-content:center;
  background:var(--sunk);border:1px solid var(--hair);font-size:12px;color:var(--dim);overflow:hidden}
.pks-gplus{font-size:20px;color:var(--accent)}
.pks-game .pks-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pks-game .pks-who b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pks-games .pks-note{padding:8px 4px}

.pks-day{display:flex;flex-direction:column;gap:8px}
.pks-dayhead{display:flex;align-items:center;gap:8px}
.pks-daymonth{flex:1;text-align:center;font-size:13px;font-weight:600}
.pks-daynav{width:var(--tap-min);height:40px;background:var(--sunk);border:1px solid var(--hair-hi);color:var(--ink);
  font:inherit;font-size:18px;cursor:pointer}
.pks-daygrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.pks-dayw{font-size:11px;color:var(--dim);text-align:center;padding:2px 0}
.pks-dayc{aspect-ratio:1;min-height:40px;background:var(--sunk);border:1px solid var(--hair);color:var(--ink);
  font:inherit;font-size:13px;cursor:pointer}
.pks-dayc:hover,.pks-dayc:focus-visible{border-color:var(--accent-deep)}
.pks-dayc.is-today{border-color:var(--accent)}
.pks-dayc.is-on{background:var(--accent);border-color:var(--accent);color:var(--void)}
.pks-dayc:disabled{opacity:.35;cursor:default}
@media(min-width:1000px){
  .sq-pk-lay{background:transparent}
  .sq-pk{left:auto;right:24px;bottom:24px;width:560px;height:min(640px,calc(100vh - 48px));
    border:1px solid var(--hair-hi)}
  .sq-pk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(pointer:coarse){
  .sq-pk-done,.pks-ej,.pks-dayc,.pks-daynav{min-height:var(--tap-min)}
  

  .sq-pk-chip,.sq-pk-x,.sq-pk-m,.sq-pk-nbb,.sq-pk-ap{position:relative}
  .sq-pk-chip::after,.sq-pk-x::after,.sq-pk-m::after,.sq-pk-nbb::after,.sq-pk-ap::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}
}




.sq-people{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--hair);min-width:0}
.sq-people[hidden]{display:none}
.sq-people-k{flex:none;font-size:11px;color:var(--dim);letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.sq-people-list{display:flex;gap:6px;overflow-x:auto;min-width:0;scrollbar-width:none}
.sq-person{flex:none;display:flex;align-items:center;gap:6px;min-height:var(--tap-min);padding:0 10px 0 4px;border:1px solid var(--hair);border-radius:0;background:var(--raised)}
.sq-person-face{display:flex}
.sq-person-name{font-size:12px;white-space:nowrap}   



.sq-looking{margin:14px auto 0;padding:4px 0;color:var(--dim);font-size:12px;letter-spacing:.02em;text-align:center}
.center .sq-looking{margin-top:10px}




.searchwrap.pns-search{margin-top:0;padding:14px 0 6px}
.pns-search .sqbox{border:0;border-bottom:2px solid var(--hair-hi);background:none;padding:2px 2px 2px 0}
.pns-search .sqbox::before{content:">";flex:none;color:var(--accent);font-size:16px;line-height:1;padding:0 6px 0 2px}
.pns-search .searchbar .btn{border:0;border-bottom:2px solid var(--hair-hi);background:none;padding-left:10px;padding-right:10px}
.pns-search .searchbar .btn:hover{color:var(--accent);border-bottom-color:var(--hair-hi)}


.sq-prog{position:absolute;left:0;bottom:0;height:2px;width:0;opacity:0;background:var(--accent);pointer-events:none;z-index:1;
  transition:background-color 150ms}
.sq-prog.err{background:var(--bad)}

#results .resultbar.sq-readout{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;
  position:relative;min-height:48px;padding:2px 124px 2px 0;border-bottom:0;flex-wrap:nowrap;
  font-family:var(--mono);font-variant-numeric:tabular-nums}


.sq-readout>.sq-n{color:var(--ink);font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sq-readout>.sq-hid{color:var(--dim);font-size:12px;line-height:16px;white-space:nowrap}
.sq-readout>.sq-filt{position:absolute;right:0;top:50%;transform:translateY(-50%);min-width:112px;padding:0 10px;
  background:none;border:1px solid var(--hair-hi);color:var(--dim);font:inherit;font-size:11px;cursor:pointer;
  letter-spacing:calc(.06em * var(--track));white-space:nowrap;transition:box-shadow 200ms ease-out;
  height:32px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.sq-readout>.sq-filt[hidden]{display:none}
.sq-readout>.sq-filt .w::before{content:"[ "}
.sq-readout>.sq-filt .w::after{content:" ]"}

.sq-readout>.sq-filt::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tap-min)}
.sq-readout>.sq-filt.on{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 55%, transparent)}
.sq-readout>.sq-filt:focus-visible{outline:1px solid var(--accent);outline-offset:2px}

.sq-allhid{padding:28px 12px}
.sq-allhid .why{color:var(--bright);font-size:13px}
.sq-setlink{margin-top:8px;min-height:44px;padding:0 8px;background:none;border:0;color:var(--dim);font:inherit;font-size:11px;
  text-decoration:underline;cursor:pointer}

.grid>.sq-ph{aspect-ratio:1/1;border:1px solid var(--hair);background:var(--sunk);opacity:.45}

.sqsugg .sq-exact{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;background:none;border:0;
  color:var(--ink);font:inherit;font-size:11px;padding:0 9px;min-height:var(--tap-min)}
.sqsugg .sq-exact .v{text-transform:none}
@media(prefers-reduced-motion:reduce){
  .sq-prog,.sq-readout>.sq-filt{transition:none}
}
.sq-late{margin-top:12px}

/* ⟦web/app-launcher.css⟧ */










.masthead .brand[data-launcher]{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.masthead .brand[data-launcher] img{-webkit-user-drag:none;pointer-events:none}
.masthead .brand[data-launcher]:focus-visible{outline:1px solid var(--accent);outline-offset:3px}





.lc-halo{position:fixed;z-index:var(--z-panel);width:96px;height:96px;margin:-48px 0 0 -48px;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent) 0,color-mix(in srgb,var(--accent) 11%,transparent) 38%,transparent 70%);
  animation:lc-bloom .24s ease-out both}
.lc-halo-spin{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;display:block;content:var(--brand-logo);
  animation:lc-turn 7s linear infinite;will-change:transform}
@keyframes lc-turn{to{transform:rotate(360deg)}}
@keyframes lc-bloom{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}





.lc-veil{position:fixed;inset:0;z-index:var(--z-panel);
  background:linear-gradient(90deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.88) clamp(170px,26%,300px),rgba(0,0,0,.56) clamp(250px,48%,560px),rgba(0,0,0,.25) clamp(320px,72%,900px),rgba(0,0,0,0) 97%);
  animation:lc-fade .16s ease-out both}


.lc-col{position:fixed;z-index:var(--z-panel);width:248px;overflow:visible;
  background:none;border:0;box-shadow:none;padding:0;margin:0;outline:none;font-family:var(--mono)}

.lc-head{display:flex;align-items:center;gap:8px;height:26px;padding:0 0 0 12px;font-size:11px;letter-spacing:.18em;color:var(--dim);
  text-shadow:0 1px 2px rgba(0,0,0,.9);animation:lc-sweep .22s cubic-bezier(.2,.7,.2,1) both;--i:0}
.lc-head-gt{color:var(--accent)}

.lc-slot{position:relative;display:flex;align-items:center;gap:12px;height:48px;padding:0 10px 0 12px;cursor:pointer;
  background:none;border:0;box-shadow:none;color:var(--ink);font-size:13px;
  text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7);outline:none;
  transition:transform .12s cubic-bezier(.2,.7,.2,1),color .12s ease-out;
  animation:lc-sweep .22s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc((var(--i,0) + 1) * 22ms)}

.lc-slot::before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:2px;background:var(--accent);opacity:0;
  transform:scaleY(.3);transition:opacity .12s ease-out,transform .12s cubic-bezier(.2,.7,.2,1)}
.lc-glyph{position:relative;width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--dim);
  transition:color .12s ease-out}
.lc-glyph .lci{width:20px;height:20px;display:block}
.lci-none{display:block;width:20px;height:20px}

.lc-glyph::before{content:"";position:absolute;inset:-4px;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 32%,transparent) 0,transparent 66%);
  opacity:0;transform:scale(.5);transition:opacity .14s ease-out,transform .14s cubic-bezier(.2,.7,.2,1)}
.lc-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.14em;text-transform:uppercase}
.lc-num{flex:none;min-width:12px;text-align:right;color:var(--dim);font-size:12px;letter-spacing:0;opacity:.8;transition:color .12s ease-out,opacity .12s ease-out}

.lc-slot.hot{color:var(--accent);transform:translateX(10px);text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}
.lc-slot.hot::before{opacity:1;transform:none}
.lc-slot.hot .lc-glyph,.lc-slot.hot .lc-num{color:var(--accent);opacity:1}
.lc-slot.hot .lc-glyph::before{opacity:1;transform:none}
.lc-slot:focus-visible .lc-label{text-decoration:underline;text-underline-offset:4px}
.lc-foot{color:var(--dim);font-size:12px}
.lc-foot.lc-edit{margin-top:6px}
.lc-back{color:var(--dim)}
.lc-none{cursor:default;color:var(--dim)}
.lc-none .lc-label{text-transform:none;letter-spacing:.02em}


.lc-still,.lc-still .lc-slot,.lc-still .lc-head,.lc-still .lc-halo-spin{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){
  .lc-veil,.lc-halo,.lc-halo-spin,.lc-col,.lc-col .lc-head,.lc-col .lc-slot,.lc-hint{animation:none!important;transition:none!important}
}
@keyframes lc-fade{from{opacity:0}to{opacity:1}}

@keyframes lc-sweep{from{opacity:0;transform:translateX(calc(-14px - var(--i,0) * 2px))}to{opacity:1;transform:none}}



.lc-hint{position:fixed;z-index:var(--z-tooltip);pointer-events:none;font:12px/1.4 var(--mono);color:var(--accent);
  letter-spacing:.06em;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));
  max-width:calc(100vw - 32px);padding:7px 12px;background:var(--panel,#111);border:1px solid var(--hair-hi,#444);
  box-shadow:0 6px 20px rgba(0,0,0,.5);width:max-content;text-align:center;box-sizing:border-box;animation:lc-fade .3s ease-out both}


.lce{display:flex;flex-direction:column;gap:10px;padding:8px 14px}
.lce-lead{color:var(--dim);font-size:12px;line-height:1.55}
.lce-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.lce-row{display:flex;align-items:center;gap:10px;min-height:46px;border-bottom:1px solid var(--hair);padding:0 2px}
.lce-row.lce-drag{opacity:.45}
.lce-row.lce-over{box-shadow:inset 0 2px 0 var(--accent)}
.lce-grip{flex:none;width:30px;height:44px;display:flex;align-items:center;justify-content:center;cursor:grab;
  color:var(--dim);background:none;border:0;font:inherit;letter-spacing:-2px}
.lce-grip:focus-visible{outline:1px solid var(--accent)}
.lce-n{flex:none;width:16px;color:var(--dim);font-size:11px;text-align:center}
.lce-mark{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--dim)}
.lce-mark .lci{width:18px;height:18px;display:block}
.lce-kind{flex:none;width:56px;color:var(--accent);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.lce-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.lce-x{flex:none;width:44px;height:44px;background:none;border:1px solid var(--hair);color:var(--dim);cursor:pointer;font:inherit}
.lce-x:hover{color:var(--bad);border-color:var(--bad)}
.lce-add{align-self:flex-start;min-height:44px;background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;
  font-size:13px;padding:0 2px}
.lce-add[disabled]{color:var(--dim);cursor:default}
.lce-cat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lce-catcol{display:flex;flex-direction:column;gap:6px;min-width:0}
.lce-cath{color:var(--dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--hair);padding-bottom:4px}
.lce-pick{min-height:44px;display:flex;align-items:center;gap:8px;text-align:left;background:none;border:1px solid var(--hair);color:var(--ink);cursor:pointer;font:inherit;font-size:12px;padding:6px 8px}
.lce-pick .lce-mark{color:var(--dim)}
.lce-pick:hover .lce-mark,.lce-pick:focus-visible .lce-mark{color:var(--accent)}
.lce-pick-t{min-width:0}
.lce-pick:hover,.lce-pick:focus-visible{border-color:var(--accent);color:var(--accent)}
.lce-form{display:flex;flex-direction:column;gap:8px;border:1px solid var(--hair);padding:10px}
.lce-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim)}
.lce-form input,.lce-form select{min-height:40px;background:var(--void,#0b0d10);color:var(--ink);border:1px solid var(--hair);font:inherit;font-size:13px;padding:0 8px;text-transform:none;letter-spacing:0}
.lce-steps{display:flex;flex-wrap:wrap;gap:6px}
.lce-step{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hair);padding:4px 6px;font-size:12px}
.lce-btns{display:flex;gap:8px;flex-wrap:wrap}
.lce-btn{min-height:44px;background:none;border:1px solid var(--hair);color:var(--ink);cursor:pointer;font:inherit;font-size:13px;padding:0 12px}
.lce-btn.lce-go{border-color:var(--accent);color:var(--accent)}
.lce-err{color:var(--bad);font-size:12px;min-height:1em}
.lce-reset{align-self:flex-start;min-height:44px;background:none;border:0;color:var(--dim);cursor:pointer;font:inherit;font-size:12px;text-decoration:underline;padding:0 2px}
@media (max-width:999px){
  .lce-cat{grid-template-columns:repeat(2,minmax(0,1fr))}
}



img[src*="/media/"]:not([src*="/media/faces/"]),video:not([controls]){-webkit-touch-callout:none;-webkit-user-drag:none}
@media(pointer:coarse){img[src*="/media/"]:not([src*="/media/faces/"]),video:not([controls]){-webkit-user-select:none;user-select:none}}
.mh-fs{position:fixed;inset:0;z-index:var(--z-curtain);background:#000;display:flex;align-items:center;justify-content:center}
.mh-fs-img{max-width:100%;max-height:100%;object-fit:contain}
.mh-fs-x{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;min-height:44px;min-width:44px;padding:0 16px;font:600 14px var(--ui);color:#fff;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.4)}

/* ⟦web/app-cutscene.css⟧ */















html.cs-on{overflow:hidden}

html.cs-on body > :not(.cs-layer){visibility:hidden}
.cs-layer{position:fixed;inset:0;z-index:var(--z-curtain);display:flex;background:#000;color:var(--ink);overflow:hidden;
  font-family:var(--mono);touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}
.cs-layer::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;z-index:4;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}
.cs-layer::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;
  background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.72) 100%)}

html.cs-on .burstdot{z-index:calc(var(--z-curtain) + 5)}


.cs-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.cs-grain{position:absolute;inset:-60px;pointer-events:none;z-index:5;opacity:.06;display:none;background-size:160px 160px}
.cs-full .cs-grain{display:block;animation:cs-grain .48s steps(6) infinite}
.cs-beam{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;z-index:6;pointer-events:none;opacity:0;background:#fff;
  box-shadow:0 0 16px 3px var(--accent),0 0 60px 12px rgba(255,255,255,.3)}

.cs-box{position:relative;display:flex;flex-direction:column;width:100%;height:100dvh;padding:14px 18px 8px;background:#04070a}

.cs-cnr{position:absolute;width:18px;height:18px;pointer-events:none;z-index:5;border:0 solid var(--accent)}
.cs-box > .cs-tl{left:8px;top:8px;border-top-width:2px;border-left-width:2px}
.cs-box > .cs-tr{right:8px;top:8px;border-top-width:2px;border-right-width:2px}
.cs-box > .cs-bl{left:8px;bottom:8px;border-bottom-width:2px;border-left-width:2px}
.cs-box > .cs-br{right:8px;bottom:8px;border-bottom-width:2px;border-right-width:2px}
.cs-head,.cs-prog,.cs-foot{position:relative;z-index:3}
.cs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.12em;color:var(--dim);padding:6px 10px 0}
.cs-title{color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-meta{flex:none;display:flex;gap:12px;font-variant-numeric:tabular-nums}
.cs-tc{color:var(--faint);min-width:5.5em;text-align:right}
.cs-still .cs-tc{display:none}

.cs-prog{display:flex;gap:4px;height:2px;margin:8px 10px 0}
.cs-seg{flex:1;display:block;height:100%;background:var(--hair);overflow:hidden}
.cs-segfill{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0)}
.cs-seg.done .cs-segfill{transform:none}
.cs-seg.on .cs-segfill{animation:cs-prog var(--cs-ms,3000ms) linear forwards}
.cs-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:12px 10px;min-height:0;overflow:auto}



.cs-layer{--cs-col:640px;--score-ink:#ffffff}   
.cs-card{width:100%;max-width:var(--cs-col);display:flex;flex-direction:column;gap:16px;margin:auto}
.cs-card.cs-out{pointer-events:none}
.cs-bleed .cs-stage{position:static}
.cs-kicker{font-size:14px;letter-spacing:.14em;color:var(--accent);min-height:1.4em}
.cs-prompt{color:var(--dim)}
.cs-caret{display:inline-block;width:.55em;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--accent)}
html[data-fx="full"] .cs-caret{animation:cs-blink 1s steps(2,jump-none) infinite}

.cs-rgb,.cs-rgb *{text-shadow:-2px 0 rgba(255,40,90,.85),2px 0 rgba(40,220,255,.85)}
.cs-rgbbad,.cs-rgbbad *{text-shadow:-3px 0 var(--bad),2px 0 rgba(255,255,255,.4)}
.cs-sub{font-size:16px;color:var(--ink)}
.cs-sub.cs-dim,.cs-dim{color:var(--dim)}
.cs-accent{color:var(--accent)}
.cs-pair{display:flex;gap:40px;flex-wrap:wrap}
.cs-cell{display:flex;flex-direction:column;gap:6px}


.cs-odo{display:inline-flex;line-height:1;font-variant-numeric:tabular-nums}
.cs-odc{display:inline-block;height:1em;width:1ch;overflow:hidden;line-height:1}
.cs-ods{display:block;white-space:pre;line-height:1}


.cs-k-open{gap:12px}
.cs-openl{font-size:clamp(20px,5.6vw,36px);color:var(--accent);letter-spacing:.06em;min-height:1.3em}
.cs-openrule{height:1px;background:var(--hair-hi);transform-origin:left center}
.cs-openl2{font-size:13px;letter-spacing:.14em;color:var(--dim);min-height:1.4em}


.cs-scoretop{display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px 22px}
.cs-bigwrap{display:flex;align-items:center;gap:clamp(10px,3vw,24px)}
.scoremark.cs-scorebig{width:clamp(40px,12vw,96px);height:clamp(40px,12vw,96px)}
.cs-big{font-size:clamp(64px,22vw,150px);font-weight:600;line-height:1;color:#ffffff;letter-spacing:-.02em}   
.cs-big.cs-lit{text-shadow:0 0 28px color-mix(in srgb,var(--accent) 45%,transparent)}
.cs-stamp{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px 6px;border:2px solid var(--accent);color:var(--accent);
  font-size:clamp(24px,7vw,44px);font-weight:700;font-variant-numeric:tabular-nums;transform:rotate(-4deg);margin-bottom:.4em;
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 30%,transparent)}
.cs-stampu{font-size:13px;letter-spacing:.14em;font-weight:400}
.cs-bars{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.cs-bar.spine-row{display:grid;grid-template-columns:minmax(0,9.5em) 1fr 4.4em;align-items:center;gap:12px;flex-direction:row}
.cs-bar .spine-lbl{font-size:13px;text-transform:none;letter-spacing:.06em}
.cs-bar .spine-track{position:relative;height:16px;overflow:visible}
.cs-bar .spine-fill{transition:none;transform-origin:left center}
.cs-bar.cs-zero{opacity:.45}
.cs-edge{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-2px;background:#fff;opacity:0;pointer-events:none;
  box-shadow:0 0 10px 2px rgba(255,255,255,.8),0 0 24px 6px rgba(255,255,255,.25)}
.cs-barval{text-align:right;color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}

.cs-list{display:flex;flex-direction:column;gap:10px}
.cs-ptitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:var(--ink)}



.cs-card.cs-hero{position:absolute;inset:0;max-width:none;margin:0;gap:0;z-index:1;display:block;overflow:hidden}
.cs-heroback{position:absolute;inset:0;width:100%;height:100%;transform:scale(1.2);background:#04070a}
.cs-herocol{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:70px 18px 72px}
.cs-herocol > .cs-kicker{align-self:center}
.cs-heroframe{position:relative;overflow:hidden;flex:none;background:#000;outline:1px solid var(--hair-hi);outline-offset:4px;
  box-shadow:0 30px 80px rgba(0,0,0,.65)}
.cs-heroimg{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 45%}
.cs-sheen{position:absolute;top:-10%;bottom:-10%;left:0;width:40%;pointer-events:none;transform:translateX(-160%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent)}
.cs-heroframe > .cs-cnr{width:14px;height:14px;z-index:2}
.cs-heroframe > .cs-tl{left:0;top:0;border-top-width:2px;border-left-width:2px}
.cs-heroframe > .cs-tr{right:0;top:0;border-top-width:2px;border-right-width:2px}
.cs-heroframe > .cs-bl{left:0;bottom:0;border-bottom-width:2px;border-left-width:2px}
.cs-heroframe > .cs-br{right:0;bottom:0;border-bottom-width:2px;border-right-width:2px}
.cs-herotitle{font-size:clamp(18px,5vw,40px);line-height:1.2;color:var(--bright);min-height:1.2em;max-width:900px;text-align:center;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 2px 12px #000}
.cs-herogain{display:inline-flex;align-items:baseline;gap:.06em;font-size:clamp(40px,12vw,104px);font-weight:600;line-height:1;color:var(--accent);
  text-shadow:0 0 24px color-mix(in srgb,var(--accent) 40%,transparent)}
.cs-herounit{font-size:max(13px,.24em);font-weight:400;color:var(--ink);letter-spacing:.08em;margin-left:.4em}
.cs-bleed .cs-head,.cs-bleed .cs-foot{text-shadow:0 1px 6px #000}
.cs-bleed .cs-head{background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);margin:-14px -18px 0;padding:20px 28px 14px}
.cs-bleed .cs-prog{margin-top:-6px}
.cs-bleed .cs-foot{background:linear-gradient(to top,rgba(0,0,0,.8),transparent);margin:0 -18px -8px;padding:8px 28px}


.cs-moves{display:flex;flex-direction:column;justify-content:center;gap:30px}
.cs-card.cs-k-apex{min-height:100%;justify-content:center}
@media(max-width:999px){.cs-moves{gap:46px}}
.cs-move{position:relative;display:grid;grid-template-columns:104px 1fr 104px;align-items:start;gap:8px;padding-bottom:22px}
.cs-person{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.cs-face{position:relative;width:96px;height:96px}
.cs-face .vw-cav{width:100%;height:100%}
.cs-face .vw-cav-fun{font-size:48px}
.cs-face .vw-cav-img{width:100%;height:100%;object-fit:cover}
.cs-face.cs-empty{border:1px dashed var(--hair-hi);background:rgba(255,255,255,.02)}
.cs-pname{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink);margin-top:14px}
.cs-you{position:absolute;top:-14px;left:50%;transform:translateX(-50%);z-index:2;font-size:11px;letter-spacing:.1em;
  padding:2px 6px;background:var(--accent);color:#04070a}
.cs-lane{align-self:center;height:0;border-top:1px dashed var(--hair-hi);margin-top:-14px}
.cs-badge.title-chip{position:absolute;left:0;top:0;z-index:2;margin:0;padding:5px 10px;gap:7px;white-space:nowrap;pointer-events:none;
  transform-origin:50% 50%;will-change:transform}
.cs-badge .title-nm{font-size:12px}
.cs-badge.cs-pitchip{background:var(--panel);border:1px solid var(--bad);color:var(--bad);
  box-shadow:0 0 14px color-mix(in srgb,var(--bad) 35%,transparent)}

.cs-landed .cs-to .cs-face::after{content:"";position:absolute;inset:-5px;padding:2px;pointer-events:none;
  background:var(--prism-lite,var(--accent));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(180,220,255,.6)) drop-shadow(0 0 14px rgba(255,180,240,.35))}
.cs-pit.cs-landed .cs-to .cs-face::after{background:var(--bad);filter:drop-shadow(0 0 8px var(--bad))}
.cs-landed .cs-from .cs-face{filter:grayscale(1) brightness(.55)}
.cs-took .cs-to .cs-pname,.cs-lost .cs-from .cs-pname{color:var(--accent)}
.cs-hurt .cs-face::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:color-mix(in srgb,var(--bad) 42%,transparent);
  outline:1px solid var(--bad);outline-offset:3px}
.cs-lost .cs-hurt .cs-pname{color:var(--bad)}


.cs-coinrow{display:flex;align-items:center;gap:18px}
.coinmark.cs-coinbig{width:clamp(56px,15vw,120px);height:clamp(56px,15vw,120px);vertical-align:middle;
  filter:drop-shadow(0 0 16px rgba(240,199,102,.45))}
.cs-coinn{color:var(--coin-ink,#f0c766)}
.cs-bay{position:relative;height:clamp(110px,18vh,190px)}
.cs-tray{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--hair-hi);transform-origin:center}


.cs-msgs{display:flex;flex-direction:column;gap:10px}
.cs-msg,.cs-gomsg{display:flex;align-items:flex-start;gap:12px;min-height:var(--tap-min);padding:10px 12px;text-decoration:none;color:var(--ink);
  border:1px solid var(--hair-hi);background:var(--panel);box-shadow:0 10px 26px rgba(0,0,0,.45);transform-origin:20% 50%}
.cs-msg.cs-m-mention{box-shadow:inset 2px 0 0 var(--accent),0 10px 26px rgba(0,0,0,.45)}
.cs-gomsg.cs-m-mention{box-shadow:inset 2px 0 0 var(--accent)}
.cs-msg:hover,.cs-msg:focus-visible,.cs-gomsg:hover,.cs-gomsg:focus-visible{border-color:var(--accent)}
.cs-mface{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}
.cs-mface .vw-cav{width:100%;height:100%}

.cs-mface .vw-cav-fun{font-size:22px}
.cs-mface .vw-cav-img{width:100%;height:100%;object-fit:cover}
.cs-mbody{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.cs-mwho{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-mname{color:var(--bright)}
.cs-mhandle{color:var(--accent)}
.cs-mwhere{font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-msnip{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.2em}
.cs-msgmore{display:flex;gap:16px;align-items:baseline;font-size:13px;letter-spacing:.08em}


.cs-gomsgs{display:flex;flex-direction:column;gap:6px;padding-top:6px;margin-top:-4px;border-top:1px dashed var(--hair-hi)}
.cs-gomsg{box-shadow:none;padding:6px 16px 6px 6px;gap:14px;align-items:center;background:rgba(255,255,255,.02)}
.cs-gomsg .cs-mface{width:34px;height:34px}
.cs-gomsg .vw-cav-fun{font-size:18px}
.cs-gomsg .cs-msnip,.cs-gomsg .cs-mwho{font-size:13px}


.cs-deck{position:relative;height:160px;margin:6px 0 10px}
.cs-dcard{position:absolute;left:50%;top:6px;width:92px;height:122px;margin-left:-46px;padding:10px;display:flex;flex-direction:column;gap:7px;
  border:1px solid var(--hair-hi);background:var(--panel);box-shadow:0 12px 30px rgba(0,0,0,.55);transform-origin:50% 90%}
.cs-dcard.cs-d-mention{border-color:var(--accent)}
.cs-dglyph{font-size:28px;line-height:1;color:var(--accent)}
.cs-dlbl{font-size:12px;letter-spacing:.12em;color:var(--dim)}
.cs-dline{display:block;height:4px;background:var(--hair)}
.cs-dline.cs-dshort{width:60%}

.cs-burn{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--hair)}
.cs-out{display:inline-block;font-size:13px;letter-spacing:.12em;color:var(--dim)}
.cs-o-burned .cs-out{color:#ff7a59}
.cs-o-saved .cs-out,.cs-o-spared .cs-out{color:var(--accent)}


.cs-goes{display:flex;flex-direction:column;gap:10px}
.cs-go{display:flex;align-items:center;gap:14px;min-height:var(--tap-min);padding:0 16px 0 6px;border:1px solid var(--hair-hi);
  color:var(--ink);font-size:15px;text-decoration:none;background:rgba(255,255,255,.02)}
.cs-go::after{content:">";margin-left:auto;color:var(--accent)}
.cs-go:hover,.cs-go:focus-visible{border-color:var(--accent);color:var(--bright)}
.cs-goic{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;overflow:hidden;
  border:1px solid var(--hair-hi);background:#000;color:var(--accent)}
.cs-goic svg{width:20px;height:20px}
.cs-goic .cs-gomk{fill:currentColor}
.cs-gothumb{width:100%;height:100%;object-fit:cover}
.cs-goglyph{font-size:18px;line-height:1}


.cs-goic.cs-goapex{background:var(--panel);border-color:#eafff0;animation:prismchip 6s linear infinite}
.cs-goic.cs-gopit{border-color:var(--bad);color:var(--bad)}
.cs-gochip{font-size:18px;font-weight:700;line-height:1}
.cs-golbl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.cs-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 10px 0}
.cs-hint{font-size:12px;color:var(--faint)}
.cs-skip{margin-left:auto;min-height:var(--tap-min);min-width:var(--tap-min);padding:0 14px;background:none;border:0;color:var(--dim);
  font:inherit;font-size:13px;letter-spacing:.12em;cursor:pointer}
.cs-skip:hover,.cs-skip:focus-visible{color:var(--bright)}
.cs-final .cs-skip{color:var(--accent)}


@media(min-width:1000px){
  .cs-box{padding:26px 56px 14px}
  .cs-box > .cs-cnr{width:26px;height:26px}
  .cs-box > .cs-tl,.cs-box > .cs-tr{top:20px}
  .cs-box > .cs-bl,.cs-box > .cs-br{bottom:20px}
  .cs-box > .cs-tl,.cs-box > .cs-bl{left:20px}
  .cs-box > .cs-tr,.cs-box > .cs-br{right:20px}
  .cs-head{font-size:14px}
  .cs-layer{--cs-col:820px}
  .cs-card{gap:22px}
  .cs-kicker{font-size:20px}
  .cs-openl2{font-size:15px}
  .cs-big{font-size:190px}
  .cs-stamp{font-size:56px}
  .cs-stampu{font-size:16px}
  .cs-sub,.cs-ptitle{font-size:22px}
  .cs-bar .spine-lbl{font-size:16px}
  .cs-bar.spine-row{grid-template-columns:12em 1fr 5em}
  .cs-bar .spine-track{height:22px}
  .cs-barval{font-size:20px}
  .cs-herocol{padding:96px 84px 90px;gap:18px}
  .cs-herotitle{font-size:42px}
  .cs-herogain{font-size:120px}
  .cs-move{grid-template-columns:132px 1fr 132px;gap:24px}
  .cs-face{width:132px;height:132px}
  .cs-pname{font-size:17px}
  .cs-badge.title-chip{padding:8px 14px}
  .cs-badge .title-nm{font-size:16px}
  .cs-deck{height:230px}
  .cs-dcard{width:130px;height:176px;margin-left:-65px;padding:14px}
  .cs-dglyph{font-size:40px}
  .cs-dlbl{font-size:14px}
  .cs-go{font-size:20px;min-height:60px}
  .cs-msgs{gap:14px}
  .cs-msg{padding:14px 16px;gap:16px}
  .cs-msg .cs-mface{width:60px;height:60px}
  .cs-msg .cs-mwho,.cs-msg .cs-msnip{font-size:19px}
  .cs-msg .cs-mwhere{font-size:15px}
  .cs-msgmore{font-size:16px}
  .cs-goic{width:46px;height:46px}
  .cs-goic svg{width:26px;height:26px}
  .cs-gomsg .cs-mface{width:46px;height:46px}
  .cs-msg .vw-cav-fun{font-size:30px}
  .cs-gomsg .vw-cav-fun{font-size:24px}
  .cs-face .vw-cav-fun{font-size:64px}
  .cs-gomsg .cs-msnip,.cs-gomsg .cs-mwho{font-size:15px}
  .cs-gochip{font-size:24px}
  .cs-goglyph{font-size:24px}
  .cs-skip,.cs-hint{font-size:14px}
}

@keyframes cs-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cs-blink{50%{opacity:0}}
@keyframes cs-grain{0%{transform:translate(0,0)}20%{transform:translate(-23px,17px)}40%{transform:translate(31px,-9px)}
  60%{transform:translate(-12px,-28px)}80%{transform:translate(19px,24px)}100%{transform:translate(-6px,8px)}}

@media(prefers-reduced-motion:reduce){
  .cs-goic.cs-goapex{animation:none;border-color:#d4f3ff}
  .cs-caret,.cs-full .cs-grain,.cs-seg.on .cs-segfill{animation:none}
}

/* ⟦web/app-newui.css⟧ */






html.nu-on{--nu-foot:calc(68px + env(safe-area-inset-bottom,0px));--nu-full:calc(68px + env(safe-area-inset-bottom,0px));
  --nu-tray:33px;--nu-box:20px;--nu-band:calc(var(--tap-min,44px) - var(--nu-tray) + 1px);
  --nu-strip:calc(var(--nu-tray) + env(safe-area-inset-bottom,0px));--nu-ease:cubic-bezier(.16,1,.3,1)}



html.nu-on .masthead .navmenu,html.nu-on .masthead .navburger{display:none !important}





html.nu-on .masthead{flex-wrap:nowrap}
html.nu-on .masthead > *{flex-shrink:0}
html.nu-on .masthead > .nu-find{flex-shrink:1}

html.nu-on .masthead > .nav{flex:1 0 auto}



html.nu-on .nu-bx{--band:var(--tap-min);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  width:var(--tap-min);height:var(--tap-min);margin:0;padding:0;background:none;
  border:1px solid transparent;color:var(--dim);font:inherit;font-size:11px;letter-spacing:calc(.12em * var(--track,1));
  text-transform:var(--caps,uppercase);cursor:pointer}
html.nu-on .nu-bx::after{content:"";position:absolute;z-index:-1;left:-1px;right:-1px;top:50%;height:var(--band);transform:translateY(-50%);
  box-sizing:border-box;background:var(--sunk);border:1px solid var(--hair-hi)}
html.nu-on .nu-bx:hover,html.nu-on .nu-bx:focus-visible{color:var(--bright);outline:none}
html.nu-on .nu-bx:hover::after,html.nu-on .nu-bx:focus-visible::after,html.nu-on .nu-bx[aria-expanded="true"]::after{border-color:var(--accent)}
html.nu-on .nu-bx[aria-expanded="true"]{color:var(--accent)}
html.nu-on .nu-bx .navi{width:18px;height:18px;margin:0}

html.nu-on .nu-bx .nu-badge{position:absolute;top:1px;right:1px;left:auto;margin:0}
html.nu-on .nu-face{padding:0}
html.nu-on .nu-face .nu-av{margin:0}
html.nu-on .nu-face .nu-av{width:24px;height:24px;display:block;line-height:0}
html.nu-on .nu-av .vw-cav{width:24px;height:24px;border-width:1px}
html.nu-on .nu-av .vw-cav-i{font-size:13px}



html.nu-on .nu-find{container-type:inline-size;overflow:hidden;display:flex;align-items:center;gap:8px;flex:0 1 420px;min-width:0;min-height:var(--tap-min);margin:0 0 0 8px;padding:0 4px;
  background:none;border:0;border-radius:0;box-shadow:inset 0 -1px 0 var(--hair);color:var(--dim);font:inherit;font-size:12px;cursor:text;text-align:left}
html.nu-on .nu-find:hover,html.nu-on .nu-find:focus-visible{color:var(--ink);outline:none;box-shadow:inset 0 -1px 0 var(--accent)}
html.nu-on .nu-find-gt{flex:none;color:var(--accent);font-weight:700}
html.nu-on .nu-find-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.nu-on .nu-find-i{display:none;flex:none;width:18px;height:18px;margin:0}

@container (max-width:84px){
  html.nu-on .nu-find-t,html.nu-on .nu-find-k{display:none}
  html.nu-on .nu-find-i{display:block}
  html.nu-on .nu-find{gap:4px}
}
html.nu-on .nu-find-k{flex:none;padding:1px 5px;border:1px solid var(--hair);background:none;font:inherit;font-size:11px;color:var(--dim)}
html.nu-on .nu-tools{display:flex;align-items:center;gap:8px;flex:none}


html.nu-on .nu-badge{min-width:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:16px;text-align:center;font-style:normal;
  background:var(--accent);color:var(--void);font-variant-numeric:tabular-nums;pointer-events:none}
html.nu-on .nu-badge[hidden]{display:none}


html.nu-on .nu-bar{display:none}
html.nu-on .nu-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:var(--tap-min);
  color:var(--dim);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}
html.nu-on .nu-cell .nu-ic{display:grid;place-items:center;line-height:0}
html.nu-on .nu-cell .navi{width:22px;height:22px;margin:0}
html.nu-on .nu-nm{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:0}
html.nu-on .nu-cell:hover,html.nu-on .nu-cell:focus-visible{color:var(--bright);outline:none}
html.nu-on .nu-cell:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}
html.nu-on .nu-cell.is-on,html.nu-on .nu-cell.is-plus .nu-ic{color:var(--accent)}
html.nu-on .nu-cell.is-on .nu-nm{font-weight:700}
html.nu-on .nu-cell.is-plus .nu-ic svg{color:var(--accent);stroke:var(--accent)}




html.nu-on .nu-place{flex-direction:column;gap:5px;padding:6px 2px 5px;background:var(--raised);border:1px solid var(--hair-hi);
  color:var(--ink);border-radius:0}
html.nu-on .nu-place::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--hair-hi);pointer-events:none}
html.nu-on .nu-place .nu-nm{max-width:100%;font-size:11px;color:var(--dim);text-transform:var(--caps,uppercase);
  letter-spacing:calc(.08em * var(--track,1))}
html.nu-on .nu-place:hover,html.nu-on .nu-place:focus-visible{color:var(--bright);border-color:var(--accent)}
html.nu-on .nu-place:hover .nu-nm{color:var(--ink)}
html.nu-on .nu-place:active{filter:brightness(1.15)}
html.nu-on .nu-place.is-on{background:var(--accent);border-color:var(--accent);color:var(--void);
  box-shadow:0 0 14px color-mix(in srgb,var(--accent) 40%,transparent)}
html.nu-on .nu-place.is-on::before{background:var(--void)}
html.nu-on .nu-place.is-on .nu-nm{color:var(--void);font-weight:700}
html.nu-on .nu-place.is-on.is-plus .nu-ic svg{color:var(--void);stroke:var(--void)}
html.nu-on .nu-place .nu-badge{position:absolute;top:-1px;right:-1px;left:auto;margin:0;padding:0 5px;line-height:17px}
html.nu-on .nu-place.is-on .nu-badge{background:var(--void);color:var(--accent)}






@media(max-width:999px){
  html.nu-on .nu-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bar);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--void);border-top:1px solid var(--hair-hi);
    box-shadow:0 -6px 18px rgba(0,0,0,.45);box-sizing:border-box;height:var(--nu-full);overflow:hidden;
    transition:height .18s var(--nu-ease),padding .18s var(--nu-ease),gap .18s var(--nu-ease),box-shadow .18s var(--nu-ease)}
  html.nu-on .nu-bar .nu-cell{height:auto;min-height:0}
  html.nu-on .nu-bar .nu-place{transition:background-color .18s var(--nu-ease),border-color .18s var(--nu-ease),box-shadow .18s var(--nu-ease)}
  html.nu-on .nu-bar .nu-place .nu-ic,html.nu-on .nu-bar .nu-place .nu-nm{transition:opacity .18s var(--nu-ease),transform .18s var(--nu-ease)}
  


  html.nu-on .nu-bar .nu-place::after{content:"";position:absolute;left:50%;top:calc((var(--nu-tray) - 1px) / 2);
    width:calc(100% - 6px);height:var(--nu-box);box-sizing:border-box;transform:translate(-50%,-50%);background:var(--raised);
    border:1px solid var(--hair-hi);opacity:0;pointer-events:none;
    transition:opacity .18s var(--nu-ease),background-color .18s var(--nu-ease),box-shadow .18s var(--nu-ease)}
  html.nu-on body{padding-bottom:var(--nu-foot);--fab-lift:calc(10px + var(--nu-foot))}
  
  html.nu-on.nu-typing .nu-bar,html.nu-on.cs-on .nu-bar,html.nu-on.nu-table .nu-bar,html.nu-on body.vw-lock .nu-bar{display:none}
  html.nu-on.nu-typing body,html.nu-on.nu-table body{padding-bottom:0}
  
  html.nu-on:not(.nu-typing) .sc-composing{bottom:calc(var(--sc-kbd, 0px) + var(--nu-foot))}
  


  

  html.nu-on .hmt-strip{--nu-now:var(--nu-full)}
  html.nu-on.nu-strip:not(.nu-expand) .hmt-strip,html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .hmt-strip{--nu-now:var(--nu-strip)}
  html.nu-on.nu-typing .hmt-strip,html.nu-on.cs-on .hmt-strip,html.nu-on.nu-table .hmt-strip,html.nu-on:has(body.vw-lock) .hmt-strip{--nu-now:0px}
  html.nu-on .hmt-strip{bottom:calc(var(--nu-now) + 10px);transition:bottom .18s var(--nu-ease)}
}











@media(max-width:999px){
  html.nu-on:not(.nu-typing):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on){--nu-tray:var(--tap-min,44px);--nu-box:27px;--nu-band:0px;--nu-foot:calc(var(--nu-strip) + var(--nu-band))}
  
  html.nu-on:not(.nu-typing) body:has(#p-chat.sc-on,#p-dmthread.sc-on){padding-bottom:var(--nu-foot)}
  

  html.nu-on:not(.nu-typing) .sc-pane{min-height:calc(100dvh - var(--sc-chrome, 0px) - var(--nu-foot))}
  
  html.nu-on:not(.nu-typing) #p-chat > .sc-composing,
  html.nu-on:not(.nu-typing) #p-dmthread > .sc-composing,
  html.nu-on:not(.nu-typing) #p-commons .hm-chat .hm-chat-dock{padding-bottom:0}

  html.nu-on.nu-strip:not(.nu-expand) .nu-bar,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar{
    height:var(--nu-strip);padding:0 8px;gap:0;box-shadow:none;overflow:visible}
  


  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place::before,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place::before{
    inset:auto 0 0 0;height:var(--tap-min,44px);pointer-events:auto}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place{
    background:transparent;border-color:transparent;box-shadow:none}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place::before,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place::before{background:transparent}
  

  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place{
    flex-direction:row;align-items:flex-start;justify-content:center;gap:4px;padding:calc((var(--nu-tray) - 1px - var(--nu-box)) / 2) 3px 0}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place :is(.nu-ic,.nu-nm),
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place :is(.nu-ic,.nu-nm){
    position:relative;z-index:1;height:var(--nu-box);line-height:var(--nu-box);transform:none}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place .nu-ic .navi,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place .nu-ic .navi{width:14px;height:14px}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place .nu-ic,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place .nu-ic{flex:none}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place .nu-nm,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place .nu-nm{max-width:none;flex:0 1 auto;min-width:0;letter-spacing:calc(.02em * var(--track,1))}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place::after,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place::after{opacity:1}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place.is-on::after,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place.is-on::after{
    background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 35%,transparent)}
  

  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place .nu-badge,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place .nu-badge{display:none}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place:not(.is-on):has(.nu-badge:not([hidden]))::after,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place:not(.is-on):has(.nu-badge:not([hidden]))::after{
    border-color:color-mix(in srgb,var(--accent) 45%,var(--hair-hi));box-shadow:0 0 4px 0 color-mix(in srgb,var(--accent) 14%,transparent)}
}

@media(max-width:400px){
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place{gap:3px;padding-left:1px;padding-right:1px}
  html.nu-on.nu-strip:not(.nu-expand) .nu-bar .nu-place .nu-nm,
  html.nu-on:not(.nu-expand):has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .nu-bar .nu-place .nu-nm{letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){
  html.nu-on .nu-bar,html.nu-on .nu-bar .nu-place,html.nu-on .nu-bar .nu-place::after,
  html.nu-on .nu-bar .nu-place .nu-ic,html.nu-on .nu-bar .nu-place .nu-nm{transition:none}
}
@media(min-width:1000px){
  html.nu-on .nu-bar{display:none !important}
  html.nu-on .nh-rail-places{display:none !important}
  


  html.nu-on:not(.dock-l-mini) .nu-solo{position:fixed;left:0;top:var(--mast-h,58px);bottom:0;z-index:var(--z-chrome);display:flex;
    width:var(--nu-mini);background:var(--void);border-right:1px solid var(--hair-hi);box-shadow:6px 0 24px rgba(0,0,0,.45)}
  html.nu-on:not(.dock-l-mini) .nu-solo .nu-mini{height:100%}
  html.nu-on:not(.dock-l-mini) body{padding-left:var(--nu-mini)}
  html.nu-on:not(.dock-l-mini) #app-header{margin-left:calc(0px - var(--nu-mini))}
  html.nu-on:not(.dock-l-mini) body.sc-lock #app-header{margin-left:0}
  html.nu-on:not(.dock-l-mini) .hkbox{left:calc(var(--nu-mini) + 14px)}
  html.nu-on:not(.dock-l-mini) .sc-drawer,html.nu-on:not(.dock-l-mini) .sc-drawer:not(.sc-on){left:var(--nu-mini)}
}


html.nu-on .nu-upm{display:none}
@media(min-width:1000px){
  html.nu-on .nu-upm:not([hidden]){display:flex;flex-direction:column;align-items:center;gap:4px;width:28px;
    font:11px/1.15 var(--mono,monospace);color:var(--dim);text-align:center}
  html.nu-on .nu-upm-fixed:not([hidden]){position:fixed;right:0;top:calc(var(--mast-h,58px) + 14px);z-index:var(--z-chrome)}
  html.nu-on .dock-spine .nu-upm:not([hidden]){margin-top:10px}
  html.nu-on .nu-upm-n{font:700 13px var(--mono,monospace);color:var(--accent)}
  html.nu-on .nu-upm-col{display:flex;flex-direction:column-reverse;gap:1px;width:14px}
  html.nu-on .nu-upm-c{display:block;height:var(--upm-h,4px);border:1px solid var(--hair-hi);box-sizing:border-box}
  html.nu-on .nu-upm-c.on{background:var(--accent);border-color:var(--accent)}
  html.nu-on .nu-upm-c.next{border-color:var(--accent);border-style:dashed}
  html.nu-on .nu-upm-more{display:flex;flex-direction:column;align-items:center}
  html.nu-on .nu-upm-w{color:var(--ink)}
}
html.nu-on .nu-solo{display:none}



@media(max-width:400px){
  html.nu-on .masthead{gap:3px}
  html.nu-on .masthead .arcadecol{padding:1px 2px}
}


@media(max-width:999px){
  
  html.nu-on .masthead{gap:6px;padding-left:10px;padding-right:6px}
  html.nu-on .masthead .brand h1{display:none}
  html.nu-on .nu-find{flex:1 1 0;margin-left:2px;min-height:var(--tap-min);min-width:var(--tap-min)}   
  html.nu-on .nu-find-k{display:none}
  html.nu-on .masthead .nav{flex:0 0 auto;margin-left:0;gap:2px}
  
  html.nu-on .nu-tools{gap:2px}
  html.nu-on .masthead .numstack{padding:0 4px}
  
  html.nu-on .nh-places{display:none !important}
  html.nu-on body.nh-on.nh-narrow{padding-bottom:var(--nu-foot)}
}






html.nu-on .nu-dock{display:flex;flex-direction:column;gap:12px;padding:12px 10px 16px}
html.nu-on .nu-dock-places{display:flex;flex-direction:column;gap:8px}
html.nu-on .nu-dock-places .nu-place{min-height:60px;gap:6px;padding:8px 6px 6px}
html.nu-on .nu-dock-places .nu-place .navi{width:24px;height:24px}
html.nu-on .nu-dock-places .nu-place .nu-nm{font-size:11px}
html.nu-on .nu-dock-list{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--hair)}
html.nu-on .nu-dock .nu-door{justify-content:flex-start;gap:12px;height:var(--tap-min);padding:0 12px;border:1px solid transparent}
html.nu-on .nu-dock .nu-door .navi{width:18px;height:18px}
html.nu-on .nu-dock .nu-door .nu-nm{font-size:12px;color:var(--ink)}
html.nu-on .nu-dock .nu-door .nu-badge{margin-left:auto}
html.nu-on .nu-dock .nu-door:hover,html.nu-on .nu-dock .nu-door:focus-visible{background:var(--panel);border-color:var(--hair)}
html.nu-on .nu-dock .nu-door.is-on{background:var(--panel);box-shadow:inset 2px 0 0 var(--accent)}
html.nu-on .nu-dock .nu-door.is-on .nu-nm{color:var(--bright)}
html.nu-on .nu-dock .nu-fold-btn{color:var(--dim)}
html.nu-on .nu-dock .nu-fold-btn .nu-nm{color:inherit}
html.nu-on .nu-dock .nu-fold-btn:hover,html.nu-on .nu-dock .nu-fold-btn:focus-visible{color:var(--bright)}








@property --nu-mini-now{syntax:'<length>';inherits:true;initial-value:0px}
html.nu-on{--nu-mini:60px;--nu-mini-now:0px}
html.nu-on.dock-l-mini{--nu-mini-now:var(--nu-mini)}
html.nu-on.dock-l-mini.nu-mini-gone{--nu-mini-now:0px}
html.nu-on.nu-mini-anim{transition:--nu-mini-now .2s cubic-bezier(.16,1,.3,1)}
html.nu-on.dock-l-mini .dock-l{width:calc(var(--srail-tab) + var(--nu-mini-now))}
html.nu-on.dock-l-mini .dock-l.is-open{width:calc(var(--dock-w, var(--srail-w)) + var(--nu-mini-now))}
html.nu-on.dock-l-mini.dock-l-open{--rail-lw:calc(var(--dock-w, var(--srail-w)) + var(--nu-mini-now))}
html.nu-on.dock-l-mini.dock-l-spine{--rail-lw:calc(var(--srail-tab) + var(--dock-grow, 0px) + var(--nu-mini-now))}
html.nu-on.dock-l-mini .dock-l .dock-sheet{left:calc(var(--srail-tab) + var(--nu-mini-now))}
html.nu-on.dock-l-mini .dock-l .dock-refuse{left:calc(var(--srail-tab) + var(--nu-mini-now) + 6px)}

html.nu-on .dock-mini{flex:none;display:flex;justify-content:flex-end;width:var(--nu-mini-now);overflow:hidden;background:var(--void);
  border-right:1px solid var(--hair);box-sizing:border-box}
html.nu-on.dock-l-mini.nu-mini-gone .dock-mini{border-right-width:0}
html.nu-on .nu-mini{flex:none;width:var(--nu-mini);display:flex;flex-direction:column;gap:6px;padding:10px 7px 12px;box-sizing:border-box;
  overflow:hidden;transform:translateX(0);opacity:1;
  transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1)}
html.nu-on.nu-mini-gone .nu-mini{transform:translateX(-24px);opacity:0}
html.nu-on:not(.nu-mini-anim) .nu-mini{transition:none}
html.nu-on .nu-mini-places,html.nu-on .nu-mini-list{display:flex;flex-direction:column;gap:6px}
html.nu-on .nu-mini-list{flex:1 1 auto;min-height:0;gap:2px;padding-top:6px;border-top:1px solid var(--hair);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
html.nu-on .nu-mini .nu-cell{flex:none;width:var(--tap-min);height:var(--tap-min);min-height:var(--tap-min);padding:0;gap:0;justify-content:center}
html.nu-on .nu-mini .nu-nm{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.nu-on .nu-mini .nu-place .navi{width:20px;height:20px}
html.nu-on .nu-mini .nu-door{border:1px solid transparent}
html.nu-on .nu-mini .nu-door .navi{width:18px;height:18px}
html.nu-on .nu-mini .nu-door:hover,html.nu-on .nu-mini .nu-door:focus-visible{background:var(--panel);border-color:var(--hair)}
html.nu-on .nu-mini .nu-door.is-on{background:var(--panel);box-shadow:inset 2px 0 0 var(--accent);color:var(--bright)}
html.nu-on .nu-mini .nu-badge{position:absolute;top:-1px;right:-1px;min-width:16px;padding:0 3px;line-height:15px}
html.nu-on .nu-mini .nu-mini-open{flex:none;margin-top:4px;color:var(--dim)}
html.nu-on .nu-mini .nu-mini-open:hover,html.nu-on .nu-mini .nu-mini-open:focus-visible{color:var(--accent)}
@media(prefers-reduced-motion:reduce){
  html.nu-on.nu-mini-anim{transition:none}
  html.nu-on .nu-mini{transition:none}
}
html.nu-on .nu-xbox{border:1px solid var(--hair-hi);background:var(--sunk)}
html.nu-on .nu-xbox-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap-min);padding:0 12px;margin:0;background:none;border:0;
  color:var(--dim);font:inherit;font-size:11px;text-transform:var(--caps,uppercase);letter-spacing:calc(.08em * var(--track,1));cursor:pointer;text-align:left}
html.nu-on .nu-xbox-btn .navi{width:16px;height:16px;margin:0}
html.nu-on .nu-xbox-btn:hover,html.nu-on .nu-xbox-btn:focus-visible{color:var(--bright);outline:none}
html.nu-on .nu-xbox.is-open .nu-xbox-btn{color:var(--accent)}
html.nu-on .nu-xbox-body{display:flex;flex-direction:column;gap:2px;padding:4px 0 6px;border-top:1px solid var(--hair)}
html.nu-on .nu-xbox-body[hidden]{display:none}
html.nu-on .nu-xbox-h{margin:8px 12px 2px;font-size:11px;font-weight:600;color:var(--dim);text-transform:var(--caps,uppercase);letter-spacing:calc(.08em * var(--track,1))}


html.nu-on .nu-cmd{position:fixed;inset:0;z-index:var(--z-panel);display:flex;justify-content:center;align-items:flex-start;
  padding:12vh 16px 16px;background:rgba(0,0,0,.6)}
html.nu-on .nu-cmd-box{display:flex;flex-direction:column;width:min(640px,100%);max-height:70vh;background:var(--sunk);
  border:1px solid var(--hair-hi);box-shadow:0 18px 50px rgba(0,0,0,.7)}
html.nu-on .nu-cmd-top{display:flex;align-items:center;gap:10px;padding:0 6px 0 14px;border-bottom:1px solid var(--hair)}
html.nu-on .nu-cmd-top > .navi{width:18px;height:18px;color:var(--accent);flex:none;margin:0}
html.nu-on .nu-cmd-in{flex:1;min-width:0;height:52px;padding:0;background:none;border:0;outline:none;color:var(--bright);font:inherit;font-size:15px}
html.nu-on .nu-cmd-in::placeholder{color:var(--dim)}
html.nu-on .nu-cmd-x{display:grid;place-items:center;width:var(--tap-min);height:var(--tap-min);flex:none;padding:0;background:none;border:0;color:var(--dim);cursor:pointer}
html.nu-on .nu-cmd-x:hover{color:var(--bright)}
html.nu-on .nu-cmd-x .navi{width:18px;height:18px;margin:0}
html.nu-on .nu-cmd-list{overflow-y:auto;overscroll-behavior:contain;padding:4px}
html.nu-on .nu-cmd-row{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap-min);padding:0 10px;margin:0;
  background:none;border:0;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
html.nu-on .nu-cmd-row .navi{width:18px;height:18px;flex:none;color:var(--dim);margin:0}
html.nu-on .nu-cmd-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.nu-on .nu-cmd-hint{flex:none;font-size:11px;color:var(--dim)}
html.nu-on .nu-cmd-row.is-cur{background:var(--raised);box-shadow:inset 2px 0 0 var(--accent);color:var(--bright)}
html.nu-on .nu-cmd-row.is-cur .navi{color:var(--accent)}
html.nu-on .nu-cmd-none{margin:0;padding:14px 10px;color:var(--dim);font-size:12px}
@media(max-width:999px){
  html.nu-on .nu-cmd{padding:calc(8px + env(safe-area-inset-top,0px)) 8px 8px}
  html.nu-on .nu-cmd-box{max-height:calc(100dvh - 16px)}
}


html.nu-on .nu-menu .ui-mi .nu-badge{margin-left:auto}
html.nu-on .nu-menu .ui-mi.is-on{color:var(--accent)}
html.nu-on .nu-menu .ui-mi.is-off .ui-mi-g{visibility:hidden}
html.nu-on .nu-menu{min-width:220px}




html.nu-on .nu-me{gap:14px;padding:0 12px 12px;min-width:0}
html.nu-on .nu-me > *{flex:none}


@media(min-width:1000px){html.nu-on .nu-me{width:340px;padding:18px 12px 12px;max-height:calc(100dvh - var(--mast-h,58px) - 12px)}}
html.nu-on .nu-me-pn{--pn-pad:18px 12px 12px;--nu-pbg:var(--raised);text-decoration:none;color:var(--ink)}
html.nu-on .nu-pmeta{position:absolute;top:-8px;right:14px;z-index:2;max-width:none;padding:3px 6px;background:var(--nu-pbg);
  font-size:11px;line-height:1;letter-spacing:calc(.08em * var(--track,1));text-transform:var(--caps,uppercase);text-align:left}
html.nu-on .nu-me .nu-plaque:hover,html.nu-on .nu-me .nu-plaque:focus-visible{border-color:var(--accent);outline:none}
html.nu-on .nu-me-head{display:flex;align-items:center;gap:12px;min-height:48px}
html.nu-on .nu-me-av{flex:none;width:48px;height:48px;display:block;line-height:0}
html.nu-on .nu-me-av .vw-cav{width:48px;height:48px;border-width:1px;color:var(--hair-hi)}
html.nu-on .nu-me-av .vw-cav-i{font-size:24px}
html.nu-on .nu-me-who{min-width:0}
html.nu-on .nu-me-name{display:flex;align-items:center;gap:7px;font-family:var(--sans,sans-serif);font-size:15px;font-weight:700;line-height:1.2;color:var(--bright)}
html.nu-on .nu-me-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.nu-on .nu-me-sub{margin-top:3px;font-size:11px;color:var(--dim);letter-spacing:calc(.08em * var(--track,1));text-transform:var(--caps,uppercase)}
html.nu-on .nu-me-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:12px;background:var(--hair);border:1px solid var(--hair)}
html.nu-on .nu-cl{display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 10px 9px;background:var(--sunk)}
html.nu-on .nu-ck{font-size:11px;letter-spacing:calc(.1em * var(--track,1));text-transform:var(--caps,uppercase);color:var(--dim)}
html.nu-on .nu-cv{font-size:15px;font-weight:500;color:var(--bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.nu-on .nu-ytiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html.nu-on .nu-ytile{min-height:64px;gap:7px;padding:10px 4px 8px}
html.nu-on .nu-ytile .navi{width:24px;height:24px}

html.nu-on .nu-pnbox{--pn-pad:14px 10px 10px;--nu-pbg:var(--panel);background-color:var(--panel)}
html.nu-on .nu-ptab{background:var(--nu-pbg)}
html.nu-on .nu-xmeta{display:inline-flex;align-items:center;gap:6px;color:var(--dim);
  font-variant-numeric:tabular-nums}
html.nu-on .nu-pnbox.is-open .nu-xmeta{color:var(--accent)}
html.nu-on .nu-caret{width:0;height:0;border:4px solid transparent;border-top:5px solid currentColor;border-bottom:0;flex:none}
html.nu-on .nu-caret.is-up{border-top:0;border-bottom:5px solid currentColor}
html.nu-on .nu-xdoor{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap-min);margin:4px 0 0;padding:0 10px;background:var(--sunk);
  border:1px solid var(--hair);color:var(--dim);font:inherit;font-size:12px;cursor:pointer;text-align:left}
html.nu-on .nu-xbody[hidden]{display:none}
html.nu-on .nu-xdoor:hover,html.nu-on .nu-xdoor:focus-visible{color:var(--bright);border-color:var(--accent);outline:none}
html.nu-on .nu-xdoor .navi{width:18px;height:18px;margin:0}
html.nu-on .nu-xdoor .nu-ic{display:grid;place-items:center}
html.nu-on .nu-xpv{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.nu-on .nu-xbody{margin-top:4px}
html.nu-on .nu-xh{margin:10px 0 4px;font-size:11px;font-weight:600;color:var(--dim);letter-spacing:calc(.12em * var(--track,1));text-transform:var(--caps,uppercase)}
html.nu-on .nu-xh:first-child{margin-top:2px}
html.nu-on .nu-pcells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)}
html.nu-on .nu-pc{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:56px;
  padding:6px 2px;background:var(--sunk);border:0;border-radius:0;color:var(--dim);font:inherit;text-decoration:none;cursor:pointer}
html.nu-on .nu-pc.is-blank{cursor:default}
html.nu-on .nu-pc .nu-ic{display:grid;place-items:center;line-height:0}
html.nu-on .nu-pc .navi{width:20px;height:20px;margin:0}
html.nu-on .nu-pcw{max-width:100%;font-size:11px;line-height:1.15;text-align:center;letter-spacing:calc(.08em * var(--track,1));text-transform:var(--caps,uppercase);overflow-wrap:anywhere}
html.nu-on a.nu-pc:hover,html.nu-on button.nu-pc:hover,html.nu-on .nu-pc:focus-visible{color:var(--bright);background:var(--raised);outline:none;box-shadow:inset 0 0 0 1px var(--accent)}
html.nu-on .nu-pc .nu-badge{position:absolute;top:3px;right:3px}


html.nu-on .nu-pc.is-locked,html.nu-on .nu-door.is-locked{position:relative;cursor:not-allowed}
html.nu-on .nu-pc.is-locked>.nu-ic,html.nu-on .nu-pc.is-locked>.nu-pcw,html.nu-on .nu-door.is-locked>.nu-ic,html.nu-on .nu-door.is-locked>.nu-nm{opacity:.45}
html.nu-on a.nu-pc.is-locked:hover,html.nu-on .nu-dock .nu-door.is-locked:hover,html.nu-on .nu-mini .nu-door.is-locked:hover{color:var(--dim);background:var(--sunk);border-color:transparent;box-shadow:none}
html.nu-on .nu-pc.is-locked .nu-lockmark,html.nu-on .nu-door.is-locked .nu-lockmark{position:absolute;top:4px;right:4px;width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;color:var(--accent)}
html.nu-on .nu-dock .nu-door.is-locked .nu-lockmark{position:static;margin-left:auto}
@media (hover: hover){
  html.nu-on .nu-pc.is-locked[data-tip]:hover::after,html.nu-on .nu-door.is-locked[data-tip]:hover::after{content:attr(data-tip);position:absolute;top:calc(100% + 4px);left:0;white-space:nowrap;background:var(--void);
    border:1px solid var(--hair-hi);color:var(--ink);font-size:11px;letter-spacing:calc(.06em * var(--track,1));text-transform:none;padding:4px 7px;z-index:var(--z-tooltip);pointer-events:none}
  html.nu-on .nu-mini .nu-door.is-locked[data-tip]:hover::after{content:none}
}
html.nu-on .nu-yfoot{display:flex;justify-content:flex-end;padding-top:2px}
html.nu-on .nu-logout .navi{width:16px;height:16px;margin:0;color:var(--dim)}




html.nu-on .sc-panehead .sc-panetitle .sc-sitemenu{display:none !important}
html.nu-on body.sc-mastoff .sc-panehead .sc-panetitle .sc-kebab{display:inline-flex}



@media(max-width:820px){
  html.nu-on .sc-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1px;padding:0;background:var(--hair)}
  html.nu-on .sc-tabs a{position:relative;width:auto;margin:0;border-bottom:0;background:var(--sunk)}
  html.nu-on .sc-tabs a::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:transparent}
  html.nu-on .sc-tabs a.sc-on{background:var(--raised);border-bottom-color:transparent}
  html.nu-on .sc-tabs a.sc-on::before{background:var(--accent)}
}

html.nu-on .sc-panehead .sc-burger[data-ct]{position:relative}
html.nu-on .sc-panehead .sc-burger[data-ct]::before{content:attr(data-ct);position:absolute;top:-6px;right:-6px;min-width:18px;padding:0 5px;
  background:var(--accent);color:var(--void);font-size:11px;font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}


html.nu-on .sc-panehead .sc-burger,html.nu-on .sc-panehead .sc-panetitle .sc-kebab{width:var(--tap-min);min-width:var(--tap-min);height:var(--tap-min)}


html.nu-on .xps-fab,html.nu-on .mdial-fab{display:none}



html.nu-on .sc-panehead{padding-left:0;padding-right:0}
html.nu-on .sc-panehead .sc-burger{border-left-width:0}
html.nu-on .sc-panehead .sc-panetitle .sc-kebab{border-right-width:0;margin-right:0}
@media(max-width:999px){html.nu-on .masthead{padding-right:0}}

@media(max-width:820px){html.nu-on .sc-pane{border-left-width:0}}








@media(max-width:820px){
  html.nu-on{--sc-bar:0px}
  html.nu-on .sc-panehead{height:0;border-bottom:0;background:none;overflow:visible}
  html.nu-on .sc-panehead::before,html.nu-on .sc-panehead::after{display:none}
  html.nu-on .sc-panehead .sc-panetitle{position:absolute;top:0;left:0;right:0;height:var(--tap-min);min-height:0;padding:0;border:0;background:none;pointer-events:none}
  html.nu-on .sc-panehead .sc-panetitle::before,html.nu-on .sc-panehead .sc-panetitle::after{display:none}
  html.nu-on .sc-panehead .sc-panetitle>:not(.sc-burger):not(.sc-kebab){display:none}
  html.nu-on .sc-panehead .sc-panesub{display:none}
  html.nu-on .sc-panehead .sc-burger,html.nu-on .sc-panehead .sc-panetitle .sc-kebab{position:absolute;top:0;margin:0;pointer-events:auto}
  html.nu-on .sc-panehead .sc-burger{left:0}
  html.nu-on .sc-panehead .sc-panetitle .sc-kebab{right:0}
  html.nu-on .sc-panehead .sc-burger[data-ct]::before{top:2px;right:2px}
  html.nu-on .sc-tabs{padding:0 var(--tap-min);z-index:9}
  html.nu-on .nu-where{display:block;padding:7px 12px 0;font-family:var(--ui);font-size:11px;line-height:16px;font-weight:600;color:var(--dim);
    letter-spacing:calc(.1em * var(--track,1));text-transform:var(--caps,uppercase);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.nu-on .sc-pane:has(> .sc-body > :is(#p-commons,#p-dms,#p-dmthread,#p-dmcommon,#p-dmsched,#p-dmgames).sc-on) > .nu-where{display:none}
  
  html.nu-on .sc-pane:has(> .sc-body > #p-commons.sc-on) > .sc-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  html.nu-on .sc-pane:has(> .sc-body > #p-commons.sc-on) > .sc-tabs::after{content:"The commons";display:flex;align-items:center;justify-content:center;
    min-height:var(--tap-min);background:var(--sunk);font-size:13px;font-weight:700;color:var(--bright);
    letter-spacing:calc(.08em * var(--track,1));text-transform:var(--caps,uppercase)}
}

html.nu-on .sc-pane:has(> .sc-body > #p-commons.sc-on) > .sc-tabs a{display:none}





@media(max-width:820px){
  html.nu-on:has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on){--sc-inset:calc(var(--mast-h,53px) - 1px)}   
  html.nu-on:has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) #app-header{position:sticky;top:0;z-index:var(--z-bar)}
  html.nu-on:has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) #app-header>.masthead{background:var(--void)}
  html.nu-on:has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) body.sc-lock #app-header{position:fixed;top:0;left:0;right:0}
  html.nu-on:has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) body.sc-lock{padding-top:var(--sc-mast,var(--mast-h,53px));--sc-inset:0px}
  html.nu-on:has(#p-chat.sc-on,#p-dmthread.sc-on,#p-commons.sc-on) .sc-sch::before{display:none}
  



  html.nu-on .sc-drawer{top:var(--sc-mast,var(--mast-h,53px));bottom:var(--nu-foot,0px)}
}

/* ⟦web/app-apex.css⟧ */

















html.nu-on{
  --apx-ink:#ffffff;
  --apx-prism:linear-gradient(90deg,#a6ffc4,#9fe2ff,#c9b4ff,#ffb0e6,#ffd09b,#fff5ab,#a6ffc4);   
  --apx-conic:conic-gradient(from 210deg,#a6ffc4,#9fe2ff,#c9b4ff,#ffb0e6,#ffd09b,#fff5ab,#a6ffc4);
  --apx-glow:rgba(190,220,255,.55);
}


html.nu-on .apx-n.apx-n{color:var(--apx-ink);background:none;filter:none;animation:none;text-shadow:none;-webkit-text-fill-color:initial}

html.nu-on .apx-n.apx-n-spectrum{
  background:var(--apx-prism);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px rgba(255,255,255,.35))}

html.nu-on .apx-n.apx-n-edge{padding-bottom:2px;background:var(--apx-prism) 0 100%/100% 1.5px no-repeat;text-shadow:0 0 6px rgba(255,255,255,.28)}

html.nu-on .apx-n.apx-n-trace{text-shadow:-1.2px 0 rgba(255,77,210,.85),1.2px 0 rgba(51,204,255,.85)}

html.nu-on .apx-n.apx-n-halo{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px var(--apx-glow));animation:apx-halo 3.8s ease-in-out infinite}
@keyframes apx-halo{0%,100%{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 5px var(--apx-glow))}
  50%{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 11px var(--apx-glow))}}

html.nu-on .apx-n :is(.apex-crown,.ulink-handle,.ulink-acct,.apx-plate,.apx-plate-word){-webkit-text-fill-color:initial}
html.nu-on .apx-n.apx-n-spectrum :is(.ulink-handle,.ulink-acct){color:var(--dim)}



html.nu-on .apx-f{position:relative;--apx-fo:3px;--apx-fw:1.5px;overflow:visible!important}
html.nu-on :is(.sc-mc-face,.prof-avatar).apx-f,html.nu-on .sc-vrface .apx-f{--apx-fo:5px;--apx-fw:2px}
html.nu-on .apx-mold{position:absolute;inset:calc(-1 * var(--apx-fo));z-index:3;pointer-events:none;display:block;background:var(--apx-conic)}
html:not(.nu-on) .apx-mold{display:none}

html.nu-on .apx-f[data-pres]::before,html.nu-on .apx-f[data-pres]::after{z-index:4}







html.nu-on .apx-f:has(img:not(.prof-avfallback)){background:none;border-color:transparent}
html.nu-on .apx-f:has(img:not(.prof-avfallback)) > .prof-avfallback{display:none}
html.nu-on .pb-face:has(.apx-f) .pb-pip{z-index:5}

html.nu-on :is(.apx-f-ring,.apx-f-corona,.apx-f-crown) > .apx-mold{
  padding:var(--apx-fw);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}

html.nu-on .apx-f-corners > .apx-mold{
  --l:calc(var(--apx-fo) + 4px);
  -webkit-mask:linear-gradient(#000 0 0) 0 0/var(--l) var(--apx-fw) no-repeat,linear-gradient(#000 0 0) 0 0/var(--apx-fw) var(--l) no-repeat,
    linear-gradient(#000 0 0) 100% 0/var(--l) var(--apx-fw) no-repeat,linear-gradient(#000 0 0) 100% 0/var(--apx-fw) var(--l) no-repeat,
    linear-gradient(#000 0 0) 0 100%/var(--l) var(--apx-fw) no-repeat,linear-gradient(#000 0 0) 0 100%/var(--apx-fw) var(--l) no-repeat,
    linear-gradient(#000 0 0) 100% 100%/var(--l) var(--apx-fw) no-repeat,linear-gradient(#000 0 0) 100% 100%/var(--apx-fw) var(--l) no-repeat;
  mask:linear-gradient(#000 0 0) 0 0/var(--l) var(--apx-fw) no-repeat,linear-gradient(#000 0 0) 0 0/var(--apx-fw) var(--l) no-repeat,
    linear-gradient(#000 0 0) 100% 0/var(--l) var(--apx-fw) no-repeat,linear-gradient(#000 0 0) 100% 0/var(--apx-fw) var(--l) no-repeat,
    linear-gradient(#000 0 0) 0 100%/var(--l) var(--apx-fw) no-repeat,linear-gradient(#000 0 0) 0 100%/var(--apx-fw) var(--l) no-repeat,
    linear-gradient(#000 0 0) 100% 100%/var(--l) var(--apx-fw) no-repeat,linear-gradient(#000 0 0) 100% 100%/var(--apx-fw) var(--l) no-repeat}

html.nu-on .apx-f-corona > .apx-mold::after{content:"";position:absolute;inset:-3px;z-index:-1;pointer-events:none;
  background:var(--apx-conic);filter:blur(5px);opacity:.45;animation:apx-corona 4.4s ease-in-out infinite}
@keyframes apx-corona{0%,100%{opacity:.3}50%{opacity:.7}}






html.nu-on .apx-plate-word{display:inline-flex;align-items:center;flex:none;height:15px;margin-left:5px;padding:0 5px;
  box-sizing:border-box;vertical-align:1px;font:500 11px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  background:linear-gradient(var(--apx-ink),var(--apx-ink)) padding-box,var(--apx-prism) border-box;border:0 solid transparent;border-bottom-width:1.5px;
  color:#0a0b0d;-webkit-text-fill-color:#0a0b0d;text-decoration:none;text-shadow:none;filter:none;animation:none}

html.nu-on :is(.sc-mc-name,.prof-namerow,.pns-cos-who) .apx-plate-word{height:18px;font-size:12px;margin-left:8px;align-self:center}

html:not(.nu-on) :is(.apx-plate,.apx-plate-word){display:none}



html.nu-on .apx-plate{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:2px;box-sizing:border-box;
  min-width:19px;height:19px;margin-left:6px;padding:0 2px;vertical-align:-3px;white-space:nowrap;
  background:linear-gradient(#0d0f12,#0d0f12) padding-box,var(--apx-prism) border-box;border:1.5px solid transparent;border-radius:0;
  box-shadow:0 0 6px -1px rgba(51,204,255,.55),0 0 8px -2px rgba(255,77,210,.5);
  color:#fff;-webkit-text-fill-color:initial;text-decoration:none;text-shadow:none;filter:none;animation:none}
html.nu-on .apx-plate .apx-e{display:inline-block;font-style:normal;font-size:12px;line-height:1;letter-spacing:0;text-transform:none;
  font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
html.nu-on :is(.sc-mc-name,.prof-namerow,.pns-cos-who) .apx-plate{min-width:26px;height:26px;margin-left:9px;padding:0 3px;gap:3px;align-self:center}
html.nu-on :is(.sc-mc-name,.prof-namerow,.pns-cos-who) .apx-plate .apx-e{font-size:16px}

html.nu-on[data-fx="off"] .apx-plate{box-shadow:none}








html.nu-on :is(.sc-msg,.hm-chat-msg).apx-line{position:relative}
html.nu-on :is(.sc-msg,.hm-chat-msg).apx-line::before{content:"";position:absolute;left:-6px;top:2px;bottom:2px;width:2px;pointer-events:none;z-index:2;
  background:linear-gradient(180deg,#d9ffe3,#a6ffc4,#9fe2ff,#c9b4ff,#ffb0e6,#ffd09b,#ffffff);opacity:.9}

html.nu-on :is(.sc-msg,.hm-chat-msg).apx-in-sweep{position:relative;overflow:hidden}
html.nu-on :is(.sc-msg,.hm-chat-msg).apx-in-sweep::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 45%,rgba(140,200,255,.22) 50%,rgba(255,255,255,.08) 55%,transparent 70%);
  transform:translateX(-100%);animation:apx-sweep .85s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes apx-sweep{to{transform:translateX(100%)}}




html.nu-on :is(.sc-msg,.hm-chat-msg).apx-in-pulse{position:relative}
html.nu-on :is(.sc-msg,.hm-chat-msg).apx-in-pulse::after{content:"";position:absolute;top:0;bottom:0;pointer-events:none;z-index:0;
  left:calc(-1 * var(--ct-bleed-l,0px));right:calc(-1 * var(--ct-bleed-r,0px));
  background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(166,255,196,.20),rgba(159,226,255,.20),rgba(201,180,255,.18),rgba(255,176,230,.16),rgba(255,208,155,.12),rgba(255,245,171,.08));
  transform-origin:0 50%;transform:scaleX(0);opacity:0;animation:apx-pulse .72s cubic-bezier(.25,.7,.25,1) forwards}
@keyframes apx-pulse{0%{transform:scaleX(0);opacity:.9}55%{transform:scaleX(1);opacity:.75}100%{transform:scaleX(1);opacity:0}}
html.nu-on :is(.sc-msg,.hm-chat-msg).apx-in-pulse > *{position:relative;z-index:1}

html.nu-on .apx-in-bloom :is(.sc-fc,.vw-cav){animation:apx-bloom .6s cubic-bezier(.2,.8,.2,1) both}
html.nu-on .apx-in-bloom :is(.sc-fc,.vw-cav) > .apx-mold{animation:apx-bloomring .9s ease-out both}
@keyframes apx-bloom{from{transform:scale(1.28)}to{transform:none}}
@keyframes apx-bloomring{from{transform:scale(1.6);opacity:0}to{transform:none;opacity:1}}



@media (prefers-reduced-motion:reduce){
  html.nu-on :is(.apx-in-sweep,.apx-in-pulse)::after{display:none}
  html.nu-on .apx-in-bloom :is(.sc-fc,.vw-cav),html.nu-on .apx-in-bloom :is(.sc-fc,.vw-cav) > .apx-mold,
  html.nu-on .apx-n.apx-n-halo,html.nu-on .apx-f-corona > .apx-mold::after{animation:none}
}
html.nu-on:is([data-fx="reduced"],[data-fx="off"]) .apx-in-sweep::after,
html.nu-on:is([data-fx="reduced"],[data-fx="off"]) .apx-in-pulse::after{display:none}
html.nu-on:is([data-fx="reduced"],[data-fx="off"]) .apx-in-bloom :is(.sc-fc,.vw-cav),
html.nu-on:is([data-fx="reduced"],[data-fx="off"]) .apx-in-bloom :is(.sc-fc,.vw-cav) > .apx-mold,
html.nu-on:is([data-fx="reduced"],[data-fx="off"]) .apx-n.apx-n-halo,
html.nu-on:is([data-fx="reduced"],[data-fx="off"]) .apx-f-corona > .apx-mold::after{animation:none}



html.nu-on .pns-cos-tier.is-apex{background:
  linear-gradient(var(--sunk),var(--sunk)) padding-box,linear-gradient(90deg,#3dff7a44,#33ccff44,#8a5cff44,#ff4dd244,#ff983844) border-box;border:1px solid transparent}
html.nu-on .pns-cos-tier.is-apex.is-holding{box-shadow:inset 0 2px 0 #fff}
html.nu-on .pns-cos-tier.is-apex .pns-cos-tname{color:var(--apx-ink);background:none}
html.nu-on .pns-cos-tier.is-apex .pns-cos-price{color:var(--dim);font-size:12px}
html.nu-on .pns-cos-tier.is-apex .pns-cos-gets li::before{color:#fff}
html.nu-on .apx-tabs{display:flex;gap:0;margin:0 0 14px;border-bottom:1px solid var(--hair-hi)}
html.nu-on .apx-tab{appearance:none;flex:1;margin:0 0 -1px;min-height:48px;padding:0 12px;cursor:pointer;
  border:1px solid var(--hair);border-bottom-color:var(--hair-hi);background:rgba(0,0,0,.35);
  font:11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
html.nu-on .apx-tab.is-on{color:var(--bright);background:var(--sunk);border-color:var(--hair-hi);border-bottom-color:var(--sunk)}
html.nu-on .apx-tab.is-t4.is-on{box-shadow:inset 0 2px 0 #fff}
html.nu-on .apx-tab small{display:block;font-size:11px;text-transform:none;color:var(--dim);letter-spacing:.1em;margin-top:2px}
html.nu-on .apx-tab.is-off small{color:var(--accent)}
html.nu-on .apx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}
html.nu-on .apx-sw{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:74px;
  padding:10px 4px;cursor:pointer;border:1px solid var(--hair);background:var(--sunk);color:var(--bright);font:12px/1.2 var(--ui)}
html.nu-on .apx-sw.is-on{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}
html.nu-on .apx-sw[disabled]{opacity:.55;cursor:default}
html.nu-on .apx-sw .apx-swl{font-size:11px;color:var(--dim)}
html.nu-on .apx-sw .apx-swf{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--void);font:11px var(--ui);color:var(--bright)}
html.nu-on .apx-gh{margin:4px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--hair);font:11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
html.nu-on .apx-prev{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:12px;border:1px solid var(--hair);background:var(--sunk)}
html.nu-on .apx-prev .apx-pw{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:13px}
html.nu-on .apx-prev p{margin:4px 0 0;font-size:12.5px;color:var(--ink)}
html.nu-on .apx-swap{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--hair);background:var(--sunk);font-size:11.5px;line-height:1.5;color:var(--ink)}
html.nu-on .apx-swap b{color:var(--bright);font-weight:500}
html.nu-on .apx-msg{min-height:1.2em;margin:6px 0 0;font-size:11.5px;color:var(--accent)}
@media (max-width:400px){html.nu-on .apx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}




html.nu-on :is(.sc-msg,.hm-chat-msg).apx-line:not(.apx-in-pulse)::after{content:"";position:absolute;left:-7px;top:2px;bottom:2px;width:4px;
  pointer-events:none;z-index:1;background:linear-gradient(180deg,#3dff7a,#33ccff,#8a5cff,#ff4dd2,#ff9838);filter:blur(3px);opacity:.55}
html.nu-on :is(.apx-f-ring,.apx-f-corona,.apx-f-corners,.apx-f-crown){box-shadow:0 -2px 7px -1px rgba(51,204,255,.45),2px 2px 8px -1px rgba(255,77,210,.38),-2px 2px 8px -1px rgba(61,255,122,.30)}
html.nu-on[data-fx="off"] :is(.sc-msg,.hm-chat-msg).apx-line::after{display:none}


html.nu-on .sc-seenby .apx-f{--apx-fo:0px;--apx-fw:1.5px;box-shadow:none;z-index:2}
html.nu-on .sc-seenby .apx-f-corona > .apx-mold::after{display:none}




html.nu-on .apx-f-crown[style*="--look-c"] > .apx-mold{background:var(--look-c)}
html.nu-on .ad-host.apx-f:not(.ad-plain){box-shadow:none}
html.nu-on .ad-host:not(.ad-plain) > .apx-mold{display:none}
html.nu-on .apx-grid.apx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
html.nu-on .apx-swprism{background:linear-gradient(135deg,#bfe9ff,#e9d5ff,#ffd6ea,#d6ffe8)!important;color:#0a0b0d}

/* ⟦web/app-crest.css⟧ */









.pt{display:block;width:100%;height:auto;overflow:visible}
.pt .pt-mono{font-family:var(--ui,"DejaVu Sans Mono"),"DejaVu Sans Mono",ui-monospace,monospace;letter-spacing:.06em}
.pt .pt-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.pt-sm .pt-fine{display:none}
.pt .pt-flick{animation:pt-flick 5.3s steps(1) infinite}
.pt .pt-glow{transform-box:fill-box;transform-origin:50% 50%;animation:pt-glow 3.2s ease-in-out infinite}
.pt .pt-sweep{animation:pt-sweep 4s linear infinite}
.pt .pt-led{animation:pt-led 1.6s steps(1) infinite}
.pt .pt-shred{transform-box:view-box;transform-origin:100px 98px;animation:pt-spin 30s linear infinite}
@keyframes pt-flick{0%,100%{opacity:.75}7%{opacity:.62}9%{opacity:.78}41%{opacity:.7}43%{opacity:.58}45%{opacity:.76}78%{opacity:.72}80%{opacity:.64}}
@keyframes pt-glow{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.97)}}
@keyframes pt-sweep{0%{transform:translateY(0)}100%{transform:translateY(126px)}}
@keyframes pt-led{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes pt-spin{to{transform:rotate(360deg)}}
html[data-fx="reduced"] .pt *,html[data-fx="off"] .pt *,html.pg-idle .pt *{animation-play-state:paused!important}
html[data-fx="off"] .pt *{animation:none!important}
@media (prefers-reduced-motion:reduce){.pt *{animation:none!important}}


.pb-right > .crest-row{display:flex;justify-content:center;width:100%}
.crest-box{width:210px;max-width:100%}
@media (max-width:640px){.crest-box{width:112px}.crest-box > .pt{width:128%;margin-left:-16%}}


.sc-mc-id > .sc-mc-crest{flex:none;width:120px;margin:-46px 6px 0 auto;position:relative;z-index:1;pointer-events:none}
.sc-mc-crest > .pt{width:128%;margin-left:-14%}
.sc-mc-id > .sc-mc-who:has(+ .sc-mc-crest){padding-right:4px}


.asup-lifebtn{background:none;border:0;border-bottom:1px dotted var(--hair-hi);padding:0 0 1px;font:inherit;font-size:11px;color:var(--dim);cursor:pointer}
@media (pointer:coarse){.asup-lifebtn{min-height:var(--tap-min);min-width:var(--tap-min)}}
.asup-lifebtn:hover{color:var(--accent);border-bottom-color:var(--accent)}
.asup-life{flex:1 1 100%;display:grid;gap:6px;padding:8px 10px;border:1px solid var(--hair);background:var(--sunk)}
.asup-life[hidden]{display:none}
.asup-life .asup-line{padding:4px 0}

/* ⟦web/app-gamebar.css⟧ */





.gb {
  position: sticky; top: 0; z-index: calc(var(--z-bar) + 1); box-sizing: border-box;
  display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px;
  padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right));
  background: var(--sunk); color: var(--ink); box-shadow: 0 1px 0 var(--hair-hi);
  font-size: 12px; line-height: 1.35; text-decoration: none; cursor: pointer;
}
.gb::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: var(--tap-min, 44px); transform: translateY(-50%); }
.gb:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.gb-dot { flex: none; width: 6px; height: 6px; background: var(--good); box-shadow: 0 0 6px color-mix(in srgb, var(--good) 70%, transparent); }
.gb-out .gb-dot { background: var(--hair-hi); box-shadow: none; }
.gb-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--bright); }
.gb-stack { flex: none; font-variant-numeric: tabular-nums; color: var(--dim); white-space: nowrap; }
.gb-turn { flex: none; font-weight: 600; color: var(--dim); white-space: nowrap; font-variant-numeric: tabular-nums; }
.gb-turn:empty { display: none; }
.gb-turn-on .gb-turn { color: var(--accent); }
.gb-turn-on { box-shadow: inset 0 -2px 0 var(--accent), 0 1px 0 var(--hair-hi); }
.gb-go { flex: none; color: var(--dim); font-size: 16px; line-height: 1; }
@media (hover: hover) and (pointer: fine) { .gb:hover .gb-name { text-decoration: underline; } }
@media (prefers-reduced-motion: no-preference) {
  html:not(.pg-hidden):not(.pg-idle) .gb-turn-on .gb-turn { animation: gb-pulse 1.8s ease-in-out infinite; }
}
@keyframes gb-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }

@media (min-width: 1000px) { html.gb-on #app-header { top: var(--gb-h, 40px); } }

/* ⟦web/app-ember.css⟧ */





.pns-ember-row{display:flex;align-items:center;gap:14px;margin:6px 0 14px}
.pns-ember-crown{flex:none;width:96px}

.pns-ember-crown .pt{width:100%;height:auto;aspect-ratio:88/46;overflow:hidden;display:block}
.pns-ember-lv{font-size:15px;color:var(--bright);letter-spacing:.06em}
.pns-ember-rule{font-size:12.5px;color:var(--dim);line-height:1.6;margin-top:4px}
.pns-ember-btn{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:44px}
.pns-ember-btn:disabled{opacity:1;background:transparent;color:var(--ink);border-color:var(--hair)}
.pns-ember-short{font-size:12.5px;color:var(--dim);margin:10px 0 0}
.pns-ember-short b{color:var(--ink);font-weight:600}
.pns-ember-doors{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px}


.lb-ember-row{display:flex;align-items:center;gap:12px;min-height:40px}
.lb-ember-place{flex:none;width:2.4em;color:var(--dim);font-variant-numeric:tabular-nums}
.lb-ember-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-ember-lv{flex:none;color:var(--accent);font-variant-numeric:tabular-nums}

/* ⟦web/app-halloween.css⟧ */





.cos-c-infected{--cos-a:#e3243a;--cos-b:#e3243a;--cos-c:#e3243a}
html[data-light="1"] .cos-c-infected{--cos-a:#b0101f;--cos-b:#b0101f;--cos-c:#b0101f}
.cos-n.cos-fx-infected::after{content:"🧠";margin-left:.25em;font-weight:400;font-style:normal;text-shadow:none}



.cos-fr.cos-fr-infected{--cos-f1:#c0101f;position:relative;filter:drop-shadow(0 0 calc(3px * var(--cos-gs)) rgba(200,10,30,.5))}
.cos-fr.cos-fr-tint.cos-fr-infected{--cos-f1:#c0101f;outline-color:#c0101f}
.cos-drip{position:absolute;inset:0;z-index:2;display:block;overflow:hidden;pointer-events:none;
  background:url("/halloween/drips.svg") top center/100% auto no-repeat}


.hwn-bzw{display:none}
.hwn-bz::after{content:"brainz";color:#e3243a;font-style:italic}
html[data-light="1"] .hwn-bz::after{color:#b0101f}

.hwn-clear .hwn-bzw{display:inline}
.hwn-clear .hwn-bz::after,.hwn-clear .hwn-gr::after{content:none}

.hwn-gr::after{color:#e3243a;font-weight:700}
.hwn-gr-g::after{content:"grrrrr"}
.hwn-gr-b::after{content:"BLAHHRGH"}
.hwn-gr-start::after{margin-right:.4em}
.hwn-gr-end::after{margin-left:.4em}
html[data-light="1"] .hwn-gr::after{color:#b0101f}


.cos-th-infected{--cos-ground:linear-gradient(170deg,#2c0509 0%,#1a0204 60%,#110103 100%);--cos-edge:#9b0d1c;--cos-haze:rgba(180,0,20,.22)}
html[data-light="1"] .cos-th-infected{--cos-ground:linear-gradient(170deg,#fbe9ea,#f6e3e4);--cos-edge:#b0101f}


html.hwn-me .brand img.brandlogo{content:image-set(url("/halloween/logo-128.webp") 1x,url("/halloween/logo-256.webp") 2x);filter:none!important}

/* ⟦web/app-viewer.css⟧ */





















@media(max-width:700px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 0}
  .griddiv{grid-column:1 / -1}
}




body.vw-lock{overflow:hidden;position:fixed;width:100%}








.vw-root{position:fixed;inset:0;z-index:var(--z-viewer);overscroll-behavior:none;overflow:hidden}





.vw-root.vw-leaving .vw-pane{visibility:hidden}
.vw-root.vw-leaving .vw-pane.vw-current{visibility:visible}
.vw-backdrop{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .26s ease}
.vw-root.vw-in .vw-backdrop{opacity:1}


.vw-track{position:absolute;top:0;left:0;height:100%;width:300vw;display:flex;touch-action:none;
  will-change:transform;transform:translate3d(-100vw,0,0)}
.vw-pane{width:100vw;height:100%;flex:0 0 100vw;display:flex;align-items:center;justify-content:center;
  overflow:hidden}








.vw-wrap{display:flex;align-items:center;justify-content:center;
  background-repeat:no-repeat;background-position:center;background-size:cover}





.vw-media{display:block;object-fit:contain;background:transparent}

.vw-pane.vw-tallpane{align-items:flex-start}

.vw-tiles{display:flex;flex-direction:column;overflow:hidden}
.vw-tiles>img{display:block;width:100%;height:auto;flex:none;-webkit-user-drag:none}
.vw-empty{width:100vw}






.vw-wrap.vw-veiled{position:relative;background-image:none !important}   
.vw-wrap.vw-veiled>.vw-media{filter:blur(30px);transform:scale(1.04)}
.vw-veil{position:absolute;inset:0}







.vw-cav{animation:none}











body.vw-lock .modal-backdrop,body.vw-lock .ui-scrim{z-index:var(--z-modal-top)}



body.vw-lock .console-backdrop{z-index:var(--z-modal-top)}






.lp-backdrop{
  position:fixed; inset:0; z-index:var(--z-sheet, 1400);
  background:rgba(4,5,7,.6);
  display:flex; align-items:flex-end; justify-content:center;
}
html.lp-open{ overflow:hidden; } 


html:has(.sc-lb.sc-on) .lp-backdrop{ z-index:calc(var(--z-toast) - 1); }

.lp-sheet{
  width:100%; max-width:480px;
  background:var(--panel); color:var(--ink); font-family:var(--ui);
  border:1px solid var(--accent); border-bottom:none;
  border-radius:12px 12px 0 0;
  box-shadow:0 -10px 34px rgba(0,0,0,.55);
  padding:0 14px calc(14px + env(safe-area-inset-bottom, 0px));
  animation:lp-in .2s ease-out;
}
.lp-sheet.dragging{ transition:none; }
@keyframes lp-in{ from{ transform:translateY(100%); } to{ transform:translateY(0); } }
@media (prefers-reduced-motion:reduce){
  .lp-sheet{ animation:none; }
}




.lp-grabber{
  width:100%; height:28px; margin-top:2px;
  display:flex; align-items:center; justify-content:center;
  cursor:grab; touch-action:none;
}
.lp-grabpill{ width:36px; height:4px; border-radius:2px; background:var(--hair-hi); display:block; }

.lp-head{
  display:flex; align-items:center; gap:10px;
  padding-bottom:10px; margin-bottom:6px;
  border-bottom:1px solid var(--hair);
}
.lp-thumb{
  width:44px; height:44px; flex:0 0 auto;
  object-fit:cover; object-position:top;
  border:1px solid var(--hair-hi); background:var(--sunk);
}
.lp-title{
  font-size:12px; line-height:1.4; color:var(--ink);
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box;
  -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

.lp-list{ display:flex; flex-direction:column; gap:2px; padding:4px 0 2px; }


.lp-item{
  display:flex; align-items:center; gap:12px;
  width:100%; min-height:44px; padding:10px 8px;
  background:none; border:none; border-radius:4px;
  color:var(--ink); font-family:var(--ui); font-size:12.5px;
  letter-spacing:calc(.02em * var(--track));
  text-align:left; text-decoration:none; cursor:pointer;
}
.lp-item:hover{ background:var(--raised); }
.lp-item:active{ background:var(--sunk); }
.lp-item:focus-visible{ outline:1px solid var(--accent); outline-offset:-1px; }
.lp-item:disabled{ opacity:.5; cursor:default; }
.lp-item .lp-ico{ width:20px; flex:0 0 auto; text-align:center; color:var(--accent); }
.lp-item .lp-ico svg{ width:18px; height:18px; display:block; margin:0 auto; }
.lp-item .lp-ico.on svg{ fill:currentColor; }
.lp-item .lp-lbl{ flex:1; }


.lp-backdrop.lp-at{ background:transparent; display:block; }
.lp-sheet.lp-at{
  position:fixed; width:auto; min-width:220px; max-width:320px; max-height:calc(100vh - 16px); overflow-y:auto;
  border:1px solid var(--accent); border-radius:0; padding:4px 6px 4px;
  box-shadow:0 10px 30px rgba(0,0,0,.55); animation:none;
}
.lp-sheet.lp-at .lp-grabber{ display:none; }
.lp-sheet.lp-at .lp-head{ padding:6px 2px 6px; margin-bottom:2px; }
.lp-sheet.lp-at .lp-thumb{ width:32px; height:32px; }
.lp-sheet.lp-at .lp-item{ min-height:30px; padding:5px 8px; gap:10px; }


.ps-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 2px 10px}
.ps-chip{min-height:44px;padding:0 14px;border:1px solid var(--hair-hi);border-radius:20px;
  background:var(--sunk);color:var(--ink);font-family:var(--ui);font-size:12.5px;cursor:pointer}
.ps-chip:active{background:var(--raised);border-color:var(--accent)}
.ps-chip:disabled{opacity:.5}
.ps-empty{color:var(--dim);font-size:12px;padding:4px 2px}













.vw-send-veil{position:fixed;inset:0;z-index:var(--z-blocking);background:rgba(0,0,0,.62)}
.vw-send{position:fixed;z-index:calc(var(--z-blocking) + 1);left:0;right:0;
  bottom:calc(env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;max-height:70vh;
  background:var(--panel);border-top:1px solid var(--hair-hi);
  box-shadow:0 -18px 48px rgba(0,0,0,.6)}
@media (min-width:820px){
  .vw-send{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);
    width:min(420px,92vw);border:1px solid var(--hair-hi);
    box-shadow:0 24px 64px rgba(0,0,0,.66)}
}
.vw-send-h{padding:13px 16px 9px;font-family:var(--ui);font-size:11px;color:var(--dim);
  letter-spacing:calc(.16em * var(--track));text-transform:uppercase;
  border-bottom:1px solid var(--hair)}






















.vw-send-quick{display:flex;gap:6px;padding:13px 14px 11px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));
  border-bottom:1px solid var(--hair)}
.vw-send-quick:empty{display:none}
.vw-send-qb{flex:1 1 0;min-width:0;min-height:62px;display:flex;flex-direction:column;
  align-items:center;gap:7px;padding:4px 1px;background:none;border:0;color:var(--ink);
  font:inherit;font-family:var(--ui);cursor:pointer}
.vw-send-qb .vw-cav{width:52px;height:52px}
.vw-send-qb .vw-cav-i{font-size:19px}
.vw-send-qn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:11px;line-height:1;color:var(--dim)}



.vw-send-qb:hover .vw-send-qn,.vw-send-qb:focus-visible .vw-send-qn{color:var(--bright)}
.vw-send-qb:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}
.vw-send-qb[disabled]{opacity:.5;cursor:default}




.vw-send-q{width:calc(100% - 28px);margin:11px 14px 6px;padding:11px 12px;min-height:44px;
  background:var(--bg,#0a0b0d);border:1px solid var(--hair-hi);color:var(--ink);
  font:inherit;font-family:var(--ui);font-size:14px;outline:none}
.vw-send-q:focus{border-color:var(--accent)}








.vw-send-list{flex:1 1 auto;overflow-y:auto}
.vw-send-list:not(:empty){min-height:96px}

.vw-send-r{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:0 16px;
  background:none;border:0;border-bottom:1px solid var(--hair);color:var(--ink);
  font:inherit;font-family:var(--ui);font-size:14px;text-align:left;cursor:pointer}
.vw-send-r:last-child{border-bottom:0}
.vw-send-r[disabled]{opacity:.5;cursor:default}
.vw-send-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vw-send-none{margin:0;padding:16px;font-family:var(--ui);font-size:12px;color:var(--dim)}




.vw-send-msg{font-family:var(--ui);font-size:12px;color:var(--ink);padding:0 16px}
.vw-send-msg:not(:empty){padding:10px 16px;border-top:1px solid var(--hair)}
.vw-send-msg.bad{color:var(--bad,#e2705f)}
.vw-send-out{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:0 16px;
  background:none;border:0;border-top:1px solid var(--hair-hi);color:var(--dim);
  font:inherit;font-family:var(--ui);font-size:12px;text-align:left;cursor:pointer}
.vw-send-g{flex:0 0 16px;color:var(--accent);font-size:14px}
.vw-send-g .vw-ico{width:16px;height:16px;display:block}








.vw-sheet{position:absolute;left:0;right:0;bottom:0;z-index:3;height:84vh;max-height:84vh;
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--panel);border-top:1px solid var(--hair-hi);
  padding:0 0 calc(env(safe-area-inset-bottom,0px));
  transform:translate3d(0,100%,0);box-shadow:0 -12px 40px rgba(0,0,0,.6);will-change:transform}


.vw-grip{flex:0 0 auto;position:relative;width:40px;height:16px;margin:3px auto 0}
.vw-grip::after{content:"";position:absolute;left:50%;top:-12px;width:28px;height:28px;
  margin-left:-14px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);
  border-radius:2px;transform:rotate(45deg)}

.vw-sh-head{flex:0 0 auto;text-align:center;color:var(--dim);font-size:16px;line-height:1.2;
  padding:2px 14px 7px;border-bottom:1px solid var(--hair)}





.vw-sh-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;touch-action:pan-y;padding:0 14px 18px;
  display:flex;flex-direction:column}
.vw-sh-scroll>*{flex:0 0 auto}







.vw-sh-info{border-bottom:0}
.vw-sh-sum{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0;
  background:none;border:0;cursor:pointer;color:var(--dim);font:inherit;font-family:var(--ui);
  font-size:11px;letter-spacing:calc(.06em * var(--track));text-align:left}
.vw-sh-cap{flex:0 0 auto;position:relative;width:9px;height:9px}
.vw-sh-cap::after{content:"";position:absolute;left:0;top:1px;width:6px;height:6px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg)}
.vw-sh-info.open .vw-sh-cap::after{transform:rotate(45deg)}
.vw-sh-sumtxt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}









.vw-sh-more{display:none;margin:2px 0 12px;padding:11px 12px;
  background:var(--sunk);border:1px solid var(--hair);border-radius:3px}
.vw-sh-info.open .vw-sh-more{display:block}



.vw-sh-row{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;
  gap:8px;padding:5px 0;border-top:1px solid var(--hair)}
.vw-sh-row:first-child{border-top:0;padding-top:0}
.vw-sh-title{color:var(--bright);font-size:13px;line-height:1.45;margin-bottom:8px}
.vw-sh-k{font-size:9px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps);
  color:var(--faint);padding-top:4px;line-height:1.3}
.vw-sh-meta{display:flex;flex-wrap:wrap;gap:6px}



.vw-sh-hashes{display:flex;flex-wrap:wrap;gap:5px}
.vw-sh-hash{font-size:10px;letter-spacing:calc(.04em * var(--track));color:var(--faint);
  border:1px solid var(--hair);border-radius:2px;padding:3px 6px;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vw-sh-chip{font-size:10px;letter-spacing:calc(.08em * var(--track));color:var(--dim);
  border:1px solid var(--hair);padding:3px 7px}
.vw-sh-score{color:var(--bright)}
.vw-sh-myvote.on.up{color:var(--good);border-color:rgba(95,196,107,.45)}
.vw-sh-myvote.on.down{color:var(--bad);border-color:rgba(255,59,59,.45)}
.vw-sh-facts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

.vw-sh-fact{display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:none;
  border:0;font:inherit;font-size:10.5px;font-family:var(--ui);color:var(--dim);padding:6px 0}
a.vw-sh-fact,button.vw-sh-fact{position:relative;color:var(--accent);cursor:pointer}

@media(pointer:coarse){ a.vw-sh-fact::after,button.vw-sh-fact::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tap-min)} }



.vw-sh-go{display:inline-block;margin-top:11px;color:var(--accent);text-decoration:none;
  font-size:10.5px;letter-spacing:calc(.08em * var(--track));border-bottom:1px solid var(--hair-hi)}







.vw-sh-foot{margin-top:auto;padding-top:18px}
.vw-sh-gear{background:none;border:0;color:var(--faint);font:inherit;font-family:var(--ui);
  font-size:10.5px;letter-spacing:calc(.1em * var(--track));cursor:pointer;
  min-height:44px;display:flex;align-items:center;gap:6px;padding:0}
.vw-tags{display:flex;flex-wrap:wrap;gap:5px}



.vw-tag{font-size:10px;letter-spacing:calc(.06em * var(--track));color:var(--accent);
  

  padding:3px 7px;text-decoration:none;position:relative;
  background:rgba(0,0,0,.62);text-shadow:0 1px 4px rgba(0,0,0,.9)}





















@media(pointer:coarse){
  .vw-tag::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--tap-min)}
}








.vw-tagpanel{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;
  background:var(--panel,#14161a);
  transform:translate3d(100%,0,0);transition:transform .22s var(--slide-ease);
  will-change:transform}
.vw-tagpanel.in{transform:translate3d(0,0,0)}
.vw-tp-bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;
  padding:calc(env(safe-area-inset-top,0px) + 6px) 10px 6px;
  border-bottom:1px solid var(--hair,rgba(255,255,255,.12))}
.vw-tp-x{background:none;border:0;color:var(--bright,#fff);font:inherit;font-size:18px;
  min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;
  cursor:pointer}
.vw-tp-title{color:var(--ink,#c9ced6);font-size:11px;letter-spacing:.14em;
  text-transform:lowercase}





.vw-tp-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;
  padding:10px 12px calc(env(safe-area-inset-bottom,0px) + var(--vw-kb,0px) + 16px)}
@media(prefers-reduced-motion:reduce){.vw-tagpanel{transition:none}}

@media(prefers-reduced-motion:reduce){
  .vw-backdrop,.vw-chrome{transition:none}
  .vw-track,.vw-wrap{will-change:auto}
}







.qstagehost{touch-action:pan-y}
@media(prefers-reduced-motion:reduce){.qstagehost{transition:none !important}}









.vw-clist{display:flex;flex-direction:column}













.vw-crow{position:relative;display:flex;align-items:flex-start;gap:8px;
  padding:6px 0 6px 10px}











.vw-cbar{position:absolute;left:0;top:0;bottom:0;display:block;background-repeat:no-repeat;
  pointer-events:none}












.vw-cav{flex:0 0 auto;position:relative;width:36px;height:36px;border-radius:0;
  overflow:hidden;background:var(--void);border:2px solid currentColor;
  display:flex;align-items:center;justify-content:center}






.vw-cav:not([class*=" rk-"]){color:var(--hair-hi)}
.vw-cav-img{width:100%;height:100%;object-fit:cover;display:block}
.vw-cav.mono{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02))}
.vw-cav-i{font-family:var(--ui);font-size:14px;line-height:1;color:currentColor;
  filter:brightness(1.35)}

.vw-cav.mono[data-fun]{background:hsl(var(--fun-h,260) 38% 26%)}
.vw-cav-fun{filter:none}





.vw-crow.deep .vw-cav{width:24px;height:24px}
.vw-crow.deep .vw-cav-i{font-size:11px}
.vw-cmain{flex:1 1 auto;min-width:0}












.vw-cmain{display:flex;flex-direction:column;min-width:0}

.vw-creplyto{order:0;font-size:11px;line-height:1.3;color:var(--faint);margin:0 0 2px;overflow-wrap:anywhere}
.vw-cbody,.vw-cmain>.ctext,.vw-cmain>.cedit{order:1;font-size:14px;line-height:1.25;
  color:var(--bright);overflow-wrap:anywhere;white-space:pre-wrap}









.vw-cbody .ctext{font:inherit;color:inherit;white-space:inherit;word-break:normal;
  overflow-wrap:inherit}



.vw-crow.vw-cflash{animation:vwcflash 1.3s ease-out}
@keyframes vwcflash{0%{background:rgba(255,209,102,.22)}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){
  .vw-crow.vw-cflash{animation:none;background:rgba(255,209,102,.16)}
}





.vw-crow.vw-clinked{background:rgba(255,209,102,.09)}


.vw-crow.vw-creplying{background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 3px 0 0 var(--accent)}





.vw-cmeta{order:2;display:flex;align-items:baseline;gap:7px;margin-top:5px;font-size:12px;line-height:1.15}
.vw-cacts{order:3}
.vw-cmeta .ulink{font-size:12px;text-decoration:none}
.vw-cwho{font-size:12px;color:var(--dim)}
.vw-cage{font-size:12px;color:var(--faint)}
















.vw-cacts{display:flex;align-items:center;gap:12px;margin-top:3px;margin-left:0}
.vw-cact{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:0;
  padding:0;min-width:36px;min-height:20px;color:var(--dim);font:inherit;font-family:var(--ui);
  line-height:1;cursor:pointer}
.vw-cact .vw-cact-i{width:18px;height:18px;display:block;flex:0 0 auto}
.vw-cact-reply{margin-left:4px}
.vw-cact-share{margin-left:auto}
.vw-cact.on.vw-cact-more{color:var(--accent)}



.vw-crow:not(.vw-copen) .vw-cacts{display:none}
.vw-crow:focus{outline:none}
.vw-crow:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}
@media (hover:hover) and (pointer:fine){
  .vw-crow:hover .vw-cacts,.vw-crow:focus-visible .vw-cacts,.vw-crow:has(:focus-visible) .vw-cacts{display:flex}
  .vw-cacts{gap:10px}
  .vw-cact{min-width:32px}
  .vw-cact .vw-cact-i{width:16px;height:16px}
  .vw-cact:hover{color:var(--bright)}
}

.vw-cscore{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}

.vw-cavcol{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}
.vw-cfold{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:2px;width:36px;height:20px;
  margin-top:4px;padding:0;background:none;border:0;color:var(--dim);font:inherit;font-family:var(--ui);cursor:pointer}
.vw-crow.deep .vw-cfold{width:24px}
.vw-cfold::after,.vw-crow.deep .vw-cfold::after{content:"";position:absolute;left:50%;top:50%;width:var(--tap-min);
  height:var(--tap-min);transform:translate(-50%,-50%)}
.vw-cfold-i{width:16px;height:16px;display:block;flex:0 0 auto;transform:rotate(90deg);transition:transform .15s}
.vw-cfold[aria-expanded="false"]{color:var(--accent)}
.vw-cfold[aria-expanded="false"] .vw-cfold-i{transform:none}
.vw-cfold:hover,.vw-cfold:active{color:var(--bright)}
.vw-cfold-n{font-size:11px;line-height:1;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.vw-cfold-i{transition:none}}
.vw-cfolded{order:4;position:relative;font-size:12px;line-height:1.3;color:var(--dim);margin-top:4px;cursor:pointer}
.vw-cfolded::after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap-min);transform:translateY(-50%)}

.vw-cmain .cedit-ta{font-size:14px;line-height:1.35}


.vw-cact::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;z-index:1;
  transform:translate(-50%,-50%)}
.vw-cactg{font-size:15px;line-height:1}
.vw-cactn{font-size:11px;font-variant-numeric:tabular-nums}




.vw-cnet{font-size:12px;font-variant-numeric:tabular-nums;color:var(--dim);margin:0 -6px}
.vw-cact.on.vw-cact-up{color:var(--good)}
.vw-cact.on.vw-cact-down{color:var(--bad)}
.vw-cact.on.vw-cact-reply{color:var(--accent)}

.vw-cact[disabled]{opacity:.35;cursor:default}




















.vw-cembed-card{display:inline-flex;align-self:flex-start;position:relative;margin-top:8px;max-width:100%;
  border-radius:10px;overflow:hidden;text-decoration:none;color:var(--dim);font-size:11px}
.vw-cembed-card img,.vw-cembed-card .cembed-video{height:var(--emb-card-h);width:auto;max-width:100%;object-fit:contain;display:block}

.vw-cmain>.vw-cembed-card:first-child{margin-top:2px}

.vw-cembed-fit{width:min(100%,calc(var(--emb-card-h) * var(--ar)))}
.vw-cembed-fit img,.vw-cembed-fit .cembed-video{width:100%;height:auto}



.vw-cembed-badge{position:absolute;top:8px;right:8px;font-size:9px;
  letter-spacing:calc(.08em * var(--track));text-transform:var(--caps);
  padding:2px 5px;border-radius:3px;background:rgba(9,10,12,.74);color:var(--accent)}
.vw-cempty{font-size:12px;color:var(--faint);padding:10px 0}









.vw-reply{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  padding:0 6px 0 14px;max-height:0;overflow:hidden;background:var(--panel)}
.vw-reply.on{max-height:48px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));box-shadow:inset 3px 0 0 var(--accent)}


.vw-reply-t{flex:1 1 auto;min-width:0;min-height:44px;text-align:left;background:none;border:0;padding:0;
  font:inherit;font-family:var(--ui);font-size:13px;font-weight:600;color:var(--accent);cursor:pointer;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vw-reply-x{background:none;border:0;color:var(--bright);font:inherit;font-family:var(--ui);
  font-size:16px;min-width:44px;min-height:44px;cursor:pointer}


.vw-cadd{flex:0 0 auto;display:flex;align-items:flex-end;gap:7px;position:relative;
  padding:8px 12px calc(env(safe-area-inset-bottom,0px) + 8px);
  border-top:1px solid var(--hair-hi);background:var(--panel)}





.vw-cpaused{flex:0 0 auto;text-align:center;font-size:11.5px;color:var(--faint);
  line-height:1.45;text-wrap:balance;
  padding:14px 8px calc(env(safe-area-inset-bottom,0px) + 14px);
  border-top:1px solid var(--hair-hi);background:var(--panel)}


.vw-cmsg{display:none}
.vw-cmsg.on{display:block;flex:0 0 auto;padding:7px 12px;font-size:12px;line-height:1.4;
  color:var(--bad);background:var(--panel);border-top:1px solid var(--hair-hi)}
.vw-cplus{flex:0 0 auto;background:none;border:0;color:var(--dim);font:inherit;
  font-family:var(--ui);font-size:22px;line-height:1;min-width:44px;min-height:44px;cursor:pointer}
.vw-cplus.on{color:var(--accent)}












.vw-embchip{flex:0 0 auto;display:none;flex-direction:column;align-items:stretch;gap:6px;
  padding:6px 6px 8px 12px;background:var(--panel)}
.vw-embchip.on{display:flex}
.vw-embchip-row{display:flex;align-items:center;gap:8px}


.vw-embchip-th{flex:0 0 auto;align-self:center;height:var(--emb-prev-h);width:auto;max-width:100%;
  object-fit:contain;display:block;border-radius:6px}
.vw-embchip-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:11px;color:var(--dim)}
.vw-embchip-x{flex:0 0 auto;background:none;border:0;color:var(--dim);font:inherit;
  font-family:var(--ui);font-size:14px;min-width:44px;min-height:44px;cursor:pointer}
.vw-cinput{flex:1 1 auto;min-width:0;background:var(--void);border:1px solid var(--hair-hi);
  color:var(--ink);font:inherit;font-family:var(--ui);font-size:14px;padding:11px 10px;resize:none;
  min-height:44px;max-height:96px}
.vw-cinput:focus{outline:none;border-color:var(--accent)}

.vw-cadd.vw-cadd-reply{box-shadow:inset 3px 0 0 var(--accent)}
.vw-cadd.vw-cadd-reply .vw-cinput{border-color:var(--accent)}
.vw-csend{flex:0 0 auto;background:none;border:1px solid var(--hair-hi);color:var(--accent);
  font:inherit;font-family:var(--ui);font-size:11px;padding:0 14px;min-height:44px;cursor:pointer;
  letter-spacing:calc(.08em * var(--track))}
.vw-csend:hover{border-color:var(--accent)}
.vw-csend[disabled]{opacity:.5;cursor:default}
@media(prefers-reduced-motion:reduce){.vw-sheet{will-change:auto}}























body.vw-lock .shredbg{display:none}







html.nobg .shredbg{display:none}







.vw-prog-track{position:relative;width:100%;height:3px;background:rgba(255,255,255,.28);
  border-radius:2px;overflow:hidden;transition:height .12s ease}
.vw-prog-fill{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);
  background:var(--accent);will-change:transform}


.vw-root.vw-scrubbing .vw-prog-track{height:7px}
@media(prefers-reduced-motion:reduce){.vw-prog-track{transition:none}}




.vw-root.vw-paused .vw-pane:nth-child(2)::after{
  content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-size:64px;color:rgba(255,255,255,.82);text-shadow:0 3px 18px rgba(0,0,0,.75);
  pointer-events:none}





































































.tag,.vw-tag{border-width:1px;border-style:solid;border-color:var(--hair-hi);box-shadow:none}





















.tag.tag-suggested,.vw-tag.tag-suggested{border-style:dashed;border-color:currentColor;font-style:italic}
.tag.tag-added,.vw-tag.tag-added{border-style:solid;border-color:currentColor}



















.tag.tag-vocab,.vw-tag.tag-vocab{border-style:solid;border-color:currentColor}


















.tag.tag-reinforced,.vw-tag.tag-reinforced{border-style:solid;border-color:currentColor;
  font-weight:700;text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:2px;
  box-shadow:inset 0 0 0 1px var(--sunk), inset 0 0 0 2px currentColor}






.k-character.k-character{color:var(--cat-character)}
.k-media.k-media{color:var(--cat-media)}
.k-humor.k-humor{color:var(--cat-humor)}
.k-format.k-format{color:var(--cat-format)}
.k-meta.k-meta{color:var(--cat-meta)}
.k-general.k-general{color:var(--cat-general)}
.k-nsfw.k-nsfw{color:var(--cat-nsfw)}
.k-nsfl.k-nsfl{color:var(--cat-nsfl)}


.tagcloud a[class*="k-"],.vw-tag[class*="k-"]{border-color:currentColor}








.tag.nsfw{border-color:var(--cat-nsfw);color:var(--cat-nsfw);background:color-mix(in srgb, var(--cat-nsfw) 8%, transparent)}
.tag.nsfw .nm{color:var(--cat-nsfw)}
.tag.nsfl{border-color:var(--cat-nsfl);color:var(--cat-nsfl);background:color-mix(in srgb, var(--cat-nsfl) 8%, transparent)}
.tag.nsfl .nm{color:var(--cat-nsfl)}




.vw-tag.nsfw{border-color:var(--cat-nsfw);color:var(--cat-nsfw);background:color-mix(in srgb, var(--cat-nsfw) 8%, transparent)}
.vw-tag.nsfl{border-color:var(--cat-nsfl);color:var(--cat-nsfl);background:color-mix(in srgb, var(--cat-nsfl) 8%, transparent)}





.tagcloud a.nsfw{border-color:var(--cat-nsfw);color:var(--cat-nsfw)}
.tagcloud a.nsfw:hover{border-color:var(--cat-nsfw);color:color-mix(in srgb, var(--cat-nsfw) 70%, var(--bright))}
.tagcloud a.nsfl{border-color:var(--cat-nsfl);color:var(--cat-nsfl)}
.tagcloud a.nsfl:hover{border-color:var(--cat-nsfl);color:color-mix(in srgb, var(--cat-nsfl) 70%, var(--bright))}



















.vote.vote.mv-reinforce.mv-reinforce{color:var(--bg);background:var(--good);border-color:var(--good)}
.vote.vote.mv-remove.mv-remove{color:var(--bg);background:var(--bad);border-color:var(--bad)}
.vote.vote.mv-punish.mv-punish{color:var(--bg);background:var(--accent);border-color:var(--accent)}




.vote.vote.mv-na.mv-na{color:var(--faint);border-color:var(--hair);cursor:not-allowed;opacity:.55}










































.vw-muterow{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:0 2px 2px}
.vw-mutebtn{width:44px;height:44px;position:relative;flex:0 0 auto;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.42);
  color:#fff;cursor:pointer;padding:0;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 1px 6px rgba(0,0,0,.34);
  

  touch-action:manipulation;
  transition:background .16s ease,border-color .16s ease}

.vw-mutebtn.on{border-color:var(--accent);color:var(--accent);background:rgba(0,0,0,.56)}
.vw-mutebtn:active{background:rgba(0,0,0,.72)}
.vw-mutebtn[hidden]{display:none}   
@media(prefers-reduced-motion:reduce){.vw-mutebtn{transition:none}}















.vw-fsbtn{width:44px;height:44px;position:relative;flex:0 0 auto;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.42);
  color:#fff;cursor:pointer;padding:0;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 1px 6px rgba(0,0,0,.34);
  

  touch-action:manipulation;
  transition:background .16s ease,border-color .16s ease}


.vw-fsbtn.on{border-color:var(--accent);color:var(--accent);background:rgba(0,0,0,.56)}
.vw-fsbtn:active{background:rgba(0,0,0,.72)}



.vw-fsi{width:19px;height:19px;display:block}
@media(prefers-reduced-motion:reduce){.vw-fsbtn{transition:none}}





.cset-bank{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px}
.cset-sw{font:500 12px var(--ui);
  padding:7px 11px;border-radius:0;cursor:pointer;
  border:1px solid var(--hair-hi);background:var(--sunk);color:var(--faint);
  transition:color .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}
.cset-sw:hover{border-color:var(--accent)}


.cset-sw.on{color:var(--accent);border-color:var(--accent);background:var(--raised);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent),
             0 0 14px color-mix(in srgb, var(--accent) 26%, transparent)}


.cset-swv{align-self:center;font:600 11px var(--ui);letter-spacing:calc(.12em * var(--track));
  text-transform:var(--caps);color:var(--accent)}
.cset-swv.off{color:var(--dim)}


.cset-sw.cat-nsfw{color:color-mix(in srgb, var(--cat-nsfw) 55%, var(--faint))}
.cset-sw.cat-nsfl{color:color-mix(in srgb, var(--cat-nsfl) 55%, var(--faint))}
.cset-sw.cat-nsfw.on{color:var(--cat-nsfw);border-color:var(--cat-nsfw);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--cat-nsfw) 34%, transparent),
             0 0 14px color-mix(in srgb, var(--cat-nsfw) 26%, transparent)}
.cset-sw.cat-nsfl.on{color:var(--cat-nsfl);border-color:var(--cat-nsfl);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--cat-nsfl) 34%, transparent),
             0 0 14px color-mix(in srgb, var(--cat-nsfl) 26%, transparent)}

.cset-row{display:flex;align-items:center;gap:10px;padding:8px 14px}
.cset-k{font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);
  color:var(--dim);flex:none}
.cset-select{flex:1;min-width:0;background:var(--sunk);color:var(--ink);
  border:1px solid var(--hair-hi);border-radius:0;padding:8px 10px;font:inherit;
  font-size:12px;letter-spacing:calc(.08em * var(--track));cursor:pointer}
.cset-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

.cset-range{flex:1;min-width:0;min-height:var(--tap-min);accent-color:var(--accent);cursor:pointer}
.cset-rv{flex:none;min-width:3ch;text-align:right;font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}

.cset-sec{margin:10px 14px;border:1px solid var(--hair-hi);border-radius:0}
.cset-sech{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  background:none;border:0;border-bottom:1px solid var(--hair);color:var(--ink);cursor:pointer;
  font:inherit;font-size:11px;letter-spacing:calc(.14em * var(--track));
  text-transform:var(--caps);min-height:34px}

@media(pointer:coarse){ .cset-sech::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tap-min)} .cset-select{min-height:var(--tap-min)} }   
.cset-secbody{padding:10px}
.cset-fin{width:100%;background:var(--sunk);color:var(--ink);border:1px solid var(--hair-hi);
  border-radius:0;padding:8px 10px;font:inherit;font-size:12px}
.cset-fin:focus-visible{outline:2px solid var(--accent);outline-offset:1px}


.cset-fbox{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;margin-top:9px;
  min-height:86px;padding:9px;border:1px solid var(--hair-hi);border-radius:0}
.cset-subh{margin:12px 0 7px;font-size:10px;letter-spacing:calc(.14em * var(--track));
  text-transform:var(--caps);color:var(--faint)}
.cset-sbox{display:flex;flex-wrap:wrap;gap:7px;min-height:34px}
.cset-empty{color:var(--faint);font-size:10.5px;align-self:center}
.cset-nudge{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:var(--faint);cursor:pointer}
.cset-nudge input{margin:0;width:auto;flex:none}








.cset-head{position:sticky;top:0;z-index:2;background:var(--panel)}
.cset-head .console-head{position:static}





.cset-tabs{display:flex;gap:1px;padding:0;background:var(--hair);border-bottom:1px solid var(--hair);overflow-x:auto;
  scrollbar-width:none;scroll-behavior:smooth;scroll-padding:0 10px}
.cset-tabs::-webkit-scrollbar{display:none}
.cset-tabs.more-r{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 20px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 20px),transparent)}
.cset-tabs.more-l{-webkit-mask:linear-gradient(90deg,transparent,#000 20px);mask:linear-gradient(90deg,transparent,#000 20px)}
.cset-tabs.more-l.more-r{-webkit-mask:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);
  mask:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.cset-tab{flex:1 0 auto;position:relative;background:var(--sunk);border:0;border-radius:0;padding:0 11px;min-height:34px;
  font:inherit;font-family:var(--ui);font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);
  color:var(--dim);cursor:pointer;transition:color .14s ease,border-color .14s ease}
.cset-tab:hover,.cset-tab:focus-visible{color:var(--ink)}
.cset-tab[aria-selected="true"]{color:var(--void);background:var(--accent);font-weight:700}
.cset-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}


@media(pointer:coarse){.cset-tab{min-height:40px}.cset-tab::before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap-min);transform:translateY(-50%)}}
.cset-pane{min-height:220px}
.cset-pane[hidden]{display:none}
.cset-pane:focus-visible{outline:none}






.console-backdrop .console-box.cset-box{border-color:var(--hair-hi)}
.cset-tabsum,.cset-back{display:none}
@media(min-width:1000px){
  
  .console-backdrop .console-box.cset-box{max-width:760px;display:grid;grid-template-columns:176px minmax(0,1fr);align-items:stretch}
  .cset-box > .cset-head{grid-column:1;grid-row:1;position:static;display:flex;flex-direction:column;
    border-right:1px solid var(--hair);background:var(--sunk)}
  .cset-box > .cset-head .console-head{background:none;border-bottom:1px solid var(--hair);padding:14px 16px}
  .cset-box > .console-body{grid-column:2;grid-row:1;min-width:0;padding:4px 0 10px}
  
  .cset-box .cset-tabs,.cset-box .cset-tabs.more-l,.cset-box .cset-tabs.more-r{flex-direction:column;gap:0;padding:8px 0;
    background:none;border-bottom:0;overflow:visible;-webkit-mask:none;mask:none}
  
  .cset-box .cset-tab{flex:none;display:flex;align-items:center;justify-content:flex-start;text-align:left;
    min-height:38px;padding:0 16px 0 14px;background:none;border-left:2px solid transparent;font-weight:400}
  .cset-box .cset-tab[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 10%,transparent);
    color:var(--bright);border-left-color:var(--accent);font-weight:400}
  
  .cset-box .cset-row > .cset-k:first-child{flex:0 0 120px}
  .cset-box .skinnote{padding-left:144px;text-align:left}
}


@media(pointer:coarse){.cset-box .cset-tab{min-height:var(--tap-min)}}
@media(max-width:999px){
  
  .cset-box[data-view="list"] > .console-body{display:none}
  .cset-box[data-view="list"] .cset-tabs,.cset-box[data-view="list"] .cset-tabs.more-l,
  .cset-box[data-view="list"] .cset-tabs.more-r{flex-direction:column;gap:0;padding:0;background:none;border-bottom:0;
    overflow:visible;-webkit-mask:none;mask:none}
  .cset-box[data-view="list"] .cset-tab,.cset-box[data-view="list"] .cset-tab[aria-selected="true"]{flex:none;display:flex;
    align-items:center;gap:10px;min-height:48px;padding:0 16px;background:none;border-bottom:1px solid var(--hair);
    color:var(--ink);font-weight:400;text-align:left}
  .cset-box[data-view="list"] .cset-tab:last-child{border-bottom:0}
  .cset-box[data-view="list"] .cset-tabsum{display:block;flex:1;min-width:0;text-align:right;color:var(--dim);font-size:12px;
    letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cset-box[data-view="list"] .cset-tab::after{content:"\203A";color:var(--dim);font-size:16px;letter-spacing:0;line-height:1}
  
  .cset-box[data-view="pane"] .cset-tabs,.cset-box[data-view="pane"] .console-head{display:none}
  .cset-box[data-view="pane"] > .cset-back{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 14px;
    position:sticky;top:0;z-index:2;background:var(--sunk);border:0;border-bottom:1px solid var(--hair);border-radius:0;
    color:var(--ink);font:inherit;font-size:12px;text-align:left;cursor:pointer}
  .cset-box[data-view="pane"] > .cset-back:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
  .cset-back .cset-backg{color:var(--accent);font-size:18px;line-height:1}
  .cset-back .cset-backn{margin-left:auto;color:var(--accent);font-size:11px;font-weight:700;
    letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
}
.cset-lead{padding:10px 14px 2px;font-size:12px;color:var(--dim);line-height:1.5}
.cset-scope{padding:2px 14px 8px;font-size:12px;color:var(--dim)}

.cset-fold{margin:10px 14px;border:1px solid var(--hair-hi);border-radius:0}
.cset-fold,.cset-sec{scroll-margin-top:100px}   
.cset-fold.cset-point{border-color:var(--accent)}
.cset-foldh{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;background:none;border:0;
  color:var(--ink);cursor:pointer;font:inherit;text-align:left}
.cset-foldh:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.cset-foldh .cset-state{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;
  font-size:10.5px;color:var(--faint);letter-spacing:calc(.04em * var(--track))}
.cset-foldh .tagi-caret{flex:none;margin-left:auto;color:var(--faint)}   
.cset-foldh[aria-expanded="true"]{border-bottom:1px solid var(--hair)}
.cset-foldh[aria-expanded="true"] .cset-state{display:none}
@media(max-width:640px){   
  .cset-foldh{flex-wrap:wrap;padding:8px 12px;row-gap:2px}
  .cset-foldh .tagi-caret{margin-left:auto}
  .cset-foldh .cset-state{flex:1 1 100%;text-align:left;order:3}
}
.cset-foldb{padding:4px 10px 12px}
.cset-foldb[hidden]{display:none}
.cset-foldb .cset-bank{padding:8px 0 10px}
.cset-foldb .cset-bank + .cset-bank{padding-top:0}
.cset-foldb .cset-nsay{padding:6px 0 4px}





.dls-prev{max-width:240px;margin:0 auto;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px var(--hair-hi)}
.dls-art{position:relative;aspect-ratio:16/10;display:flex;align-items:flex-start;justify-content:center;
  background:linear-gradient(180deg,#7fb3e6 0%,#d6e6f5 55%,#c9c3b0 55%,#c9c3b0 100%)}
.dls-cap{margin-top:8%;font:400 16px/1 Impact,"Anton","Oswald",sans-serif;letter-spacing:.02em;color:#fff;
  -webkit-text-stroke:1px #000;paint-order:stroke}
.dls-spin{position:absolute;top:5%;right:4%;width:13%;aspect-ratio:1;background:#fff;opacity:.88;
  -webkit-mask:url(/brand-shred.png) center/contain no-repeat;mask:url(/brand-shred.png) center/contain no-repeat;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));animation:dls-turn 8s linear infinite}
.dls-spin[hidden]{display:none}
@keyframes dls-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.dls-spin{animation:none}}
.dls-band{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;background:#0b0b0d;
  font-family:"Azeret Mono",var(--mono);font-size:10px}   
.dls-band.match{background:rgb(213,207,187)}
.dls-glyph{flex:none;width:24px;height:24px;background:#ece9e2;   
  -webkit-mask:url(/brand-shred.png) center/contain no-repeat;mask:url(/brand-shred.png) center/contain no-repeat}
.dls-band.match .dls-glyph{background:#111318}
.dls-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9a23b;font-weight:500;letter-spacing:.06em}   
.dls-band.match .dls-name{color:#7a4a05;font-weight:600}
.dls-mark{flex:none;font-weight:600;letter-spacing:.18em}
.dls-the{color:#9aa6b8;margin-right:.6em}
.dls-brand{color:#ece9e2}
.dls-band.match .dls-the{color:#4a4f58}
.dls-band.match .dls-brand{color:#111318}
.dls-now{display:block;margin-top:8px;text-align:center}
.dls-go{display:block;margin:10px auto 0}



.cset-pmeter{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:9px;
  font-size:11px;color:var(--ink)}
.cset-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:0;
  border:1px solid currentColor;color:var(--ink);font-size:11px;
  letter-spacing:calc(.06em * var(--track));background:var(--panel)}
.cset-chip.sug{cursor:pointer;color:var(--dim);background:var(--sunk);position:relative}
.cset-chip.sug:hover{color:var(--accent)}


.cset-chip.auto{cursor:pointer;border-style:dashed;position:relative}














@media(pointer:coarse){
  .cset-chip.sug::after,.cset-chip.auto::after{content:"";position:absolute;left:0;right:0;
    bottom:0;height:var(--tap-min)}
}
.cset-chip.nsfw,.cset-sw.cat-nsfw.on,.cset-chip.auto.nsfw{color:var(--cat-nsfw)}
.cset-chip.nsfl,.cset-chip.auto.nsfl{color:var(--cat-nsfl)}
.cset-chipx{background:none;border:0;color:inherit;opacity:.65;cursor:pointer;font-size:13px;
  line-height:1;padding:0 1px}
.cset-chipx:hover{opacity:1;color:var(--bad)}
.cset-acct{border:0;margin-top:4px;border-top:1px solid var(--hair);padding-top:4px}
.cset-who{color:var(--accent);text-decoration:none}
.cset-out{margin-left:auto;background:none;border:0;color:var(--dim);cursor:pointer;
  font:inherit;font-size:11px;letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.cset-out:hover{color:var(--bad)}


.cset-pat-go{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.cset-pat-go:disabled{opacity:.5;cursor:default}
.cset-pat-who{color:var(--ink);min-width:0;overflow-wrap:anywhere}
.cset-pat-line{margin:0;padding:0 14px 10px}
.cset-pat .csec-msg{margin:0 14px 10px}


.csec-h{border-bottom:1px solid var(--hair)}
.csec-line{font-size:12px;line-height:1.5;color:var(--ink);margin:2px 0 8px;overflow-wrap:anywhere}
.csec-dim{color:var(--dim)}
.csec-warn{color:var(--warn, var(--accent))}
.csec-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.csec-row .csec-in{flex:1 1 180px;width:auto;min-width:0}
.csec-btn{flex:none}
.csec-msg:empty{display:none}
.csec-msg{margin-top:8px}
.csec-setup{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.csec-uri{color:var(--accent);font-size:12px}

.csec-qr{align-self:flex-start;line-height:0;background:#fff;border-radius:6px;padding:0;margin:2px 0 4px}
.csec-qr .qr-svg{display:block;max-width:100%;height:auto;image-rendering:pixelated}
.csec-secret{display:block;font-family:var(--mono, monospace);font-size:13px;letter-spacing:.08em;padding:8px 10px;
  background:var(--sunk);border:1px solid var(--hair-hi);border-radius:6px;overflow-wrap:anywhere;user-select:all}


.csec-keyrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.csec-copied{font-size:12px;color:var(--accent)}
.csec-copied:empty{display:none}
.csec-setup.is-phone .csec-copykey{flex:1 1 100%;min-height:48px;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.csec-setup.is-phone .csec-secret{font-size:16px;text-align:center;word-spacing:.2em}
.csec-alt .csec-uri{font-size:inherit}
.csec-qrfold summary{cursor:pointer;font-size:12px;color:var(--dim);padding:6px 0;position:relative}
@media(pointer:coarse){ .csec-qrfold summary::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tap-min)} }
.csec-qrfold .csec-qr{display:inline-block;margin-top:6px}
.csec-codes{margin-top:8px}
.csec-codelist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}
.csec-code{font-family:var(--mono, monospace);font-size:13px;padding:6px 8px;background:var(--sunk);
  border:1px solid var(--hair-hi);border-radius:6px;text-align:center;user-select:all}
.csec-paused{margin:10px 16px;max-width:1100px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 12px;
  border:1px solid var(--warn, var(--accent));border-radius:8px;background:var(--panel);font-size:12px;line-height:1.5}
@media(min-width:1000px){.csec-paused{margin:10px auto}}
.csec-paused-go{color:var(--accent);font-weight:600}









.csec-nudge{position:relative;z-index:var(--z-nav);margin:10px 16px;max-width:1100px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 12px;
  border:1px solid var(--hair-hi);background:var(--panel);font-size:12px;line-height:1.5}
@media(min-width:1000px){.csec-nudge{margin:10px auto}}
.csec-nudge-x{margin-left:auto;min-height:var(--tap-min);padding:0 4px;background:none;border:none;color:var(--dim);cursor:pointer;font:inherit;font-size:12px}
.csec-nudge-x:hover{color:var(--ink)}




.filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;
  padding:9px 12px;border:1px solid var(--hair-hi);border-left:3px solid var(--accent);
  border-radius:4px;background:var(--raised);color:var(--dim);font-size:11.5px}
.filterbar b{color:var(--ink);font-weight:600}
.filterbar .fb-un{margin-left:auto;background:none;border:1px solid var(--hair-hi);
  border-radius:4px;color:var(--accent);cursor:pointer;font:inherit;font-size:11px;padding:4px 9px}
.filterbar .fb-un:hover{border-color:var(--accent)}


.filterroster{display:flex;flex-direction:column;gap:5px;padding:8px 0}
.fr-row{display:flex;align-items:center;gap:10px}
.fr-tag{flex:0 0 auto;min-width:140px;color:var(--accent);text-decoration:none;font-size:11.5px}
.fr-tag:hover{text-decoration:underline}
.fr-tag.nsfw{color:var(--cat-nsfw)} .fr-tag.nsfl{color:var(--cat-nsfl)}
.fr-bar{flex:1;height:8px;background:var(--sunk);border:1px solid var(--hair);border-radius:3px;overflow:hidden}
.fr-fill{height:100%;background:color-mix(in srgb, var(--accent) 62%, transparent)}
.fr-n{flex:0 0 auto;min-width:32px;text-align:right;color:var(--ink);font-size:11.5px}
.fr-when{flex:0 0 auto;min-width:70px;text-align:right;color:var(--faint);font-size:10px}





.pwasheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-toast);
  padding:0 10px calc(10px + env(safe-area-inset-bottom));
  transform:translateY(112%);transition:transform .32s var(--slide-ease)}
.pwasheet.on{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.pwasheet{transition:none}}
.pwasheet-body{max-width:520px;margin:0 auto;padding:14px 16px 12px;
  border:1px solid var(--hair-hi);border-radius:12px 12px 8px 8px;background:var(--panel);
  box-shadow:0 -8px 34px rgba(0,0,0,.55)}
.pwasheet-title{display:flex;align-items:center;gap:8px;color:var(--bright);
  font:600 14px var(--ui);letter-spacing:calc(.04em * var(--track))}
.pwasheet-mark{color:var(--accent)}
.pwasheet-sub{margin-top:5px;color:var(--dim);font-size:11.5px;line-height:1.5}
.pwasheet-acts{display:flex;align-items:center;gap:12px;margin-top:13px}

.pwasheet-go{flex:1;min-height:44px;border:1px solid var(--accent);border-radius:8px;
  background:var(--raised);color:var(--accent);cursor:pointer;font:600 12px var(--ui);
  letter-spacing:calc(.12em * var(--track));display:flex;align-items:center;justify-content:center;text-decoration:none}
.pwasheet-go:disabled{opacity:.5}
.pwasheet-no{min-height:44px;padding:0 10px;background:none;border:0;color:var(--dim);
  cursor:pointer;font:inherit;font-size:11.5px}
.pwasheet-no:hover{color:var(--ink)}



















.nask{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-toast);
  padding:0 10px calc(10px + env(safe-area-inset-bottom));
  transform:translateY(112%);transition:transform .32s var(--slide-ease)}
.nask.on{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.nask{transition:none}}









.nask-body{position:relative;max-width:520px;margin:0 auto;padding:19px 15px 13px;
  border:1px solid var(--hair-hi);
  border-radius:10px 10px 6px 6px;background:var(--panel);
  box-shadow:0 -8px 34px rgba(0,0,0,.55);
  

  background-image:
    linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),
    linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent));
  background-repeat:no-repeat;
  background-size:10px 1px,1px 10px,10px 1px,1px 10px;
  background-position:7px 7px,7px 7px,calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) calc(100% - 7px)}

.nask-tab{position:absolute;top:-1px;left:12px;padding:2px 7px 3px;
  background:var(--accent);color:var(--void);
  font:400 9px/1 var(--ui);text-transform:var(--caps);letter-spacing:calc(.14em * var(--track))}
.nask-head{display:flex;align-items:flex-start;gap:8px;color:var(--bright);
  font:400 15px/1.25 var(--ui)}
.nask-i{flex:0 0 auto;width:15px;height:15px;margin-top:2px;color:var(--accent);
  fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.nask-sub{margin-top:7px;color:var(--dim);font-size:11.5px;line-height:1.5}

.nask-steps{margin:10px 0 0;padding:0;list-style:none;counter-reset:naskstep}
.nask-steps li{position:relative;padding:0 0 0 22px;margin-top:7px;
  color:var(--ink);font-size:11.5px;line-height:1.45}
.nask-steps li::before{counter-increment:naskstep;content:counter(naskstep);
  position:absolute;left:0;top:1px;color:var(--faint);
  font:400 10px/1.3 var(--ui);letter-spacing:calc(.14em * var(--track))}
.nask-steps b{color:var(--accent);font-weight:400}
.nask-acts{display:flex;align-items:center;gap:12px;margin-top:14px}

.nask-go{flex:1;min-height:44px;border:1px solid var(--accent);border-radius:8px;
  background:var(--raised);color:var(--accent);cursor:pointer;font:600 12px var(--ui);
  letter-spacing:calc(.12em * var(--track));text-transform:var(--caps)}
.nask-go:disabled{opacity:.5}
.nask-no{min-height:44px;padding:0 10px;background:none;border:0;color:var(--dim);
  cursor:pointer;font:inherit;font-size:11.5px}
.nask-no:hover{color:var(--ink)}


.nask-say{margin-top:13px;padding-top:11px;border-top:1px solid var(--hair);
  color:var(--dim);font-size:11.5px;line-height:1.5}
.nask-say b{color:var(--bad);font-weight:400;text-transform:var(--caps);
  letter-spacing:calc(.12em * var(--track));font-size:10px}







.cset-nstate{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:0 14px 4px;
  font-size:11px;color:var(--ink)}
.cset-nstate .cset-v{letter-spacing:calc(.12em * var(--track));text-transform:var(--caps);
  font-size:10px;color:var(--accent)}
.cset-nstate .cset-v.no{color:var(--bad)}
.cset-nstate .cset-v.off{color:var(--faint)}
.cset-nsay{padding:0 14px 10px;color:var(--dim);font-size:12px;line-height:1.5}
.cset-nsay .nask-steps li{font-size:12px}











.botmark{display:inline-block;object-fit:contain;background:none;border:0;border-radius:0;
  flex:0 0 auto;pointer-events:none;user-select:none}

.botmark-av{width:36px;height:36px}


.botmark-inline{width:1.05em;height:1.05em;margin-right:.32em;vertical-align:-.17em}

.prof-avatar-bot{background:none;border:0;box-shadow:none;display:flex;
  align-items:center;justify-content:center}
.botmark-prof{width:100%;height:100%;max-width:180px;max-height:180px}

.prof-role.role-bot{color:var(--accent);border-color:var(--accent)}


.tagsec{margin:0 0 18px}
.tagsec-h{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;padding-bottom:5px;
  border-bottom:1px solid var(--hair)}
.tagsec-name{font-size:11px;letter-spacing:calc(.16em * var(--track));text-transform:var(--caps)}
.tagsec-n{color:var(--faint);font-size:10px}
.tagsec-cloud{margin:0}

.tags-also{flex:1 1 100%;margin:10px 0 0;color:var(--dim);font-size:11px;line-height:1.5}






.adminput{flex:1;min-width:180px;padding:6px 8px;background:var(--bg2,#111);color:inherit;
  border:1px solid var(--line,#333);border-radius:4px;font:inherit}

.auditline{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;
  white-space:pre;padding:2px 8px;border-left:3px solid transparent}
.auditline:nth-child(odd){background:rgba(255,255,255,.02)}
.auditline.bad{border-left-color:var(--bad,#c0392b);color:var(--bad,#e06c5a)}
.btn.on{outline:1px solid var(--accent,#6cf)}







.auditchips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}   
.chip{font:inherit;font-size:12px;padding:3px 9px;border-radius:999px;cursor:pointer;
  background:transparent;color:var(--dim,#8b8b8b);border:1px solid var(--line,#333)}
.chip:hover{color:inherit}
.chip.on{background:var(--k,#6cf);border-color:var(--k,#6cf);color:#0a0b0d;font-weight:600}
.chip.k-auth{--k:#e0b341}      .auditline.k-auth{border-left-color:#e0b341}
.chip.k-tag{--k:#6cc7f0}       .auditline.k-tag{border-left-color:#6cc7f0}
.chip.k-vote{--k:#7fd88f}      .auditline.k-vote{border-left-color:#7fd88f}
.chip.k-moderation{--k:#e0705a}.auditline.k-moderation{border-left-color:#e0705a}
.chip.k-content{--k:#b98ce0}   .auditline.k-content{border-left-color:#b98ce0}
.chip.k-social{--k:#f0a3c8}    .auditline.k-social{border-left-color:#f0a3c8}
.chip.k-coins{--k:#4fd8c4}     .auditline.k-coins{border-left-color:#4fd8c4}
.chip.k-admin{--k:var(--admin)}     .auditline.k-admin{border-left-color:var(--admin)}
.chip.k-worker{--k:#6f7f8f}    .auditline.k-worker{border-left-color:#6f7f8f}
.chip.k-read{--k:#8f8f8f}      .auditline.k-read{border-left-color:#8f8f8f}
.chip.k-other{--k:#5f5f5f}     .auditline.k-other{border-left-color:#5f5f5f}

.auditline.bad{border-left-color:var(--bad,#c0392b)}







.auditline a{text-decoration:none;border-bottom:1px solid transparent}
.auditline a:hover{border-bottom-color:currentColor}


.aud-actor{color:var(--mod);font-weight:600}
.aud-subj{color:#6cc7f0}
.aud-post{color:#b98ce0}






.auditline > *{unicode-bidi:isolate}





.staffrow{padding:8px 0;border-bottom:1px solid var(--line,#222)}
.staffrow:last-child{border-bottom:0}
.staffrow-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rolechip{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid currentColor;
  text-transform:uppercase;letter-spacing:.04em}
.rolechip.r-owner{color:var(--accent);border-left:3px solid;border-image:var(--staff) 1}
.rolechip.r-admin{color:var(--admin)}   
.rolechip.r-moderator{color:var(--mod)}   
.rolechip.r-navigator{color:var(--nav)}
.rolechip.r-member{color:var(--dim,#7d7d7d)}















:root{--pres-active:var(--good,#5fc46b);--pres-open:#e3c84b}
[data-pres="active"]{--pres-c:var(--pres-active)}
[data-pres="open"]{--pres-c:var(--pres-open)}
.vw-cav[data-pres],.sc-fc[data-pres],.prof-avatar[data-pres]{position:relative;overflow:visible}
.vw-cav[data-pres]::before,.sc-fc[data-pres]::before,.prof-avatar[data-pres]::before{content:"";
  position:absolute;right:-3px;bottom:-3px;z-index:3;pointer-events:none;
  width:clamp(8px,26%,11px);height:clamp(8px,26%,11px);
  background:var(--pres-c);box-shadow:0 0 0 2px var(--void),0 0 8px var(--pres-c),0 0 2px var(--pres-c)}
.prof-avatar[data-pres]::before{width:12px;height:12px;right:-5px;bottom:-5px;
  box-shadow:0 0 0 2px var(--void),0 0 9px var(--pres-c)}


.ulink[data-pres]::after{content:"";display:inline-block;width:6px;height:6px;margin-left:5px;vertical-align:middle;
  background:var(--pres-c);box-shadow:0 0 0 1px var(--void),0 0 5px var(--pres-c);pointer-events:none}
:is(.vw-cav,.sc-fc,.prof-avatar)[data-pres="active"]::before,.ulink[data-pres="active"]::after{content:"" / "active now"}
:is(.vw-cav,.sc-fc,.prof-avatar)[data-pres="open"]::before,.ulink[data-pres="open"]::after{content:"" / "on the site"}













:is(.vw-cav,.sc-fc,.prof-avatar)[data-pres][data-pres-dev="phone"]::before,.ulink[data-pres][data-pres-dev="phone"]::after{
  box-sizing:border-box;width:var(--ph-w);height:var(--ph-h);background:var(--void);
  border:solid var(--pres-c);border-width:var(--ph-t) var(--ph-s) var(--ph-chin)}



:is(.vw-cav,.sc-fc,.prof-avatar)[data-pres][data-pres-dev="phone"]::before{--ph-w:8px;--ph-h:12px;--ph-t:1px;--ph-s:1px;--ph-chin:3px;right:-3px;bottom:-3px}
.prof-avatar[data-pres][data-pres-dev="phone"]::before{--ph-w:10px;--ph-h:14px;--ph-t:2px;--ph-s:2px;--ph-chin:3px;right:-5px;bottom:-5px}
.ulink[data-pres][data-pres-dev="phone"]::after{--ph-w:6px;--ph-h:9px;--ph-t:1px;--ph-s:1px;--ph-chin:2px}
:is(.vw-cav,.sc-fc,.prof-avatar)[data-pres="active"][data-pres-dev="phone"]::before,.ulink[data-pres="active"][data-pres-dev="phone"]::after{content:"" / "active now, on a phone"}
:is(.vw-cav,.sc-fc,.prof-avatar)[data-pres="open"][data-pres-dev="phone"]::before,.ulink[data-pres="open"][data-pres-dev="phone"]::after{content:"" / "on the site, on a phone"}





:is(.vw-cav,.sc-fc,.prof-avatar)[data-pres][data-pres-voice]::before,.ulink[data-pres][data-pres-voice]::after{
  box-sizing:border-box;border:0;width:10px;height:14px;right:-3px;bottom:-3px;box-shadow:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14' shape-rendering='crispEdges'%3E%3Cg fill='%235fc46b'%3E%3Crect x='3' y='0' width='4' height='8'/%3E%3Crect x='1' y='5' width='1' height='4'/%3E%3Crect x='8' y='5' width='1' height='4'/%3E%3Crect x='1' y='9' width='8' height='1'/%3E%3Crect x='4' y='10' width='2' height='2'/%3E%3Crect x='2' y='12' width='6' height='2'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;
  filter:drop-shadow(1px 0 0 var(--void)) drop-shadow(-1px 0 0 var(--void)) drop-shadow(0 1px 0 var(--void)) drop-shadow(0 -1px 0 var(--void))
    drop-shadow(1px 0 0 var(--void)) drop-shadow(-1px 0 0 var(--void)) drop-shadow(0 1px 0 var(--void)) drop-shadow(0 -1px 0 var(--void))
    drop-shadow(0 0 3px var(--pres-active))}




.ulink[data-pres][data-pres-voice]::after{filter:drop-shadow(1px 0 0 var(--void)) drop-shadow(-1px 0 0 var(--void)) drop-shadow(0 1px 0 var(--void)) drop-shadow(0 -1px 0 var(--void)) drop-shadow(0 0 3px var(--pres-active))}
.prof-avatar[data-pres][data-pres-voice]::before{width:12px;height:17px;right:-5px;bottom:-5px}
.ulink[data-pres][data-pres-voice]::after{width:7px;height:10px}
:is(.vw-cav,.sc-fc,.prof-avatar)[data-pres][data-pres-voice]::before,.ulink[data-pres][data-pres-voice]::after{content:"" / "in a call you can join"}





.vw-voters-sheet:has(.vw-mcard){max-height:86%}
.vw-mcard{padding-top:2px}
.vw-mcard .sc-mc{border:1px solid var(--hair-hi)}












.vw-root{--vw-sb:env(safe-area-inset-bottom,0px);--vw-st:env(safe-area-inset-top,0px);
  --vw-tshadow:0 1px 2px #000e,0 0 6px #0009;--vw-gshadow:drop-shadow(0 1px 3px #000)}
.vw-backdrop{background:var(--sunk)}
.vw-ov{position:absolute;left:0;right:0;z-index:2;pointer-events:none;opacity:0;
  transition:opacity .2s ease;color:var(--bright);text-shadow:var(--vw-tshadow)}
.vw-root.vw-in .vw-ov{opacity:1}
.vw-ov a,.vw-ov button,.vw-ov .vw-hosttags,.vw-ov .vw-hostbarrow{pointer-events:auto}

:where(.vw-ov) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.vw-root.vw-in.vw-hidden .vw-ov,.vw-root.vw-in.vw-sheet-open .vw-ov,.vw-root.vw-in.vw-zoomed .vw-ov,
.vw-root.vw-in.vw-dragging-y .vw-ov,.vw-root.vw-in.vw-onpane .vw-ov,.vw-root.vw-in.vw-topane .vw-ov{opacity:0}
.vw-root.vw-hidden .vw-ov *,.vw-root.vw-sheet-open .vw-ov *,.vw-root.vw-zoomed .vw-ov *{pointer-events:none !important}
@media(prefers-reduced-motion:reduce){.vw-ov{transition:none}}


.vw-ov-top{top:0;padding-top:var(--vw-st)}
.vw-ov-top::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(96px + var(--vw-st));z-index:-1;
  background:linear-gradient(rgba(6,7,10,.58) 40%,transparent);pointer-events:none}
.vw-ov-line{height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px 0 12px;margin-top:6px}
.vw-who{display:flex;align-items:center;gap:7px;min-width:0;flex:1 1 auto}
.vw-who-av{flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none}
.vw-ov-top .vw-cav{width:26px;height:26px}
.vw-who-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;
  display:inline-flex;align-items:center;gap:4px;text-shadow:var(--vw-tshadow)}
.vw-priv{flex:0 0 auto;font-size:10.5px;letter-spacing:.06em;color:#c8a6ff}
.vw-hold{flex:0 1 auto;margin-left:8px;font-size:11px;letter-spacing:.04em;color:#e0a046}
.vw-wrap{flex:none}   
.vw-ov-r{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.vw-g .vw-ico{width:20px;height:20px;display:block}
.vw-cplus .vw-ico{width:18px;height:18px;display:block}
.vw-g{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;
  filter:var(--vw-gshadow)}
.vw-more{font-size:22px;line-height:1;letter-spacing:.02em}

.vw-pie-d{display:block;width:22px;height:22px;border-radius:50%;
  background:conic-gradient(var(--bright) 0 var(--p,0%),rgba(255,255,255,.22) var(--p,0%) 100%)}
.vw-pie.over .vw-pie-d{background:var(--gold);box-shadow:0 0 8px var(--gold)}



.vw-pie{overflow:hidden;transition:opacity .25s ease,min-width .3s ease .2s}
.vw-pie.over{opacity:0;min-width:0;width:0;pointer-events:none}
.vw-ov .vw-pie.over{pointer-events:none}
@media(prefers-reduced-motion:reduce){.vw-pie{transition:none}}


.vw-arc{display:none;position:relative;flex-direction:column;align-items:flex-end;justify-content:center;height:30px;
  padding:1px 4px;margin-right:2px;cursor:help;pointer-events:auto;text-shadow:var(--vw-tshadow);-webkit-tap-highlight-color:transparent}
.vw-arc.on{display:inline-flex}
.vw-arc .multbadge.mbcol{font-size:11px}
.vw-arc .qscore{font-size:14px;line-height:1.15;color:var(--bright)}
.vw-arc .qscore.on{color:color-mix(in srgb, var(--bright), #ff8a2a calc(var(--heat,0)*100%))}
.vw-arc .qs-l{display:none}
.vw-arc:focus{outline:none} .vw-arc:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
.vw-arc::after{content:attr(data-tip);display:none;position:absolute;top:calc(100% + 8px);right:0;width:max-content;
  max-width:min(250px,calc(100vw - 24px));white-space:normal;text-align:left;background:rgba(10,11,14,.92);
  box-shadow:0 8px 24px rgba(0,0,0,.5);color:var(--ink);font-size:11px;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;text-shadow:none;
  padding:7px 9px;z-index:6;pointer-events:none}
.vw-arc.tipon::after{display:block}



.vw-quick,.vw-cmenu{padding:6px 0;background:rgba(20,22,28,.62);-webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.45);display:flex;flex-direction:column}


.vw-quick{position:absolute;z-index:5;right:8px;top:calc(var(--vw-st) + 46px);width:180px;border-radius:14px}
.vw-cmenu{position:absolute;z-index:7;right:0;top:calc(100% + 4px);width:200px;text-align:left;white-space:normal}
.vw-cmenu-h{padding:2px 16px 4px;font-size:11px;color:var(--dim)}
.vw-cmenu-msg{padding:2px 16px 4px;font-size:11px;color:var(--bad)}
.vw-cmenu-msg:empty{display:none}
.vw-cmenu .vw-qg{width:16px}
.vw-cmenu .vw-qico{width:16px;height:16px;display:block}
.vw-cmenu .vw-qup{transform:rotate(90deg)}
.vw-qrow.danger,.vw-qrow.danger .vw-qg{color:var(--bad)}
.vw-qrow.armed{font-weight:600;background:color-mix(in srgb,var(--bad) 12%,transparent)}
.vw-qrow{position:relative;display:flex;align-items:center;gap:12px;height:40px;padding:0 16px;font:inherit;font-size:13px;
  color:var(--bright);background:none;border:0;text-align:left;text-decoration:none;cursor:pointer}
.vw-qrow:active{background:rgba(255,255,255,.08)}
.vw-qg{width:16px;text-align:center;color:var(--accent);flex:0 0 auto}


.vw-ov-bot{bottom:0;padding-bottom:var(--vw-sb)}
.vw-ov-bot::before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(124px + var(--vw-sb));z-index:-1;
  background:linear-gradient(transparent,rgba(6,7,10,.58) 60%);pointer-events:none}





.vw-tagline{height:44px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 12px 0 12px}
.vw-tl-l{flex:0 1 auto;min-width:0;height:100%;display:flex;align-items:center;gap:14px;overflow-x:auto;overflow-y:hidden;
  white-space:nowrap;pointer-events:auto;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;
  -webkit-overflow-scrolling:touch}
.vw-tl-l::-webkit-scrollbar{display:none}
.vw-tl-l.vw-tl-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);
  mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.vw-tl-tag{flex:0 0 auto;font-size:13px;opacity:.85;text-decoration:none;text-shadow:var(--vw-tshadow);
  position:relative;-webkit-user-drag:none}
.vw-tl-tag:active{opacity:1}

.vw-tl-tag.nsfw{color:var(--cat-nsfw)}
.vw-tl-tag.nsfl{color:var(--cat-nsfl)}

.vw-tl-tag.tag-suggested{font-style:italic;outline:1px dashed currentColor;outline-offset:3px;margin:0 3px}
.vw-tl-r{flex:0 0 auto;display:flex;align-items:center;gap:12px}
.vw-cmt{gap:6px;font-size:16px;color:var(--bright)}
.vw-cmt .navi{width:22px;height:22px;margin:0}
.vw-cmt-n{font-variant-numeric:tabular-nums}
.vw-share{font-size:27px;line-height:1;color:var(--accent)}

.vw-verdicts>.vw-tl-r>.vw-g{min-width:48px;height:48px}











.vw-verdicts{height:48px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-right:6px}   


.vw-verdicts>.vw-hostbarrow{flex:1 1 auto;min-width:0}
.vw-verdicts>.vw-tl-r{flex:0 0 auto}
.vw-ov-bot .vw-verdicts .verdictvote{display:block;margin:0;padding:0;border:0;background:none;gap:0}
.vw-vc{display:flex;align-items:center;gap:12px;height:48px;padding-left:4px;width:max-content;
  -webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.vw-root .vw-ov-bot .vw-vc>.vw-vc-b{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  font-size:20px;line-height:1;font-family:inherit;color:var(--bright);background:none;border:0;border-radius:0;
  box-shadow:none;padding:0;transform:none;filter:var(--vw-gshadow);text-shadow:none;cursor:pointer;
  -webkit-touch-callout:none;transition:filter .15s ease,color .15s ease}
.vw-root .vw-ov-bot .vw-vc>.vw-vc-mid{min-width:48px;padding:0 6px;font-size:16px;font-weight:400;font-variant-numeric:tabular-nums;
  letter-spacing:0}
.vw-root .vw-ov-bot .vw-vc>.vw-vc-down.on{color:var(--bad)}
.vw-root .vw-ov-bot .vw-vc>.vw-vc-up.on{color:var(--lit-keep,var(--good))}   
.vw-root .vw-ov-bot .vw-vc>.vw-vc-mid.on{color:var(--accent)}
.vw-root .vw-ov-bot .vw-vc>.vw-vc-b.on{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 1px 3px #000)}
.vw-root .vw-ov-bot .vw-vc>.vw-vc-down[aria-disabled="true"],.vw-root .vw-ov-bot .vw-vc>.vw-vc-up[aria-disabled="true"]{opacity:.35;cursor:default}
.vw-root .vw-ov-bot .vw-vc>.vw-vc-b:disabled{opacity:.55}
.vw-root .vw-ov-bot .vw-vc>.vw-vc-b:not(:disabled):not([aria-disabled="true"]):active{transform:scale(.9)}

.vw-hostbarrow,.vw-ov-bot .vw-verdicts .verdictbar,.vw-ov-bot .vw-verdicts .verdictrow{position:static;display:block;margin:0;padding:0;
  border:0;background:none;box-shadow:none;height:48px}
.vw-ov-bot .vw-verdicts .verdictbar{position:relative}
.vw-ov-bot .vw-verdicts .qbarmsg{position:absolute;left:0;right:0;bottom:100%;margin:0 0 34px;text-align:center;font-size:11.5px;
  text-shadow:var(--vw-tshadow)}
.vw-ov-bot .vw-verdicts .qbarmsg:empty{display:none}

.vw-ov-bot .vw-vc .subv-ico{width:20px;height:20px;display:block}
.vw-ov-bot .vw-vc .subv-net .subv-netn{color:inherit;font-size:16px;border:0;font-weight:400}

.vw-root .vw-ov-bot .vw-vc>.subv-btn.is-instant,body.mod-shift .vw-root .vw-ov-bot .vw-vc>.subv-btn,body.subs-shift .vw-root .vw-ov-bot .vw-vc>.subv-btn{color:var(--mult-ink)}

.vw-hosttags{display:flex;align-items:center;min-width:0;position:static}
.vw-hosttags .qtagpanel{padding:0}


.vw-hosttags .qtagpill{display:none}
.vw-hosttags .qtagpanel>div:not(.qtagpill){position:absolute;z-index:3;left:8px;right:8px;bottom:calc(100% + 4px);max-height:46vh;
  overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:10px;border-radius:14px;
  background:rgba(20,22,28,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-shadow:none}
.vw-ov-bot .vw-tl-l:has(.qtagpill[aria-expanded="true"]){overflow:visible;-webkit-mask-image:none;mask-image:none}


.vw-hosttags .vw-grab{position:sticky;top:-10px;z-index:1;margin:-10px -10px 4px;height:22px;display:flex;align-items:center;
  justify-content:center;touch-action:none;cursor:grab;border-radius:14px 14px 0 0;background:rgba(20,22,28,.92)}
.vw-hosttags .vw-grab-bar{width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,.45)}


.vw-tl-add{flex:0 0 auto;min-width:36px;height:36px;justify-content:flex-start;padding:0;margin:0;color:var(--bright)}
.vw-tl-add::after{content:"";position:absolute;left:-12px;top:50%;width:var(--tap-min);height:var(--tap-min);transform:translateY(-50%)}   
.vw-tl-add .navi{width:21px;height:21px;margin:0;display:block}






.vw-root .vw-prog{position:absolute;left:0;right:0;margin:0;padding:0;z-index:4;height:24px;
  bottom:calc(var(--vw-sb) + 48px);display:none;align-items:center;touch-action:none;transition:bottom .2s ease}
.vw-root .vw-prog.on{display:flex}
.vw-root .vw-prog-track{height:2px;border-radius:0;background:rgba(255,255,255,.25)}
.vw-root.vw-scrubbing .vw-prog-track{height:5px}
.vw-root.vw-hidden .vw-prog{bottom:calc(var(--vw-sb) - 11px)}


.vw-scrub-tip{position:absolute;bottom:calc(100% + 10px);left:0;transform:translateX(-50%);display:none;flex-direction:column;
  align-items:center;gap:2px;padding:5px 10px;border-radius:10px;background:rgba(10,11,14,.95);color:var(--bright);
  font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;text-shadow:none}
.vw-root.vw-scrubbing .vw-scrub-tip{display:flex}
.vw-scrub-r{font-size:11px;color:var(--accent)}
.vw-scrub-r:empty{display:none}
.vw-root.vw-scrubbing.vw-paused .vw-pane:nth-child(2)::after{display:none}


.vw-root:not(.vw-sheet-open):not(.vw-dragging-y) .vw-sheet{box-shadow:none}
.vw-root.vw-sheet-open .vw-prog,.vw-root.vw-zoomed .vw-prog,.vw-root.vw-onpane .vw-prog{display:none}
@media(prefers-reduced-motion:reduce){.vw-root .vw-prog{transition:none}}





.vw-root.vw-fs .vw-prog{bottom:calc(var(--vw-sb) - 11px)}
.vw-root.vw-fs.vw-fsidle .vw-ov{opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .45s ease,visibility 0s linear .45s}
@media(prefers-reduced-motion:reduce){.vw-root.vw-fs.vw-fsidle .vw-ov{transition:none}}
.vw-root.vw-fs .vw-ov-top .vw-ov-line,.vw-root.vw-fs .vw-tagline{padding-left:max(12px,env(safe-area-inset-left,0px));
  padding-right:max(6px,env(safe-area-inset-right,0px))}


.vw-ov-bot .vw-muterow{position:absolute;right:10px;bottom:calc(var(--vw-sb) + 126px);display:flex;gap:10px;padding:0;
  justify-content:flex-end;align-items:center}
.vw-ov-bot .vw-mutebtn{width:30px;height:30px}
.vw-ov-bot .vw-muterow>button{border:0;border-radius:50%;
  background:rgba(0,0,0,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;color:#fff;
  display:flex;align-items:center;justify-content:center}
.vw-ov-bot .vw-mutebtn[hidden]{display:none}
.vw-ov-bot .vw-mutebtn.on{color:var(--accent);background:rgba(0,0,0,.34)}

.vw-fsrow{display:flex;align-items:center;gap:12px;min-height:52px;padding:4px 14px;cursor:pointer;color:var(--ink);font-size:13px}


.vw-coinpop{position:absolute;left:50%;top:58%;z-index:6;pointer-events:none;display:flex;align-items:center;gap:6px;
  color:var(--gold);font-size:15px;font-variant-numeric:tabular-nums;text-shadow:var(--vw-tshadow);
  transform:translate(-50%,0);animation:vwcoinpop .6s ease-out forwards}
.vw-coinpop-c{width:12px;height:12px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 6px var(--gold)}
@keyframes vwcoinpop{0%{opacity:0;transform:translate(-50%,6px)}20%{opacity:1;transform:translate(-50%,0)}
  75%{opacity:1}100%{opacity:0;transform:translate(-50%,-14px)}}
@media(prefers-reduced-motion:reduce){.vw-coinpop{animation:none}}




.vw-voters{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;justify-content:flex-end;
  background:rgba(0,0,0,.34);touch-action:none}
.vw-voters-sheet{max-height:62%;display:flex;flex-direction:column;background:var(--panel);color:var(--ink);
  border-radius:16px 16px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.6);padding-bottom:var(--vw-sb);
  transition:transform .2s ease;text-shadow:none}
.vw-voters-grab{flex:0 0 auto;height:28px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}
.vw-voters-bar{width:40px;height:4px;border-radius:2px;background:var(--dim)}
.vw-voters-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:0 16px 14px}
.vw-voters .subv-key{text-align:left;margin:14px 0 4px}
.vw-voters .subv-row{min-height:48px}
@media(prefers-reduced-motion:reduce){.vw-voters-sheet{transition:none}}



.vw-vc-gems{display:flex;align-items:center;height:48px}
.vw-root .vw-ov-bot .vw-vc-gems>.vw-vc-gem{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;gap:5px;
  padding:0 4px;font-family:inherit;font-size:16px;line-height:1;background:none;border:0;border-radius:0;box-shadow:none;
  filter:var(--vw-gshadow);text-shadow:none;cursor:pointer;-webkit-touch-callout:none}
.vw-vc-gem .gicon{width:20px;height:20px}
.vw-vc-gem .vw-vc-gemn{color:var(--bright);font-variant-numeric:tabular-nums}
.vw-root .vw-ov-bot .vw-vc-gems>.vw-vc-gem:active{transform:scale(.9)}

.subv-row.is-gift{grid-template-columns:minmax(0,1fr) 24px}
.subv-row.is-gift .subv-who{justify-content:flex-start}
.subv-stone{display:inline-flex;align-items:center;justify-content:center}
.subv-stone .gicon{width:16px;height:16px}

.vw-giftcard{padding-top:2px}

.vw-qg .vw-qico{width:16px;height:16px;display:block;margin:0 auto}
.vw-qrow.on .vw-qico{fill:currentColor}



.vw-hostrows{display:flex;flex-direction:column;gap:2px;padding:10px 14px}
.vw-hostrow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:13px;
  color:var(--ink)}
.vw-hostk{color:var(--dim)}
.vw-hostbtn{position:relative;font:inherit;font-size:13px;color:var(--accent);background:none;border:0;padding:0;text-align:left;cursor:pointer;
  justify-content:flex-start}
.vw-hostrows .subs-left{min-height:28px;display:flex;align-items:center}



@media(pointer:coarse){
  .vw-g::after,.vw-who-av::after,.vw-ov-bot .vw-mutebtn::after{content:"";position:absolute;left:50%;top:50%;width:var(--tap-min);height:var(--tap-min);transform:translate(-50%,-50%)}
  .vw-tl-tag::after,.vw-hosttags .qtagpill::after,.vw-qrow::after,.vw-hostbtn::after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap-min);transform:translateY(-50%)}
}


.cpriv-item{padding:10px 0 4px;border-bottom:1px solid var(--hair)}
.cpriv-item:last-child{border-bottom:0}
.cpriv-k{font:600 13px var(--ui);color:var(--ink)}
.cpriv-what{margin:2px 0 0}
.cpriv-bank{padding:6px 0 4px}
.cpriv-bank .cset-sw{min-width:64px}
.cpriv-msg{margin:10px 14px}

.cpriv > .csec-line{margin-left:14px;margin-right:14px}
.cpriv .csec-h .cset-k{white-space:nowrap;width:auto;flex:none}
.vw-cbody .ctext.cclamp{max-height:calc(1.25em * 5)}
.vw-cbody .cseemore{margin-top:2px}