@font-face{font-family:Alegreya;src:url(/fonts/Alegreya.woff2)format("woff2");font-weight:400 900;font-display:swap}html{font-variant-numeric:lining-nums}:root{--ok-night:#0b0d14;--ok-panel:#232845;--ok-panel-2:#161a2e;--ok-wood:#b0703c;--ok-wood-2:#7f4a22;--ok-frame:#8a5428;--ok-ink:#2b160a;--ok-bone:#f3e7d3;--ok-cream:#ffeccc;--ok-ember:#ffb15c;--ok-ember-2:#f08a2c;--ok-mist:#8f93a6;--ok-font:Alegreya, Georgia, "Times New Roman", serif;--ok-hp:#e35a4c;--ok-hp-2:#a92d25;--ok-xp:#7fd1ff;--ok-xp-2:#3b8fd6;--ok-good:#8fe08a;--ok-good-2:#4f9a3e;--ok-gold:#f2c94c;--ok-warn:#ffd166;--ok-danger:#d6453a;--ok-danger-2:#9a2a22;--fs-label:calc(12px * var(--ts,1));--fs-body:calc(15px * var(--ts,1));--fs-num:calc(20px * var(--ts,1));--fs-title:calc(28px * var(--ts,1));--ok-press:.12s;--ok-pop:.2s;--ok-ease-pop:cubic-bezier(.34, 1.56, .64, 1)}.ok-sign{font-family:var(--ok-font);color:var(--ok-cream);border:5px solid var(--ok-ink);text-shadow:0 2px 0 var(--ok-ink);background:repeating-linear-gradient(0deg, transparent 0 9px, #0000001f 9px 11px), linear-gradient(var(--ok-wood), var(--ok-wood-2));box-shadow:0 7px 0 var(--ok-ink), inset 0 3px 0 #ffdcaa59;border-radius:16px;padding:.5em 1.9em;font-weight:600;display:inline-block;position:relative}.ok-sign:before,.ok-sign:after{content:"";border:2px solid var(--ok-ink);background:radial-gradient(circle at 35% 35%,#e8e8f0,#6b6f80);border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%}.ok-sign:before{left:10px}.ok-sign:after{right:10px}.ok-sign.tilt{transform:rotate(-1.5deg)}.ok-panel{font-family:var(--ok-font);color:var(--ok-bone);background:linear-gradient(var(--ok-panel), var(--ok-panel-2));border:10px solid var(--ok-frame);box-shadow:0 0 0 4px var(--ok-ink), inset 0 0 0 4px var(--ok-ink), 0 9px 0 4px var(--ok-ink), 0 20px 30px #00000080;border-radius:26px;padding:18px 26px;font-weight:500;line-height:1.5;position:relative}.ok-btn{font-family:var(--ok-font);font-weight:600;font-size:calc(1.1rem * var(--ts,1));color:#3b1a06;cursor:pointer;border:4px solid var(--ok-ink);background:linear-gradient(#ffcf7a, var(--ok-ember-2));box-shadow:0 6px 0 var(--ok-ink);min-height:48px;transition:transform var(--ok-press), box-shadow var(--ok-press), filter var(--ok-press);border-radius:999px;padding:.55em 1.6em}.ok-btn:hover{filter:brightness(1.06)}.ok-btn:active{box-shadow:0 1px 0 var(--ok-ink);transform:translateY(5px)}.ok-btn:disabled{opacity:.5;cursor:default;filter:none;transform:none}.ok-btn.alt{color:var(--ok-bone);background:linear-gradient(#3a4166,#232845)}.ok-btn.danger{background:linear-gradient(var(--ok-danger), var(--ok-danger-2));color:var(--ok-cream)}.ok-btn.icon{width:48px;height:48px;font-size:calc(1.3rem * var(--ts,1));color:var(--ok-bone);box-shadow:0 4px 0 var(--ok-ink);background:linear-gradient(#3a4166,#232845);border-width:3px;place-items:center;padding:0;line-height:1;display:inline-grid}.ok-btn.icon:active{box-shadow:0 1px 0 var(--ok-ink);transform:translateY(3px)}.ok-btn.icon.off{opacity:.45}.ok-btn.ghost{box-shadow:none;color:var(--ok-mist);font-size:var(--fs-body);background:0 0;border:0;padding:12px;text-decoration:none}.ok-btn.ghost:hover{color:var(--ok-ember);filter:none}.ok-btn.ghost:active{transform:none}.ok-btn:focus-visible,.ok-focus:focus-visible,summary:focus-visible{outline:3px solid var(--ok-ember);outline-offset:3px}.ok-note{font-family:var(--ok-font);color:var(--ok-ember);letter-spacing:.12em;text-transform:uppercase;font-weight:600}