/*
 * https://yui.dev (c) All Rights Reserved.
 */
@import"https://fonts.googleapis.com/css2?family=SUSE:wght@100..800&display=swap";:root{--green: #5FD564;--orang: #E3B740;--red: #FEA69A;--blue: #84C5E6;--accent-900: #FCF9FD;--accent-800: #F5EAF8;--accent-700: #E6CCED;--accent-600: #D9AFE1;--accent-500: #CC90D4;--accent-400: #BD6DC5;--accent-300: hsl(296, 37%, 45%);--accent-200: hsl(300, 35%, 30%);--accent-100: hsl(303, 34%, 20%);--accent-000: hsl(306, 33%, 12%);--text-900: hsl(250, 12%, 95%);--text-800: hsl(243, 12%, 85%);--text-700: hsl(245, 12%, 70%);--text-600: hsl(243, 12%, 60%);--text-500: hsl(243, 12%, 50%);--text-400: hsl(245, 12%, 40%);--text-300: hsl(242, 12%, 30%);--text-200: hsl(238, 12%, 21%);--text-100: hsl(240, 12%, 16%);--text-000: hsl(237, 12%, 10%);--font-tiny: 1rem;--font-small: 1.25rem;--font-regular: 1.4rem;--font-large: 2rem;--font-larger: 2.5rem}.a900{color:var(--accent-900)}.a800{color:var(--accent-800)}.a700{color:var(--accent-700)}.a600{color:var(--accent-600)}.a500{color:var(--accent-500)}.a400{color:var(--accent-400)}.a300{color:var(--accent-300)}.a200{color:var(--accent-200)}.a100{color:var(--accent-100)}.a000{color:var(--accent-000)}.t900{color:var(--text-900)}.t800{color:var(--text-800)}.t700{color:var(--text-700)}.t600{color:var(--text-600)}.t500{color:var(--text-500)}.t400{color:var(--text-400)}.t300{color:var(--text-300)}.t200{color:var(--text-200)}.t100{color:var(--text-100)}.t000{color:var(--text-000)}.ft{font-size:var(--font-tiny)}.fs{font-size:var(--font-small)}.fr{font-size:var(--font-regular)}.fl{font-size:var(--font-large)}.flr{font-size:var(--font-larger)}*{box-sizing:border-box}::selection{color:var(--text-000);background:var(--text-900)}body,html{color:var(--text-900);font-family:SUSE,sans-serif;image-rendering:pixelated;background:url(/static/img/grid.png),var(--text-000);background-size:16px;padding:0;margin:0}body,html{width:100%;min-height:100%}body{display:flex;flex-direction:column;min-height:100vh}main{display:flex;flex-direction:column;margin:0 auto;max-width:895px;min-width:35vw;font-size:var(--font-regular);margin-top:8rem;padding:16px;gap:2rem;z-index:1}main>h2{margin:0 0 -16px;font-size:var(--font-large);user-select:none}header h1,header .nav,section{box-shadow:8px 8px 0 var(--text-100);background:var(--text-200);padding:1rem}section hr{border:0;margin:4px 0}header{display:flex;user-select:none;flex-direction:column;font-size:var(--font-regular);width:max-content;h1{text-shadow:4px 4px 0 var(--accent-000);width:max-content;font-weight:900;font-size:3rem;padding:0 1rem;margin:0}.nav{display:flex;flex-wrap:wrap;max-width:90vw;padding:.5rem;a{color:var(--text);text-decoration:none;padding:.5rem 1rem;outline:none;&:hover,&:focus{background:var(--text-400)}&.active{background:var(--text-300);font-weight:700}}}}input,button,textarea{color:inherit;font-size:inherit;font-family:inherit;background:0;padding:0;outline:0;margin:0;border:0}.center{text-align:center}img,.ns{user-select:none}b.b{font-weight:900}h1,h2,h3,p{margin:0}a.link{cursor:pointer;color:var(--accent-500);&:hover{text-decoration:none;color:var(--text-900);background:var(--accent-400);box-shadow:4px 4px #000}}a.link:has(.nf){text-decoration:none;span{text-decoration:solid underline}&:hover span{text-decoration:none}}mark{background:var(--accent-200);color:var(--accent-900)}.btn{user-select:none;text-decoration:none;border:2px solid var(--text-900);color:var(--text-900);cursor:pointer;padding:4px 8px;&:hover,&:focus,&.active{background:var(--text-900);color:var(--accent-400)}}.spaced-container{display:flex;gap:16px}.badge{width:88px;height:31px;image-rendering:pixelated;transition:.2s scale cubic-bezier(.075,.82,.165,1);cursor:pointer;&:hover{scale:1.3;rotate:5deg}}.toolbar{margin-left:auto;img{cursor:pointer;opacity:.2;&:hover{opacity:1}}}body.inspect{cursor:crosshair;background:#0c0c0c;main,[data-inspect-text]{background-image:repeating-linear-gradient(45deg,#e3b74020 0px 15px,#e3b74040 15px 32px)}main{position:relative;outline:2px solid var(--orang);outline-offset:-2px;&:before{content:"INSPECT MODE";background:var(--orang);position:absolute;font-weight:900;color:#000;bottom:100%;left:0}&:after{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:99999999;background:#e3b74010}}[data-inspect-text]{outline:2px solid var(--orang);color:var(--orang);cursor:help;*{cursor:help}&:hover{outline-width:4px}}}h2{font-size:var(--font-large);font-weight:900;margin:0}.card{position:relative;display:flex;gap:1rem;div{display:flex;flex-direction:column}.content{justify-content:center;flex-grow:1}}#under_construction{display:flex;align-content:center;align-items:center;gap:1rem;i{font-size:1.5em}}#under_construction{position:relative;img{position:absolute;bottom:8px;right:8px}}.selection{position:fixed;background:#0078d750;border:1px solid #0078d7;pointer-events:none;z-index:999}body:has(.selection){user-select:none;pointer-events:none}.avatar-container{position:relative}.avatar{cursor:pointer;image-rendering:auto;border-radius:100%}.decoration{position:absolute;pointer-events:none;scale:1.5625;image-rendering:auto;animation:.2s decoration-appear cubic-bezier(.175,.885,.32,1.275);display:inline-block}.avatar,.decoration{width:7rem;height:7rem}@keyframes decoration-appear{0%{scale:.9}}@keyframes decoration-disappear{to{scale:.9;opacity:0}}@media screen and (max-width: 600px){.avatar,.decoration{width:5rem;height:5rem}}.badge-container{display:flex;flex-wrap:wrap;justify-content:center}