@charset "UTF-8";@font-face{font-family:Troubleside;src:url(/assets/fonts/Troubleside.woff2);font-display:swap}:root{--blur: 1ch;--t: .133333334s;--surface: hsl(203.44 8% 16%);--surface-avarage: oklch(from var(--avarage-color, var(--surface)) .2 .0256 h);--text: hsl(200 5% 80%);--dot-color: #000;--bg-1: var(--gl) 0px 0px / 4px 4px;--gl: radial-gradient(circle 1px at 0px 0px, var(--dot-color) 1px, transparent 0);color-scheme:light dark;background-color:var(--surface);color:var(--text);block-size:100%;font-size:16px}:root.truemode{--surface: #000}@media (prefers-color-scheme: light){:root{--surface-avarage: oklch(from var(--avarage-color, #ffd60a) 1 .016 h);--surface: #f7fcff;--text: #010102}:root.truemode{--surface: #fff}}:root:has(gamepad-cursor.visible){cursor:none}body{min-block-size:100%;min-inline-size:100%;margin:0;font-family:system-ui,sans-serif;display:grid}*,*:after,*:before{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--text) var(--surface)}@media (prefers-reduced-motion: reduce){*{transition:unset!important}}input{--q: 1;-webkit-user-select:none;user-select:none;border:0;font:inherit;color:inherit;padding-inline:calc(var(--q) * 1ch);padding-block:calc(var(--q) * 1ch);border-radius:.5ch}a{color:#4081b1;text-decoration:none;transition:all var(--t) ease-in-out}a:hover{color:#ffd60a}@media (prefers-color-scheme: light){a:hover{color:#caa902}}a[target=_blank]:after{content:" \2197";font-size:.8em;opacity:.8;vertical-align:super}:root{--ratio: 257/364;--accent: #ffd60a;--avarage-l: .64;--avarage-l-2: .48}@media (prefers-color-scheme: light){:root{--accent: #166496}}:root{--avarage: oklch(from var(--avarage-color, #c3d3e3) var(--avarage-l) .0192 h);--border-size: .2rem;--border-color: oklch(from var(--avarage) var(--avarage-l) c h);--shadow-color: oklch(from var(--avarage) var(--avarage-l-2) c h);--shadow-distance: var(--border-size) var(--border-size);--shadow-distance-2: calc(var(--border-size) * 2) calc(var(--border-size) * 2);--shadow-1: 1px 1px var(--surface), var(--shadow-distance) var(--shadow-color);--shadow-2: 2px 2px var(--surface), var(--shadow-distance-2) var(--shadow-color);--text-shadow-1: 1px 1px var(--surface), var(--shadow-distance) var(--shadow-color);--text-shadow-1: 2px 2px var(--surface), var(--shadow-distance-2) var(--shadow-color);--filter-shadow-1: drop-shadow(1px 1px var(--surface)) drop-shadow(var(--shadow-distance) var(--shadow-color))}::selection{background:var(--accent);color:var(--surface)}