.super-btn{--super-btn-color:var(--primary);--super-btn-trim:var(--secondary);margin:.4em;letter-spacing:2px;border-radius:8px;color:oklch(from var(--secondary) l c h);font-size:var(--font-size);font-weight:400;font-family:Germania One,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;text-transform:uppercase;text-shadow:0 1px 3px #000;text-align:center;padding:4px 8px;min-width:fit-content;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:600;background:linear-gradient(oklch(from var(--super-btn-color) calc(l*1.3) calc(c*1.2) h),oklch(from var(--super-btn-color) l calc(c*1.2) h),oklch(from var(--super-btn-color) calc(l*.7) calc(c*1.2) h));border-top:4px ridge oklch(from var(--super-btn-trim) calc(l*.9) c h);border-left:4px groove oklch(from var(--super-btn-trim) calc(l*.9) c h);border-right:4px ridge oklch(from var(--super-btn-trim) calc(l*.9) c h);border-bottom:4px groove oklch(from var(--super-btn-trim) calc(l*.9) c h);box-shadow:0 0 2px 2px #ffffff1a;user-select:none;outline:0;transition:box-shadow .3s ease,background-color .25s ease,border .25s ease,color .25s ease}.super-btn.large{font-size:calc(var(--font-size)*1.5);padding:.25em .5em}.super-btn.long{font-size:calc(var(--font-size)*1.25);padding:0 .75em}.super-btn.wide{width:20em}.super-btn.large [data-icon]{font-size:36px!important}.super-btn:hover:not(:disabled),.super-btn:focus:not(:disabled){border-color:oklch(from var(--super-btn-trim) calc(l*1.3) calc(c*1.2) h);box-shadow:0 0 25px 4px oklch(from white l c h/.06);color:oklch(from var(--secondary) calc(l*1.1) c h)}.super-btn:active{border-color:oklch(from var(--super-btn-trim) calc(l*1.2) calc(c*1.2) h);background:oklch(from var(--super-btn-color) calc(l*.9) calc(c*1.2) h);background:linear-gradient(oklch(from var(--super-btn-color) calc(l*.7) calc(c*1.2) h),oklch(from var(--super-btn-color) l calc(c*1.2) h),oklch(from var(--super-btn-color) calc(l*1.1) calc(c*1.2) h));box-shadow:0 0 12px 8px oklch(from white l c h/.06);color:oklch(from var(--secondary) calc(l*1.2) c h)}.super-btn:not(:disabled){translate:0 1px}.super-btn [data-icon]{color:oklch(from var(--secondary) l c h);margin-right:.25em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.75))}.super-btn:hover [data-icon]{color:oklch(from var(--secondary) calc(l*1.1) c h)}.super-btn:disabled{background:oklch(from var(--super-btn-color) calc(l*.8) calc(c*1.2) h);border-top:4px ridge oklch(from var(--super-btn-trim) calc(l*.7) c h);border-left:4px groove oklch(from var(--super-btn-trim) calc(l*.7) c h);border-right:4px ridge oklch(from var(--super-btn-trim) calc(l*.7) c h);border-bottom:4px groove oklch(from var(--super-btn-trim) calc(l*.7) c h);color:oklch(from var(--secondary) calc(l*.7) c h)}.super-btn:disabled [data-icon]{color:oklch(from var(--secondary) calc(l*.7) c h)}button:not(.super-btn,.game-btn){width:calc(30px*var(--scale, 1));height:calc(30px*var(--scale, 1));border-radius:.5em;border:0;padding:0;transition:scale 25ms ease-out,background 25ms ease-out,translate 25ms ease-out;display:flex;justify-content:center;align-items:center}button:active:not(.super-btn,.game-btn){scale:.98;translate:0 1px;background-color:#ccc}.game-btn{border-radius:12px;background:#0000004d;border:0;color:#fff;font-size:var(--font-size)}.game-btn:active{background:#32323280}button.clear-btn{background:0 0;border:0;font-size:var(--font-size);color:#fff;min-width:fit-content;display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:calc(1em*var(--scale, 1));height:calc(1em*var(--scale, 1))}.clear-btn:disabled{opacity:.25}.clear-btn:active:disabled{scale:1;translate:0 0}.clear-btn:active{background:0 0!important}input[type=text],input[type=password]{border-radius:8px;margin:auto;display:block;width:100%;font-size:var(--font-size);font-weight:500;color:#000;background:oklch(from var(--secondary) calc(l*1.5) calc(c/4) calc(h/4));border-top:3px ridge oklch(from var(--secondary) calc(l*.85) c h);border-left:3px groove oklch(from var(--secondary) calc(l*.85) c h);border-right:3px ridge oklch(from var(--secondary) calc(l*.85) c h);border-bottom:3px groove oklch(from var(--secondary) calc(l*.85) c h);box-shadow:0 0 2px 2px #ffffff1a;transition:box-shadow .5s ease,background-color .25s ease,border .25s ease;letter-spacing:1px;position:relative;max-width:24ch;overflow:hidden;-webkit-focus-ring-color:none;margin-top:.2rem;padding:.25rem .5rem}input[type=text]:focus-visible,input[type=password]:focus-visible{border-color:oklch(from var(--secondary) calc(l*1.3) calc(c*1.2) h);background:oklch(from var(--secondary) calc(l*3.5) calc(c*.95) h);box-shadow:0 0 12px 8px oklch(from white l c h/.1);outline:0}input::-webkit-input-placeholder{color:#000e;font-weight:400;text-shadow:none}label>input[type=radio]{font-size:small}input[type=range]{box-shadow:none}@font-face{src:url(/fonts/GermaniaOne-Regular.woff2)format("woff2");font-family:Germania One;font-style:normal}html{min-height:100vh;font-size:var(--font-size, 16px)}body{background:radial-gradient(ellipse at bottom right in oklch,oklch(from rgb(var(--dark)) calc(l/2) calc(c*1.2) h)0,oklch(from rgb(var(--dark)) calc(l*.9) calc(c/.8) h));color:#eee;height:100%;font-family:Germania One,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}*{accent-color:oklch(from var(--secondary) l c h);scroll-behavior:smooth;scrollbar-color:oklch(from var(--secondary) l c h) oklch(from rgb(var(--dark)) l c h);scrollbar-width:thin;-webkit-tap-highlight-color:transparent}*,:before,:after{margin:0;box-sizing:border-box}.wide{width:100%;margin-left:0;margin-right:0}.top-right{position:absolute;top:0;right:0;display:flex}.margin,.spacer{margin:1rem}a{color:oklch(from rgb(var(--accent)) calc(l*1.2) calc(c*1.2) h);text-decoration:none;transition:color .3s}.flex{display:flex;gap:.25rem}.column{flex-direction:column}