:root{--deep:#0e2a47;--ocean:#1f5faf;--teal:#19b3a6;--teal-dark:#0b6f68;--teal-light:#d9f4f1;--grey:#6b7785;--bg:#f6f8fa;--card:#fff;--line:#e3e8ee;--danger:#c2413b;--ink:var(--deep);--seg-on:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-modus=dunkel]{--ink:#e6eef5;--deep:#23476f;--grey:#9aabbc;--bg:#0b1622;--card:#142334;--line:#26384c;--seg-on:#2c4763;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;align-items:center;min-height:100dvh;display:flex}.wrap{flex-direction:column;gap:12px;width:100%;max-width:560px;padding:12px 16px 24px;display:flex}.top{align-items:center;gap:8px;display:flex}.top h1{flex:1;margin:0;font-size:20px;font-weight:800}.card{background:var(--card);border-radius:16px;padding:14px;box-shadow:0 1px 2px #0e2a470f}.muted{color:var(--grey);font-size:14px}.row{align-items:center;gap:8px;display:flex}.btn{appearance:none;font:inherit;background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:12px 16px;font-size:15px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:var(--teal-light);color:var(--teal-dark)}.btn.ghost{color:var(--ink);background:0 0;padding:8px 10px}.btn.danger{color:var(--danger);background:0 0}.btn.block{width:100%}.choice{flex-direction:column;gap:10px;display:flex}.seg{background:var(--line);border-radius:12px;padding:3px;display:flex}.seg button{font:inherit;color:var(--grey);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:8px;font-weight:600}.seg button.on{background:var(--seg-on);color:var(--ink);box-shadow:0 1px 2px #0e2a471a}.input{font:inherit;border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.input:focus{border-color:var(--teal);outline:none}.player{align-items:center;gap:8px;font-weight:700;display:flex}.player .dot{background:var(--grey);border-radius:50%;width:10px;height:10px}.player .dot.on{background:var(--teal)}.player .turn{color:var(--teal-dark);background:var(--teal-light);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:13px;font-weight:700}.banner{background:var(--deep);color:#fff;text-align:center;border-radius:14px;padding:12px 14px;font-weight:700}.toast{background:var(--deep);color:#fff;z-index:10;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.code{letter-spacing:4px;text-align:center;font-size:28px;font-weight:800}.overlay{z-index:20;background:#0e2a4773;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.small{font-size:12px}a{color:var(--ocean)}.dice-home{--d:clamp(44px, 12vmin, 76px);width:calc(var(--d) * (var(--n,1) * 1.3 + .5));height:calc(var(--d) * 1.6);flex:none}.dice-home.flat{justify-content:center;align-items:center;gap:8px;display:flex}@keyframes vk-drop{0%{transform:translateY(var(--from))}to{transform:translateY(0)}}.vk-drop{animation:.32s cubic-bezier(.5,0,.75,0) both vk-drop}