:root{--bg: #eef0ee;--panel: #ffffff;--panel-2: #f4f5f4;--text: #1d2b20;--muted: #5f6f63;--border: #cdd5cd;--accent: #1c7c31;--accent-text: #ffffff;--danger: #b03030;--shadow: 0 2px 10px rgba(0, 0, 0, .18);--radius: 10px;--anim: .18s;--card-w: 76px;--card-h: calc(var(--card-w) * 1.4);--card-face: #fdfdf6;--card-border: #b9b9ad;--red: #c0392b;--black: #1c2833;--blue4: #1f5fbf;--green4: #157a3b;--felt-custom: #0a6c03}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #171c18;--panel: #212823;--panel-2: #2a332c;--text: #e4eae5;--muted: #97a69b;--border: #3a453c;--accent: #34a04c;--accent-text: #08120b;--card-face: #ece9dc;--card-border: #6b6b5f;--shadow: 0 2px 12px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--bg: #171c18;--panel: #212823;--panel-2: #2a332c;--text: #e4eae5;--muted: #97a69b;--border: #3a453c;--accent: #34a04c;--accent-text: #08120b;--card-face: #ece9dc;--card-border: #6b6b5f;--shadow: 0 2px 12px rgba(0, 0, 0, .5)}*{box-sizing:border-box}.card,.slot,.pile,.hand,.table-center{--card-h: calc(var(--card-w) * 1.4)}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column}:root{--felt-glow: radial-gradient(ellipse at 50% 30%, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,.22) 100%)}:root,:root[data-felt=xp]{--felt: var(--felt-glow), radial-gradient(ellipse at 50% 30%, #0d8a0d 0%, #067006 55%, #045504 100%)}:root[data-felt=vista]{--felt: var(--felt-glow), linear-gradient(160deg, #175a23 0%, #0a3d14 45%, #05270c 100%)}:root[data-felt=green]{--felt: var(--felt-glow), radial-gradient(ellipse at 50% 20%, #2e7d4f, #1b5e35 70%, #14492a 100%)}:root[data-felt=navy]{--felt: var(--felt-glow), radial-gradient(ellipse at 50% 20%, #20406f, #122448 70%, #0c1a34 100%)}:root[data-felt=slate]{--felt: var(--felt-glow), radial-gradient(ellipse at 50% 25%, #56626e, #39434c 65%, #2a3138 100%)}:root[data-felt=wood]{--felt: radial-gradient(ellipse at 50% 28%, rgba(255,236,200,.1), rgba(255,255,255,0) 45%, rgba(20,8,2,.32) 100%), radial-gradient(ellipse 70px 16px at 28% 38%, rgba(40,20,7,.45), transparent), radial-gradient(ellipse 46px 12px at 71% 66%, rgba(40,20,7,.38), transparent), radial-gradient(ellipse 30px 9px at 55% 18%, rgba(40,20,7,.3), transparent), repeating-linear-gradient(92deg, rgba(58,32,12,.2) 0px, rgba(58,32,12,0) 8px, rgba(255,224,180,.06) 13px, rgba(58,32,12,.16) 22px, rgba(58,32,12,0) 34px, rgba(28,14,5,.18) 49px, rgba(58,32,12,0) 64px), linear-gradient(100deg, #8a5a2e, #71481f 55%, #7f5026)}:root[data-felt=crimson]{--felt: var(--felt-glow), radial-gradient(ellipse at 50% 20%, #932635, #5e1017 70%, #45090e 100%)}:root[data-felt=leaves]{--felt: var(--felt-glow), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 600'%3E%3Cg fill='%23ffffff' fill-opacity='0.10'%3E%3Cpath d='M60 40 Q220 -60 340 60 Q220 180 100 140 Q40 110 60 40Z'/%3E%3Cpath d='M-40 320 Q120 240 220 340 Q120 460 0 420 Q-60 380 -40 320Z'/%3E%3Cpath d='M780 480 Q900 400 960 500 Q880 600 760 570 Q740 520 780 480Z'/%3E%3C/g%3E%3Cg stroke='%23ffffff' stroke-opacity='0.14' stroke-width='4' fill='none'%3E%3Cpath d='M90 90 Q200 40 300 90'/%3E%3Cpath d='M20 380 Q110 320 200 380'/%3E%3Cpath d='M800 520 Q860 480 920 520'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat, radial-gradient(ellipse at 35% 20%, #7bd34f 0%, #3fae3a 45%, #1f8a34 80%, #157029 100%)}:root[data-felt=bokeh]{--felt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 500'%3E%3Cdefs%3E%3Cfilter id='b' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeGaussianBlur stdDeviation='2.2'/%3E%3C/filter%3E%3Cfilter id='bb' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3C/filter%3E%3Cg id='sp'%3E%3Cpath d='M0-11C2-7 10.5-2.5 10.5 3C10.5 9 2 9.5 0 4C-2 9.5-10.5 9-10.5 3C-10.5-2.5-2-7 0-11Z'/%3E%3Cpath d='M-3.8 11L-1.1 1.5L1.1 1.5L3.8 11Z'/%3E%3C/g%3E%3Cpath id='he' d='M0 10C-2 6-10.5 1.5-10.5-4C-10.5-10-2-10.5 0-5C2-10.5 10.5-10 10.5-4C10.5 1.5 2 6 0 10Z'/%3E%3Cpath id='di' d='M0-11C3-5 5.5-2.5 8.5 0C5.5 2.5 3 5 0 11C-3 5-5.5 2.5-8.5 0C-5.5-2.5-3-5 0-11Z'/%3E%3Cg id='cl'%3E%3Ccircle cy='-5.5' r='5.2'/%3E%3Ccircle cx='-5.8' cy='3' r='5.2'/%3E%3Ccircle cx='5.8' cy='3' r='5.2'/%3E%3Cpath d='M-3.6 11L-1.2 1.5L1.2 1.5L3.6 11Z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='%23bfe4ff' filter='url(%23bb)' opacity='0.30'%3E%3Cuse href='%23he' transform='translate(120 90) scale(3.6)'/%3E%3Cuse href='%23cl' transform='translate(660 130) scale(3.2)'/%3E%3Cuse href='%23sp' transform='translate(300 400) scale(3.9)'/%3E%3Cuse href='%23di' transform='translate(560 380) scale(3.4)'/%3E%3C/g%3E%3Cg fill='%23d8f0ff' filter='url(%23b)' opacity='0.5'%3E%3Cuse href='%23sp' transform='translate(70 250) scale(1.7)'/%3E%3Cuse href='%23di' transform='translate(215 200) scale(1.35)'/%3E%3Cuse href='%23cl' transform='translate(400 120) scale(1.8)'/%3E%3Cuse href='%23he' transform='translate(495 240) scale(1.4)'/%3E%3Cuse href='%23sp' transform='translate(730 300) scale(1.6)'/%3E%3Cuse href='%23he' transform='translate(180 430) scale(1.5)'/%3E%3Cuse href='%23di' transform='translate(430 450) scale(1.3)'/%3E%3Cuse href='%23cl' transform='translate(620 460) scale(1.45)'/%3E%3Cuse href='%23he' transform='translate(760 60) scale(1.5)'/%3E%3Cuse href='%23di' transform='translate(20 60) scale(1.4)'/%3E%3C/g%3E%3Cg fill='%23eaf7ff' opacity='0.72'%3E%3Cuse href='%23cl' transform='translate(150 170) scale(0.85)'/%3E%3Cuse href='%23he' transform='translate(345 300) scale(0.9)'/%3E%3Cuse href='%23sp' transform='translate(520 90) scale(0.8)'/%3E%3Cuse href='%23di' transform='translate(690 215) scale(0.85)'/%3E%3Cuse href='%23he' transform='translate(255 60) scale(0.75)'/%3E%3Cuse href='%23cl' transform='translate(80 390) scale(0.8)'/%3E%3Cuse href='%23sp' transform='translate(460 375) scale(0.75)'/%3E%3Cuse href='%23di' transform='translate(600 20) scale(0.7)'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat, radial-gradient(circle 90px at 18% 22%, rgba(150,205,255,.16), transparent 70%), radial-gradient(circle 60px at 72% 18%, rgba(120,230,255,.14), transparent 70%), radial-gradient(circle 120px at 84% 68%, rgba(120,180,255,.13), transparent 70%), radial-gradient(circle 70px at 38% 78%, rgba(160,220,255,.12), transparent 70%), radial-gradient(circle 45px at 55% 45%, rgba(190,235,255,.14), transparent 70%), radial-gradient(ellipse at 50% 30%, #1a4b9e 0%, #0e2c6b 55%, #061741 100%)}:root[data-felt=damask]{--felt: radial-gradient(ellipse at 50% 30%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 42%, rgba(0,0,0,.3) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1' fill='none'%3E%3Cpath d='M-8-72L72 8M-8-40L72 40M-8-8L72 72M-8 24L72 104M-8 56L72 136'/%3E%3Cpath d='M-8 24L72-56M-8 56L72-24M-8 88L72 8M-8 120L72 40M-8 152L72 72'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cg transform='translate(24 8) scale(0.5)'%3E%3Cpath d='M0-11C2-7 10.5-2.5 10.5 3C10.5 9 2 9.5 0 4C-2 9.5-10.5 9-10.5 3C-10.5-2.5-2-7 0-11Z'/%3E%3Cpath d='M-3.8 11L-1.1 1.5L1.1 1.5L3.8 11Z'/%3E%3C/g%3E%3Cg transform='translate(56 40) scale(0.5)'%3E%3Cpath d='M0-11C2-7 10.5-2.5 10.5 3C10.5 9 2 9.5 0 4C-2 9.5-10.5 9-10.5 3C-10.5-2.5-2-7 0-11Z'/%3E%3Cpath d='M-3.8 11L-1.1 1.5L1.1 1.5L3.8 11Z'/%3E%3C/g%3E%3Cpath transform='translate(56 8) scale(0.5)' d='M0 10C-2 6-10.5 1.5-10.5-4C-10.5-10-2-10.5 0-5C2-10.5 10.5-10 10.5-4C10.5 1.5 2 6 0 10Z'/%3E%3Cpath transform='translate(24 40) scale(0.5)' d='M0 10C-2 6-10.5 1.5-10.5-4C-10.5-10-2-10.5 0-5C2-10.5 10.5-10 10.5-4C10.5 1.5 2 6 0 10Z'/%3E%3Cpath transform='translate(8 24) scale(0.5)' d='M0-11C3-5 5.5-2.5 8.5 0C5.5 2.5 3 5 0 11C-3 5-5.5 2.5-8.5 0C-5.5-2.5-3-5 0-11Z'/%3E%3Cpath transform='translate(40 56) scale(0.5)' d='M0-11C3-5 5.5-2.5 8.5 0C5.5 2.5 3 5 0 11C-3 5-5.5 2.5-8.5 0C-5.5-2.5-3-5 0-11Z'/%3E%3Cg transform='translate(40 24) scale(0.5)'%3E%3Ccircle cy='-5.5' r='5.2'/%3E%3Ccircle cx='-5.8' cy='3' r='5.2'/%3E%3Ccircle cx='5.8' cy='3' r='5.2'/%3E%3Cpath d='M-3.6 11L-1.2 1.5L1.2 1.5L3.6 11Z'/%3E%3C/g%3E%3Cg transform='translate(8 56) scale(0.5)'%3E%3Ccircle cy='-5.5' r='5.2'/%3E%3Ccircle cx='-5.8' cy='3' r='5.2'/%3E%3Ccircle cx='5.8' cy='3' r='5.2'/%3E%3Cpath d='M-3.6 11L-1.2 1.5L1.2 1.5L3.6 11Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 / 64px 64px repeat, radial-gradient(ellipse at 50% 32%, #0f7a3c 0%, #086330 50%, #04371b 100%)}:root[data-felt=weave]{--felt: radial-gradient(ellipse at 50% 30%, rgba(255,248,220,.2), rgba(255,255,255,0) 45%, rgba(60,40,10,.3) 100%), repeating-linear-gradient(0deg, rgba(120,86,30,.16) 0 2px, rgba(255,236,180,.1) 2px 4px, rgba(120,86,30,.06) 4px 7px), repeating-linear-gradient(90deg, rgba(120,86,30,.14) 0 3px, rgba(255,240,200,.08) 3px 6px, rgba(120,86,30,.05) 6px 11px), linear-gradient(115deg, #cfa858, #bd964a 55%, #c9a252)}:root[data-felt=custom]{--felt: var(--felt-glow), radial-gradient(ellipse at 50% 25%, color-mix(in srgb, var(--felt-custom) 100%, #ffffff 14%), var(--felt-custom) 60%, color-mix(in srgb, var(--felt-custom) 100%, #000000 25%) 100%)}.site-header,.game-header{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.site-header-actions{display:flex;gap:8px}.game-title{font-size:17px;margin:0;flex:1;white-space:nowrap}.game-actions{display:flex;gap:6px;flex-wrap:wrap}.btn{font:inherit;font-size:14px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn-quiet{border-color:transparent;background:transparent}.btn-quiet:hover{background:var(--panel-2)}.status-bar{display:flex;justify-content:space-between;gap:12px;padding:4px 14px;font-size:13px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--border);min-height:24px;align-items:center}.status-right{display:flex;gap:14px}.site-header{border-bottom:none;background:transparent;padding:26px 30px 0}.brand{display:flex;align-items:center;gap:10px;flex:1;color:var(--accent)}.brand-mark{display:inline-flex;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.brand-name{font-weight:800;font-size:21px;letter-spacing:.01em;color:var(--text)}.lobby{padding:10px 30px 30px;max-width:1180px;margin:0 auto;width:100%}.lobby-intro{margin:38px 0 10px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.lobby-intro h1{margin:0;font-size:clamp(30px,4.6vw,42px);line-height:1.15;font-weight:800;letter-spacing:-.015em}.lobby-intro .suits{color:var(--muted);font-size:19px;letter-spacing:7px}.lobby-intro p{margin:0;color:var(--muted);font-size:16px;line-height:1.65;flex-basis:100%}.lobby-section-title{display:flex;align-items:center;gap:12px;margin:30px 0 14px;font-size:16px;font-weight:800;color:var(--text)}.lobby-section-title:after{content:"";flex:1;height:1px;background:var(--border)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.tile{--tile: var(--accent);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;min-height:172px;padding:20px 14px 32px;border-radius:12px;background:var(--panel);border:1px solid var(--border);color:var(--text);text-decoration:none;box-shadow:0 1px 2px #00000014,0 6px 14px #00000012;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tile:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 16px 28px #0000002e;border-color:color-mix(in srgb,var(--tile) 55%,var(--border))}.tile:before,.tile:after{content:"\2660";position:absolute;font-size:12px;line-height:1;color:var(--tile);opacity:.6}.tile:before{top:9px;left:11px}.tile:after{bottom:9px;right:11px;transform:rotate(180deg)}.tile:nth-child(4n+2):before,.tile:nth-child(4n+2):after{content:"\2665"}.tile:nth-child(4n+3):before,.tile:nth-child(4n+3):after{content:"\2666"}.tile:nth-child(4n):before,.tile:nth-child(4n):after{content:"\2663"}.tile-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;font-size:29px;line-height:1;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--tile) 82%,#ffffff 18%),var(--tile) 55%,color-mix(in srgb,var(--tile) 80%,#000000 20%));box-shadow:inset 0 0 0 2px #ffffff38,0 3px 8px #0003}.tile-name{font-weight:700;font-size:14.5px}.tile-blurb{font-size:12px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-meta{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.tile-resume{font-weight:700;color:var(--tile)}.lobby-footer{margin-top:44px;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}.notfound{text-align:center;margin-top:12vh}.overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);max-width:420px;width:100%;max-height:88vh;overflow:auto;padding:18px}.modal-wide{max-width:560px}.modal-round{border:2px solid var(--accent);background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 14%,var(--panel)),var(--panel) 64px);box-shadow:0 0 0 5px #00000040,var(--shadow)}.modal-round .modal-title{padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.modal-title{margin:0 0 10px;font-size:18px}.modal-body{font-size:14.5px;line-height:1.5}.modal-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:9px 18px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200}.toast.show{opacity:.95;transform:translate(-50%)}.opts-form{display:flex;flex-direction:column;gap:2px}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 2px;border-bottom:1px solid var(--border);font-size:14px}.opt-row:last-child{border-bottom:none}.opt-label{display:flex;flex-direction:column;gap:1px}.opt-help{color:var(--muted);font-size:11.5px}.opt-input{font:inherit;padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);max-width:190px}input[type=checkbox].opt-input{width:18px;height:18px;accent-color:var(--accent)}input[type=color].opt-input{padding:0;width:44px;height:28px}.name-input{width:100%;max-width:none;margin-top:8px;font-size:16px}.load-error{margin:40px auto;text-align:center;color:#fff}.hand-end-table{border-collapse:collapse;width:100%;margin-top:4px;font-size:14px}.hand-end-table th{text-align:right;padding:5px 10px;border-bottom:2px solid var(--accent);color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.07em}.hand-end-table td{text-align:right;padding:7px 10px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.hand-end-table th:first-child,.hand-end-table td:first-child{text-align:left}.hand-end-table tr:last-child td{border-bottom:none}.hand-end-table tr.me td{background:color-mix(in srgb,#ffd54a 16%,transparent);font-weight:600}.hand-end-table tr.winner td:first-child{color:var(--accent);font-weight:700}.card{width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-w) * .09);position:relative;isolation:isolate;user-select:none;-webkit-user-select:none;font-size:calc(var(--card-w) * .24)}.card.face{background:var(--card-face);border:1px solid var(--card-border);box-shadow:0 1px 2px #00000040;cursor:pointer}.card.face:after{content:"";position:absolute;inset:4.5%;border:1px solid rgba(90,85,60,.13);border-radius:calc(var(--card-w) * .055);pointer-events:none}.card .ci{position:absolute;font-weight:700;font-size:calc(var(--card-w) * .2);line-height:.95;display:flex;flex-direction:column;align-items:center;background:var(--card-face);border-radius:3px;padding:1px 2px;z-index:1}.card .ci em{font-style:normal;font-size:.85em}.card .ci.tl{top:3%;left:4.5%}.card .ci.br{bottom:3%;right:4.5%;transform:rotate(180deg)}.card .pip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-w) * .52);opacity:.9}.large-index .card .ci{font-size:1.25em}.card .pip-area{position:absolute;inset:12% 24%;pointer-events:none}.card .pip-s{position:absolute;transform:translate(-50%,-50%);font-size:calc(var(--card-w) * .185);line-height:1}.card .pip-s.rot{transform:translate(-50%,-50%) rotate(180deg)}.card .pip-area.court{inset:10% 19%;display:flex}.card .pip-area.court svg{width:100%;height:100%}.card .pip{display:none}.card.joker .pip,.minimal-faces .card .pip{display:flex}.minimal-faces .card.ace .pip{font-size:calc(var(--card-w) * .62)}.minimal-faces .card.ace.s-S .pip{text-shadow:0 0 0 currentColor,0 calc(var(--card-w) * .02) calc(var(--card-w) * .06) rgba(0,0,0,.35)}.minimal-faces .card .pip-area{display:none}.english-faces .card.face:not(.joker){background-image:var(--art);background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box;border-color:transparent}.english-faces .card.face:not(.joker)>*{display:none}.english-faces .card.face:not(.joker):after{display:none}.card.s-H,.card.s-D{color:var(--red)}.card.s-S,.card.s-C{color:var(--black)}.four-color .card.s-D{color:var(--blue4)}.four-color .card.s-C{color:var(--green4)}.card.joker{color:#7d3fa8}.card.back{border:1px solid rgba(0,0,0,.4);box-shadow:0 1px 2px #00000040;background:var(--back-bg, #274e8d);background-image:var(--back-pattern, repeating-linear-gradient(45deg, rgba(255,255,255,.14) 0 3px, transparent 3px 8px), repeating-linear-gradient(-45deg, rgba(255,255,255,.14) 0 3px, transparent 3px 8px));background-origin:border-box}:root[data-cardback=red] .card.back{--back-bg: #8d2727}:root[data-cardback=blue] .card.back{--back-bg: #274e8d}:root[data-cardback=green] .card.back{--back-bg: #1f6b38;--back-pattern: repeating-linear-gradient(0deg, rgba(255,255,255,.12) 0 2px, transparent 2px 9px), repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 2px, transparent 2px 9px)}:root[data-cardback=purple] .card.back{--back-bg: #5b2a86;--back-pattern: repeating-linear-gradient(90deg, rgba(255,255,255,.16) 0 5px, transparent 5px 14px)}:root[data-cardback=slate] .card.back{--back-bg: #3e4a55;--back-pattern: radial-gradient(rgba(255,255,255,.2) 1.5px, transparent 1.6px);background-size:auto,12px 12px}:root[data-cardback=robot] .card.back{--back-bg: #101528;--back-pattern: radial-gradient(circle at 50% 42%, rgba(120,190,255,.5) 0 8%, transparent 9%), repeating-linear-gradient(45deg, rgba(120,190,255,.12) 0 4px, transparent 4px 11px)}:root[data-cardback=ornate] .card.back,:root[data-cardback=ornate-red] .card.back{--back-bg: #1d4f8f;--back-pattern: radial-gradient(ellipse 32% 22% at 50% 50%, rgba(255,255,255,.9) 0 28%, rgba(255,255,255,0) 30%), radial-gradient(ellipse 26% 17% at 50% 50%, var(--back-bg2, #163d70) 0 30%, transparent 31%), repeating-linear-gradient(45deg, rgba(255,255,255,.22) 0 1.5px, transparent 1.5px 7px), repeating-linear-gradient(-45deg, rgba(255,255,255,.22) 0 1.5px, transparent 1.5px 7px);box-shadow:inset 0 0 0 3px #fdfdf6,inset 0 0 0 4.5px var(--back-bg),inset 0 0 0 6px #ffffff8c,0 1px 2px #00000059,0 3px 6px #0003}:root[data-cardback=ornate-red] .card.back{--back-bg: #8d2727;--back-bg2: #6e1c1c}:root[data-cardback^=arcana] .card.back{--back-pattern: none;box-shadow:inset 0 0 0 2.5px var(--back-ink),inset 0 0 0 4px var(--back-bg),0 1px 2px #00000059,0 3px 6px #0003}:root[data-cardback^=arcana] .card.back:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--back-ink);opacity:.92;-webkit-mask:var(--arcana) center / 100% 100% no-repeat;mask:var(--arcana) center / 100% 100% no-repeat;--arcana: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Cdefs%3E%3Cg id='a' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M50 20C38 20 28 27 26 39C24.5 48 33 53 38 48C41.5 44.5 38.5 38 33.5 40.5'/%3E%3Cpath d='M50 27C41 27 34.5 32 33 40' stroke-width='0.9'/%3E%3Cpath d='M15 26C13.5 42 15.5 56 21 68' stroke-width='1.1'/%3E%3Cpath d='M21 68C25 62 31 63 31.5 69' stroke-width='1.1'/%3E%3Cpath d='M43 57C46 52 46 46 43 42C40 46 40 52 43 57Z' stroke-width='1'/%3E%3Ccircle cx='38.5' cy='31.5' r='2.4' fill='%23fff' stroke='none'/%3E%3Cpath d='M24 15A6 6 0 1 0 29.5 24.4A4.8 4.8 0 1 1 24 15Z' fill='%23fff' stroke='none'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke='%23fff'%3E%3Crect x='4.5' y='4.5' width='91' height='131' rx='5' stroke-width='2'/%3E%3Crect x='9.5' y='9.5' width='81' height='121' rx='3.5' stroke-width='0.9'/%3E%3Ccircle cx='50' cy='70' r='12.5' stroke-width='1.5'/%3E%3Ccircle cx='50' cy='70' r='7' stroke-width='0.8'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='50' cy='70' r='2.8'/%3E%3Cpath d='M50 15L53 19L50 23L47 19Z'/%3E%3Cpath d='M50 117L53 121L50 125L47 121Z'/%3E%3C/g%3E%3Cuse href='%23a'/%3E%3Cuse href='%23a' transform='translate(100 0) scale(-1 1)'/%3E%3Cuse href='%23a' transform='translate(0 140) scale(1 -1)'/%3E%3Cuse href='%23a' transform='translate(100 140) scale(-1 -1)'/%3E%3C/svg%3E")}:root[data-cardback=arcana-amber] .card.back{--back-bg: #6a4423;--back-ink: #ecdcba}:root[data-cardback=arcana-sage] .card.back{--back-bg: #7f9077;--back-ink: #f7f1de}:root[data-cardback=arcana-plum] .card.back{--back-bg: #5b3160;--back-ink: #e7d8bf}:root[data-cardback=arcana-teal] .card.back{--back-bg: #2d6b70;--back-ink: #e3ecdd}.card.selected,.card.hinted{outline:3px solid #ffd54a;outline-offset:-1px;z-index:5}.card.hint-target{outline:3px dashed #ffd54a;outline-offset:-1px}.card.disabled{filter:brightness(.82);cursor:default}.slot{width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-w) * .09);border:2px dashed rgba(255,255,255,.35);background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:calc(var(--card-w) * .4)}.slot.hint-target{border-color:#ffd54a;border-style:solid}.game-stage{flex:1;background:var(--felt);overflow:auto;padding:14px;position:relative}.sol-board{display:flex;flex-direction:column;gap:clamp(14px,1.6vh,22px);width:fit-content;min-width:fit-content;margin-inline:auto}.sol-row{display:flex;gap:clamp(12px,1.5vw,30px);align-items:flex-start}.sol-row.spread{justify-content:space-between}.left-hand .sol-row{flex-direction:row-reverse}.sol-gap{flex:1}.pile{position:relative;width:var(--card-w);min-height:var(--card-h);height:calc(var(--card-h) * (1 + var(--ph, 0)))}.pile>.card{position:absolute;left:0;top:calc(var(--y, 0) * var(--card-h));transition:top var(--anim)}.pile>.slot{position:absolute;left:0;top:0}.pile.fx-incoming>.card{visibility:hidden}.pile.fan-right{min-width:calc(var(--card-w) * 2.6);width:calc(var(--card-w) * (1 + var(--ph, 0)));height:var(--card-h)}.pile.fan-right>.card{top:0;left:calc(var(--y, 0) * var(--card-w))}.drag-layer{position:fixed;z-index:60;pointer-events:none;left:0;top:0}.drag-layer .card{position:absolute;left:0}.stage-klondike,.stage-yukon{--card-w: clamp(52px, 11.5vw, 112px)}.stage-freecell{--card-w: clamp(52px, 11vw, 112px)}.stage-spider,.stage-fortythieves{--card-w: clamp(42px, 8.6vw, 96px)}.stage-golf{--card-w: clamp(52px, 11.5vw, 112px)}.stage-pyramid{--card-w: clamp(30px, min(9.5vw, calc((100vw - 20px) / 7.4)), 98px)}.stage-tripeaks{--card-w: clamp(26px, min(9.5vw, calc((100vw - 20px) / 10.5)), 98px)}.stage-canfield{--card-w: clamp(52px, 11.5vw, 112px)}.peak-board{position:relative;margin:0 auto}.peak-board .card,.peak-board .slot{position:absolute;transition:opacity var(--anim)}.peak-board .card.disabled{filter:brightness(.93) saturate(.85)}.peak-board .card.face:not(.disabled){box-shadow:0 2px 4px #00000059,0 6px 14px #00000047;transition:transform .14s ease,box-shadow .14s ease}.peak-board .card.face:not(.disabled):hover{transform:translateY(-4px);box-shadow:0 5px 9px #0006,0 12px 22px #0000004d}.counter-chip{background:#00000059;color:#fff;font-size:12.5px;border-radius:999px;padding:3px 10px;align-self:center;white-space:nowrap}.table-stage{display:grid;grid-template-areas:"corner north scores" "west center east" "info south south2";grid-template-columns:1fr minmax(0,2.2fr) 1fr;grid-template-rows:auto 1fr auto;gap:8px;height:100%;min-height:420px;max-width:1460px;margin-inline:auto;--card-w: clamp(44px, 9vw, 92px)}.seat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;position:relative}.seat-north{grid-area:north}.seat-west{grid-area:west;justify-content:center}.seat-east{grid-area:east;justify-content:center}.seat-south{grid-area:south;align-self:end}.seat-label{color:#fff;font-size:13px;background:#00000059;padding:3px 12px;border-radius:999px;display:flex;gap:8px;align-items:center;white-space:nowrap}.seat-label .pts{color:#ffd54a}.seat.active .seat-label{background:#ffd54a;color:#222;font-weight:700}.seat-label .dealer-chip{background:#fff;color:#222;border-radius:999px;padding:0 6px;font-size:11px;font-weight:700}.hand{display:flex;justify-content:center;min-height:var(--card-h)}.hand .card{margin-left:calc(var(--card-w) * -.62);transition:transform var(--anim)}.hand .card:first-child{margin-left:0}.hand.mine .card:hover{transform:translateY(-8px)}.hand.mine .card.selected{transform:translateY(calc(var(--card-h) * -.3));outline:none;box-shadow:0 0 0 3px #ffd54a;z-index:auto}.hand-vert{flex-direction:column;align-items:center}.hand-vert .card{margin-left:0;margin-top:calc(var(--card-h) * -.82)}.hand-vert .card:first-child{margin-top:0}.table-center{grid-area:center;position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(var(--card-h) * 1.7)}.trick-card{position:absolute;transition:transform var(--anim)}.trick-card.p0{transform:translateY(calc(var(--card-h) * .42))}.trick-card.p1{transform:translate(calc(var(--card-w) * -.9))}.trick-card.p2{transform:translateY(calc(var(--card-h) * -.42))}.trick-card.p3{transform:translate(calc(var(--card-w) * .9))}.scoreboard{grid-area:scores;justify-self:end;background:#0006;color:#fff;border-radius:10px;padding:8px 12px;font-size:13px;min-width:130px}.scoreboard table{border-collapse:collapse;width:100%}.scoreboard td,.scoreboard th{padding:1px 6px;text-align:right;font-weight:400}.scoreboard td:first-child,.scoreboard th:first-child{text-align:left}.scoreboard .me{font-weight:700;color:#ffd54a}.table-info{grid-area:info;align-self:end;color:#fff;font-size:13px;background:#00000059;border-radius:10px;padding:6px 10px;max-width:300px}.table-actions{grid-area:south2;align-self:end;justify-self:end;display:flex;gap:8px;flex-wrap:wrap;min-height:34px}.table-actions .btn{box-shadow:var(--shadow)}.center-note{color:#ffffffd9;font-size:15px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}.board-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px}.ms-panel{display:flex;gap:18px;background:#0006;color:#fff;padding:6px 16px;border-radius:10px;font-size:15px;font-variant-numeric:tabular-nums}.ms-grid{display:grid;gap:2px;background:#00000059;padding:6px;border-radius:8px;touch-action:manipulation}.ms-cell{width:var(--ms-cell, 30px);height:var(--ms-cell, 30px);border-radius:4px;background:linear-gradient(145deg,#cfd8cf,#a7b3a7);border:1px solid #8a968a;font-size:calc(var(--ms-cell, 30px) * .55);font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.ms-cell.open{background:#e7eae2;border-color:#c4c9bd;cursor:default}.ms-cell.mine{background:#e5695f}.ms-cell.n1{color:#1f5fbf}.ms-cell.n2{color:#157a3b}.ms-cell.n3{color:#c0392b}.ms-cell.n4{color:#4a2d8f}.ms-cell.n5{color:#7a3324}.ms-cell.n6{color:#157a7a}.ms-cell.n7{color:#222}.ms-cell.n8{color:#666}.grid-board{--frame: rgba(20, 12, 4, .55);--sq-light: #e8e0c8;--sq-dark: #2e7d4f;--rev-felt: #157a3b;--rev-line: #0d5c2a;display:grid;border-radius:8px;overflow:hidden;border:5px solid var(--frame);box-shadow:inset 0 2px 12px #00000059,0 12px 28px #00000059}.grid-board[data-btheme=walnut]{--sq-light: #ecd9ac;--sq-dark: #6b4520;--rev-felt: #7b5730;--rev-line: #5a3d1e;--frame: #3a2412}.grid-board[data-btheme=midnight]{--sq-light: #9aa1ab;--sq-dark: #15171b;--rev-felt: #2b2f36;--rev-line: #101216;--frame: #090a0c}.gb-cell{width:var(--gb-cell, 52px);height:var(--gb-cell, 52px);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.gb-cell.dark{background:linear-gradient(160deg,rgba(255,255,255,.09),transparent 60%),var(--sq-dark)}.gb-cell.light{background:var(--sq-light)}.gb-cell.rev{background:linear-gradient(160deg,rgba(255,255,255,.06),transparent 60%),var(--rev-felt);border:1px solid var(--rev-line)}.gb-cell.movable:after{content:"";position:absolute;width:26%;height:26%;border-radius:50%;background:#ffd54aa6}.disc{width:82%;height:82%;border-radius:50%;position:relative;box-shadow:inset 0 -3px 6px #00000059,0 2px 3px #00000059;transition:transform var(--anim),background var(--anim)}.disc.black{background:radial-gradient(circle at 35% 30%,#4a4a4a,#111)}.disc.white{background:radial-gradient(circle at 35% 30%,#fff,#cfcfcf)}.disc.red{background:radial-gradient(circle at 35% 30%,#e57368,#a3271b)}.disc:before{content:"";position:absolute;inset:13%;border-radius:50%;border:1.5px solid rgba(0,0,0,.2);box-shadow:inset 0 0 0 3px #ffffff14,inset 0 2px 3px #00000026;background:linear-gradient(155deg,#ffffff4d,#fff0 55%)}.disc.king:after{content:"\2654";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffdcf2;font-size:calc(var(--gb-cell, 52px) * .5);text-shadow:0 1px 2px rgba(0,0,0,.5)}.disc.selected{transform:scale(1.12);box-shadow:0 0 0 3px #ffd54a,inset 0 -3px 6px #00000059}.gb-cell.movable:hover .disc{transform:translateY(-2px) scale(1.05)}.grid-board,.bg-board{user-select:none;-webkit-user-select:none}.gb-cell.grabbable{touch-action:none}.gb-cell.grabbable .disc{cursor:grab}.bg-point.grabbable,.bg-checker.grabbable{touch-action:none;cursor:grab}.drag-ghost{filter:drop-shadow(0 7px 12px rgba(0,0,0,.45));cursor:grabbing}.gb-cell.drop-hover{outline:3px solid #ffd54a;outline-offset:-3px}.gb-cell.drop-hover:after{background:#ffd54af2}.bg-point.drop-hover:before{outline:3px solid #ffd54a}.bg-off.drop-hover{outline-color:#fff;box-shadow:0 0 18px #ffd54ae6,inset 0 0 10px #00000080}.mj-board{position:relative;z-index:0;margin:0 auto}.mj-tile{position:absolute;width:var(--mj-w, 44px);height:calc(var(--mj-w, 44px) * 1.32);color:#33418f;background:linear-gradient(160deg,#fdfaf0,#e8e2cf);border:1px solid #b5ac91;border-radius:6px;box-shadow:2px 3px #b9ad8d,3px 5px 6px #0006;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;font-weight:700;line-height:1.05}.mj-tile.blocked{filter:brightness(.78);cursor:default}.mj-tile.selected{outline:3px solid #ffd54a}.mj-tile svg{width:88%;height:90%;pointer-events:none}.bg-board{--f1: #6d4523;--f2: #4b2d14;--field1: #7b5730;--field2: #5e3f20;--ptl1: #ecd9ac;--ptl2: #b89f6e;--ptd1: #9a6836;--ptd2: #6b4520;--well1: #35210d;--well2: #251505;--chkw1: #fdfaf1;--chkw2: #ded5bd;--chkw3: #b8ad92;--chkb1: #7d5936;--chkb2: #4a2f16;--chkb3: #291809;display:flex;background:linear-gradient(170deg,var(--f1),var(--f2));border:10px solid;border-color:color-mix(in srgb,var(--f1) 100%,#fff 6%) color-mix(in srgb,var(--f2) 100%,#000 20%) color-mix(in srgb,var(--f2) 100%,#000 35%) color-mix(in srgb,var(--f2) 100%,#000 20%);border-radius:10px;padding:10px;gap:8px;--pt-w: clamp(16px, min(5.5vw, calc((100vw - 96px) / 13.4)), 62px);--chk: calc(var(--pt-w) * .82);margin:0 auto;box-shadow:inset 0 3px 16px #00000073,0 16px 36px #0006}.bg-board[data-btheme=felt]{--f1: #4a3421;--f2: #2c1e10;--field1: #1d7c3c;--field2: #125a2b;--ptl1: #f4f0e2;--ptl2: #cdc7b2;--ptd1: #17402a;--ptd2: #0c2415;--well1: #1f150a;--well2: #140d05;--chkb1: #e06a5f;--chkb2: #a72c1e;--chkb3: #6e150c}.bg-board[data-btheme=dark]{--f1: #24272d;--f2: #101215;--field1: #3b4048;--field2: #25292f;--ptl1: #c9cdd4;--ptl2: #969ca6;--ptd1: #15171b;--ptd2: #0a0b0e;--well1: #101215;--well2: #090a0c;--chkw1: #f4f1e4;--chkw2: #d9d4c2;--chkw3: #a9a28c;--chkb1: #565c66;--chkb2: #2b2f36;--chkb3: #101216}.bg-half{display:flex;flex-direction:column;gap:6px;background:linear-gradient(to bottom,var(--field1),var(--field2));box-shadow:inset 0 2px 12px #00000059;border-radius:5px;padding:4px;position:relative}.bg-mid{position:absolute;top:0;bottom:0;width:40%;display:flex;align-items:center;justify-content:center;gap:8px;z-index:4;pointer-events:none}.bg-mid.left{left:4%}.bg-mid.right{right:4%}.bg-mid .btn{pointer-events:auto;box-shadow:0 6px 16px #00000073}.bg-dice{display:flex;gap:8px;justify-content:center}.bg-quad{display:flex}.bg-bar{width:calc(var(--pt-w) * .9);background:linear-gradient(to bottom,var(--well1),var(--well2));border-radius:6px;box-shadow:inset 0 0 12px #0000008c,0 1px #ffffff0f;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.bg-point{width:var(--pt-w);height:calc(var(--chk) * 5.5);position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))}.bg-point.bottom{flex-direction:column-reverse}.bg-point:before{content:"";position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(to bottom,var(--ptl1),var(--ptl2))}.bg-point.dark:before{background:linear-gradient(to bottom,var(--ptd1),var(--ptd2))}.bg-point.bottom:before{clip-path:polygon(50% 0,0 100%,100% 100%);background:linear-gradient(to top,var(--ptl1),var(--ptl2))}.bg-point.bottom.dark:before{background:linear-gradient(to top,var(--ptd1),var(--ptd2))}.bg-point.sel-from:before{outline:3px solid #ffd54a;background:#ffd54a}.bg-point.sel-to:before{background:linear-gradient(to bottom,#ffefa9,#ffe071)}.bg-point.bottom.sel-to:before{background:linear-gradient(to top,#ffefa9,#ffe071)}.bg-point.sel-to.multi:after{content:"\d7" attr(data-hops);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);background:#ffd54a;color:#222;font-size:11px;font-weight:800;border-radius:999px;padding:1px 6px;z-index:3;pointer-events:none;box-shadow:0 2px 5px #0006}.bg-point.bg-flash{animation:cr-bg-flash .7s}@keyframes cr-bg-flash{30%{filter:drop-shadow(0 0 10px #ffd54a) brightness(1.25)}}.bg-checker{width:var(--chk);height:var(--chk);border-radius:50%;z-index:1;position:relative;border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 -4px 7px #0000006b,inset 0 3px 5px #ffffff47,0 3px 6px #00000080;flex-shrink:0;margin:-2% 0}.bg-point .bg-checker{margin:calc(var(--ov, 2%) * -1) 0}.bg-checker:before{content:"";position:absolute;inset:14%;border-radius:50%;border:1.5px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 3px #ffffff12,inset 0 2px 3px #00000026}.bg-checker:after{content:"";position:absolute;left:18%;top:8%;width:46%;height:26%;border-radius:50%;background:linear-gradient(#ffffff8c,#fff0);transform:rotate(-18deg)}.bg-checker.white{background:radial-gradient(circle at 35% 28%,var(--chkw1),var(--chkw2) 55%,var(--chkw3))}.bg-checker.black{background:radial-gradient(circle at 35% 28%,var(--chkb1),var(--chkb2) 60%,var(--chkb3))}.bg-side{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;padding:2px 4px;color:#fff;width:calc(var(--pt-w) * 1.2);flex-shrink:0}.bg-die{width:clamp(18px,calc(var(--pt-w) * .7),42px);height:clamp(18px,calc(var(--pt-w) * .7),42px);border-radius:9px;background:linear-gradient(150deg,#fdfaf0,#e4ddc8);position:relative;box-shadow:inset 0 -3px 5px #0000002e,inset 0 2px 3px #ffffffb3,0 5px 10px #0006}.bg-die .dot{position:absolute;width:19%;height:19%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a4a4a,#111);transform:translate(-50%,-50%);box-shadow:inset 0 1px 1px #0009}.bg-die.used{opacity:.35}.bg-die.stale{opacity:.45;filter:saturate(.6);box-shadow:inset 0 -3px 5px #0000002e,0 2px 4px #0000004d}.bg-off{background:linear-gradient(to bottom,var(--well1),var(--well2));border-radius:6px;box-shadow:inset 0 0 10px #00000080;height:calc(var(--chk) * 4.2);width:calc(var(--pt-w) * 1.05);display:flex;flex-direction:column;align-items:center;color:#d8c49a;font-size:11px;padding:3px;gap:3px;cursor:pointer}.bg-off.bear-ready{outline:3px solid #ffd54a;box-shadow:0 0 14px #ffd54a8c,inset 0 0 10px #00000080}.bg-off-label{white-space:nowrap}.bg-tray{display:flex;flex-direction:column-reverse;align-items:center;flex:1;width:100%;overflow:hidden}.bg-offchip{width:calc(var(--chk) * .92);height:calc(var(--chk) * .2);border-radius:calc(var(--chk) * .07);margin-top:2px;flex-shrink:0;border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 3px #00000059}.bg-offchip.white{background:linear-gradient(to bottom,var(--chkw1),var(--chkw3))}.bg-offchip.black{background:linear-gradient(to bottom,var(--chkb1),var(--chkb3))}.bg-cube{width:36px;height:36px;border-radius:7px;background:linear-gradient(150deg,#f2ecd8,#d8d0b4);color:#222;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:inset 0 -2px 4px #00000026,0 4px 9px #00000059}.crib-track{display:flex;flex-wrap:wrap;gap:3px;background:#3e2813e6;padding:8px 10px;border-radius:10px;max-width:640px}.crib-hole{width:12px;height:12px;border-radius:50%;background:#ffffff40;font-size:0}.crib-hole.p0{background:#ffd54a;box-shadow:0 0 4px #ffd54a}.crib-hole.p1{background:#7ec8ff;box-shadow:0 0 4px #7ec8ff}.crib-hole.mark{outline:1px solid rgba(255,255,255,.4)}.card.shake{animation:cr-shake .3s}@keyframes cr-shake{0%,to{translate:0 0}25%{translate:-5px 0}75%{translate:5px 0}}.card.face{box-shadow:0 1px 2px #0000004d,0 3px 7px #00000029}.card.back{box-shadow:0 1px 2px #00000059,0 3px 6px #0003}.drag-layer .card{box-shadow:0 12px 26px #00000073,0 2px 6px #0000004d;transform:rotate(2.5deg) scale(1.03)}.card.flip-in{animation:cr-flip-in calc(var(--anim) * 1.6) ease-out}@keyframes cr-flip-in{0%{transform:perspective(600px) rotateY(88deg)}to{transform:perspective(600px) rotateY(0)}}.pile>.card.peek{transition:transform .16s ease,top var(--anim);transform:translateY(-42%) scale(1.13)!important;z-index:99!important;box-shadow:0 14px 28px #00000080}.hand .card.deal-in{animation:cr-hand-deal calc(var(--anim) * 1.8) ease-out backwards}@keyframes cr-hand-deal{0%{transform:translateY(-26px) scale(.85);opacity:0}to{transform:none;opacity:1}}.trick-card{animation:cr-trick-in calc(var(--anim) * 1.4) ease-out}@keyframes cr-trick-in{0%{opacity:0;margin-top:-34px;rotate:-6deg}to{opacity:1;margin-top:0;rotate:0deg}}.hand.mine.selecting .card{margin-left:calc(var(--card-w) * -.42)}.hand.mine.selecting .card:first-child{margin-left:0}.float-pts{position:absolute;left:50%;top:0;transform:translate(-50%);font-size:19px;font-weight:800;color:#ffd54a;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none;z-index:40;animation:cr-float 1.4s ease-out forwards}.float-pts.bad{color:#ff8c85}@keyframes cr-float{0%{opacity:0;translate:0 8px}15%{opacity:1}to{opacity:0;translate:0 -44px}}.sb-title{font-weight:700;margin-bottom:4px}.sb-row{display:flex;align-items:center;gap:7px;padding:3px 2px;border-radius:8px;position:relative}.sb-row.me .sb-name{color:#ffd54a;font-weight:700}.sb-row.changed{animation:cr-row-flash 1.1s}@keyframes cr-row-flash{20%{background:#ffd54a40}}.sb-avatar{font-size:17px;line-height:1}.sb-name{flex:1;white-space:nowrap}.sb-extra{color:#b9c9bd;font-size:11px}.sb-val{font-variant-numeric:tabular-nums}.sb-delta{position:absolute;right:-4px;top:-9px;font-size:12px;font-weight:800;padding:0 6px;border-radius:999px;background:#ffd54a;color:#222;animation:cr-float 1.6s ease-out forwards}.sb-delta.down{background:#7ec8ff}.auto-finish-btn{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:16px;padding:10px 22px;border-radius:999px;box-shadow:0 8px 22px #00000073;animation:cr-bounce-in .35s ease-out;z-index:45}@keyframes cr-bounce-in{0%{transform:translate(-50%) scale(.6);opacity:0}70%{transform:translate(-50%) scale(1.06)}to{transform:translate(-50%) scale(1);opacity:1}}.gb-cell.last-from:before,.gb-cell.last-to:before{content:"";position:absolute;inset:3px;border:2px solid rgba(255,213,74,.55);border-radius:6px;pointer-events:none;z-index:1}.gb-cell.last-to:before{animation:cr-cell-land .7s}@keyframes cr-cell-land{30%{box-shadow:0 0 12px #ffd54a,inset 0 0 10px #ffd54a80}}.disc.flip-anim{animation:cr-disc-flip calc(var(--anim) * 2) ease backwards}@keyframes cr-disc-flip{50%{transform:rotateY(90deg) scale(1.05)}}.disc.captured{animation:cr-captured .28s ease-in forwards}@keyframes cr-captured{40%{transform:scale(1.15);opacity:1}to{transform:scale(.25) rotate(50deg);opacity:0}}.disc.crowned-pop{animation:cr-crowned .45s ease}@keyframes cr-crowned{35%{transform:scale(1.28) rotate(-6deg);filter:drop-shadow(0 0 10px #ffd54a)}70%{transform:scale(.96)}}.disc.pop-in{animation:cr-disc-pop .3s ease-out}@keyframes cr-disc-pop{0%{transform:scale(.35)}65%{transform:scale(1.12)}}.mj-tile.vanish{animation:cr-vanish .22s ease-in forwards}@keyframes cr-vanish{to{transform:scale(1.25);opacity:0}}.mj-tile:not(.blocked):hover{translate:0 -3px;box-shadow:2px 6px #b9ad8d,4px 9px 12px #00000073}.bg-die.rolling{animation:cr-dice .45s ease}@keyframes cr-dice{25%{transform:rotate(18deg) translateY(-6px)}55%{transform:rotate(-14deg)}80%{transform:rotate(6deg)}}.ms-face{font-size:22px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:2px 8px;cursor:pointer;line-height:1.2}.suit-chip{font-size:30px;background:#fdfdf6;color:var(--black);border-radius:10px;padding:4px 10px;box-shadow:var(--shadow);animation:cr-bounce-in .3s ease-out}.suit-chip.red{color:var(--red)}.c4-board{display:grid;grid-template-columns:repeat(7,var(--c4-cell, 56px));background:linear-gradient(165deg,#2c5aa8,#1b3d7a 60%,#14305f);border:8px solid #12294f;border-radius:12px;padding:6px;gap:0;box-shadow:inset 0 3px 10px #ffffff1f,inset 0 -4px 10px #0000004d,0 14px 30px #0006}.c4-cell{width:var(--c4-cell, 56px);height:var(--c4-cell, 56px);position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background:radial-gradient(circle at 50% 46%,rgba(6,18,40,.9) 0 34%,rgba(0,0,0,.35) 39%,transparent 42%)}.c4-cell.chov{background:radial-gradient(circle at 50% 46%,rgba(255,213,74,.28) 0 34%,rgba(0,0,0,.35) 39%,transparent 42%)}.c4-cell .disc{width:76%;height:76%}.disc.yellow{background:radial-gradient(circle at 35% 30%,#ffe27a,#e0a91f 60%,#a87a0a)}.disc.c4-drop{animation:cr-c4-drop .38s cubic-bezier(.55,0,.7,.6)}@keyframes cr-c4-drop{0%{transform:translateY(var(--drop-from, -300%))}78%{transform:translateY(0)}89%{transform:translateY(-9%)}to{transform:translateY(0)}}.disc.c4-win{animation:cr-c4-win .9s ease-in-out infinite alternate}.c4-cell.c4-last .disc{outline:3px solid rgba(255,213,74,.6);outline-offset:2px}@keyframes cr-c4-win{0%{box-shadow:0 0 0 3px #ffd54a,inset 0 -3px 6px #00000059}to{box-shadow:0 0 16px 5px #ffd54acc,inset 0 -3px 6px #00000059}}.yz-wrap{--pt-w: 62px;gap:14px}.yz-dice{display:flex;gap:12px;min-height:48px}.yz-dice .bg-die{cursor:pointer}.yz-dice .bg-die.empty{opacity:.25}.yz-dice .bg-die.held{outline:3px solid #ffd54a;transform:translateY(7px)}.yz-dice .bg-die.held.ai{outline-color:#e8794a}.yz-sheet{border-collapse:collapse;background:#0006;color:#fff;border-radius:10px;overflow:hidden;font-size:13.5px;min-width:300px}.yz-sheet th{padding:6px 12px;border-bottom:2px solid var(--accent);color:#b9c9bd;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em}.yz-sheet td{padding:4.5px 12px;border-bottom:1px solid rgba(255,255,255,.1);font-variant-numeric:tabular-nums}.yz-sheet td+td{text-align:right;min-width:44px}.yz-sheet tr.avail{cursor:pointer}.yz-sheet tr.avail:hover td{background:#ffd54a2e}.yz-sheet td.yz-last{font-weight:800;background:#ffd54a29;box-shadow:inset 0 0 0 1px #ffd54a66;border-radius:4px}.yz-pot{color:#8fb897;opacity:.85;font-style:italic}.yz-sheet tr.yz-sub td{color:#b9c9bd;font-size:12px;background:#ffffff0d}.yz-sheet tr.yz-total td{font-weight:800;border-top:2px solid var(--accent);background:#ffffff0f}.yz-sheet tr.changed td{animation:cr-row-flash 1.1s}.bs-wrap{display:flex;gap:26px;flex-wrap:wrap;justify-content:center}.bs-side{display:flex;flex-direction:column;align-items:center;gap:6px}.bs-title{color:#fff;font-size:13px;background:#00000059;padding:3px 12px;border-radius:999px}.bs-board{display:grid;grid-template-columns:repeat(10,var(--bs-cell, 30px));border:5px solid #10263f;border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 2px 12px #0006,0 12px 28px #00000059}.bs-ship{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.bs-ship svg{width:100%;height:100%;display:block}.bs-ship.sunk{filter:brightness(.45) saturate(.35) drop-shadow(0 1px 1px rgba(0,0,0,.4))}.bs-ship.sel{filter:drop-shadow(0 0 7px #ffd54a) drop-shadow(0 2px 2px rgba(0,0,0,.4))}.bs-ship.drag-src{opacity:.4}.bs-fleetbar{display:flex;gap:9px;align-items:center;min-height:15px}.bs-fleetbar .bs-mini{height:14px;display:flex;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.bs-fleetbar .bs-mini svg{height:100%;width:auto}.bs-fleetbar .bs-mini.down{opacity:.32;filter:grayscale(1)}.bs-cell{width:var(--bs-cell, 30px);height:var(--bs-cell, 30px);position:relative;background:linear-gradient(160deg,#2e6ea8,#1f4f80);box-shadow:inset 0 0 0 1px #ffffff14}.bs-cell.open{cursor:crosshair}.bs-cell.open:hover{background:linear-gradient(160deg,#3f83bd,#2a6094);box-shadow:inset 0 0 0 2px #ffd54a8c}.bs-cell.ship{cursor:grab}.bs-cell.hit,.bs-cell.miss,.bs-cell.drop-ok,.bs-cell.drop-bad{z-index:2}.bs-cell.miss:after{content:"";position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#b8d4ea);opacity:.85}.bs-cell.hit{background:linear-gradient(160deg,#7a4a3a,#55291c)}.bs-cell.hit:after{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ff8a70,#c22e12 65%,#7e1503);box-shadow:0 0 8px #ff5a288c}.bs-cell.sunk{filter:brightness(.72) saturate(.8)}.bs-cell.last{box-shadow:inset 0 0 0 2.5px #ffd54ab3;z-index:3}.bs-board.placing{touch-action:none}.bs-cell.placing{cursor:pointer}.bs-cell.placing.ship{cursor:grab}.bs-cell.drop-ok{box-shadow:inset 0 0 0 2px #7fdc8a,inset 0 0 9px #6edc828c}.bs-cell.drop-bad{box-shadow:inset 0 0 0 2px #ff7a6a,inset 0 0 9px #ff5a3c8c}.bs-cell.boom{animation:cr-bs-boom .45s ease-out}@keyframes cr-bs-boom{0%{box-shadow:0 0 #ff8c3ce6}to{box-shadow:0 0 0 14px #ff8c3c00}}.bs-cell.splash{animation:cr-bs-splash .4s ease-out}@keyframes cr-bs-splash{0%{box-shadow:0 0 #c8e6ffcc}to{box-shadow:0 0 0 10px #c8e6ff00}}.bs-cell.sink-reveal{animation:cr-bs-sink .6s ease}@keyframes cr-bs-sink{30%{filter:brightness(1.6)}}.bs-actions{display:flex;gap:10px;justify-content:center;min-height:34px}#fx-canvas{position:fixed;inset:0;z-index:90;pointer-events:none}@media(max-width:640px){.game-actions .btn{padding:5px 8px;font-size:12.5px}.table-stage{grid-template-columns:64px minmax(0,1fr) 64px}.scoreboard{font-size:11px;min-width:0}}@media(max-width:480px){.game-stage{padding:8px}.sol-board{gap:10px}.sol-row{gap:6px}.pile.fan-right{min-width:calc(var(--card-w) * 1.75)}.table-stage{gap:6px;grid-template-rows:auto 1fr auto auto;grid-template-areas:"corner north scores" "west center east" "acts acts acts" "info south south2"}.table-actions{grid-area:acts;justify-self:center;align-self:end;justify-content:center;min-height:0}.seat-label{font-size:11px;padding:2px 7px;gap:4px;max-width:100%;flex-wrap:wrap;justify-content:center}.table-center{min-height:calc(var(--card-h) * 1.3)}.table-info{font-size:11px;padding:4px 8px}.stage-cribbage .table-stage{position:relative;padding-bottom:46px}.stage-cribbage .crib-track{position:absolute;left:0;right:0;bottom:0;gap:2px;padding:5px 6px;max-width:none;justify-content:center}.stage-cribbage .crib-hole{width:6px;height:6px}.board-wrap{padding:4px;gap:8px}.bs-wrap{gap:10px}.bs-side{gap:4px}.bg-off-label{font-size:9px;letter-spacing:-.02em}.lobby{padding:10px 14px 24px}.lobby-section-title{margin:24px 0 10px}.tile-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tile{padding:10px 6px;gap:5px}.tile-icon{font-size:26px}.tile-name{font-size:9.5px;letter-spacing:.08em}.tile-meta{left:7px;right:7px;bottom:5px;font-size:9px}}