:root{color-scheme:dark;--bg: #0b1020;--bg-image: url(/assets/bg-qWXTEbc7.png);--durak-card-w: 120px;--durak-overlap: 26px;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--gold: #ffd166;--green: #4ade80;--red: #fb7185;--shadow: 0 12px 40px rgba(0, 0, 0, .45)}html,body{height:100%}body{margin:0;background-color:var(--bg);background-image:linear-gradient(180deg,#0b1020fe,#0b1020fe 420px,#0b102000 680px),linear-gradient(180deg,#0b102059,#0b102059),radial-gradient(1200px 700px at 20% 10%,#1b2a6be6,#1b2a6b00 60%),radial-gradient(1000px 700px at 80% 0%,#6f42c159,#6f42c100 55%),radial-gradient(900px 600px at 50% 90%,#10b9812e,#10b98100 55%),var(--bg-image);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:top left,top left,20% 10%,80% 0%,50% 90%,center bottom;background-size:100% 100%,100% 100%,auto,auto,auto,cover;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif}.app{max-width:980px;margin:0 auto;padding:16px 16px 96px}.topbar{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:flex-start;padding:12px 14px;background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:var(--shadow)}.topbarRow{display:flex;gap:12px;align-items:center;justify-content:space-between}.topbar .title{font-weight:800;letter-spacing:.5px}.topbar .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pill{padding:6px 10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--muted);font-size:13px}.pill strong{color:var(--text)}.pill.jackpot{background:#fb923c24;border-color:#fb923c73;color:#ffedd5eb}.pill.jackpot strong{color:#ffba78fa}.table{margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.cardWrap{perspective:900px}.cardStatic{width:100%;aspect-ratio:3 / 4;border-radius:14px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px #00000059;display:grid;place-items:center}.cardStaticBack{background:linear-gradient(135deg,#ffffff1f,#ffffff0a)}.cardStaticBack:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:10px;border:1px dashed rgba(255,255,255,.18)}.cardStaticFront{background:linear-gradient(180deg,#ffffff1f,#ffffff0f)}.card{width:100%;aspect-ratio:3 / 4;border-radius:14px;position:relative;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.9,.2,1),filter .2s ease;box-shadow:0 10px 24px #00000059}.card.isFlipped{transform:rotateY(180deg)}.cardFace{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:14px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18)}.cardBack{background:linear-gradient(135deg,#ffffff1f,#ffffff0a)}.cardBack:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:10px;border:1px dashed rgba(255,255,255,.18)}.cardBackDouble{background:radial-gradient(120px 120px at 30% 25%,#ffd16652,#ffd16600 65%),radial-gradient(140px 140px at 70% 70%,#ffd70038,#ffd70000 60%),linear-gradient(135deg,#ffd16638,#ffffff0a);border-color:#ffd16659}.cardBackDouble:before{border-color:#ffd16661}.cardFront{transform:rotateY(180deg);background:linear-gradient(180deg,#ffffff1f,#ffffff0f)}.rankSuit{display:grid;gap:4px;justify-items:center;font-weight:900}.rank{font-size:clamp(18px,3.4vw,32px);line-height:1;letter-spacing:-.5px}.rank.long{font-size:clamp(16px,3vw,28px);letter-spacing:-1px}.suit{font-size:clamp(18px,4vw,34px);line-height:1}.suit.red{color:var(--red)}.suit.black{color:#0a0f1eeb}@media (max-width: 520px){.cardStaticFront .rank{font-size:18px}.cardStaticFront .rank.long{font-size:15px}.cardStaticFront .suit{font-size:20px}.cardFace.cardFront .rank{font-size:18px}.cardFace.cardFront .rank.long{font-size:15px}.cardFace.cardFront .suit{font-size:20px}}.holdTag{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:999px;font-size:12px;background:#4ade8033;border:1px solid rgba(74,222,128,.45);color:var(--green)}.wildTag{position:absolute;right:8px;top:8px;padding:4px 8px;border-radius:999px;font-size:12px;background:#ffd1662e;border:1px solid rgba(255,209,102,.45);color:var(--gold)}.wildTag.bottom{top:auto;bottom:8px}.cardButton{all:unset;cursor:pointer;display:block}.cardButton[disabled]{cursor:default;opacity:.7}.cardButton:focus{outline:none}.controls{position:fixed;left:0;right:0;bottom:0;padding:12px 14px;background:#0b1020d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1)}.controlsInner{max-width:980px;margin:0 auto;display:flex;gap:10px;align-items:center;justify-content:space-between}.bets{display:flex;gap:8px;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700}.btn.primary{background:#ffd1662e;border-color:#ffd16673}.btn.danger{background:#fb71851f;border-color:#fb718559}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.active{outline:2px solid rgba(255,209,102,.55);outline-offset:2px}.status{margin-top:10px;color:var(--muted);font-size:13px;min-height:18px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:16px}.overlayBottom{place-items:end center;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.overlayBottom .modal{margin-bottom:84px}.modal{width:min(520px,100%);border-radius:16px;background:#0f172aeb;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);padding:14px}.modal h3{margin:0 0 8px;font-size:18px}.modal p{margin:0 0 12px;color:var(--muted);line-height:1.4}.modal .row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.paytable{width:100%;border-collapse:collapse;margin-top:10px;overflow:hidden;border-radius:12px}.paytable th,.paytable td{padding:10px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}.paytable th{text-align:left;color:#fffc;font-weight:800;background:#ffffff0f}.paytable td:last-child,.paytable th:last-child{text-align:right}.iconBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);width:32px;height:32px;border-radius:10px;cursor:pointer;font-weight:900}.iconBtn.active{outline:2px solid rgba(255,209,102,.55);outline-offset:2px}.row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.panel{padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.input,.textarea{width:min(520px,100%);border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);padding:10px 12px;outline:none;font-weight:600}.textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600;line-height:1.35}.kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kv .k{font-size:12px;color:var(--muted)}.kv .v{font-size:18px;font-weight:900;margin-top:4px}.progressBar{position:relative;height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,#ffd1662e,#ffd16680)}.progressText{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;color:#ffffffdb;font-weight:800}.list{display:grid;gap:10px}.listRow{display:grid;grid-template-columns:36px 38px 1fr 40px;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.listRow .rank{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-weight:900}.listRow .who .name{font-weight:900}.listRow .who .sub{font-size:12px;color:var(--muted);margin-top:2px}.listRow .badge{justify-self:end;min-width:32px;height:28px;padding:0 10px;border-radius:999px;display:grid;place-items:center;background:#4ade801f;border:1px solid rgba(74,222,128,.35);color:#b4ffd2f2;font-weight:900}.avatar,.avatarLg{width:38px;height:38px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;display:grid;place-items:center}.avatarLg{width:56px;height:56px;border-radius:18px}.avatar img,.avatarLg img{width:100%;height:100%;object-fit:cover;display:block}.avatarFallback{font-weight:900;color:#ffffffd9}.durakWrap{display:grid;grid-template-columns:1fr 200px;gap:12px;align-items:start}.durakBoard{display:flex;flex-direction:column;gap:12px}.durakSide{padding:10px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.durakSideTitle{font-size:12px;color:#ffffffb8;margin-bottom:6px}.durakMidRow{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.durakMidCol{display:flex;flex-direction:column;gap:8px;min-width:min(260px,100%)}.durakMidDeck{min-width:220px}.durakMidDeckRow{display:flex;gap:12px;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.durakHandGrid{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.durakTableGrid{display:flex;gap:10px;align-items:center}.durakCenterNote{color:#ffffffb3;font-size:13px}.durakFan{display:flex;align-items:center;overflow:hidden;padding:4px 0}.durakFan.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.durakFanItem{width:var(--durak-card-w);flex:0 0 var(--durak-card-w);margin-left:calc(var(--durak-overlap) * -1);position:relative}.durakFanItem:first-child{margin-left:0}.durakFanItem.selected{z-index:10}.durakFanItem.selected .cardStatic{box-shadow:0 0 0 3px #ffd166a6,0 10px 24px #00000059}.slotEmpty{width:var(--durak-card-w);aspect-ratio:3 / 4;border-radius:14px;border:1px dashed rgba(255,255,255,.16);background:#ffffff08}.durakCardSlot{width:var(--durak-card-w);flex:0 0 var(--durak-card-w)}.durakBotStack{position:relative;width:var(--durak-card-w);aspect-ratio:3 / 4}.durakBotStackCard{position:absolute;top:0;right:0;bottom:0;left:0}.durakBotStackBadge{position:absolute;right:-10px;top:-10px;min-width:30px;height:30px;padding:0 10px;border-radius:999px;display:grid;place-items:center;background:#ffd1662e;border:1px solid rgba(255,209,102,.45);color:#ffedd5f2;font-weight:900}.durakDeckStack{position:relative;width:var(--durak-card-w);aspect-ratio:3 / 4}.durakDeckBack{position:absolute;top:0;right:0;bottom:0;left:0}.durakDeckTrump{position:absolute;left:10px;top:22px}@media (max-width: 520px){:root{--durak-card-w: 92px;--durak-overlap: 46px}.durakBoard,.durakMidRow{gap:10px}.durakMidCol{gap:6px}.durakMidDeck{min-width:100%}.durakHandGrid,.durakTableGrid{gap:6px}}@media (max-width: 520px) and (max-aspect-ratio: 10/21){:root{--durak-card-w: 84px;--durak-overlap: 52px}.durakBoard{gap:10px}.durakCenterNote{font-size:12px}.durakHandGrid,.durakTableGrid{gap:5px}}