:root{--bg: #10141c;--bg-raise: #171d28;--bg-sunk: #0c1017;--line: #232c3b;--line-soft: #1c2430;--ink: #e6ecf5;--ink-dim: #8e9bb0;--ink-faint: #5f6b7e;--accent: #f0b429;--accent-ink: #241a02;--green: #3fb27f;--red: #e05c5c;--radius: 10px;--shadow: 0 8px 28px rgb(0 0 0 / 45%);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}.btn{border:1px solid var(--line);background:var(--bg-raise);color:var(--ink);padding:.55rem .95rem;border-radius:var(--radius);cursor:pointer;transition:background .12s,border-color .12s,transform .06s}.btn:hover:not(:disabled){background:#1e2635;border-color:#33405480}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.btn--primary:hover:not(:disabled){background:#ffc53d;border-color:#ffc53d}.btn--ghost{background:transparent;color:var(--ink-dim)}.btn--sm{padding:.25rem .5rem;font-size:.78rem;border-radius:7px}.btn--big{padding:.8rem 2rem;font-size:1.05rem}.btn--wide{width:100%}.btn--bid{min-width:4.2rem;font-variant-numeric:tabular-nums;font-weight:600}.btn--bid:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn--pass{color:var(--ink-dim)}.btn--pass:hover:not(:disabled){border-color:var(--red);color:var(--red)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.field__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.field__input{background:var(--bg-sunk);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .75rem;outline:none}.field__input:focus{border-color:var(--accent)}.field__input--code{letter-spacing:.35em;text-transform:uppercase;font-weight:600}.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .4rem;border:1px solid var(--line);border-radius:5px;color:var(--ink-faint)}.tag--you{color:var(--accent);border-color:#f0b42955}.tag--ok{color:var(--green);border-color:#3fb27f55}.dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint);flex:none}.dot--on{background:var(--green)}.notice{font-size:.85rem;color:var(--ink-dim);border-left:2px solid var(--line);padding-left:.7rem;margin:.8rem 0}.notice--bad{color:var(--red);border-color:var(--red)}.panel{background:var(--bg-raise);border:1px solid var(--line-soft);border-radius:12px;padding:1rem;min-height:0;display:flex;flex-direction:column}.panel__title{margin:0 0 .6rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);display:flex;gap:.4rem;align-items:baseline}.panel__count{color:var(--accent);font-weight:700}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);background:#2a2118;border:1px solid var(--accent);color:#ffe6ac;padding:.7rem 1.1rem;border-radius:var(--radius);box-shadow:var(--shadow);z-index:50;max-width:min(90vw,34rem)}.home{max-width:30rem;margin:0 auto;padding:4rem 1.5rem}.home__title{font-size:2rem;margin:0 0 .6rem;letter-spacing:-.02em}.home__pitch{color:var(--ink-dim);margin:0 0 2rem}.home__actions{display:flex;gap:.6rem}.home__actions .btn{flex:1}.home__foot{margin-top:2rem;font-size:.82rem;color:var(--ink-faint)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:1rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line-soft);background:var(--bg-sunk);flex:none}.topbar__brand{font-weight:650;letter-spacing:-.01em}.topbar__code{background:transparent;border:1px dashed var(--line);border-radius:8px;padding:.25rem .6rem;cursor:pointer;letter-spacing:.2em;font-weight:700;color:var(--accent);display:flex;align-items:baseline;gap:.6rem}.topbar__copy{font-size:.68rem;letter-spacing:.04em;font-weight:400;color:var(--ink-faint)}.topbar__meta{margin-left:auto;color:var(--ink-faint);font-size:.85rem}.lobby{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem;max-width:60rem;margin:0 auto;width:100%}.lobby__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.lobby__player{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;background:var(--bg-sunk);border-radius:8px}.lobby__nick{font-weight:550}.lobby__player .btn{margin-left:auto}.lobby__spectators{margin-top:.8rem;color:var(--ink-faint);font-size:.82rem}.game{display:grid;grid-template-columns:minmax(13rem,17rem) 1fr minmax(13rem,19rem);gap:1rem;padding:1rem;flex:1;min-height:0}.table{display:flex;flex-direction:column;gap:1rem;min-height:0}.table__stage{flex:1;display:grid;place-items:center;min-height:14rem}.table__bar{display:grid;place-items:center;gap:.7rem}.card{width:12rem;height:16.5rem;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.2rem;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.card--back{background:linear-gradient(150deg,#1b2432,#121823);border:1px solid #2b3648}.card__weave{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:9px;border:1px solid #2b364880;background-image:repeating-linear-gradient(45deg,#ffffff08 0 2px,transparent 2px 9px),repeating-linear-gradient(-45deg,#ffffff06 0 2px,transparent 2px 9px)}.card__label{position:relative;color:var(--ink-faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.card--face{background:linear-gradient(160deg,#23303f,#161d28);border:1px solid #3a4a60}.card--secret{border-color:var(--accent);box-shadow:0 0 0 1px #f0b42940,var(--shadow)}.card--reveal{border-color:var(--green);animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(.9) rotate(-2deg);opacity:0}to{transform:none;opacity:1}}.card__name{font-size:1.25rem;font-weight:650;letter-spacing:-.01em}.card__tag{color:var(--ink-dim);font-size:.82rem}.secret,.reveal{display:grid;place-items:center;gap:.7rem}.secret__line{color:var(--accent);font-size:.85rem;margin:0}.reveal__line{margin:0;color:var(--ink-dim)}.draw{display:flex;align-items:center;gap:1rem}.draw__hint{color:var(--ink-dim)}.countdown{font-variant-numeric:tabular-nums;color:var(--ink-faint)}.countdown--urgent{color:var(--red)}.auction{display:grid;place-items:center;gap:.8rem}.auction__amount{display:flex;align-items:baseline;gap:.6rem}.auction__value{font-size:2.6rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.auction__who{color:var(--ink-dim)}.auction__buttons{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center}.players{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.6rem;flex:none}.player{background:var(--bg-raise);border:1px solid var(--line-soft);border-radius:10px;padding:.6rem .7rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .15s,opacity .15s}.player--turn{border-color:var(--accent)}.player--high{border-color:var(--green)}.player--out{opacity:.5}.player--dead{opacity:.3;text-decoration:line-through}.player__head{display:flex;align-items:center;gap:.4rem}.player__nick{font-weight:600}.player__budget{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}.player__unit{font-size:.72rem;font-weight:400;color:var(--ink-faint)}.player__status{font-size:.75rem;color:var(--ink-dim);min-height:1.1em}.slots{display:flex;flex-direction:column;gap:.2rem}.slot{font-size:.74rem;color:var(--ink-faint);background:var(--bg-sunk);border-radius:5px;padding:.15rem .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot--filled{color:var(--ink)}.pool__hint{font-size:.76rem;color:var(--ink-faint);margin:0 0 .6rem}.pool__list,.log__list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.pool__item{display:flex;justify-content:space-between;gap:.5rem;padding:.22rem .35rem;border-radius:5px;font-size:.82rem}.pool__item:nth-child(odd){background:#ffffff05}.pool__tag{color:var(--ink-faint);font-size:.72rem;white-space:nowrap}.log__line{font-size:.82rem;color:var(--ink-dim);padding:.22rem 0;border-bottom:1px solid var(--line-soft)}.log__line--bid{color:var(--ink)}.log__line--resolve{color:var(--green)}.log__line--cancel,.log__line--kick{color:var(--red)}.ranking{max-width:46rem;margin:0 auto;padding:1.5rem;width:100%}.ranking__head h2{margin:0 0 .3rem}.ranking__hint{color:var(--ink-dim);margin:0 0 1.4rem}.ranking__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ranking__row{display:flex;align-items:center;gap:.9rem;background:var(--bg-raise);border:1px solid var(--line-soft);border-radius:10px;padding:.7rem .9rem}.ranking__row--win{border-color:var(--accent)}.ranking__pos{font-size:1.5rem;font-weight:700;color:var(--ink-faint);width:1.6rem;text-align:center;flex:none}.ranking__row--win .ranking__pos{color:var(--accent)}.ranking__body{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.ranking__nick{font-weight:600;display:flex;align-items:center;gap:.5rem}.ranking__moves{display:flex;gap:.25rem}.ranking__vote{margin-top:1.4rem}.ranking__tally{text-align:center;color:var(--ink-faint);font-size:.85rem;margin:.5rem 0 0}@media(max-width:1000px){.game{grid-template-columns:1fr;grid-template-rows:auto auto auto}.pool,.log{max-height:14rem}.lobby{grid-template-columns:1fr}}.envbar{flex:none;background:repeating-linear-gradient(-45deg,#7a3ff0 0,#7a3ff0 14px,#6a34d8 14px,#6a34d8 28px);color:#fff;text-align:center;padding:.3rem 1rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}