
:root{color-scheme:dark;--gold:#f2c678;--cream:#fff3d8;--wood:#52331f;--night:#19150f;--felt:#14553b;--felt2:#0e392a;--red:#be4836;--green:#2f9b61}*{box-sizing:border-box}html{height:100%;background:#160d08}body{margin:0;min-height:100%;color:var(--cream);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 50% 4%,#75502b 0%,#372417 34%,#140e0a 87%);-webkit-tap-highlight-color:transparent;overflow-x:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #f5cc84;outline-offset:3px}.app{position:relative;width:min(100%,490px);min-height:100dvh;margin:auto;padding:11px 12px max(14px,env(safe-area-inset-bottom));background:repeating-linear-gradient(90deg,#0000 0 64px,#fff1 65px,#0000 66px),linear-gradient(120deg,#321e11,#684124 36%,#392010 64%,#24160f);box-shadow:0 0 48px #000a;isolation:isolate}.app:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 27%,#ffba6130,transparent 66%);z-index:-1}.topbar{height:61px;display:flex;align-items:center;justify-content:space-between;gap:8px}.iconbtn{width:37px;height:37px;flex:none;border:1px solid #e0ae66a0;border-radius:50%;color:#ffe2ac;font-size:19px;background:linear-gradient(#4b3626,#24160d);box-shadow:0 3px 8px #0006}.brand{min-width:0;text-align:center;flex:1;transform:translateY(-1px)}.brand b{display:block;font-family:Georgia,serif;font-size:37px;letter-spacing:3px;color:#ffe5a2;text-shadow:0 2px #6d350c,0 4px #25130a,0 0 17px #ffbd70aa;line-height:1.05}.brand small{font-size:10px;letter-spacing:1.35px;color:#e7b982;font-weight:650}.score-pill{border:1px solid #e4b96c80;border-radius:11px;background:#221810d9;min-width:70px;padding:5px 7px;text-align:center;box-shadow:0 2px 10px #0008}.score-pill small{display:block;font-size:9px;color:#dbc69b;font-weight:700;letter-spacing:.6px}.score-pill strong{display:block;font-size:18px;color:#ffd16c;line-height:1.05}
.opponents{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:5px;margin-bottom:-5px;position:relative;z-index:3}.opponent{position:relative;text-align:center;border:1px solid #e2b87950;border-radius:17px;background:linear-gradient(180deg,#1c1711e0,#332213f0);padding:5px 5px 7px;min-width:0;transition:box-shadow .3s,transform .3s}.opponent.active{box-shadow:0 0 0 2px #f6c46b,0 0 22px #ffcb5e8a;transform:translateY(-2px)}.opponent.finished{filter:grayscale(.6);opacity:.75}.portrait{width:100%;height:100px;object-fit:cover;object-position:50% 28%;border-radius:12px;display:block;border:1px solid #f0c48b77;background:#63422b}.oppname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:850;color:#ffe1ad;margin-top:2px}.oppcount{font-size:11px;color:#e1c8a7}.oppcount b{color:#fff4d7}.speech{position:absolute;top:-18px;left:0;right:0;margin:auto;width:max-content;max-width:132px;background:#ffe8b6;color:#3e2b1d;font-size:10px;font-weight:850;border:2px solid #8c6b38;border-radius:10px;padding:3px 7px;z-index:7;filter:drop-shadow(0 3px 3px #0007)}.speech:after{content:"";position:absolute;bottom:-6px;left:50%;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);background:#ffe8b6;border-right:2px solid #8c6b38;border-bottom:2px solid #8c6b38}
.table-wrap{padding-top:4px;position:relative}.felt-table{position:relative;aspect-ratio:1/0.88;width:100%;border:13px solid #693c1e;border-radius:30px;box-shadow:inset 0 0 0 4px #b27b3f,inset 0 0 31px #0008,0 12px 22px #0008,0 3px 0 #a67442;background:radial-gradient(ellipse at center,#1f7450 0%,#145139 55%,#0e3829 100%);overflow:hidden}.felt-table:before{position:absolute;inset:9px;border:1px solid #d3ac5b6b;border-radius:12px;content:"";pointer-events:none}.felt-table:after{position:absolute;inset:0;content:"♣";font-size:200px;display:grid;place-items:center;color:#e5c7790c;pointer-events:none}.table-stats{position:absolute;left:16px;right:16px;top:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:1}.chip{border:1px solid #e4c28c6e;border-radius:10px;background:#081d17bb;font-size:11px;font-weight:750;color:#f8e4c0;padding:6px 9px;white-space:nowrap;display:flex;gap:5px;align-items:center}.chip b{color:#fce099}.status-turn{color:#ffda91!important}.pile-area{position:absolute;left:0;right:0;top:48%;transform:translateY(-50%);display:flex;justify-content:center;gap:16px;align-items:center;z-index:2}.pile{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:151px}.pile.faceup{transform:rotate(-5deg)}.pile.deck{transform:rotate(6deg);cursor:pointer}.pile.deck:before,.pile.deck:after{content:"";position:absolute;width:94px;height:140px;background:#f9e6c4;border:1px solid #a57746;border-radius:8px;transform:translate(-3px,5px);box-shadow:1px 2px #3a291a}.pile.deck:after{transform:translate(-1px,2px)}.backface{position:relative;width:94px;height:140px;border:5px solid #f8e9d4;border-radius:8px;z-index:1;background:repeating-linear-gradient(45deg,#1c4966 0 5px,#3f7190 5px 7px,#214a67 7px 11px);box-shadow:0 3px 8px #0007;display:flex;justify-content:center;align-items:center}.backface:after{content:"❧ ♣ ❧";color:#d6d0b5;border:2px double #c9d6da;border-radius:7px;background:#214864;width:74px;height:114px;display:flex;justify-content:center;align-items:center;font:18px Georgia,serif;text-shadow:0 1px #000}.current-label{position:absolute;top:calc(48% + 90px);left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;z-index:2}.current-label span{background:#072017c9;padding:6px 13px;border:1px solid #c59c54a3;border-radius:20px;color:#f8edce;font-size:12px;font-weight:800}.current-label strong{font-size:16px}.table-flash{position:absolute;bottom:13px;left:20px;right:20px;text-align:center;min-height:30px;font-size:12px;font-weight:800;text-shadow:0 2px 3px #0007;z-index:3;color:#ffe49e;display:flex;align-items:center;justify-content:center}.glass-shine{pointer-events:none;position:absolute;top:0;left:7%;width:32%;height:14%;background:linear-gradient(#fff1,transparent);border-radius:50%;filter:blur(11px)}
.card{--suit:#b64347;position:relative;flex:none;width:94px;height:140px;border-radius:8px;border:2px solid #e5d4b5;background:linear-gradient(120deg,#fff9ed 15%,#f2e3c6 100%);color:#3a2921;box-shadow:0 2px 0 #9e8d74,0 4px 8px #0008;user-select:none;overflow:hidden}.card:after{content:"";position:absolute;inset:5px;border:1px solid #bf996342;border-radius:4px;pointer-events:none}.corner{position:absolute;top:4px;left:6px;line-height:1;display:flex;flex-direction:column;align-items:center;z-index:1}.corner .value{font:900 22px Georgia,serif;color:#432b19}.corner .tiny-suit{font-size:13px;color:var(--suit)}.corner.bottom{top:auto;left:auto;right:5px;bottom:4px;transform:rotate(180deg)}.art{position:absolute;inset:13px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.big-suit{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:58px;line-height:1;color:var(--suit);filter:drop-shadow(0px 2px 1px #0002)}.face-title{font-family:Georgia,serif;font-size:11px;font-weight:950;letter-spacing:.8px;color:#6a4528;text-transform:uppercase}.number-art{display:grid;grid-template-columns:repeat(2,1fr);gap:3px 10px;align-content:center;justify-content:center}.number-art span{font-family:"Segoe UI Emoji",sans-serif;font-size:18px;line-height:1}.figure{width:62px;height:77px;border:1px solid #d9b66f;border-radius:12px;background:radial-gradient(circle at center,#e9c97677,#fff6e8);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px}.figure span:first-child{font-size:30px}.figure span:last-child{font-size:18px;color:var(--suit)}.card.mini{width:94px;height:140px}.hand-area{position:relative;margin-top:-5px;z-index:5;background:linear-gradient(180deg,#53321b1c,#24160fc9);border-radius:0 0 18px 18px;padding:7px 7px 2px}.hand-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:750;color:#e9c69c;padding:0 6px}.hand-top .notice{color:#ffe8aa}.hand{height:145px;display:flex;align-items:flex-start;justify-content:center;padding-top:7px;overflow:visible}.hand .card{width:77px;height:116px;margin-left:var(--overlap, -7px);transform:translateY(8px) rotate(var(--tilt,0deg));transform-origin:center 100%;transition:transform .18s,box-shadow .18s,opacity .2s;cursor:pointer;touch-action:manipulation}.hand .card:first-child{margin-left:0}.hand .card:hover,.hand .card:focus-visible{transform:translateY(-6px) rotate(0);z-index:10}.hand .card.playable{box-shadow:0 0 0 2px #f6d271,0 0 13px 3px #f6c45aa3,0 4px 6px #0008}.hand .card.blocked{filter:brightness(.75)}.hand .card .corner .value{font-size:18px}.hand .card .big-suit{font-size:42px}.hand .card .art{inset:11px 8px}.hand .card .figure{width:52px;height:61px}.hand .card .figure span:first-child{font-size:25px}.hand .card .face-title{font-size:9px}.hand .card .number-art{gap:2px 7px}.hand .card .number-art span{font-size:13px}.hand .card .corner.bottom{display:none}.controls{display:flex;gap:8px;margin:0 3px 5px;position:relative;z-index:6}.btn{border:1px solid #ffffff55;border-radius:14px;min-height:50px;padding:9px 11px;color:white;font-weight:900;font-size:15px;box-shadow:inset 0 1px #fff5,0 5px 6px #0008;text-shadow:0 1px 2px #0007;transition:transform .15s,filter .15s}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.42;filter:grayscale(.7);cursor:not-allowed}.btn.prsi{background:linear-gradient(#cf6950,#8d271b);flex:1}.btn.draw{background:linear-gradient(#54ba74,#147346);flex:1.3}.btn.next{background:linear-gradient(#696267,#302931);flex:1}.info-strip{font-size:11px;color:#e3c9a5;text-align:center;min-height:20px;padding-top:3px}.mini-link{border:0;color:#fbd49d;background:none;text-decoration:underline;font-size:11px;font-weight:800}.toast{position:fixed;bottom:18%;left:50%;width:min(92vw,420px);transform:translate(-50%,20px);background:#17261cf2;color:#fff0bd;border:1px solid #ffe099af;border-radius:14px;padding:12px 16px;box-shadow:0 8px 25px #000c;text-align:center;font-weight:800;z-index:20;opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay{position:fixed;inset:0;background:#0b0808cc;z-index:30;display:none;align-items:center;justify-content:center;padding:17px;backdrop-filter:blur(5px)}.overlay.show{display:flex}.modal{width:min(100%,410px);max-height:90dvh;overflow-y:auto;background:linear-gradient(145deg,#583721,#2a1d14 70%);border:2px solid #d7a763;border-radius:22px;box-shadow:0 19px 60px #000c;padding:20px;color:#ffeed2;text-align:center}.modal h2{font:900 29px Georgia,serif;color:#ffe1a0;margin:5px 0 12px;text-shadow:0 2px #553217}.modal p{font-size:14px;line-height:1.55;color:#ecd6b8}.suit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0}.suit-option{background:#faefd7;border:2px solid #bb925c;color:#402818;border-radius:15px;min-height:90px;font-weight:900;font-size:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.suit-option span{font-size:35px;line-height:1}.modal-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.modal-btn{background:linear-gradient(#dba95c,#a66d32);border:1px solid #f8d2a0;color:#281a12;padding:11px 17px;border-radius:12px;font-weight:900}.modal-btn.secondary{background:#392a20;color:#f4dfbb}.rules{line-height:1.6;text-align:left;font-size:13px;color:#f1d9b4;padding-left:21px}.rules li{padding:3px 0}.final-list{display:grid;gap:7px;margin:16px 0}.final-person{display:flex;justify-content:space-between;border:1px solid #c2a06d88;background:#170e0899;padding:11px;border-radius:10px;text-align:left;font-size:14px;font-weight:850}.final-person b{color:#ffdf86}.final-person:first-child{border-color:#f9d47e;background:#6e4b21}.small-note{color:#dcc19b;font-size:11px;line-height:1.5}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:15}.confetti i{position:absolute;top:-20px;width:7px;height:12px;background:var(--c);left:var(--x);animation:fall 2.2s linear forwards}@keyframes fall{to{transform:translate(var(--dx),580px) rotate(590deg);opacity:0}}
@media (min-width:700px){.app{border-left:3px solid #9d6f3d;border-right:3px solid #9d6f3d}.portrait{height:113px}.felt-table{aspect-ratio:1/0.85}.hand{height:151px}}
@media(max-width:390px){.app{padding:8px 9px 9px}.topbar{height:56px}.brand b{font-size:32px}.portrait{height:88px}.opponents{gap:5px}.opponent{padding:4px 4px 6px}.felt-table{border-width:10px;border-radius:24px}.pile{width:87px;height:132px}.pile .card{transform:scale(.89)}.pile.deck .backface{transform:scale(.89)}.pile.deck:before,.pile.deck:after{transform:scale(.89)}.pile-area{gap:10px}.current-label{top:calc(48% + 75px)}.hand{height:133px}.hand .card{width:72px;height:105px}.controls .btn{font-size:13px;min-height:46px}.hand-area{padding:5px 3px 1px}.chip{padding:5px 7px;font-size:10px}}
@media(max-height:730px){.topbar{height:49px}.brand b{font-size:31px}.portrait{height:72px}.opponent{padding-top:3px}.opponents{margin-top:0}.felt-table{aspect-ratio:1/.73}.pile-area{top:48%}.current-label{top:calc(48% + 72px)}.table-flash{bottom:4px}.hand{height:123px}.hand .card{height:103px}.hand-area{margin-top:-1px}.controls .btn{min-height:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}

/* Vítězná reakce a skutečné turnajové skóre */
.winner-scene{position:relative;margin:8px auto 12px;max-width:330px;overflow:hidden;border-radius:17px;border:2px solid #f0c77d;box-shadow:0 8px 24px #0008,0 0 30px #c7843544;background:#593922;animation:winner-pop .55s cubic-bezier(.2,1.7,.5,1) both}
.winner-scene img{width:100%;height:205px;object-fit:cover;object-position:center 35%;display:block;animation:winner-cheer 1.3s ease-in-out .5s infinite alternate}
.win-splash{position:absolute;left:4px;right:4px;top:5px;font-size:18px;font-weight:1000;text-shadow:0 2px 4px #000,0 0 14px #000;background:#23160bb0;color:#ffe7a4;padding:9px 3px;border-radius:10px;transform:rotate(-2deg)}
.win-quip{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#140e0de9 25%);padding:25px 7px 12px;color:#fff;font-size:14px;line-height:1.2;font-weight:1000;text-shadow:0 2px 3px #000}
@keyframes winner-pop{0%{transform:scale(.65) rotate(-5deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes winner-cheer{from{transform:scale(1)}to{transform:scale(1.075)}}
.final-person{align-items:center;gap:7px}.final-person span{flex:1;min-width:0}.final-person span small{display:block;color:#e8cf9f;font-size:11px;font-weight:500;line-height:1.6;margin-top:3px}.final-person span small strong{color:#ffe2a2}.final-person.human-result{border-color:#77ce90a8}.final-person b{white-space:nowrap}.result-intro{margin-bottom:3px}.cut-note{padding:8px;border:1px solid #a98556;border-radius:10px;background:#25180ebd;color:#ffe1a1;font-size:11px;text-align:left;margin-bottom:9px}
@media(max-width:500px){
.modal{max-height:96dvh;padding:11px 12px 12px}
.modal h2{font-size:23px;margin:3px 0 7px}
.winner-scene{margin:4px auto 7px}
.winner-scene img{height:158px}
.win-splash{font-size:15px;padding:6px 3px}
.win-quip{font-size:11px;padding:17px 5px 7px}
.modal .result-intro{font-size:11px;line-height:1.35;margin:4px 0}
.final-list{gap:5px;margin:9px 0}
.final-person{padding:7px 9px;font-size:12px}
.final-person span small{font-size:10px;margin-top:1px}
.modal .small-note{font-size:10px;line-height:1.3;margin:8px 0}
.modal-actions .modal-btn{padding:9px 12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.winner-scene,.winner-scene img{animation:none}}

/* v6 – scénka před každou partií a po každém přesednutí */
.extras{margin:5px 0 1px;display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;color:#d9bf97}
.banter-card{padding:1px 0 4px;text-align:center}
.banter-milestone{display:inline-block;padding:5px 12px;border:1px solid #d3a056;border-radius:30px;color:#ffe49d;font-weight:900;font-size:11px;letter-spacing:.8px;background:#301f15}
.banter-speaker{display:flex;gap:12px;align-items:center;margin:14px 0 10px;text-align:left}
.banter-avatar{width:83px;height:92px;flex:none;object-fit:cover;object-position:center 22%;border-radius:15px;border:2px solid #e9bf7c;box-shadow:0 4px 12px #0007}
.banter-character{font-weight:900;font-size:19px;color:#ffdf9a}
.banter-role{font-size:11px;color:#d8bb8f}
.banter-question{background:#ffe8bc;color:#3e2617;border-radius:14px;padding:15px 13px;font-size:17px;line-height:1.4;font-weight:850;text-align:left;box-shadow:0 6px 15px #0005}
.banter-question:before{content:'❝';font:900 24px Georgia,serif;color:#aa6339;margin-right:4px}
.banter-answers{display:grid;gap:8px;margin:15px 0 11px}
.banter-choice{padding:11px 13px;min-height:46px;background:#32271f;border:1px solid #c7a06b;border-radius:12px;color:#ffebc8;font-weight:800;font-size:13px;text-align:left;transition:background .15s,transform .15s}
.banter-choice:active{transform:scale(.98)}.banter-choice:hover{background:#62442c}
.banter-reply{background:#1b3c2d;border:1px solid #8bc796;padding:15px;border-radius:14px;margin:11px 0;color:#fff0c9;font-size:16px;font-weight:800;line-height:1.45}
.banter-reply em{display:block;margin-top:4px;color:#b3dfb2;font-size:12px;font-style:normal}
.banter-disclaimer{font-size:10px!important;color:#c1a889!important;margin:8px 0 3px}
.name-entry{width:100%;min-height:48px;border-radius:12px;border:2px solid #f2cb8a;background:#fff7e8;color:#322015;padding:12px 13px;font-size:17px;font-weight:700;margin:7px 0 12px;outline:none}
.name-entry:focus{border-color:#85d99c;box-shadow:0 0 0 3px #85d99c33}
.name-error{min-height:17px;color:#ffd27f;font-size:12px;margin:2px 0 8px}
@media(max-width:390px){.banter-question{font-size:15px}.banter-avatar{width:72px;height:78px}.banter-speaker{margin:9px 0}.banter-choice{padding:10px;font-size:12px}}

/* v4 – vizuální volba druhu škádlení */
.profile-label{display:block;font-weight:900;color:#ffe3a5;text-align:left;font-size:13px;margin:10px 0 6px}
.role-picks{display:grid;gap:7px;margin:10px 0 9px}
.role-pick{display:block;cursor:pointer;text-align:left}
.role-pick input{position:absolute;opacity:0;pointer-events:none}
.role-pick span{display:flex;align-items:flex-start;flex-direction:column;min-height:53px;border:1px solid #9d855e;border-radius:12px;background:#33281f;padding:9px 12px;color:#ffedcc;font-weight:900;font-size:14px;transition:border-color .14s,background .14s}
.role-pick small{font-size:11px;color:#d2b693;font-weight:600;margin-top:2px}
.role-pick input:checked+span{border:2px solid #77da99;background:#194432;color:#ffffff;padding:8px 11px}
.role-pick input:focus-visible+span{outline:3px solid #f8db89;outline-offset:3px}
.profile-note{font-size:11px!important;line-height:1.4;color:#b9a48a;margin:8px 0!important}

/* v5: průchod turnajem a nové složení stolů */
.new-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 12px}
.new-person{display:flex;flex-direction:column;gap:5px;min-width:0;background:#251d17;border:1px solid #a78352;border-radius:12px;padding:6px;align-items:center;color:#ffeac1}
.new-person img{width:100%;height:100px;object-fit:cover;object-position:center 20%;border-radius:9px}
.new-person b{font-size:13px}
.tour-summary{text-align:center}.tour-trophy{font-size:48px}.tour-total{font-size:42px;font-weight:1000;color:#f8d98c;text-shadow:0 1px 6px #000;margin-top:8px}
.tour-total small{font-size:14px;color:#d9c199}.tour-rows{display:grid;gap:8px;text-align:left;margin:12px 0}
.tour-row{padding:11px;border:1px solid #8d7248;border-radius:12px;background:#33271e;line-height:1.6}
.tour-row>b{font-size:14px;color:#ffe1a0}.tour-row small{display:block;font-size:11px;color:#dcc7a1}
body[data-table="2"] .felt-table{box-shadow:inset 0 0 30px #41a99822,0 8px 20px #0006}
body[data-table="3"] .felt-table{box-shadow:inset 0 0 30px #ce954222,0 8px 20px #0006}
@media(max-width:390px){.new-person img{height:83px}.tour-row{padding:8px}}

/* v7: nové nezávislé vektorové mariášové karty (původní vlastní kresba) */
.card.folk-card{background:#fff5df;border:1px solid #d7b987;box-shadow:0 2px 0 #9e7951,0 5px 11px #0009;overflow:hidden;padding:0}
.card.folk-card:after{display:none}
.card-svg{width:100%;height:100%;display:block;pointer-events:none;overflow:hidden}
.card.folk-card.playable{box-shadow:0 0 0 2px #ffe28b,0 0 17px 4px #e8cb77aa,0 5px 8px #0008}
.hand .card.folk-card.blocked{filter:grayscale(.24) brightness(.78)}
.backface{background:repeating-linear-gradient(45deg,#164a63 0 6px,#316783 6px 8px,#154761 8px 14px)}
.backface:after{content:'❦  ✥  ❦';font:21px Georgia,serif;letter-spacing:2px;color:#e8d59a;border:3px double #d8c996;background:repeating-linear-gradient(-45deg,#163e59 0 8px,#22516e 8px 11px);text-shadow:0 1px #102237}
/* v7: body při každé dokončené partii */
.opp-points{margin:2px 0 0;color:#ffe099;font-size:11px;font-weight:900}
.round-scores{border-radius:14px;overflow:hidden;border:1px solid #d3aa70;background:#1b241dd9;margin:9px 0 10px;text-align:left}
.round-scores-title{padding:9px 10px 7px;text-align:center;font:900 15px Georgia,serif;color:#ffdfa2;background:linear-gradient(90deg,#3d281b,#4e3421,#3d281b);border-bottom:1px solid #967449}
.round-scores table{width:100%;border-collapse:collapse;font-size:12px}
.round-scores th{font-size:10px;letter-spacing:.35px;color:#dbc397;white-space:nowrap;background:#131f17}
.round-scores th,.round-scores td{padding:8px 9px;border-bottom:1px solid #d3ad7340}
.round-scores td:nth-child(2),.round-scores th:nth-child(2),.round-scores td:nth-child(3),.round-scores th:nth-child(3){text-align:right}
.round-scores tr:last-child td{border:0}
.round-scores td:last-child{font-size:15px;color:#ffe39a;font-weight:1000}
.round-scores .you{background:#255e3b74}
.round-scores .you td:first-child{font-weight:900;color:#baf1c3}
.tourney-tally{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(90deg,#265b3d,#123c2c);border:1px solid #79c98d;border-radius:12px;padding:10px 13px;margin:6px 0 9px;color:#eaffdf;font-weight:900;font-size:13px}
.tourney-tally strong{font:900 24px Georgia,serif;color:#ffda8e;white-space:nowrap}
@media(max-width:500px){.round-scores-title{font-size:13px}.round-scores th,.round-scores td{padding:6px 7px}.tourney-tally{padding:7px 10px;font-size:11px}.tourney-tally strong{font-size:20px}}



/* V8: automatické skloňování oslovení, možnost vlastní opravy */
.vocative-box{margin:-4px 0 12px;color:#eedbbd;font-size:12px;line-height:1.5}
.vocative-box b{color:#b4f7b9;font-size:14px}
.vocative-box .mini-link{margin-left:6px}
.vocative-edit[hidden]{display:none}
.vocative-edit .name-entry{margin-bottom:10px}


/* V9: mobilní Prší bez velkého rámu stolu. Karty a ovládání se vejdou na jednu obrazovku. */
@media (max-width:600px){
 .app{padding:6px 10px max(7px,env(safe-area-inset-bottom));background:
   radial-gradient(ellipse at 50% 35%,#24634430,transparent 58%),
   repeating-linear-gradient(90deg,#0000 0 64px,#fff1 65px,#0000 66px),
   linear-gradient(120deg,#291a12,#533820 38%,#231711 94%)}
 .topbar{height:51px;gap:5px}
 .brand b{font-size:30px}.brand small{font-size:9px;letter-spacing:.8px}
 .score-pill{min-width:59px;padding:4px 5px}.iconbtn{width:33px;height:33px;font-size:17px}
 .opponents{gap:6px;margin:1px 0 1px}
 .opponent{padding:3px 3px 4px;border-radius:12px}
 .portrait{height:78px;border-radius:9px}
 .oppname{font-size:12px}.oppcount,.opp-points{font-size:10px}
 .table-wrap{padding:0;position:relative;margin-top:0;margin-bottom:0}
 .table-wrap:before{content:"";position:absolute;inset:-12px -11px -12px;pointer-events:none;
    background:radial-gradient(ellipse at center,#3683683d 3%,#a1cbbc15 38%,transparent 75%);
    filter:blur(11px)}
 .felt-table{aspect-ratio:auto!important;height:171px;width:100%;border:0;border-radius:29px;
    background:radial-gradient(ellipse at 50% 55%,#236b4db5 0%,#164f3aab 43%,#174b384c 67%,transparent 93%);
    box-shadow:none!important;overflow:visible}
 .felt-table:before{content:"";inset:4px 10px;border:0;border-radius:60%;
    background:radial-gradient(ellipse at center,#4b957d10,transparent 67%);filter:blur(10px)}
 .felt-table:after{font-size:90px;color:#e5c7790b}
 .glass-shine{display:none}
 .table-stats{top:4px;left:7px;right:7px;z-index:5}
 .chip{font-size:10px;padding:3px 6px;background:#09291cde;line-height:1.2}
 .pile-area{top:48%;gap:12px}
 .pile{width:77px;height:108px}
 .pile .card,.pile .card.mini{width:72px;height:105px}
 .pile.deck:before,.pile.deck:after{width:70px;height:102px;border-radius:7px}
 .pile.deck .backface{width:70px;height:102px;border-width:4px;border-radius:7px}
 .pile.deck .backface:after{width:55px;height:82px;font-size:14px;letter-spacing:0}
 .current-label{top:auto!important;bottom:2px}
 .current-label span{padding:3px 9px;font-size:10px;line-height:1.2;background:#08261cdd}
 .current-label strong{font-size:12px}
 .table-flash{display:none}
 .hand-area{margin-top:0;padding:3px 2px 0;background:transparent}
 .hand-top{padding:0 4px;font-size:11px}
 .hand{height:170px;padding-top:3px}
 .hand .card{width:104px;height:153px}
 .controls{margin:0 2px 3px}
 .controls .btn{min-height:44px;padding:6px 9px;font-size:14px}
 .info-strip{font-size:10px;padding-top:2px}
 .extras{margin-top:3px;gap:5px}
 .mini-link{font-size:10px}
}
@media(max-width:390px){
 .portrait{height:69px}.hand{height:160px}.hand .card{width:98px;height:144px}
 .felt-table{height:157px}.pile-area{gap:10px}.chip{font-size:9px}
 .brand b{font-size:28px}
}
@media(max-height:725px) and (max-width:600px){
 .topbar{height:45px}.portrait{height:58px}
 .oppname{font-size:11px}.oppcount,.opp-points{font-size:9px}
 .felt-table{height:141px}.pile-area{top:48%}
 .pile{width:68px;height:91px}.pile .card,.pile .card.mini{width:63px;height:92px}
 .pile.deck:before,.pile.deck:after{width:61px;height:89px}
 .pile.deck .backface{width:61px;height:89px}
 .pile.deck .backface:after{width:48px;height:69px;font-size:12px}
 .hand{height:146px}.hand .card{width:94px;height:138px}
 .controls .btn{min-height:42px}
}
/* Only an explicit action should trigger dialogue; don't show an inactive joke button as clickable. */
#jokeBtn:disabled{opacity:.48;text-decoration:none;cursor:default}

/* Historické mariášové karty z roku 1860. Opravdové dobové obrázky nad vlastním SVG.
   Při výpadku sítě nezmizí hra ani karty. */
.card.folk-card{position:relative;isolation:isolate; background:#e8dcc3}
.card.folk-card .card-svg{position:relative;z-index:0}
.card.folk-card img.historic-face{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;
 border-radius:inherit;z-index:1;opacity:0;pointer-events:none;transition:opacity .12s linear;
 background:#ead9b7;user-select:none}
.card.folk-card img.historic-face.loaded{opacity:1}

/* V13: pohled na popraskany dubovy stul, stejny design na mobilu i PC */
html {background:#160c07}
body {background:linear-gradient(90deg,#080603da,#25140c44,#080603da),url('assets/stul-drevo.webp') center center/cover fixed}
.app {width:min(100%,430px);min-height:100dvh; padding:9px 10px max(12px,env(safe-area-inset-bottom));
 background:linear-gradient(180deg,#1309038e 0%,#190c0470 27%,#24130949 55%,#180b05aa 100%),url('assets/stul-drevo.webp') center/100% auto repeat-y;
 box-shadow:0 0 0 1px #b98a4c59,0 0 28px #050201,0 0 75px #050201;
 border-left:1px solid #ba804655;border-right:1px solid #ba804655}
.app:before {background:radial-gradient(ellipse at 50% 12%,#ecc07124,transparent 78%)}
.topbar {height:55px; gap:5px}
.brand b {font-size:34px;color:#ffe3a5}
.brand small {color:#efd5a5;letter-spacing:.85px}
.score-pill {background:#190d07ee;border:1px solid #c6a06eaa}
.iconbtn {background:linear-gradient(135deg,#674327,#241309);border:1px solid #b78956}
.opponents {gap:6px;margin:5px 0 6px}
.opponent {padding:4px 4px 5px; background:linear-gradient(180deg,#251206ed,#120b07f2);border-color:#d2a16e8c;border-radius:12px;box-shadow:0 3px 9px #05020175}
.opponent.smart {border-color:#efc97c;box-shadow:0 0 0 1px #eed38b2f,0 3px 12px #04020099}
.portrait {height:83px;border-radius:8px;object-position:50% 18%}
.oppname{font-size:12px;margin-top:3px}
.oppcount,.opp-points{font-size:10px}
.table-wrap {padding:0;margin:0;position:relative}
.table-wrap:before {content:'';position:absolute;inset:-7px 0;background:radial-gradient(ellipse,#ffcd7442 0%,transparent 77%);pointer-events:none}
.felt-table {aspect-ratio:auto!important;height:174px!important;width:100%;border:1px solid #70452266!important;border-radius:15px!important;
 background:radial-gradient(ellipse at center,#ffd08a26 0%,#2b150400 65%,#07040262 100%),url('assets/stul-drevo.webp') center center/100% auto;
 box-shadow:inset 0 1px 2px #fad19537,inset 0 0 22px #0006,0 5px 15px #0004!important;overflow:visible!important}
.felt-table:before {inset:5px 8px;border:1px solid #e5b37a28;border-radius:9px;background:none;filter:none}
.felt-table:after {content:'';display:none}
.glass-shine {display:none}
.table-stats {top:5px;left:6px;right:6px;z-index:5}
.chip{padding:4px 6px;font-size:10px;background:#1f110bf0;border-color:#e4ba8188;color:#fff1d2}
.pile-area{top:48%;gap:13px}
.pile{width:76px;height:108px}
.pile .card,.pile .card.mini{width:72px;height:105px}
.pile.deck:before,.pile.deck:after{width:70px;height:102px}
.pile.deck .backface{width:70px;height:102px}
.pile.deck .backface:after{width:55px;height:83px}
.current-label {top:auto!important;bottom:1px}
.current-label span{padding:4px 9px;font-size:10px;background:#261409ef;border-color:#b88b59}
.current-label strong{font-size:12px}
.table-flash{display:none}
.hand-area{margin-top:4px;padding:5px 3px 2px;border-radius:12px;background:linear-gradient(180deg,#1c0b07a1,#150d09d6);border:1px solid #c78f5440}
.hand-top{font-size:11px;padding:0 4px;color:#ffe2b3}
.hand{height:173px;padding-top:4px;justify-content:center}
.hand .card {width:104px;height:153px;box-shadow:0 5px 9px #000b}
.hand .card.playable {box-shadow:0 0 0 2px #f6db8a,0 0 17px 3px #ffe79993,0 5px 9px #000b}
.controls{margin:7px 2px 3px;gap:9px}
.controls .btn{min-height:46px;font-size:14px;padding:6px}
.info-strip{font-size:10px;color:#eed1a2}
.extras{margin-top:5px}
@media(min-width:600px){
 .app{width:430px;padding:9px 10px 14px}
 .felt-table{height:174px!important}
 .portrait{height:83px}
 .hand{height:173px}.hand .card{width:104px;height:153px}
}
@media(max-width:390px){
 .app{padding:7px 8px max(9px,env(safe-area-inset-bottom))}
 .topbar{height:50px}.brand b{font-size:31px}
 .portrait{height:73px}.opponent{padding:3px}
 .felt-table{height:162px!important}
 .pile{width:70px;height:96px}
 .pile .card,.pile .card.mini{width:65px;height:94px}
 .pile.deck:before,.pile.deck:after{width:63px;height:94px}
 .pile.deck .backface{width:63px;height:94px}
 .pile.deck .backface:after{width:49px;height:76px}
 .hand{height:161px}.hand .card{width:98px;height:144px}
}
@media(max-height:690px){
 .topbar{height:45px}.portrait{height:59px}
 .felt-table{height:140px!important}
 .pile{width:65px;height:93px}
 .pile .card,.pile .card.mini{width:61px;height:90px}
 .pile.deck:before,.pile.deck:after{width:59px;height:88px}
 .pile.deck .backface{width:59px;height:88px}
 .pile.deck .backface:after{width:47px;height:70px}
 .hand{height:142px}.hand .card{width:92px;height:136px}
}


/* V15 – 3 volitelné herní stoly. Stejná mobilní kompozice i na notebooku.
   Karty zůstávají samostatné klikatelné prvky, 3D je pouze styl pozadí. */
body[data-table-style="drevo"],body[data-table-style="sukno"],body[data-table-style="moderni"] { color-scheme:dark }
body[data-table-style="drevo"] .app,
body[data-table-style="sukno"] .app,
body[data-table-style="moderni"] .app {
 max-width:430px; width:min(100%,430px);
 background:linear-gradient(180deg,#120903a3,#24140bb6 28%,#29150794 58%,#150a06dc),url('assets/stul-drevo.webp') center / cover;
}
body[data-table-style="moderni"] .app {
 background:linear-gradient(160deg,#060f1ee0,#12334cd4 39%,#081823e3),url('assets/stul-drevo.webp') center/cover;
}
/* Spacious center card layout; face-up card and draw deck + 35% to 45% larger. */
body .table-wrap{margin:3px 0 4px;padding:0;position:relative;isolation:isolate}
body .table-wrap:before{inset:-7px -2px -11px;filter:blur(17px);background:radial-gradient(ellipse at center,#f1bb6542,transparent 68%);z-index:-1}
body .felt-table{
 position:relative;height:236px!important;aspect-ratio:auto!important;
 border:0!important;border-radius:24px!important;
 box-shadow:none!important;background:none!important;
 overflow:visible!important; isolation:isolate;
}
body .felt-table::before{
 position:absolute;inset:14px 6px 25px;content:"";z-index:0;
 border:9px solid #875327;border-radius:48% / 28%;
 background:radial-gradient(ellipse at 48% 21%,#ffd28f34 1%,transparent 46%),linear-gradient(#54351a42,#1f100b7a),url('assets/stul-drevo.webp') center / cover;
 transform:perspective(680px) rotateX(21deg);
 box-shadow:inset 0 4px 7px #ffe0ab5c,inset 0 -15px 22px #1a0d08c4,0 4px 0 #8b552d,0 9px 0 #523016,0 14px 5px #2c160b,0 19px 19px #000b;
 filter:none;pointer-events:none;
}
body .felt-table::after{
 position:absolute;inset:25px 20px 49px;content:"";z-index:0;
 border-radius:50% / 32%;display:block;
 background:radial-gradient(ellipse at 50% 28%,#ffdcaf18,transparent 70%);pointer-events:none;
}
body .glass-shine{display:none}
body .table-stats{z-index:4;top:2px;left:10px;right:10px}
body .table-stats .chip{font-size:10px;background:#130f0de8;border:1px solid #e3b9778b;padding:5px 8px;box-shadow:0 3px 6px #0006}
body .pile-area{z-index:3;top:49%;gap:18px}
body .pile{width:109px;height:158px; filter:drop-shadow(2px 9px 7px #0403029c)}
body .pile .card,body .pile .card.mini{width:101px;height:149px;border-radius:9px}
body .pile.deck::before,body .pile.deck::after{width:99px;height:147px;border-radius:9px}
body .pile.deck .backface{width:99px;height:147px;border:5px solid #f5ebd2;border-radius:9px}
body .pile.deck .backface::after{width:77px;height:115px;font-size:19px}
body .pile.faceup{transform:rotate(-6deg)}
body .pile.deck{transform:rotate(7deg)}
body .current-label{z-index:4;bottom:4px!important;top:auto!important}
body .current-label span{font-size:11px;padding:4px 12px;background:#120d09e8;box-shadow:0 2px 5px #0008}
body .current-label strong{font-size:13px}
body .hand-area{margin-top:2px}
body .hand .card{transform-origin:center 100%}
body .hand .card:focus-visible{outline:3px solid #ffeaab;outline-offset:2px}
/* Table B: rich green felt in a solid oak rim */
body[data-table-style="sukno"] .felt-table::before {
 background:radial-gradient(ellipse at 40% 16%,#42956a 0%,#1c6946 42%,#0d3529 95%),url('assets/stul-drevo.webp') center/cover;
 border:11px solid #673c1e;
 box-shadow:inset 0 0 0 3px #bb854e,inset 0 3px 13px #edfac748,inset 0 -16px 25px #00170e,0 4px 0 #83542c,0 9px 0 #422513,0 14px 4px #1b0c07,0 19px 19px #000b;
}
body[data-table-style="sukno"] .felt-table::after{background:radial-gradient(ellipse at 48% 24%,#befab421,transparent 60%)}
/* Table C: navy, minimalist, premium card salon */
body[data-table-style="moderni"] .felt-table::before {
 background:radial-gradient(ellipse at 40% 14%,#38617d,#17354d 48%,#0c172a 98%);
 border:9px solid #a99162;
 box-shadow:inset 0 0 0 2px #e7c991b3,inset 0 7px 17px #b7d6f42a,inset 0 -17px 22px #05101c,0 4px 0 #7f663e,0 9px 0 #40362a,0 14px 5px #100c08,0 19px 19px #000b;
}
body[data-table-style="moderni"] .felt-table::after {background:radial-gradient(ellipse at 50% 24%,#d5e6f51b,transparent 68%)}
body[data-table-style="moderni"] .opponent{background:linear-gradient(#193147e8,#0e1d32f0);border-color:#ddbd84a8}
body[data-table-style="moderni"] .hand-area{background:linear-gradient(#102b3aeb,#061728ef);border-color:#98bbca61}
body[data-table-style="moderni"] .table-wrap:before{background:radial-gradient(ellipse,#b6d3ff32,transparent 70%)}
/* Accessible chooser */
.table-style-choices{display:grid;gap:9px;margin:14px 0 8px}
.table-style-choice{display:flex;align-items:center;text-align:left;gap:12px;min-height:64px;border-radius:13px;border:1px solid #c59d65;background:#1b1713;color:#fbe7c4;padding:10px 12px;cursor:pointer}
.table-style-choice.selected{border:2px solid #f8d98c;padding:9px 11px;background:#3b3020}
.table-style-choice .style-sample{flex:none;display:block;width:66px;height:42px;border-radius:50% / 30%;border:5px solid #84512c;box-shadow:0 4px 0 #4a2b17,0 7px 8px #0009}
.table-style-choice[data-style="drevo"] .style-sample{background:repeating-linear-gradient(10deg,#5d351f 0 13px,#925d31 15px 18px,#6a3f23 20px 36px)}
.table-style-choice[data-style="sukno"] .style-sample{background:radial-gradient(#308662,#105036)}
.table-style-choice[data-style="moderni"] .style-sample{background:radial-gradient(#315b7d,#10243a);border-color:#c4aa70}
.table-style-choice b{display:block;font-size:14px}.table-style-choice small{display:block;margin-top:2px;font-size:11px;color:#d2b994}
/* Mobile keeps bigger table cards, adapts only for very small screens */
@media(max-width:390px){
 body .felt-table{height:222px!important}
 body .pile-area{gap:12px}
 body .pile{width:100px;height:149px}
 body .pile .card,body .pile .card.mini{width:95px;height:142px}
 body .pile.deck:before,body .pile.deck:after{width:93px;height:140px}
 body .pile.deck .backface{width:93px;height:140px}
 body .pile.deck .backface:after{width:70px;height:108px}
}
@media(max-height:725px){
 body .topbar{height:47px}
 body .portrait{height:59px}
 body .felt-table{height:207px!important}
 body .pile{width:93px;height:139px}
 body .pile .card,body .pile .card.mini{width:89px;height:133px}
 body .pile.deck:before,body .pile.deck:after{width:87px;height:131px}
 body .pile.deck .backface{width:87px;height:131px}
 body .pile.deck .backface:after{width:65px;height:99px}
 body .hand{height:147px}
 body .hand .card{width:94px;height:139px}
}
@media(prefers-reduced-motion:reduce){body .pile.faceup,body .pile.deck{transition:none}}


/* ==== V16: tmavsi nehratelne karty, bez blikani nahradnich karet, realnejsi tmavy dreveny stul ==== */
.card.folk-card img.historic-face{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;opacity:1!important;background:#fff;border-radius:6px;z-index:2}
.card.folk-card .card-svg{display:none!important}
.hand .card.blocked{filter:brightness(.42) saturate(.72) grayscale(.22)!important;box-shadow:0 2px 0 #6b5f51,0 3px 8px #0008!important}
.hand .card.blocked:hover,.hand .card.blocked:focus-visible{transform:translateY(8px) rotate(var(--tilt,0deg))!important;z-index:auto}

body{background:radial-gradient(circle at 50% 0%,#342117 0%,#120c0a 38%,#070505 100%)!important}
body[data-table-style="drevo"] .app,
body[data-table-style="sukno"] .app,
body[data-table-style="moderni"] .app{
  background:linear-gradient(180deg,#130d0acc,#0f0b09f4 22%,#0c0908f8 65%,#090706fb)!important;
  box-shadow:0 0 58px #000d, inset 0 1px 0 #ffffff0f;
}
body .table-wrap{margin:4px 0 7px!important;padding:0!important;position:relative;isolation:isolate}
body .table-wrap:before{content:"";position:absolute;inset:-10px -8px -18px;background:radial-gradient(ellipse at center,#00000000 25%,#00000045 60%,#00000000 78%);filter:blur(18px);pointer-events:none;z-index:-1}
body .felt-table{aspect-ratio:auto!important;height:214px!important;width:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body .felt-table::before{content:"";position:absolute;left:1.5%;right:1.5%;top:4px;bottom:8px;border-radius:50%/43%;background:radial-gradient(ellipse at 50% 30%,#ffffff12 0%,#ffffff05 14%,#00000000 34%),linear-gradient(180deg,#5b3820 0%,#3c2414 13%,#27170e 46%,#1b110b 70%,#120b07 100%),url('assets/stul-drevo.webp') center/cover;box-shadow:inset 0 0 0 2px #e8bf8750,inset 0 16px 24px #ffffff08,inset 0 -24px 30px #00000055,0 15px 25px #0009,0 2px 0 #8b5b34;pointer-events:none}
body .felt-table::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:50%/46%;box-shadow:inset 0 0 0 22px #2f1b10e8,inset 0 0 0 26px #6f4527c7,inset 0 0 0 30px #20120bdd;pointer-events:none}
body[data-table-style="sukno"] .felt-table::before{background:radial-gradient(ellipse at 50% 27%,#4b8c67 0%,#2a6548 23%,#173928 54%,#0d241a 100%),linear-gradient(180deg,#5b3820 0%,#3c2414 13%,#27170e 46%,#1b110b 70%,#120b07 100%),url('assets/stul-drevo.webp') center/cover;background-blend-mode:screen,normal,normal}
body[data-table-style="moderni"] .felt-table::before{background:radial-gradient(ellipse at 50% 28%,#35556f 0%,#23394c 27%,#142331 58%,#0b151f 100%),linear-gradient(180deg,#5b3820 0%,#3c2414 13%,#27170e 46%,#1b110b 70%,#120b07 100%),url('assets/stul-drevo.webp') center/cover;background-blend-mode:screen,normal,normal}
body .table-stats{top:7px!important;left:12px!important;right:12px!important;z-index:5}
body .table-stats .chip{background:#100d0be6!important;border:1px solid #d0a66f8a!important;box-shadow:0 3px 8px #0008!important}
body .pile-area{top:50%!important;gap:20px!important;z-index:4}
body .pile{width:124px!important;height:182px!important}
body .pile .card, body .pile .card.mini{width:118px!important;height:176px!important}
body .pile.deck:before, body .pile.deck:after{width:116px!important;height:170px!important;border-radius:10px!important}
body .pile.deck .backface{width:116px!important;height:170px!important;border-width:5px!important;border-radius:10px!important}
body .pile.deck .backface:after{width:91px!important;height:139px!important;font-size:18px!important}
body .current-label{top:auto!important;bottom:8px!important;z-index:5}
body .current-label span{background:#120d0be6!important;border:1px solid #d8af74a1!important;box-shadow:0 2px 8px #0007}

@media(max-width:390px){
  body .felt-table{height:195px!important}
  body .pile{width:112px!important;height:165px!important}
  body .pile .card, body .pile .card.mini{width:106px!important;height:158px!important}
  body .pile.deck:before, body .pile.deck:after{width:104px!important;height:152px!important}
  body .pile.deck .backface{width:104px!important;height:152px!important}
  body .pile.deck .backface:after{width:81px!important;height:123px!important}
}
@media(max-height:730px){
  body .felt-table{height:182px!important}
  body .pile{width:102px!important;height:150px!important}
  body .pile .card, body .pile .card.mini{width:96px!important;height:144px!important}
  body .pile.deck:before, body .pile.deck:after{width:95px!important;height:139px!important}
  body .pile.deck .backface{width:95px!important;height:139px!important}
  body .pile.deck .backface:after{width:74px!important;height:112px!important;font-size:16px!important}
}
