*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--charcoal: #16181c;--charcoal-deep: #0d0f12;--charcoal-edge: #2a2e35;--off-white: #f2f3f0;--cyan: #00e5ff;--red: #ff2d3d;--font-grotesk: "Helvetica Neue", Helvetica, "Arial Black", Arial, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font-grotesk);color-scheme:dark;background-color:var(--charcoal);color:var(--off-white)}body{min-height:100dvh;background-color:var(--charcoal);color:var(--off-white);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.page{max-width:80ch;margin-inline:auto;padding:2rem;font-family:var(--font-mono)}.board{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.board__play{position:relative;display:grid;grid-template-rows:1fr auto 1fr;flex:1;min-height:0}.board__play[data-flipping=true]{animation:seat-swap .42s ease-in-out}@keyframes seat-swap{0%{transform:perspective(1400px) rotateX(0);opacity:1}50%{transform:perspective(1400px) rotateX(6deg) scale(.985);opacity:.55}to{transform:perspective(1400px) rotateX(0);opacity:1}}.side{display:flex;flex-direction:column;min-height:0;padding:clamp(.4rem,1.4vh,.9rem);gap:clamp(.3rem,1vh,.6rem)}.side[data-seat=top]{transform:rotate(180deg)}.side__chips{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none}.side__chips::-webkit-scrollbar{display:none}.chip{flex:1 1 0;min-width:5.5rem;min-height:3rem;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.35rem .7rem;border:2px solid var(--charcoal-edge);border-radius:2px;background:transparent;color:var(--off-white);cursor:pointer}.chip[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.chip__label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;opacity:.85}.chip__value{font-weight:900;font-size:1.25rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.side__stage{position:relative;display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;gap:.4rem}.zone{display:flex;align-items:center;justify-content:center;border:2px solid var(--charcoal-edge);border-radius:2px;background:var(--charcoal-deep);color:var(--off-white);font-weight:900;font-size:clamp(2.5rem,7vh,4rem);line-height:1;cursor:pointer;touch-action:manipulation;transition:background-color .12s ease,color .12s ease}.zone>span{transform:translate(-18%);opacity:.5}.zone[data-direction=plus]>span{transform:translate(18%)}.zone:active{background:#1c2026}.zone[data-direction=minus]:active{color:var(--red)}.zone[data-direction=plus]:active{color:var(--cyan)}.side__total{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.side__totalValue{font-weight:900;font-size:clamp(4.5rem,22vh,12rem);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.side__totalLabel{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.28em;opacity:.6}.side__total[data-pulse=zero]{animation:pulse-red .9s ease-out}.side__total[data-pulse=target]{animation:pulse-cyan .9s ease-out}@keyframes pulse-red{0%,to{color:var(--off-white);transform:scale(1)}30%{color:var(--red);transform:scale(1.06)}65%{color:var(--red);transform:scale(1)}}@keyframes pulse-cyan{0%,to{color:var(--off-white);transform:scale(1)}30%{color:var(--cyan);transform:scale(1.06)}65%{color:var(--cyan);transform:scale(1)}}.presets{position:absolute;inset:auto 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.5rem;background:#0d0f12f0;border-top:2px solid var(--cyan)}.presets__step,.presets__cancel{min-width:4rem;min-height:3rem;border:2px solid var(--cyan);border-radius:2px;background:transparent;color:var(--cyan);font-weight:900;font-size:1.25rem;cursor:pointer}.presets__cancel{border-color:var(--charcoal-edge);color:var(--off-white);font-family:var(--font-mono);font-size:.6875rem;font-weight:400;letter-spacing:.16em}.seam{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.25rem;border-block:2px solid var(--charcoal-edge);background:var(--charcoal-deep)}.seam__btn{min-height:2.25rem;padding:.25rem .9rem;border:0;border-radius:2px;background:transparent;color:var(--off-white);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.2em;cursor:pointer;opacity:.7}.seam__btn:hover,.seam__btn:active{color:var(--cyan);opacity:1}.history{display:flex;align-items:center;min-height:2.5rem;padding:.35rem .5rem;border-top:2px solid var(--charcoal-edge);background:var(--charcoal-deep);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em}.history__list{display:flex;gap:.4rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.history__list::-webkit-scrollbar{display:none}.history__item{display:flex;align-items:center;gap:.4rem;flex:0 0 auto;padding:.2rem .5rem;border:1px solid var(--charcoal-edge);border-radius:2px;white-space:nowrap}.history__who{color:var(--off-white)}.history__what,.history__value{opacity:.55}.history__delta{font-weight:700}.history__item[data-sign=down] .history__delta{color:var(--red)}.history__item[data-sign=up] .history__delta{color:var(--cyan)}.history__empty{opacity:.35;letter-spacing:.2em}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0d0f12e0}.confirm{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;border:2px solid var(--red);border-radius:2px;background:var(--charcoal);text-align:center}.confirm__question{font-weight:900;font-size:clamp(1.5rem,6vw,2.25rem);letter-spacing:-.02em}.confirm__actions{display:flex;gap:.75rem}.btn{min-height:3rem;padding:.5rem 1.25rem;border:2px solid var(--charcoal-edge);border-radius:2px;background:transparent;color:var(--off-white);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.16em;cursor:pointer}.btn--danger{border-color:var(--red);color:var(--red)}.btn--accent{border-color:var(--cyan);color:var(--cyan)}.btn--wide{width:100%}.sheet{display:flex;flex-direction:column;gap:.9rem;width:min(34rem,100%);max-height:100%;overflow-y:auto;padding:1.25rem;border:2px solid var(--charcoal-edge);border-radius:2px;background:var(--charcoal)}.sheet__title{font-weight:900;font-size:1.75rem;letter-spacing:-.02em}.sheet__subtitle{font-family:var(--font-mono);font-size:.6875rem;font-weight:400;letter-spacing:.24em;opacity:.6}.sheet__row{display:flex;gap:.75rem}.sheet__counters{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.counterRow{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.field{display:flex;flex:1 1 6rem;flex-direction:column;gap:.25rem}.field--narrow{flex:0 0 4.5rem}.field__label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.2em;opacity:.6}.field__input{min-height:3rem;width:100%;padding:.4rem .6rem;border:2px solid var(--charcoal-edge);border-radius:2px;background:var(--charcoal-deep);color:var(--off-white);font-family:var(--font-mono);font-size:.9375rem;-webkit-user-select:text;user-select:text}.field__input:focus-visible,.btn:focus-visible,.chip:focus-visible,.zone:focus-visible,.seam__btn:focus-visible,.presets__step:focus-visible,.presets__cancel:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media(prefers-reduced-motion:reduce){.board__play[data-flipping=true],.side__total[data-pulse]{animation:none}}