:root{color-scheme:dark;--bg: #12261c;--felt: #0f6b3c;--felt-deep: #0b4e2c;--paper: #f7f3ea;--ink: #1c1917;--brass: #e6c98a;--wood: #6e4b2e;--heart: #c81e1e;--line: rgba(255, 255, 255, .16);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;padding:calc(.35rem + var(--safe-top)) max(.5rem,env(safe-area-inset-right,0px)) calc(.75rem + var(--safe-bottom)) max(.5rem,env(safe-area-inset-left,0px));background:radial-gradient(1000px 480px at 50% -10%,#1d4d34,transparent 55%),var(--bg);color:var(--paper);touch-action:manipulation}button,input{font:inherit}.noscript{margin:2rem;color:var(--paper)}.toast{position:fixed;left:50%;top:calc(4.6rem + var(--safe-top));bottom:auto;transform:translate(-50%);max-width:min(36rem,calc(100% - 2rem));background:linear-gradient(180deg,#fff8e7,#fde68a 55%,#fbbf24);color:#78350f;border:1px solid #f59e0b;padding:.75rem 1.15rem;border-radius:999px;display:none;z-index:80;text-align:center;font-weight:650;line-height:1.35;box-shadow:inset 0 1px #ffffffbf,0 4px 14px #00000047,0 0 18px #fbbf24a6,0 0 32px #f59e0b59;text-shadow:0 1px 0 rgba(255,255,255,.35)}.toast.show{display:block;animation:toast-glow 1.6s ease-in-out infinite}@keyframes toast-glow{0%,to{box-shadow:inset 0 1px #ffffffbf,0 4px 14px #00000047,0 0 14px #fbbf248c,0 0 26px #f59e0b47}50%{box-shadow:inset 0 1px #ffffffd9,0 4px 14px #00000047,0 0 24px #fcd34df2,0 0 42px #fbbf248c}}@media(max-width:720px){.toast{top:calc(3.9rem + var(--safe-top));font-size:.92rem;padding:.65rem .95rem}}.home-screen,.admin-screen{width:min(32rem,calc(100% - .5rem));margin:0 auto 1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 2rem)}.admin-screen{width:min(52rem,calc(100% - .5rem))}.admin-screen>.app-top{width:100%;margin:.35rem 0 0}.dash-heading{margin:0;font-size:1.05rem;display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .55rem}.dash-overview-meta{font-size:.88em;font-weight:600;color:#78716c}.dash-heading-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.icon-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border:1px solid #d6d0c4;border-radius:8px;background:#efebe3;color:var(--ink);cursor:pointer}.icon-btn:hover,.icon-btn:focus-visible{background:#e7e0d4;outline:none}.dash-status{margin-bottom:0;display:grid;gap:.35rem}.dash-status p{margin:0}.dash-status>.btn{margin-top:.45rem}.dash-my-rooms{list-style:none;margin:.35rem 0 0;padding:0;display:grid;gap:.45rem}.dash-my-rooms li{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.45rem .35rem;margin:0 -.35rem;border-top:1px solid #e7e0d4;border-radius:.45rem}.dash-my-rooms li.dash-room-mine{background:#0f766e14;border-top-color:transparent;box-shadow:inset 3px 0 #0f766e}.dash-my-rooms li.dash-room-mine+li{border-top-color:#e7e0d4}.icon-btn-leave:disabled,.icon-btn-leave:disabled:hover,.icon-btn-leave:disabled:focus-visible{color:#a8a29e;border-color:#d6d3d1;background:#f5f5f4;box-shadow:none;cursor:not-allowed;opacity:.72}.dash-room-meta{min-width:0;flex:1 1 auto}.dash-room-title{display:inline;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.dash-room-n{display:inline-flex;align-items:center;justify-content:center;min-width:1.55rem;height:1.45rem;margin-right:.35rem;padding:0 .4rem;border-radius:999px;font-size:.82em;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#44403c;background:#e7e5e4;border:1px solid #d6d3d1;vertical-align:.05em}.dash-room-code{font-size:1.12em;font-weight:800;letter-spacing:.06em;color:#0f766e;background:#0d94881a;border-radius:.28rem;padding:.05rem .28rem}.dash-room-opened{font-size:.82em;font-weight:500;color:#a8a29e;font-variant-numeric:tabular-nums;white-space:nowrap}.dash-room-opened:before{content:" · ";color:#d6d3d1}.dash-my-rooms .hint{margin:.48rem 0 0;line-height:1.45}.phase-live{display:inline-block;font-size:.86em;line-height:1.2;color:#0369a1;font-weight:800;border-radius:.22rem;padding:.02rem .28rem;background:#38bdf829;box-shadow:0 0 5px #0ea5e947;text-shadow:0 0 4px rgba(125,211,252,.4);animation:phase-live-pulse 1.6s ease-in-out infinite}@keyframes phase-live-pulse{0%,to{box-shadow:0 0 4px #0ea5e938;text-shadow:0 0 3px rgba(125,211,252,.35)}50%{box-shadow:0 0 8px #0ea5e973;text-shadow:0 0 5px rgba(186,230,253,.7)}}.dash-room-actions{display:flex;gap:.35rem;flex-shrink:0}.admin-table .nowrap{white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:420px){.dash-room-code{font-size:1.08em}.dash-room-opened{display:block;margin-top:.12rem;font-size:.74rem;font-weight:500}.dash-room-opened:before{content:none}}.icon-btn-go{color:#166534;border-color:#86efac;background:#ecfdf5}.icon-btn-go:hover,.icon-btn-go:focus-visible{background:#d1fae5}.icon-btn-edit{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.icon-btn-edit:hover,.icon-btn-edit:focus-visible{background:#dbeafe;color:#1e40af}.icon-btn-leave{color:#fff;border-color:#991b1b;background:linear-gradient(180deg,#f87171,#dc2626 55%,#b91c1c);box-shadow:inset 0 1px #ffffff59,0 1px #7f1d1d,0 0 10px #ef44448c}.icon-btn-leave:hover,.icon-btn-leave:focus-visible{background:linear-gradient(180deg,#fca5a5,#ef4444 55%,#dc2626);box-shadow:inset 0 1px #fff6,0 1px #7f1d1d,0 0 14px #f87171b3}.icon-btn-copy{color:#0f766e;border-color:#5eead4;background:#f0fdfa}.icon-btn-copy:hover,.icon-btn-copy:focus-visible{background:#ccfbf1;color:#115e59}.lobby-invite{align-items:stretch;gap:.55rem}.lobby-invite-actions{display:flex;gap:.85rem;flex-shrink:0;align-items:stretch}.lobby-invite-actions .icon-btn{width:2.55rem;height:auto;min-height:2.4rem;align-self:stretch}.home-hero-compact{padding:clamp(.6rem,3vh,1.4rem) .5rem .35rem;gap:.45rem}.home-hero-compact .logo-hero{width:clamp(5.5rem,20vw,7.5rem)}.row select{flex:1;min-width:0}.home-screen>.account-bar{margin:.35rem 0 0;color:var(--paper)}.home-screen>.account-bar .muted{color:#f7f3ea9e}.home-screen>.account-bar .lede.tight{color:#f7f3eae0}.home-screen>.site-footer{width:100%;margin-top:auto;padding-top:.5rem}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.85rem;padding:clamp(1.2rem,5vh,2.8rem) .5rem clamp(.6rem,2vh,1.2rem)}.logo-hero{width:clamp(7.5rem,28vw,10.5rem);height:auto;aspect-ratio:1;border-radius:22%;box-shadow:0 18px 40px #0006,0 0 0 1px #e6c98a47;animation:logo-in .7s cubic-bezier(.22,1,.36,1) both}.home-hero h1{margin:0;font-family:Palatino,Palatino Linotype,Iowan Old Style,Georgia,serif;font-weight:650;font-size:clamp(2.1rem,7vw,2.85rem);letter-spacing:.01em;color:var(--paper);text-shadow:0 2px 18px rgba(0,0,0,.35);animation:brand-in .65s cubic-bezier(.22,1,.36,1) .08s both}.home-tagline{margin:0;max-width:22rem;color:#f7f3eac7;font-size:clamp(.98rem,2.8vw,1.1rem);line-height:1.4;animation:brand-in .65s cubic-bezier(.22,1,.36,1) .16s both}@keyframes logo-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes brand-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-card,.lobby-card{width:min(32rem,calc(100% - .5rem));margin:6vh auto 2rem;background:var(--paper);color:var(--ink);border-radius:18px;padding:1.35rem 1.2rem 1.2rem;box-shadow:0 24px 60px #00000059}.home-screen .home-card{width:100%;margin:0;animation:brand-in .55s cubic-bezier(.22,1,.36,1) .22s both}.brand,.home-card h1,dialog h2{font-family:Palatino,Palatino Linotype,Iowan Old Style,Georgia,serif;font-weight:650;letter-spacing:.01em}.home-card h1{margin:0 0 .3rem;font-size:clamp(1.7rem,6vw,2.1rem)}.lobby-card h1{display:flex;align-items:center;gap:.45rem;margin:0 0 .55rem;font-size:1.35rem;line-height:1.25}.lobby-card .lobby-table-mark{display:inline-flex;color:#57534e;flex-shrink:0}.lobby-card .lobby-table-icon{display:block;width:1.75rem;height:1.75rem}.lobby-card .lobby-code{font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif;font-weight:800;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.06em;color:#0f766e}.logo-mark{display:block;flex-shrink:0;border-radius:22%;box-shadow:0 1px #0000001f}.home-card.wide-card{width:min(52rem,calc(100% - .5rem))}.lede{margin:0 0 1.1rem;color:#44403c}.muted{color:#78716c;font-size:.9rem;margin-left:.35rem}.account-bar{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:.85rem}.tabs{display:flex;gap:.4rem;margin-bottom:.9rem}.tab{flex:1;border:1px solid #d6d0c4;background:#efebe3;color:var(--ink);border-radius:999px;padding:.55rem .8rem;cursor:pointer}.tab.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.admin-tabs{flex-wrap:nowrap;gap:.3rem;max-width:100%;overflow:hidden}.admin-tabs .tab{flex:1 1 0;min-width:0;padding:.5rem .45rem;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-tabs .tab-icon{flex:0 0 auto;width:2.45rem;min-width:2.45rem;padding:.5rem 0;display:inline-flex;align-items:center;justify-content:center}.admin-create{margin-bottom:1rem}.admin-section-title{margin:1.25rem 0 .5rem;font-size:1.05rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.admin-table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-table th,.admin-table td{text-align:left;padding:.45rem .45rem .45rem 0;border-bottom:1px solid #e7e0d4;vertical-align:middle}.admin-table th:last-child,.admin-table td:last-child{padding-right:0}.admin-table .num{text-align:left;font-variant-numeric:tabular-nums}.admin-table .admin-actions{text-align:left;white-space:nowrap}.admin-actions{display:inline-flex;flex-wrap:nowrap;gap:.25rem;align-items:center}.admin-actions .icon-btn{width:2.1rem;height:2.1rem;padding:.35rem;flex-shrink:0}.row.wrap{flex-wrap:wrap}.row.wrap select{border-radius:10px;border:1px solid #d6d0c4;padding:.7rem .6rem;background:#fff;font-size:16px}label{display:block;font-size:.92rem;margin-bottom:.35rem}.req{color:#b91c1c;font-weight:700}input[type=text],input[type=password],input[type=email],select{width:100%;padding:.75rem .8rem;border-radius:10px;border:1px solid #d6d0c4;background:#fff;color:var(--ink);font-size:16px;appearance:none}.password-field{position:relative;display:grid}.password-field input{padding-right:2.75rem}.password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#78716c;cursor:pointer;padding:0}.password-toggle:hover,.password-toggle:focus-visible{color:var(--ink);background:#0000000d;outline:none}.stack{display:grid;gap:.45rem;margin-bottom:.9rem}.row{display:flex;gap:.5rem;align-items:stretch}.row input{flex:1;min-width:0}.or{text-align:center;color:#78716c;margin:.85rem 0 .7rem}.hint{color:#57534e;font-size:.88rem;margin:.8rem 0 0;line-height:1.4}.hint.boxed{background:#f5efe4;border-radius:10px;padding:.7rem .8rem;margin:0 0 .75rem}.lede.tight{margin:0}.fine{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.site-footer{width:min(52rem,calc(100% - .5rem));margin:1.2rem auto .5rem;padding:.85rem .2rem .4rem;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.35rem .75rem;align-items:center;color:#ffffffb8;font-size:.88rem}.site-footer .linkish{color:#ffffffe0;min-height:auto;padding:.2rem 0;line-height:1.2}.site-footer .history-link{color:#fda4af;font-weight:700;border-radius:.28rem;padding:.15rem .4rem;background:#fb718524;box-shadow:0 0 10px #fb718559;text-shadow:0 0 6px rgba(251,113,133,.75);animation:history-link-pulse 1.7s ease-in-out infinite}.site-footer .history-link:hover,.site-footer .history-link:focus-visible{color:#ffe4e6;background:#fb718538;outline:none}@keyframes history-link-pulse{0%,to{box-shadow:0 0 8px #fb718547;text-shadow:0 0 5px rgba(251,113,133,.55)}50%{box-shadow:0 0 16px #fb7185a6;text-shadow:0 0 10px rgba(253,164,175,.95)}}.seo-landing{max-width:40rem;margin:8vh auto 2rem;padding:1.25rem 1.1rem;color:#f5efe4;text-align:left}.seo-landing h1{margin:0 0 .85rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;color:#f5efe4;text-align:center}.seo-landing p{margin:0 0 .85rem;line-height:1.55;color:#f5efe4d1}.seo-landing p:last-child{text-align:center;color:#f5efe48c;font-size:.92rem}.footer-copy{justify-self:start;line-height:1.2}.app-version{margin-left:.4rem;font-size:.72em;font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.28;cursor:default;-webkit-user-select:text;user-select:text}.app-version:hover{opacity:.7}.footer-center{justify-self:center;text-align:center}.footer-links{display:flex;gap:.9rem;justify-self:end;flex-wrap:wrap;justify-content:flex-end}#modal-title{display:inline-flex;align-items:center;gap:.45rem}button.history-info{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border-radius:.35rem;font-size:.78rem;font-weight:800;font-style:italic;font-family:inherit;cursor:pointer;color:#064e3b;background:linear-gradient(180deg,#6ee7b7,#34d399 55%,#10b981);border:1px solid #059669;box-shadow:0 0 8px #34d39973}button.history-info:hover,button.history-info:focus-visible{box-shadow:0 0 14px #34d399bf;outline:none}.history-help-dialog{width:min(22rem,calc(100% - 1.5rem));border:none;border-radius:16px;padding:0;background:var(--paper);color:var(--ink)}.history-help-dialog.hand-stiche-dialog{width:min(40rem,calc(100% - 1.5rem));max-height:calc(100dvh - 2rem)}.history-help-dialog.hand-stiche-dialog article{overflow:auto;max-height:calc(100dvh - 2rem)}.history-help-dialog::backdrop{background:#00000073}.history-legend-list,.history-legend-list-flat{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;margin:0;padding:.15rem 0 .25rem;font-size:.9rem;font-weight:500;text-transform:none;letter-spacing:normal;color:var(--ink)}.history-legend-list>div,.history-legend-list-flat>div{display:contents}.history-legend-list dt,.history-legend-list-flat dt{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.history-legend-list dd,.history-legend-list-flat dd{margin:0;color:#44403c}.history-summary{margin:0 0 .85rem}.history-stand{margin:0 0 .45rem;font-size:.95rem;font-weight:650}.history-lead{color:#065f46;font-weight:800;padding:.08rem .35rem;border-radius:.28rem;background:#34d3992e;box-shadow:0 0 10px #34d39959;text-shadow:0 0 6px rgba(52,211,153,.45)}.history-wins{font-weight:600;opacity:.75;font-size:.88em}.history-table-wrap{overflow:auto;max-width:100%;margin:0}.history-table{width:100%;min-width:28rem;border-collapse:collapse;table-layout:auto;font-size:.9rem;line-height:1.3}.history-table th,.history-table td{padding:.38rem .7rem .38rem 0;text-align:left;vertical-align:middle;border-bottom:1px solid rgba(28,25,23,.12);white-space:nowrap}.history-table th:last-child,.history-table td:last-child{padding-right:.15rem}.history-table th{font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#57534e}.history-table .num,.history-table td:first-child,.history-table th:first-child{font-variant-numeric:tabular-nums}.history-table .mark{color:#0f766e;font-weight:700}.history-table .game{font-size:1rem}.history-table .num.win{color:#047857;font-weight:700}.history-table .num.loss{color:#b91c1c;font-weight:700}.history-hand-link{appearance:none;margin:0;padding:0;border:none;background:none;color:#0f766e;font:inherit;font-weight:800;font-variant-numeric:tabular-nums;text-decoration:underline;text-underline-offset:.12em;cursor:pointer}.history-hand-link:hover,.history-hand-link:focus-visible{color:#047857;outline:none}.trick-history-meta{margin:0 0 .75rem;font-weight:650;text-align:center}.history-table tbody tr:last-child td{border-bottom:none}.history-legacy td{color:#57534e;font-style:italic;white-space:normal}.admin-settings{display:grid;gap:.9rem;max-width:28rem;margin:0 0 1.1rem}.admin-field{display:grid;gap:.4rem;padding:.9rem 1rem;border-radius:14px;background:linear-gradient(180deg,#fbf8f1,#f3ede2);border:1px solid #e4dccf;box-shadow:inset 0 1px #ffffffb3}.admin-field label{margin:0;font-weight:700;font-size:.95rem;color:var(--ink)}.admin-input-row{display:flex;align-items:stretch;gap:0;border-radius:12px;border:1px solid #d0c8ba;background:#fff;overflow:hidden;box-shadow:0 1px 2px #1c19170f;transition:border-color .15s ease,box-shadow .15s ease}.admin-input-row:focus-within{border-color:#34d399;box-shadow:0 0 0 3px #34d39938}.admin-settings input[type=number]{width:100%;min-width:0;margin:0;padding:.8rem .9rem;border:none;border-radius:0;background:transparent;color:var(--ink);font-size:1.05rem;font-weight:650;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.admin-settings input[type=number]::-webkit-outer-spin-button,.admin-settings input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.admin-settings input[type=number]:focus{outline:none}.admin-input-suffix{display:inline-flex;align-items:center;padding:0 .85rem;background:#f3efe6;border-left:1px solid #e4dccf;color:#57534e;font-size:.86rem;font-weight:650;white-space:nowrap}.admin-settings .hint{margin:0;font-size:.84rem;line-height:1.4;color:#6b6560}.admin-settings .btn{justify-self:start;min-width:8.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap;margin-top:1rem}.modal-actions:empty{display:none;margin:0}.dialog-x{appearance:none;flex-shrink:0;width:2rem;height:2rem;margin:0;padding:0;border:1px solid #b91c1c;border-radius:.4rem;cursor:pointer;color:#fff5f5;font:700 1.35rem/1 system-ui,sans-serif;background:linear-gradient(180deg,#fb7185,#e11d48 55%,#be123c);box-shadow:inset 0 1px #ffffff59,0 2px #9f1239,0 0 12px #f43f5e8c;text-shadow:0 0 6px rgba(254,202,202,.8);animation:dialog-x-pulse 1.7s ease-in-out infinite}.dialog-x:hover,.dialog-x:focus-visible{background:linear-gradient(180deg,#fda4af,#f43f5e 55%,#e11d48);box-shadow:inset 0 1px #fff6,0 2px #9f1239,0 0 18px #f43f5ed9;outline:none}.dialog-x:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #00000047,0 1px #9f1239}@keyframes dialog-x-pulse{0%,to{box-shadow:inset 0 1px #ffffff59,0 2px #9f1239,0 0 10px #f43f5e73}50%{box-shadow:inset 0 1px #ffffff59,0 2px #9f1239,0 0 18px #fb7185e6}}.btn{border:1px solid transparent;background:var(--ink);color:var(--paper);border-radius:999px;padding:.72rem 1rem;min-height:2.75rem;cursor:pointer;touch-action:manipulation}.btn.wide{width:100%}.btn.light{background:#fff;color:var(--ink);border-color:#d6d0c4}.btn.ghost{background:transparent;color:var(--paper);border-color:var(--line);min-height:2.4rem;padding:.45rem .75rem}.btn.heart,.btn.diamond{background:#fff;color:var(--heart)}.btn.club,.btn.spade{background:#fff;color:var(--ink)}.btn.grand{background:#1c1917;color:var(--brass);border-color:var(--brass)}.btn.warn{background:#7f1d1d;color:#fff}.btn.orange{color:#fffaf5;font-weight:700;background:linear-gradient(180deg,#ffb04a,#ff7a18 55%,#f05a00);border:1px solid #d14a00;border-radius:10px;box-shadow:inset 0 1px #ffffff80,0 2px #b03f00,0 3px 8px #00000047,0 0 14px #ff7a188c;text-shadow:0 1px 0 rgba(0,0,0,.28)}.btn.orange:hover,.btn.orange:focus-visible{color:#fff;background:linear-gradient(180deg,#ffc06a,#ff8a2a 55%,#ff6a0a);box-shadow:inset 0 1px #ffffff8c,0 2px #b03f00,0 4px 10px #0000004d,0 0 18px #ff8a2ab3;outline:none}.btn.orange:active{background:linear-gradient(180deg,#f05a00,#ff7a18);box-shadow:inset 0 2px 3px #00000047,0 1px #b03f00,0 0 10px #ff7a1866;transform:translateY(1px)}.btn.green{color:#f0fdf4;font-weight:700;background:linear-gradient(180deg,#4ade80,#16a34a 55%,#15803d);border:1px solid #166534;border-radius:10px;box-shadow:inset 0 1px #ffffff73,0 2px #14532d,0 3px 8px #00000047,0 0 14px #22c55e80;text-shadow:0 1px 0 rgba(0,0,0,.28)}.btn.green:hover,.btn.green:focus-visible{color:#fff;background:linear-gradient(180deg,#86efac,#22c55e 55%,#16a34a);box-shadow:inset 0 1px #ffffff80,0 2px #14532d,0 4px 10px #0000004d,0 0 18px #4ade80a6;outline:none}.btn.green:active{background:linear-gradient(180deg,#15803d,#16a34a);box-shadow:inset 0 2px 3px #00000047,0 1px #14532d,0 0 10px #22c55e66;transform:translateY(1px)}.btn.green:disabled{box-shadow:none;filter:grayscale(.35)}.btn.join{color:#1c1408;font-weight:800;letter-spacing:.02em;background:linear-gradient(180deg,#ffe7a8,#f0c14b 42%,#d4a017 78%,#b8860b);border:1px solid #a67c00;border-radius:999px;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #78500040,0 3px #8a6a08,0 5px 12px #00000047,0 0 16px #f0c14ba6,0 0 28px #e6c98a59;text-shadow:0 1px 0 rgba(255,255,255,.35);animation:join-btn-glow 1.8s ease-in-out infinite}.btn.join:hover,.btn.join:focus-visible{color:#140e05;background:linear-gradient(180deg,#fff1c2,#f6d060 45%,#e0b020 80%,#c9960c);box-shadow:inset 0 1px #fffc,inset 0 -1px #78500033,0 3px #8a6a08,0 6px 14px #0000004d,0 0 22px #ffd65ad9,0 0 36px #f0c14b73;outline:none}.btn.join:active{background:linear-gradient(180deg,#d4a017,#f0c14b);box-shadow:inset 0 2px 4px #50320059,0 1px #8a6a08,0 0 12px #f0c14b80;transform:translateY(2px);animation:none}@keyframes join-btn-glow{0%,to{box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #78500040,0 3px #8a6a08,0 5px 12px #00000047,0 0 14px #f0c14b8c,0 0 24px #e6c98a47}50%{box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #78500038,0 3px #8a6a08,0 5px 12px #00000047,0 0 22px #ffdc64e6,0 0 38px #f0c14b8c}}.btn:disabled{opacity:.55;cursor:default}.linkish{background:none;border:none;color:#1d4ed8;padding:.4rem 0;min-height:2.5rem;cursor:pointer}.table-wrap{width:min(980px,100%);margin:0 auto 1.5rem}body:has(.play-wrap){padding-top:calc(.2rem + var(--safe-top));padding-bottom:calc(.25rem + var(--safe-bottom));overflow:hidden}.play-wrap{--chrome: 7.2rem;--foot-budget: 3.8rem;--card-rows: 4;--gap-budget: 2.2rem;--card-max-h: clamp( 3.6rem, calc((100dvh - var(--chrome) - var(--foot-budget) - var(--gap-budget)) / var(--card-rows)), 10rem );width:min(1100px,100%);height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - .45rem);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - .45rem);margin:0 auto;display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.play-wrap .top{flex:0 0 auto;padding-bottom:.25rem}.play-wrap .felt.board{flex:1 1 auto;min-height:0;padding:.4rem .4rem .45rem}.play-wrap .board-left{min-height:0;gap:.45rem}.play-wrap .seat{min-height:0;display:flex;flex-direction:column;overflow:hidden}.play-wrap .seat-self{flex:1.08 1 0}.play-wrap .seat-opp{flex:1 1 0}.play-wrap .who{flex:0 0 auto;margin-bottom:.4rem;min-height:1.25rem;position:relative;z-index:2}.play-wrap .hand{flex:1 1 auto;min-height:0;align-content:center;gap:clamp(.45rem,1.4vh,.7rem) clamp(.45rem,1.2vw,.7rem)}.play-wrap .cell{display:flex;justify-content:center;align-items:center;min-height:0;min-width:0}.play-wrap .card-btn{width:auto;max-width:100%}.play-wrap .pile{width:fit-content;max-width:100%;margin-inline:auto}.play-wrap .card-face{width:min(100%,calc(var(--card-max-h) * 169 / 247));height:auto;max-height:var(--card-max-h);aspect-ratio:169 / 247;object-fit:fill}.play-wrap .pile.empty{width:min(100%,calc(var(--card-max-h) * 169 / 247));height:auto;max-height:var(--card-max-h);aspect-ratio:169 / 247}.play-wrap .board-foot{flex:0 0 auto;max-height:var(--foot-budget);overflow:auto}.play-wrap .site-footer{flex:0 0 auto;width:100%;margin:0;padding:.15rem .15rem 0;font-size:.75rem;gap:.35rem .75rem}.top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.35rem .75rem;align-items:center;padding:.2rem .15rem .65rem}.brand{font-size:1.2rem;display:flex;align-items:center;gap:.4rem;justify-self:start;min-width:0}button.brand-link{appearance:none;border:none;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left}button.brand-link:hover .brand-name,button.brand-link:focus-visible .brand-name{text-decoration:underline;outline:none}.brand .logo-mark{width:1.75rem;height:1.75rem}.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:.55rem;height:.55rem;border-radius:50%;background:#86efac;display:inline-block;flex-shrink:0}.dot.off{background:#fbbf24}.top-center{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center;justify-self:center;min-width:0;max-width:min(28rem,70vw)}.scoreboard{display:flex;gap:.55rem;align-items:baseline;justify-content:center;font-size:.98rem;flex-wrap:wrap}.scoreboard strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.score-side{border-radius:.28rem;padding:.08rem .35rem;transition:color .2s ease,text-shadow .2s ease,box-shadow .2s ease,background .2s ease}.score-side.score-turn{color:#d1fae5;font-weight:700;background:#34d39929;box-shadow:0 0 10px #34d39966,0 0 18px #10b9814d;text-shadow:0 0 6px rgba(52,211,153,.8),0 0 14px rgba(16,185,129,.55);animation:score-turn-pulse 1.6s ease-in-out infinite}.score-side.score-turn strong{color:#ecfdf5}@keyframes score-turn-pulse{0%,to{box-shadow:0 0 8px #34d3994d,0 0 14px #10b98138;text-shadow:0 0 5px rgba(52,211,153,.65),0 0 10px rgba(16,185,129,.4)}50%{box-shadow:0 0 14px #34d399a6,0 0 24px #10b98173;text-shadow:0 0 8px rgba(110,231,183,.95),0 0 18px rgba(16,185,129,.75)}}.match-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem .45rem;min-width:0}.match-meta .seals{min-height:0;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.info-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;padding:0;border-radius:.4rem;cursor:pointer;color:#064e3b;font-weight:800;background:linear-gradient(180deg,#6ee7b7,#34d399 55%,#10b981);border:1px solid #059669;box-shadow:inset 0 1px #ffffff73,0 2px #047857,0 3px 6px #00000059,0 0 10px #34d39966;text-shadow:0 1px 0 rgba(255,255,255,.3);flex-shrink:0}.info-btn:hover,.info-btn:focus-visible{background:linear-gradient(180deg,#a7f3d0,#6ee7b7 55%,#34d399);box-shadow:inset 0 1px #ffffff80,0 2px #047857,0 4px 8px #00000061,0 0 14px #34d39999;outline:none}.info-btn:active{background:linear-gradient(180deg,#10b981,#34d399);box-shadow:inset 0 2px 3px #00000047,0 1px #047857;transform:translateY(1px)}.tools{display:flex;flex-wrap:wrap;gap:.35rem}.app-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%}.app-top .brand{max-width:none}.app-top .top-user{margin-left:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8rem}.app-top-felt{color:var(--paper);margin-bottom:.15rem}.app-top-felt .muted{color:#f7f3ea9e}.app-top-paper{color:var(--ink);width:min(52rem,calc(100% - .5rem));margin:.35rem auto .75rem}.app-top-paper .muted{color:#78716c}.top-actions{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;z-index:20}.top-logout{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;padding:0;border:1px solid rgba(252,165,165,.55);border-radius:10px;background:#f8717138;color:#fecaca;cursor:pointer}.top-logout:hover,.top-logout:focus-visible{background:#f8717161;border-color:#fecacabf;color:#fff1f2;outline:none}.app-top-paper .top-logout{border-color:#fca5a5bf;background:#fee2e2;color:#dc2626}.app-top-paper .top-logout:hover,.app-top-paper .top-logout:focus-visible{background:#fecaca;border-color:#f87171;color:#b91c1c}.menu{position:relative;justify-self:end;z-index:20;flex-shrink:0}.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:2.55rem;height:2.55rem;padding:.55rem;border:1px solid rgba(230,201,138,.45);border-radius:10px;background:#00000038;cursor:pointer;color:var(--brass)}.menu-paper .burger{border-color:#1c191738;background:#1c19170f;color:var(--ink)}.burger span{display:block;height:2px;width:100%;border-radius:1px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.menu.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu.open .burger span:nth-child(2){opacity:0}.menu.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-panel{position:absolute;right:0;top:calc(100% + .35rem);min-width:13.5rem;padding:.45rem;border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 12px 28px #00000059;display:flex;flex-direction:column;gap:.15rem}.menu-panel[hidden]{display:none}.menu-label{margin:.15rem .45rem .35rem;font-size:.78rem;color:#78716c;letter-spacing:.04em;text-transform:uppercase}.menu-panel button{appearance:none;border:none;background:transparent;text-align:left;padding:.55rem .65rem;border-radius:8px;font:inherit;font-size:.95rem;color:inherit;cursor:pointer}.menu-panel button:hover,.menu-panel button:focus-visible{background:#0f3d2e1a;outline:none}.menu-panel hr{border:none;border-top:1px solid rgba(28,25,23,.12);margin:.25rem .35rem}.menu-panel .menu-danger{color:#9f1239}.banner{margin:0 0 .6rem;padding:.55rem .8rem;border-radius:10px;background:#78350f8c;color:#ffedd5}.felt{background:radial-gradient(ellipse at center,#178a48 0%,var(--felt) 42%,var(--felt-deep) 100%);border:10px solid var(--wood);border-radius:18px;box-shadow:inset 0 0 70px #00000047,0 18px 40px #00000059;padding:.55rem .45rem .65rem}.felt.board{position:relative;isolation:isolate;overflow:hidden}.felt.board:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/logo-watermark.svg) center / min(46vmin,17rem) no-repeat;opacity:.16}.felt.board>*:not(.choice-overlay){position:relative;z-index:1}.felt.board>.choice-overlay{z-index:12}.board{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"self" "trick" "opp" "foot";gap:.2rem;align-items:stretch}.board-left{display:contents}.seat-self{grid-area:self;min-width:0;min-height:0}.seat-opp{grid-area:opp;min-width:0;min-height:0}.trick-rail{grid-area:trick;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.35rem;padding:.18rem .3rem;border-radius:10px;background:#0000002e;border:1px solid rgba(230,201,138,.28);min-height:0;overflow:hidden;justify-self:stretch;width:100%}.board-foot{grid-area:foot;text-align:center}@media(min-width:721px){.board{grid-template-columns:minmax(0,1fr) minmax(5.75rem,7.25rem);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"left rail" "foot foot";gap:.35rem .45rem}.board-left{grid-area:left;display:flex;flex-direction:column;gap:.35rem;min-width:0;min-height:0}.seat-self,.seat-opp{grid-area:auto}.trick-rail{grid-area:rail;flex-direction:column;gap:.4rem;padding:.4rem .3rem;justify-self:stretch;width:auto}}.seat{min-width:0}.seat-self{padding:.3rem .35rem .4rem;border-radius:12px;background:#e6c98a24;border:1px solid rgba(230,201,138,.45);box-shadow:inset 0 0 0 1px #ffffff0a}.seat-opp{padding:.2rem .25rem .25rem;opacity:.96}.who{display:flex;flex-wrap:wrap;gap:.2rem .55rem;align-items:baseline;margin:0 0 .35rem;min-height:1.2rem;line-height:1.2}.pname{font-weight:650}.you-tag{color:var(--brass);font-weight:700;letter-spacing:.02em}.score-you .you-tag{font-size:.85em}.prole,.peyes,.poff{color:#ffffffd1;font-size:.86rem}.poff{color:#fde68a}.hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem .4rem;max-width:28rem;width:100%}.hand.mine,.hand.opponent{max-width:none}.cell{min-width:0}.card-btn{display:block;width:100%;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pile{--peek: 7px;position:relative;display:block;width:fit-content;max-width:100%;isolation:isolate}.pile.stacked{padding:0 var(--peek) var(--peek) 0}.pile>.under{display:none}.pile.stacked>.under{display:block;position:absolute;top:var(--peek);left:var(--peek);right:0;bottom:0;z-index:0;pointer-events:none;border-radius:6px;background:repeating-linear-gradient(-28deg,#163554 0 3px,#2a5f8f 3px 6px);box-shadow:inset 0 0 0 1px #ffffff59,0 0 0 1px #00000040}.pile>.over{position:relative;z-index:1;display:block;width:fit-content;max-width:100%}.pile>.over .card-face{box-shadow:0 0 0 1px #28282866,0 2px 5px #00000052}.pile.stacked>.over .card-face{box-shadow:0 0 0 1px #14141473,0 2px 5px #00000052}.pile.empty{aspect-ratio:169 / 247;border:1px dashed rgba(255,255,255,.28);border-radius:6px;box-sizing:border-box}.card-face{width:100%;height:auto;aspect-ratio:169 / 247;object-fit:contain;display:block;border-radius:7px;background:#fffef8;box-shadow:0 2px 6px #00000059;-webkit-user-select:none;user-select:none;pointer-events:none}.card-face-french{border-radius:10px;background:#fff;box-shadow:0 0 0 1px #0006,0 2px 7px #00000059}.card-btn.legal .pile .card-face,.card-btn.legal .pile.stacked>.over .card-face{box-shadow:0 0 0 2px #ffe08a,0 2px 5px #00000047}.card-btn.legal:hover .pile,.card-btn.legal:focus-visible .pile{transform:translateY(-3px)}.card-btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:8px}.dim .card-face{opacity:.72}.status{margin:.15rem 0 .35rem;font-size:.95rem;line-height:1.3}.seals{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap;min-height:0}.seal{border-radius:999px;padding:.1rem .5rem;background:#00000047;border:1px solid var(--brass);color:var(--brass);font-size:.8rem}.seal.hot{border-color:#fecaca;color:#fecaca}.trick{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%}.trick-card{width:100%;max-width:4.6rem;margin:0}.play-wrap .trick-card{max-width:min(4.6rem,calc(var(--card-max-h) * .85))}.play-wrap .trick-card .card-face{width:100%;max-height:calc(var(--card-max-h) * .95)}.trick-card.win .card-face{box-shadow:0 0 0 2px #ffe08a,0 3px 7px #00000047}.trick-card figcaption{font-size:.68rem;margin-top:.12rem;color:#ffffffdb;text-align:center;line-height:1.1}.last-trick-link{appearance:none;display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;margin:0 .15rem 0 0;padding:.2rem .15rem;border:none;background:transparent;color:#e6c98aeb;cursor:pointer;font:inherit;font-size:.62rem;font-weight:650;letter-spacing:.01em;line-height:1.15;text-align:center;max-width:100%;flex-shrink:0;align-self:center}.trick-history{display:flex;flex-direction:column;gap:1rem;max-height:min(60vh,28rem);overflow:auto;padding-right:.15rem}.trick-history-row h3{margin:0 0 .45rem;font-size:.95rem;font-weight:700}.last-trick-link:hover,.last-trick-link:focus-visible{color:#fef3c7;outline:none}.last-trick-link:focus-visible{box-shadow:0 0 0 2px #34d3998c;border-radius:.35rem}.last-trick-stack{position:relative;width:1.55rem;height:1.85rem;flex-shrink:0}.last-trick-sheet{position:absolute;inset:0;border-radius:3px;background:repeating-linear-gradient(-28deg,#163554 0 2px,#2a5f8f 2px 4px);border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 2px #00000059}.last-trick-sheet:nth-child(1){transform:translate(3px,3px) rotate(6deg);opacity:.85}.last-trick-sheet:nth-child(2){transform:translate(-1px,-1px) rotate(-4deg)}.last-trick-text{display:block;max-width:4.2rem}.last-trick-winner{margin:0 0 .75rem;text-align:center}.last-trick-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem 1rem}.last-trick-fig{margin:0;width:min(6.5rem,38vw);text-align:center}.last-trick-fig .card-face{width:100%;height:auto;aspect-ratio:169 / 247}.last-trick-fig.win .card-face{box-shadow:0 0 0 2px #ffe08a,0 3px 8px #0000004d}.last-trick-fig figcaption{margin-top:.35rem;font-size:.88rem;font-weight:650}.trick-empty,.muted-rail{color:#ffffff8c;font-size:.78rem;writing-mode:horizontal-tb;transform:none;letter-spacing:.08em;margin:0}@media(min-width:721px){.trick-empty,.muted-rail{writing-mode:vertical-rl;transform:rotate(180deg)}}.actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-top:.35rem}.choice-overlay{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0818106b;pointer-events:auto}.choice-panel{width:min(22rem,100%);padding:1rem 1.05rem 1.1rem;border-radius:16px;background:#f7f3eaf0;color:var(--ink);box-shadow:0 12px 36px #0006,0 0 0 1px #e6c98a59;text-align:center}.choice-title{margin:0 0 .75rem;font-family:Palatino,Georgia,serif;font-size:1.15rem;font-weight:700}.choice-actions{margin:0;gap:.45rem;display:flex;flex-wrap:wrap;justify-content:center}.choice-actions .btn{border-radius:999px;min-width:6.5rem;flex:1 1 auto}.choice-actions .btn.green{border-radius:999px}.result-overlay .choice-panel,.result-panel{width:min(24rem,100%)}.result-overlay-body{text-align:left;margin:0 0 .85rem}.result-overlay-body p{margin:.28rem 0;font-size:.98rem;line-height:1.35}.formula{font-variant-numeric:tabular-nums;color:#44403c}.connecting{text-align:center;margin-top:20vh;font-size:1.1rem}dialog{border:none;border-radius:16px;padding:0;width:min(40rem,calc(100% - 1rem));max-height:calc(100dvh - 2rem);background:var(--paper);color:var(--ink)}dialog.modal-wide{width:min(48rem,calc(100% - 1rem))}dialog::backdrop{background:#0000008c}dialog article{padding:1rem 1.1rem 1.2rem;overflow:auto;max-height:calc(100dvh - 2rem)}dialog header{display:flex;justify-content:space-between;gap:1rem;align-items:center;position:sticky;top:0;background:var(--paper);padding-bottom:.4rem}dialog h2{margin:0}dialog h3{margin:1rem 0 .3rem}dialog h4{margin:.75rem 0 .25rem;font-size:1rem}dialog ol{margin:.35rem 0 .6rem;padding-left:1.25rem}dialog ol li{margin:.25rem 0}dialog p,dialog li{line-height:1.45}dialog .btn{background:var(--ink);color:var(--paper)}@media(min-width:721px){.play-wrap{--chrome: 6.8rem;--foot-budget: 4.2rem;--gap-budget: 2.6rem;--card-max-h: clamp( 4.5rem, calc((100dvh - var(--chrome) - var(--foot-budget) - var(--gap-budget)) / var(--card-rows)), 10.5rem )}.play-wrap .felt.board{border-width:8px;border-radius:16px}.play-wrap .trick-rail{min-width:5.75rem}.play-wrap .trick-card{max-width:min(5.2rem,100%)}.play-wrap .who{margin-bottom:.4rem;font-size:.92rem;min-height:1.2rem}.play-wrap .hand{gap:clamp(.5rem,1.6vh,.8rem) clamp(.5rem,1.2vw,.75rem)}.play-wrap .board-left{gap:.55rem}.play-wrap .actions{margin-top:.2rem;gap:.3rem}}@media(max-width:720px){.home-card,.lobby-card{margin-top:2.5vh}.home-card.wide-card{width:calc(100% - .5rem);padding-left:.75rem;padding-right:.75rem}.account-bar{gap:.45rem}.account-bar .btn{min-height:2.3rem;padding:.45rem .75rem;font-size:.86rem}.admin-tabs .tab{padding:.48rem .35rem;font-size:.8rem}.admin-table{font-size:.84rem}.admin-table th,.admin-table td{padding:.4rem .35rem .4rem 0}.admin-actions .icon-btn{width:1.95rem;height:1.95rem}body:has(.play-wrap){padding-left:max(.28rem,env(safe-area-inset-left,0px));padding-right:max(.28rem,env(safe-area-inset-right,0px))}.play-wrap{--chrome: 5.8rem;--foot-budget: 2.6rem;--gap-budget: 1.35rem;--trick-budget: 3.1rem;--card-max-h: clamp( 3.8rem, calc((100dvh - var(--chrome) - var(--foot-budget) - var(--gap-budget) - var(--trick-budget)) / var(--card-rows)), 9.5rem );gap:.1rem}.play-wrap .felt.board{border-width:4px;border-radius:10px;padding:.14rem .12rem .18rem}.play-wrap .board{gap:.14rem}.play-wrap .trick-rail{width:100%;padding:.12rem .25rem;gap:.22rem;border-radius:8px}.play-wrap .trick-rail .trick{flex-direction:row;gap:.35rem}.play-wrap .trick-empty,.play-wrap .muted-rail{font-size:.72rem;padding:.1rem 0}.play-wrap .seat-self{padding:.14rem .1rem .16rem}.play-wrap .seat-opp{padding:.12rem .1rem .14rem}.play-wrap .pile,.play-wrap .card-btn{width:100%;max-width:100%}.play-wrap .card-face{width:100%;max-width:100%;height:auto;max-height:var(--card-max-h)}.play-wrap .pile.empty{width:100%;max-width:100%;max-height:var(--card-max-h)}.play-wrap .trick .card-face{width:min(100%,calc(var(--card-max-h) * .72 * 169 / 247));max-height:calc(var(--card-max-h) * .72)}.compact-top{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;gap:.15rem .28rem;padding-bottom:.15rem}.brand{font-size:.86rem;max-width:8.5rem}.brand .logo-mark{width:1.55rem;height:1.55rem}.scoreboard{font-size:.84rem}.scoreboard strong{font-size:1rem}.match-meta{gap:.15rem .3rem}.info-btn{width:1.7rem;height:1.7rem}.burger,.top-logout{width:2.2rem;height:2.2rem;padding:.42rem}.menu-panel{min-width:12.5rem}.play-wrap .hand{gap:clamp(.4rem,1.3vh,.6rem) clamp(.4rem,2.2vw,.55rem)}.play-wrap .board-left{gap:.4rem}.play-wrap .who{margin-bottom:.35rem;font-size:.84rem;min-height:1.2rem}.seat-self{padding:.2rem .22rem .24rem;border-radius:8px}.seat-opp{padding:.16rem .18rem .2rem}.who{margin-bottom:.28rem;font-size:.84rem;min-height:1.1rem}.seal{font-size:.68rem;padding:.06rem .35rem}.actions .btn{flex:1 1 auto;min-width:3.4rem;min-height:2.15rem;padding:.35rem .45rem;font-size:.86rem}.play-wrap .actions{margin-top:.15rem;gap:.25rem}.play-wrap .site-footer{font-size:.7rem;padding-top:.1rem}.card-btn.legal:hover .pile{transform:none}}@media(max-width:420px){.row{flex-wrap:wrap}.join-form .btn,#join-form .btn{width:100%}.board{grid-template-columns:minmax(0,1fr)}.trick-card{max-width:2.9rem}.brand{max-width:7.2rem;font-size:.78rem}.brand-name{max-width:4.2rem}.top-center{max-width:min(15rem,56vw)}.play-wrap{--chrome: 5.9rem;--foot-budget: 3.1rem;--gap-budget: 1.8rem}}@media(orientation:landscape)and (max-height:560px){.play-wrap{--chrome: 3.1rem;--foot-budget: 1.4rem;--gap-budget: .55rem;--card-rows: 2;--card-max-h: min( calc((100dvh - var(--chrome) - var(--foot-budget) - var(--gap-budget)) / var(--card-rows)), calc((100vw - 7.2rem) / 8.15 * 247 / 169), 7rem );gap:.06rem}.play-wrap .top{padding-bottom:.05rem;gap:.15rem .35rem}.play-wrap .brand{font-size:.72rem;max-width:none;gap:.28rem}.play-wrap .brand-name{display:inline;font-size:.72rem;max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-wrap .brand .logo-mark{width:1.45rem;height:1.45rem}.play-wrap .top-center{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem .45rem;max-width:min(28rem,72vw)}.play-wrap .scoreboard{font-size:.78rem}.play-wrap .scoreboard strong{font-size:.92rem}.play-wrap .match-meta{gap:.12rem .3rem}.play-wrap .info-btn{width:1.55rem;height:1.55rem}.play-wrap .burger,.play-wrap .top-logout{width:2rem;height:2rem;padding:.38rem}.play-wrap .felt.board{border-width:3px;border-radius:8px;padding:.15rem .18rem}.play-wrap .board{grid-template-columns:minmax(0,1fr) minmax(3.6rem,4.6rem) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"self trick opp" "foot foot foot";gap:.15rem .3rem}.play-wrap .board-left{display:contents}.play-wrap .seat-self,.play-wrap .seat-opp{flex:none;min-width:0;min-height:0;overflow:hidden;padding:.12rem .14rem .14rem}.play-wrap .seat-self{grid-area:self}.play-wrap .seat-opp{grid-area:opp}.play-wrap .trick-rail{grid-area:trick;z-index:3;width:100%;min-width:0;flex-direction:column;justify-self:stretch;padding:.18rem .2rem;gap:.2rem;background:#082014f0;border:1px solid rgba(230,201,138,.4)}.play-wrap .trick-rail .trick{flex-direction:column;gap:.2rem}.play-wrap .last-trick-link{margin:0 0 .2rem;font-size:.55rem;padding:.12rem .08rem;align-self:center}.play-wrap .last-trick-stack{width:1.25rem;height:1.5rem}.play-wrap .last-trick-text{max-width:3.4rem}.play-wrap .board-foot{grid-area:foot}.play-wrap .who{margin-bottom:.18rem;min-height:.95rem;font-size:.72rem}.play-wrap .hand{width:100%;max-width:100%;gap:.14rem .16rem;align-content:center}.play-wrap .cell{overflow:hidden;min-width:0}.play-wrap .pile,.play-wrap .card-btn{width:fit-content;max-width:100%;margin-inline:auto}.play-wrap .card-face{width:min(100%,calc(var(--card-max-h) * 169 / 247));max-width:100%;height:auto;max-height:var(--card-max-h)}.play-wrap .pile.empty{width:min(100%,calc(var(--card-max-h) * 169 / 247));max-width:100%;max-height:var(--card-max-h)}.play-wrap .pile{--peek: 6px}.play-wrap .trick-card{width:min(100%,calc(var(--card-max-h) * .92 * 169 / 247));max-width:100%}.play-wrap .trick-card .card-face{width:100%;max-width:100%;height:auto;max-height:calc(var(--card-max-h) * .92);aspect-ratio:169 / 247}.play-wrap .site-footer{display:none}.play-wrap .actions{margin-top:.1rem;gap:.2rem}.play-wrap .actions .btn{min-height:1.85rem;padding:.25rem .4rem;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.card-btn.legal:hover .pile,.card-btn.legal:focus-visible .pile{transform:none}.logo-hero,.home-hero h1,.home-tagline,.home-screen .home-card{animation:none}}@media(hover:none){.card-btn.legal:hover .pile{transform:none}}