:root{--felt-1: #0b4f3a;--felt-2: #06301f;--felt-edge: #04231a;--gold: #e6c26a;--gold-dim: #a98c44;--card-w: clamp(52px, 8.2vw, 84px);--card-h: calc(var(--card-w) * 1.42);--card-radius: calc(var(--card-w) * .09);--red: #d1283c;--black: #1b1b1f;--panel-bg: #131a24;--panel-bg-2: #0e141d;--txt: #e9eef5;--txt-dim: #93a2b5;--line: #26313f;--shadow: 0 6px 18px rgba(0, 0, 0, .45);--seat-active: #ffd66b}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:Segoe UI,system-ui,-apple-system,Trebuchet MS,sans-serif;background:#0a0f16;color:var(--txt);overflow-y:auto;overflow-x:hidden}#app{max-width:1440px;margin:0 auto;padding:clamp(6px,1vw,14px);display:flex;flex-direction:column;gap:clamp(6px,1vw,12px);min-height:100vh}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(8px,1.2vw,18px);background:linear-gradient(180deg,var(--panel-bg),var(--panel-bg-2));border:1px solid var(--line);border-radius:14px;padding:clamp(8px,1vw,14px) clamp(10px,1.4vw,20px)}.topbar__brand{display:flex;align-items:center;gap:12px}.topbar__logo{font-size:clamp(24px,3vw,34px);color:var(--gold);line-height:1}.topbar__title{margin:0;font-size:clamp(18px,2.2vw,26px);letter-spacing:.5px;color:var(--gold)}.topbar__sub{margin:2px 0 0;font-size:clamp(11px,1.1vw,13px);color:var(--txt-dim)}.topbar__controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(6px,.9vw,12px)}.field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.4px}.field select,.field input{min-height:38px;min-width:96px;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:#0b1119;color:var(--txt);font-size:13px;font-family:inherit}.field select:focus,.field input:focus{outline:2px solid var(--gold-dim);outline-offset:1px}.btn{min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:#162030;color:var(--txt);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease}.btn:hover:not(:disabled){filter:brightness(1.18)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#2e7d5b,#1c5b3f);border-color:#3c9c72;color:#eafff4}.btn--icon{min-width:44px;padding:10px;font-size:18px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(8px,1vw,14px);align-items:start}@media (max-width: 1020px){.layout{grid-template-columns:1fr}}.table-area{background:radial-gradient(ellipse at 50% 45%,var(--felt-1) 0%,var(--felt-2) 62%,var(--felt-edge) 100%);border:3px solid #0a2a1e;border-radius:clamp(14px,2vw,26px);padding:clamp(6px,1.1vw,16px);display:flex;flex-direction:column;gap:clamp(4px,.8vw,12px);min-height:clamp(520px,74vh,780px);box-shadow:inset 0 0 90px #0000008c,var(--shadow);position:relative}.table-mid{display:grid;grid-template-columns:clamp(76px,12vw,130px) minmax(0,1fr) clamp(76px,12vw,130px);gap:clamp(4px,.8vw,12px);align-items:center;flex:1}.seat{display:flex;flex-direction:column;align-items:center;gap:6px}.seat--left,.seat--right{justify-content:center}.seat--active .pin{border-color:var(--seat-active);box-shadow:0 0 0 3px #ffd66b47}.pin{background:#04120dd1;border:1px solid rgba(230,194,106,.28);border-radius:10px;padding:6px 9px;text-align:center;min-width:clamp(96px,14vw,150px);transition:border-color .2s ease,box-shadow .2s ease}.pin__name{font-size:clamp(11px,1.05vw,14px);font-weight:700;color:#f2f6fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin__meta{display:flex;justify-content:center;gap:7px;margin-top:3px;font-size:clamp(9px,.85vw,11px);color:#b9cbdc;white-space:nowrap}.pin__turn{margin-top:3px;font-size:9px;letter-spacing:1px;color:#0f1b12;background:var(--seat-active);border-radius:20px;padding:1px 7px;display:inline-block;font-weight:800}.badge{font-size:9px;padding:1px 5px;border-radius:20px;vertical-align:middle}.badge--you{background:var(--gold);color:#23180a;font-weight:800}.badge--win{font-size:12px}.felt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1vw,14px);min-height:clamp(170px,26vh,260px);border-radius:18px;border:1px dashed rgba(255,255,255,.09)}.table-cards{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;min-height:var(--card-h);padding:0 8px;position:relative}.table-count{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;color:#ffffff8c;letter-spacing:.4px;white-space:nowrap}.card--table{margin-left:calc(var(--card-w) * -.52);transform:translateY(calc(var(--stack-index) * -1px)) rotate(calc((var(--stack-index) - 3) * 1.1deg));transition:transform .2s ease}.card--table:first-child{margin-left:0}.card--table:last-child{filter:drop-shadow(0 0 8px rgba(255,220,130,.35))}.last-move{display:flex;align-items:center;gap:8px;font-size:12px;color:#cfe0ef;background:#00000047;border-radius:20px;padding:4px 12px;min-height:28px}.lm__card{font-weight:800;font-size:15px;padding:1px 7px;border-radius:5px;background:#f4f6f9}.lm__card.is-red{color:var(--red)}.lm__card.is-black{color:var(--black)}.lm__who{color:var(--gold);font-weight:600}.muted{color:var(--txt-dim)}.hand{display:flex;align-items:center;justify-content:center;gap:5px;min-height:calc(var(--card-h) * .72);flex-wrap:wrap}.hand--human{gap:clamp(6px,.9vw,12px);min-height:var(--card-h)}.hand--vertical{flex-direction:column;gap:2px;flex-wrap:nowrap}.hand--vertical .card--small{margin-top:calc(var(--card-h) * -.34)}.hand--vertical .card--small:first-child{margin-top:0}.hand-empty{font-size:12px;color:#ffffff80;font-style:italic}.hand-more{font-size:11px;color:var(--gold);font-weight:700}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:linear-gradient(150deg,#fff,#eef1f5);box-shadow:0 3px 10px #00000073,inset 0 0 0 1px #0000001f;position:relative;flex:0 0 auto;-webkit-user-select:none;user-select:none;font-family:Segoe UI,Trebuchet MS,sans-serif;transition:transform .15s ease,box-shadow .15s ease}.card--small{width:calc(var(--card-w) * .62);height:calc(var(--card-h) * .62);--card-radius: calc(var(--card-w) * .06)}.card--red{color:var(--red)}.card--black{color:var(--black)}.card__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.95}.card__corner--tl{top:4%;left:7%}.card__corner--br{bottom:4%;right:7%;transform:rotate(180deg)}.card__rank{font-size:calc(var(--card-w) * .31);font-weight:800;letter-spacing:-.5px}.card__suit{font-size:calc(var(--card-w) * .22)}.card__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-w) * .52);opacity:.9}.card--small .card__center{font-size:calc(var(--card-w) * .3)}.card--small .card__corner--br{display:none}.card__points{position:absolute;top:4%;right:6%;background:var(--gold);color:#2a1e07;font-size:calc(var(--card-w) * .16);font-weight:800;border-radius:50%;width:calc(var(--card-w) * .26);height:calc(var(--card-w) * .26);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000004d}.card--down{background:linear-gradient(140deg,#21456f,#14294a 55%,#0d1c34);box-shadow:0 3px 10px #00000080,inset 0 0 0 2px #e6c26a38}.card__back{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:calc(var(--card-radius) * .7);background-image:repeating-linear-gradient(45deg,rgba(230,194,106,.16) 0 3px,transparent 3px 8px),repeating-linear-gradient(-45deg,rgba(230,194,106,.12) 0 3px,transparent 3px 8px);border:1px solid rgba(230,194,106,.25)}.card--playable{cursor:pointer;outline:none}.card--playable:hover,.card--playable:focus-visible{transform:translateY(-14px) scale(1.05);box-shadow:0 12px 24px #00000080,0 0 0 2px var(--gold);z-index:5}.card--playable:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--card-radius) + 3px);border:2px solid rgba(255,214,107,.55);animation:pulse 2.2s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:.28}50%{opacity:.75}}@keyframes drop-in{0%{transform:translateY(-40px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.card--table:last-child{animation:drop-in .28s ease-out}@media (prefers-reduced-motion: reduce){.card--table:last-child,.card--playable:after{animation:none}}.banner{position:absolute;top:8%;left:50%;transform:translate(-50%,-8px) scale(.9);opacity:0;pointer-events:none;padding:8px 20px;border-radius:30px;font-weight:800;font-size:clamp(14px,1.7vw,22px);letter-spacing:.5px;transition:opacity .2s ease,transform .2s ease;z-index:20;white-space:nowrap}.banner--show{opacity:1;transform:translate(-50%) scale(1)}.banner--pisti{background:linear-gradient(180deg,#ffd66b,#e0a91f);color:#33230a;box-shadow:0 6px 22px #ffc83c8c}.banner--capture{background:linear-gradient(180deg,#67e0a3,#2b9f6a);color:#08251a;box-shadow:0 6px 22px #3cdc9666}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#1d2836;border:1px solid var(--line);color:var(--txt);padding:10px 18px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:60;max-width:90vw;text-align:center}.toast--show{opacity:1;transform:translate(-50%)}.panel{display:flex;flex-direction:column;gap:10px}.panel__block{background:linear-gradient(180deg,var(--panel-bg),var(--panel-bg-2));border:1px solid var(--line);border-radius:14px;padding:12px 14px}.panel__block--grow{display:flex;flex-direction:column;flex:1;min-height:180px}.panel__title{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:6px}.score-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line)}.score-row__label{font-size:13px;font-weight:600}.score-row__label small{display:block;font-weight:400;font-size:10px;color:var(--txt-dim)}.score-row__cards{font-size:11px;color:var(--txt-dim)}.score-row__value{font-size:22px;font-weight:800;color:var(--gold);min-width:42px;text-align:right}.score-row--b .score-row__value{color:#7fb6e8}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.stat{background:#0b1119;border:1px solid var(--line);border-radius:9px;padding:7px 6px;text-align:center}.stat__k{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--txt-dim)}.stat__v{display:block;font-size:16px;font-weight:700;margin-top:2px}.chip{margin-top:10px;display:inline-block;width:100%;text-align:center;padding:7px;border-radius:9px;font-size:12px;font-weight:700;letter-spacing:.3px}.chip--idle{background:#1a2534;color:var(--txt-dim)}.chip--you{background:linear-gradient(180deg,#2e7d5b,#1c5b3f);color:#eafff4}.chip--ai{background:#232c3c;color:#b9cbdc}.chip--end{background:linear-gradient(180deg,#8a6a1f,#5f4813);color:#ffeec2}.log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;font-size:12px;max-height:320px;padding-right:4px}.log__line{display:flex;gap:7px;padding:3px 5px;border-radius:6px;line-height:1.35;border-left:3px solid transparent}.log__seq{color:#4d5c70;font-size:10px;min-width:20px;text-align:right;flex:0 0 auto}.log__line--play{color:#cddcec}.log__line--capture{background:#3cbe821a;border-left-color:#3cbe82;color:#a8e8c8}.log__line--pisti{background:#ffc83c24;border-left-color:var(--gold);color:#ffe4a3;font-weight:700}.log__line--round{background:#78a0dc1a;border-left-color:#6f9fe0;color:#c4d8f0}.log__line--end{background:#ff78781f;border-left-color:#e06666;color:#ffc4c4;font-weight:700}.log__line--info{color:var(--txt-dim)}.rules{margin:0;padding-left:18px;font-size:12px;color:var(--txt-dim);line-height:1.75}.rules b{color:var(--txt)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080dc7;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:100}.modal--open{opacity:1;pointer-events:auto}.modal__card{background:linear-gradient(180deg,#182130,#101823);border:1px solid var(--line);border-radius:16px;padding:clamp(16px,2.4vw,28px);max-width:min(560px,94vw);width:100%;max-height:88vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #000000a6}.modal__close{position:absolute;top:10px;right:12px;background:transparent;border:none;color:var(--txt-dim);font-size:20px;cursor:pointer;min-width:44px;min-height:44px;border-radius:8px}.modal__close:hover{color:var(--txt);background:#ffffff0f}.modal__title{margin:0 0 14px;font-size:clamp(18px,2.4vw,24px);color:var(--gold)}.summary-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}.summary-table th,.summary-table td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:left}.summary-table th{color:var(--txt-dim);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.summary-table .num{text-align:right;font-variant-numeric:tabular-nums}.summary-breakdown{font-size:13px;line-height:2;color:var(--txt-dim)}.summary-breakdown b{color:var(--txt)}.summary-total{margin-top:8px;padding-top:10px;border-top:1px solid var(--line);font-size:15px;color:var(--txt)}.end-score{margin-bottom:16px}.end-score__row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:#0d141d;margin-bottom:8px;font-size:14px}.end-score__row b{font-size:24px;color:var(--gold)}@media (max-width: 1020px){.log{max-height:220px}.table-area{min-height:clamp(460px,68vh,640px)}}@media (max-width: 720px){:root{--card-w: clamp(44px, 13vw, 64px)}.table-mid{grid-template-columns:clamp(58px,18vw,92px) minmax(0,1fr) clamp(58px,18vw,92px)}.pin{min-width:84px;padding:5px 6px}.pin__meta{gap:4px}.table-area{min-height:420px;border-radius:14px}.topbar{border-radius:10px}.field select,.field input{min-width:84px;font-size:12px}}@media (max-width: 420px){:root{--card-w: clamp(38px, 15vw, 54px)}.card__points{display:none}.pin__meta span:nth-child(4){display:none}}