:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#1a1d24;--border:#2a2e38;--text:#e8e9ed;--text-dim:#9a9fab;--accent:#6c5ce7;--accent-hover:#8072ec;--like:#2ecc71;--dislike:#e74c3c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}button{font-family:inherit}.page{flex-direction:column;align-items:center;min-height:100dvh;display:flex}.centered{justify-content:center;align-items:center;min-height:100dvh;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}input:focus{outline:2px solid var(--accent)}.btn{cursor:pointer;color:#fff;background:var(--accent);border:none;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-like{background:var(--like)}.btn-dislike{background:var(--dislike)}.error-text{color:var(--dislike);font-size:14px}.die{cursor:pointer;box-sizing:border-box;background:radial-gradient(circle at 32% 28%,#ff5c5c 0%,#d81f2c 55%,#a5121c 100%);border:none;border-radius:9px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:46px;height:46px;padding:6px;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 3px #7a0d14,0 5px 8px #0006,inset 0 1px 1px #ffffff80}.die:hover{transform:translateY(-1px);box-shadow:0 4px #7a0d14,0 7px 12px #00000073,inset 0 1px 1px #ffffff80}.die:active{transform:translateY(3px);box-shadow:0 0 #7a0d14,0 1px 3px #0006,inset 0 1px 1px #ffffff80}.die-pip{border-radius:50%;place-self:center;width:65%;height:65%}.die-pip.active{background:#fff;box-shadow:inset 0 1px 1px #00000059,0 .5px #fff9}