:root{--ink: #2e3138;--ink-2: #4a4e5a;--ink-3: #32373c;--sky: #99bedc;--sky-2: #cee9fe;--paper: #f6f4ee;--wall: #9cc0e0;--glass: rgba(240, 246, 252, .82);--glass-line: rgba(255, 255, 255, .75);--glass-shadow: 0 24px 60px rgba(20, 30, 45, .28), inset 0 1px 0 rgba(255, 255, 255, .8);--panel-dark: rgba(46, 49, 56, .94);--text-on-dark: #eeeadd;--muted-on-dark: #b9c6d3;--muted: #5f6b7a;--line: rgba(46, 49, 56, .14);--ok: #1f8a5b;--warn: #c98a1b;--bad: #b3452f;--gold: #d9a441;--c-life-pos: #6f8f79;--c-life-pos-bg: #dfe9df;--c-life-pos-ink: #3b5a45;--c-life-neg: #cf7a6a;--c-life-neg-bg: #f3dcd6;--c-life-neg-ink: #6a3a32;--c-handling: #3f6f9f;--c-handling-bg: #d9e8f6;--c-handling-ink: #2b4c6e;--c-reaktion: #8f86b6;--c-reaktion-bg: #e6e1f3;--c-reaktion-ink: #4d4470;--c-direkt: #c8574a;--c-direkt-bg: #f4d6d0;--c-direkt-ink: #8a2e24;--c-atgard: #2e3a52;--c-atgard-bg: #dde4ee;--c-atgard-ink: #2e3a52;--c-kfm: #6b7686;--c-kfm-bg: #ece6d8;--c-kfm-ink: #3d4451;--desk-image: url(/img/bordsyta-bricka.webp);--desk-1: #6a8fb5;--desk-2: #4f7699;--card-bg: #fbfaf7;--card-bg-2: #f3f1ec;--card-line: rgba(46, 49, 56, .1);--shadow-card: 0 1px 2px rgba(20, 30, 45, .14), 0 8px 20px rgba(20, 30, 45, .18);--shadow-lift: 0 2px 6px rgba(20, 30, 45, .18), 0 18px 38px rgba(20, 30, 45, .26);--z-desk: 0;--z-seat: 1;--z-seat-active: 3;--z-bar: 14;--z-bottom: 16;--z-history: 18;--z-show: 30;--z-zoom: 38;--z-interlude: 40;--z-result: 45;--z-menu: 50;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-card: 14px;--shadow-1: 0 2px 8px rgba(20, 30, 45, .14);--shadow-2: 0 8px 24px rgba(20, 30, 45, .22);--t-fast: .16s;--t-med: .32s;--t-slow: .56s;--ease: cubic-bezier(.2, .7, .2, 1);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media(prefers-reduced-motion:reduce){:root{--t-fast: 0ms;--t-med: 0ms;--t-slow: 0ms}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font:15px/1.4 var(--font);color:var(--ink);background:var(--wall);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#app{min-height:100vh;min-height:100dvh}[hidden]{display:none!important}button{font:inherit;border:0;cursor:pointer;background:none;color:inherit;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input,select{font:inherit}a{color:#2f6ea8}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-md);font-weight:700;font-size:15px;letter-spacing:.2px;background:var(--ink);color:var(--text-on-dark);box-shadow:0 4px 12px #141e2d40,inset 0 1px #ffffff1f;transition:transform var(--t-fast),box-shadow var(--t-fast),filter var(--t-fast),background var(--t-fast)}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 8px 18px #141e2d4d}.btn:active:not(:disabled){transform:translateY(0)}.btn.primary{background:linear-gradient(180deg,#5b9bd5,#3f7fbd);color:#fff}.btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border:1px solid var(--line)}.btn.ghost:hover:not(:disabled){background:#fff9}.btn.danger{background:var(--bad);color:#fff}.btn.light{background:#ffffffd9;color:var(--ink);box-shadow:var(--shadow-1)}.btn.sm{min-height:34px;padding:0 12px;font-size:13px;border-radius:999px}.btn.block{width:100%}.btn.big{min-height:54px;font-size:18px}.btn.active{outline:3px solid var(--sky);outline-offset:1px}.field{display:block;margin:10px 0}.field>span{display:block;color:var(--muted);font-weight:600;font-size:12.5px;letter-spacing:.3px;text-transform:uppercase;margin-bottom:4px}.field input,.field select{display:block;width:100%;padding:11px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:#ffffffbf;color:var(--ink);transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.field input:hover,.field select:hover{border-color:#2e313852;background:#ffffffe6}.field input:focus,.field select:focus{outline:none;border-color:#4f8fc9;box-shadow:0 0 0 3px #4f8fc940;background:#fff}.check{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;font-size:14px;cursor:pointer}.check input{width:18px;height:18px;accent-color:#3f7fbd}.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.glass{background:var(--glass);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--glass-line);border-radius:20px;box-shadow:var(--glass-shadow)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes slideup{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:none}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px) rotate(-1deg)}40%{transform:translate(6px) rotate(1deg)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulse{0%,to{box-shadow:0 0 #99bedc00,var(--shadow-1)}50%{box-shadow:0 0 0 6px #99bedc73,var(--shadow-1)}}@keyframes flipin{0%{transform:rotateY(90deg);opacity:0}to{transform:none;opacity:1}}@keyframes dealin{0%{transform:translateY(-60px) rotate(-6deg) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes coinup{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translateY(-34px) scale(1);opacity:0}}@keyframes tick{0%{transform:rotate(0)}30%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}to{transform:rotate(0)}}.anim-fadein{animation:fadein var(--t-med) var(--ease) both}.anim-rise{animation:rise var(--t-slow) var(--ease) both}.anim-slideup{animation:slideup var(--t-med) var(--ease) both}.anim-pop{animation:pop var(--t-med) var(--ease) both}.anim-shake{animation:shake var(--t-slow) var(--ease) both}.anim-flipin{animation:flipin var(--t-med) var(--ease) both;transform-origin:center}.anim-dealin{animation:dealin var(--t-med) var(--ease) both}