:root{--bg: #0d0f12;--panel: rgba(18, 21, 25, .88);--panel-solid: #15181c;--text: #e8ebee;--dim: #8a939c;--teal: #2e93a8;--ice: #a9d8e6;--sand: #e9c36f;--line: #262b31;--plate: rgba(8, 10, 12, .78);--glow: rgba(169, 216, 230, .35);--tint: rgba(46, 147, 168, .08);--onbg: #e8ebee;--onbg-dim: #8a939c;--onbg-link: #a9d8e6;--font: "Segoe UI", system-ui, sans-serif;--banner: url(../img/banner-main.png)}html[data-theme=light]{--bg: #c9ced4;--panel: rgba(255, 255, 255, .85);--panel-solid: #f2f4f6;--text: #23282d;--dim: #5d6670;--teal: #3a6ea5;--ice: #b3500f;--sand: #b8860b;--line: #9aa3ad;--plate: rgba(255, 255, 255, .85);--glow: rgba(194, 90, 30, .3);--tint: rgba(58, 110, 165, .1);--onbg: #1d2126;--onbg-dim: #4a525b;--onbg-link: #a33f0f}html[data-theme=classic]{--bg: #041b2f;--panel: rgba(244, 244, 246, .94);--panel-solid: #f7f8fa;--text: #23282d;--dim: #5a6672;--teal: #0f274d;--ice: #0e7d90;--sand: #3b1462;--line: #cdd4dc;--plate: rgba(255, 255, 255, .85);--glow: rgba(74, 199, 219, .45);--tint: rgba(74, 199, 219, .12);--onbg: #eef5f9;--onbg-dim: #c0cdd7;--onbg-link: #a9e4f0;--banner: url(../img/banner-classic.png)}html[data-theme=classic] body{background:linear-gradient(#041b2f40,#041b2f73),url(../img/backgrounds/bg-ocean.jpg) center center / cover no-repeat fixed,var(--bg)}html[data-theme=classic] .panel{background-color:var(--panel-solid);background-image:url(../img/backgrounds/bg-card2-mirror.png);background-repeat:repeat-x;background-position:right top}html[data-theme=dark] body{background:url(../img/backgrounds/background-2000.jpg) center center / cover no-repeat fixed,var(--bg)}html[data-theme=light] body{background:url(../img/backgrounds/background-2000.jpg) center center / cover no-repeat fixed,var(--bg)}html[data-theme=graffiti]{--banner: url(../img/banner-graffiti.png)}html[data-theme=graffiti] body{background:radial-gradient(ellipse at top,var(--tint),transparent 60%),linear-gradient(#0d0f12d1,#0d0f12d1),url(../img/backgrounds/background-graffiti.jpg) center center / cover no-repeat fixed,var(--bg)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(14px,12px + .4vw,20px)}body{min-width:320px;min-height:100vh;background:radial-gradient(ellipse at top,var(--tint),transparent 60%),var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;transition:background .2s,color .2s}.skipLink{position:fixed;top:.5rem;left:-100rem;z-index:100;padding:.5rem .9rem;background:var(--panel-solid);color:var(--text);border:1px solid var(--line);border-radius:3px}.skipLink:focus{left:.5rem}main:focus{outline:none}a{color:var(--ice);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:62rem;margin:0 auto;padding:1.2rem 1.2rem 3rem;position:relative;z-index:1}#fxCanvas{position:fixed;inset:0;z-index:0;pointer-events:none}header{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.8rem 1.4rem;min-height:15rem;padding:1rem 1.2rem 1.2rem;border:1px solid var(--line);border-radius:3px;margin-bottom:1.4rem;position:relative;background:var(--banner) center center / cover no-repeat}header .siteTitle{color:#e8ebee;text-shadow:0 2px 4px rgba(8,10,12,.9),0 0 14px rgba(8,10,12,.6);position:absolute;top:1rem;left:1.2rem;display:inline-flex;align-items:center;min-height:1.85rem;line-height:1;margin-bottom:0}header .siteTitle a:hover{color:#a9d8e6}.siteTitle{font-size:1.3rem;letter-spacing:.15em;font-weight:700;color:var(--onbg)}.siteTitle a{color:inherit}.siteTitle a:hover{text-decoration:none;color:var(--ice)}.siteTitle .tld{color:var(--ice)}nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-basis:100%}nav a,#themeBtn,.navDropBtn,#navToggle{display:inline-flex;align-items:center;gap:.45rem;line-height:1;padding:.5rem .9rem;background:var(--panel);border:1px solid var(--line);border-radius:3px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);transition:color .15s,border-color .15s}nav a:hover{border-color:var(--ice);color:var(--ice);text-decoration:none}nav a.active{border-color:var(--ice);color:var(--ice);box-shadow:0 0 10px var(--glow)}header .themeDrop{display:block;position:absolute;top:1rem;right:1.2rem;z-index:30}.themeDrop .navDropMenu{left:auto;right:0}#themeBtn{cursor:pointer;font-family:inherit}#themeBtn:hover{border-color:var(--ice);color:var(--ice)}.themeOpt{display:block;width:100%;text-align:left;padding:.5rem .9rem;background:transparent;border:0;border-radius:3px;font-family:inherit;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);cursor:pointer;white-space:nowrap}.themeOpt:hover{background:var(--panel);color:var(--ice)}.themeOpt.active{color:var(--ice)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:1.2rem;margin-bottom:1.4rem}.panelTitle{display:block;font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:0 0 .9rem}.homeGrid{display:grid;grid-template-columns:minmax(16rem,2fr) 3fr;gap:1.4rem;align-items:stretch}@media(max-width:46rem){.homeGrid{grid-template-columns:1fr}}.homeGrid .panel{margin-bottom:0}.homeGrid+*{margin-top:1.4rem}.profileCard{display:flex;flex-direction:column}.profileHead{margin-bottom:1.1rem}.profileHead h1{font-size:1.6rem;letter-spacing:normal;margin:0 0 .1rem}.profileHead h1 .hl{color:var(--teal)}.roleLine{display:flex;align-items:flex-start;gap:.35rem;margin:0;font-style:italic;line-height:1.5;color:var(--dim)}.roleLead{flex-shrink:0}.roles{position:relative;flex:1;min-width:0;height:1.5em}.roles span{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;line-height:1.5;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roles span.roleOn{opacity:1}.profileTop{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:center;margin-bottom:1.1rem}.profileStats{min-width:0;display:flex;flex-direction:column;gap:.7rem}.profileCard img{width:100%;height:auto;aspect-ratio:1;border-radius:3px;border:1px solid var(--line);object-fit:cover;filter:drop-shadow(0 6px 24px rgba(0,0,0,.35))}.liveStatus{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.liveDot{width:.55rem;height:.55rem;border-radius:50%;background:var(--line);flex-shrink:0}.liveStatus[data-live=true]{color:#46d160}.liveStatus[data-live=true] .liveDot{background:#46d160;box-shadow:0 0 #46d16099;animation:livePulse 1.8s ease-out infinite}@keyframes livePulse{70%{box-shadow:0 0 0 .4rem #46d16000}to{box-shadow:0 0 #46d16000}}.followers{font-size:.85rem}.folLabel{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:.3rem}.folRow{display:flex;justify-content:space-between;gap:1rem;line-height:1.5}.folNet{color:var(--dim)}.folNum{color:var(--text);font-variant-numeric:tabular-nums}.contact{margin:.8rem 0 0}.contact a{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;padding:.5rem .85rem;border:1px solid var(--teal);border-radius:3px;color:var(--text);background:var(--panel-solid);transition:color .15s,border-color .15s,box-shadow .15s}.contact a:hover{border-color:var(--ice);color:var(--ice);box-shadow:0 0 10px var(--glow);text-decoration:none}.contact svg{width:1rem;height:1rem;fill:currentColor;flex-shrink:0}.socialRow{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto}.socialRow a{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--teal);border-radius:3px;color:var(--text);background:var(--panel-solid);transition:color .15s,border-color .15s,box-shadow .15s}.socialRow a:hover{border-color:var(--ice);color:var(--ice);box-shadow:0 0 10px var(--glow);text-decoration:none}.socialRow svg{width:1.1rem;height:1.1rem;fill:currentColor}.twitchPanel{display:flex;flex-direction:column}.embedBox{position:relative;flex:1;min-height:12rem;aspect-ratio:16 / 9;background:var(--panel-solid);border:1px solid var(--line);border-radius:3px;overflow:hidden}.embedBox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.embedFallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--dim);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.cta{display:inline-block;padding:.7rem 2.2rem;border:2px solid var(--text);border-radius:3px;color:var(--text);font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;background:var(--panel);transition:background .15s,color .15s}.cta:hover{background:var(--text);color:var(--bg);text-decoration:none}.linkGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.6rem}.linkGrid a{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .9rem;background:var(--panel-solid);border:1px solid var(--line);border-left:3px solid var(--accent, var(--teal));border-radius:3px;transition:border-color .15s}.linkGrid a:hover{border-color:var(--ice);text-decoration:none}.linkGrid .linkName{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.linkGrid .linkDesc{font-size:.72rem;color:var(--dim)}.buttonWall{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.buttonWall a{display:inline-block;line-height:0;border:1px solid var(--line);border-radius:3px;transition:border-color .15s,box-shadow .15s}.buttonWall a:hover{border-color:var(--ice);box-shadow:0 0 10px var(--glow)}.buttonWall img{width:176px;height:62px;image-rendering:pixelated;display:block}.buttonWall a.noArt{width:176px;height:62px;line-height:62px;text-align:center;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);background:var(--panel-solid);border-style:dashed}.bannerWall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.2rem;align-items:start}@media(max-width:46rem){.bannerWall{grid-template-columns:1fr}}.bannerItem{display:flex;flex-direction:column;align-items:center;gap:.35rem}.bannerItem a{max-width:100%}.bannerWall a{display:inline-block;line-height:0;max-width:100%;border:1px solid var(--line);border-radius:3px;transition:border-color .15s,box-shadow .15s}.bannerWall a:hover{border-color:var(--ice);box-shadow:0 0 10px var(--glow)}.bannerWall img{width:468px;max-width:100%;height:auto;display:block}.bannerWall a.noArt{width:468px;max-width:100%;height:60px;line-height:60px;text-align:center;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);background:var(--panel-solid);border-style:dashed}.bannerWall .bannerDesc{font-size:.72rem;color:var(--dim);text-align:center}.moreLink{display:inline-block;margin-top:.9rem;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.artGrid{columns:3;column-gap:.8rem}@media(max-width:46rem){.artGrid{columns:2}}@media(max-width:30rem){.artGrid{columns:1}}.artItem{break-inside:avoid;margin-bottom:.8rem;background:var(--panel-solid);border:1px solid var(--line);border-radius:3px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.artItem:hover{border-color:var(--ice);box-shadow:0 0 10px var(--glow)}.artItem img{width:100%;display:block;cursor:zoom-in}.artItem .credit{padding:.35rem .6rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--line)}.artItem .credit a{color:var(--ice)}#lightbox{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;background:#080a0ceb;cursor:zoom-out;padding:2rem}#lightbox.open{display:flex}#lightbox img{max-width:100%;max-height:85vh;border:1px solid var(--line);border-radius:3px}#lightbox .credit{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#e8ebee}#lightbox .credit a{color:#a9d8e6}.page h1{font-size:1.4rem;letter-spacing:.02em;margin-bottom:.3rem}.page .sub{color:var(--dim);font-size:.85rem;margin-bottom:1.4rem}.page h2{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);border-bottom:1px solid var(--line);padding-bottom:.4rem;margin:1.6rem 0 .9rem}.page h3{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin:1.1rem 0 .5rem}.page p{font-size:.9rem;margin-bottom:.8rem}.placeholder{border:1px dashed var(--line);border-radius:3px;padding:.9rem;color:var(--dim);font-size:.85rem;font-style:italic}ul.cmds{list-style:none;columns:2;column-gap:2rem}@media(max-width:46rem){ul.cmds{columns:1}}ul.cmds li{break-inside:avoid;padding:.3rem 0;font-size:.85rem}ul.cmds b{display:inline-block;font-family:Consolas,Cascadia Mono,monospace;font-size:.8rem;color:var(--ice);font-weight:400;background:var(--panel-solid);border:1px solid var(--line);border-radius:3px;padding:.15rem .5rem;margin-right:.4rem}ul.cmds span{color:var(--dim)}ul.specs{list-style:none}ul.specs li{padding:.3rem 0;font-size:.9rem;border-bottom:1px dashed var(--line)}ul.specs li:last-child{border-bottom:0}ul.specs b{display:inline-block;min-width:9rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:400}footer{background:var(--plate);border:1px solid var(--line);border-radius:3px;margin-top:2rem;padding:.8rem 1.2rem;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;justify-content:center;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--onbg-dim)}footer a{color:var(--onbg-link)}html[data-theme=classic] footer{color:var(--dim)}html[data-theme=classic] footer a{color:var(--ice)}footer .dot:before{content:"·";margin-right:1.2rem}.errorBox{text-align:center;padding:3rem 1rem 4rem}.errorBox .code{font-size:clamp(3rem,12vw,6rem);letter-spacing:.15em;color:var(--teal);font-weight:700;line-height:1}.errorBox p{color:var(--onbg-dim);margin:1rem 0 2rem}.errorBox .cta{border-color:var(--onbg);color:var(--onbg);background:transparent}.errorBox .cta:hover{background:var(--onbg);color:var(--bg)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}.navDrop{position:relative}.navDropBtn{cursor:pointer;font-family:inherit}.navDropBtn .caret{font-size:.6rem;line-height:1;transition:transform .15s}.navDrop.open .navDropBtn .caret{transform:rotate(180deg)}.navDropBtn:hover,.navDrop.open .navDropBtn{border-color:var(--ice);color:var(--ice)}.navDropBtn.active{border-color:var(--ice);color:var(--ice);box-shadow:0 0 10px var(--glow)}.navDropMenu{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:30;min-width:100%;flex-direction:column;gap:2px;padding:4px;background:var(--panel-solid);border:1px solid var(--line);border-radius:3px}.navDrop.open .navDropMenu{display:flex}nav .navDropMenu a{border:0;background:transparent;box-shadow:none;white-space:nowrap}nav .navDropMenu a:hover{background:var(--panel)}nav .navDropMenu a.active{color:var(--ice)}.refGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:.5rem}@media(max-width:46rem){.refGrid{grid-template-columns:1fr}}.refGrid .artItem{margin-bottom:0}.shotGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.8rem}.shotGrid .artItem{margin-bottom:0}.shotGrid img{aspect-ratio:16 / 9;object-fit:cover}#navToggle{display:none;cursor:pointer;font-family:inherit;margin-left:auto}.panel.centered{text-align:center}.panel.centered .buttonWall{justify-content:center}@media(max-width:46rem){#navToggle{display:inline-flex}header nav{display:none}header{position:relative;min-height:13rem;background:var(--banner) center center / cover no-repeat}header .siteTitle{position:static;margin-bottom:0}header nav.open{display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;flex-direction:column;align-items:stretch;gap:.5rem;padding:.6rem;background:var(--panel-solid);border:1px solid var(--line);border-radius:3px}nav a,nav .navDropBtn{width:100%;justify-content:flex-start}.themeDrop .navDropBtn{display:inline-flex;width:auto}.themeDrop .navDropMenu{display:none!important;position:absolute;top:calc(100% + 4px);right:0;left:auto;flex-direction:column;gap:2px;padding:4px;min-width:max-content;background:var(--panel-solid);border:1px solid var(--line);border-radius:3px}.themeDrop.open .navDropMenu{display:flex!important}.themeDrop .themeOpt{width:100%;border:0;background:transparent}.navDropBtn{display:none}.navDrop{display:contents}.navDropMenu{display:flex!important;position:static;flex-direction:column;gap:.5rem;padding:0;border:0;background:transparent;min-width:0}nav .navDropMenu a{border:1px solid var(--line);background:var(--panel);padding:.5rem .9rem}.linkGrid{grid-template-columns:repeat(2,1fr)}.linkGrid .linkDesc{display:none}.linkGrid .linkName{font-size:.9rem}}.page ul:not(.cmds):not(.specs){padding-left:1.4rem;margin-bottom:.8rem;font-size:.9rem}.sortBtn{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.5rem .9rem;background:var(--panel-solid);border:1px solid var(--line);border-radius:3px;font-family:inherit;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);cursor:pointer;transition:color .15s,border-color .15s}.sortBtn:hover{border-color:var(--ice);color:var(--ice)}.dlBtn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.1rem;background:var(--panel-solid);border:1px solid var(--teal);border-radius:3px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);transition:color .15s,border-color .15s,box-shadow .15s}.dlBtn:hover{border-color:var(--ice);color:var(--ice);box-shadow:0 0 10px var(--glow);text-decoration:none}.linkback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.6rem}@media(max-width:46rem){.linkback{grid-template-columns:1fr}}.linkbackItem{display:flex;flex-direction:column;gap:.6rem;padding:.9rem;background:var(--panel-solid);border:1px solid var(--line);border-radius:3px}.linkbackItem .lbLabel{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.lbPreview{display:flex;align-items:center;justify-content:center;min-height:62px;padding:.5rem;background:var(--plate);border:1px solid var(--line);border-radius:3px}.lbPreview img{max-width:100%;height:auto;display:block}.lbPreview img.pixel{image-rendering:pixelated}.codeField{display:flex;flex-direction:column;gap:.4rem}.codeBox{width:100%;resize:vertical;padding:.5rem .7rem;font-family:Consolas,Cascadia Mono,monospace;font-size:.72rem;line-height:1.5;color:var(--text);background:var(--panel-solid);border:1px solid var(--line);border-radius:3px;white-space:pre-wrap;word-break:break-word}.codeBox:focus{outline:none;border-color:var(--ice);box-shadow:0 0 10px var(--glow)}.copyBtn{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem;font-family:inherit;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:var(--panel-solid);border:1px solid var(--line);border-radius:3px;cursor:pointer;transition:color .15s,border-color .15s}.copyBtn:hover{border-color:var(--ice);color:var(--ice)}.copyBtn.copied{border-color:var(--teal);color:var(--teal)}#randomArt .artItem,#randomShot .artItem{display:inline-block;max-width:100%;margin:0 auto;text-align:left}#randomArt,#randomShot{display:flex;align-items:center;justify-content:center}#randomArt img,#randomShot img{width:auto;max-width:100%;max-height:18rem}.widgetRow{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.4rem}.widgetRow .panel{display:flex;flex-direction:column;margin-bottom:0}.widgetRow #randomArt,.widgetRow #randomShot{flex:1}@media(max-width:46rem){.widgetRow{grid-template-columns:1fr}}.cmdChips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-family:Consolas,Cascadia Mono,monospace;font-size:.8rem;color:var(--ice);background:var(--panel-solid);border:1px solid var(--line);border-radius:3px;padding:.25rem .55rem}.accessTag{font-size:.6rem;letter-spacing:.1em;border:1px solid var(--line);border-radius:3px;padding:.1rem .35rem;margin-left:.5rem;vertical-align:middle}.accessTag.free{color:var(--teal)}.accessTag.vip{color:var(--sand)}.accessTag.mod{color:var(--dim)}.cmdFilter{width:min(20rem,100%);padding:.5rem .9rem;font-family:Consolas,Cascadia Mono,monospace;font-size:.85rem;color:var(--text);background:var(--panel-solid);border:1px solid var(--line);border-radius:3px;margin-bottom:.4rem}.cmdFilter:focus{outline:none;border-color:var(--ice);box-shadow:0 0 10px var(--glow)}.cmdFilter::placeholder{color:var(--dim)}.cmdHidden{display:none!important}
