@layer reset,tokens,components,layout,states,pages,runtime;@layer reset{:root{color-scheme:dark;--night: #0b1512;--night-soft: #12221c;--night-green: #142b23;--felt: #0d5b43;--felt-light: #197154;--felt-dark: #073c2f;--wood: #593724;--wood-light: #7b4c31;--wood-dark: #2b1a15;--wine: #702535;--wine-light: #963447;--wine-dark: #421621;--paper: #f8f1df;--paper-warm: #eee1c7;--paper-shadow: #cdbb9d;--ink: #191716;--ink-soft: #403a34;--red-suit: #a92336;--brass: #c7a765;--brass-light: #e2ca8d;--cream: #f4ead7;--muted: #b8b0a2;--line: rgba(244, 234, 215, .15);--line-strong: rgba(199, 167, 101, .38);--success: #7fc59d;--danger: #e0838f;--warning: #e2bd70;--info: #83b8aa;--focus: #f2cf75;--shadow-sm: 0 8px 22px rgba(0, 0, 0, .22);--shadow-md: 0 20px 50px rgba(0, 0, 0, .32);--shadow-lg: 0 34px 90px rgba(0, 0, 0, .52);--radius-sm: .55rem;--radius-md: .85rem;--radius-lg: 1.15rem;--radius-xl: 1.55rem;--font-ui: "Segoe UI Variable", "Segoe UI", "Trebuchet MS", Arial, sans-serif;--font-card: Georgia, "Times New Roman", serif;--content: 1440px}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--night);scroll-behavior:smooth}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:var(--night);color:var(--cream);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body::selection{background:var(--brass);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img,svg{display:block}img{max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-weight:800;transform:translateY(-180%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.app-page{position:relative;min-height:100svh;isolation:isolate;overflow:clip;background:radial-gradient(circle at 79% 16%,rgba(25,113,84,.2),transparent 30rem),radial-gradient(circle at 7% 82%,rgba(112,37,53,.16),transparent 30rem),linear-gradient(128deg,#0f1d18,#08130f 46%,#101c18)}.app-page:before{position:fixed;z-index:-2;inset:0;background-image:linear-gradient(115deg,rgba(255,255,255,.014),transparent 32%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px);content:"";pointer-events:none}.app-page:after{position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 17% 9%,rgba(226,202,141,.04),transparent 17rem),radial-gradient(circle at 91% 86%,rgba(13,91,67,.18),transparent 26rem);content:"";pointer-events:none}.app-shell{width:min(100%,var(--content));min-height:100svh;margin-inline:auto;padding:0 clamp(1rem,3.5vw,3.5rem) clamp(2rem,5vw,4rem)}.page-main{padding-top:clamp(1.2rem,3vw,2.6rem)}.page-main--narrow{width:min(100%,820px);margin-inline:auto}.page-main--medium{width:min(100%,1080px);margin-inline:auto}.page-main--wide{width:min(100%,1360px);margin-inline:auto}.eyebrow{margin:0 0 .5rem;color:var(--brass-light);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.page-title{margin:0;color:var(--cream);font-family:var(--font-card);font-size:clamp(2.1rem,4.2vw,4rem);font-weight:700;letter-spacing:-.045em;line-height:.98;text-wrap:balance}.page-title em{color:var(--brass-light);font-style:normal}.page-lead{max-width:680px;margin:.9rem 0 0;color:var(--muted);font-size:clamp(.92rem,1.4vw,1.07rem);line-height:1.65}.section-title{margin:0;color:var(--cream);font-family:var(--font-card);font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.025em}.muted{color:var(--muted)}.brass{color:var(--brass-light)}.danger-text{color:var(--danger)}.success-text{color:var(--success)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.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}@media(max-width:700px){.app-shell{padding-inline:1rem}.page-main{padding-top:1.1rem}.page-title{font-size:clamp(1.9rem,10vw,2.65rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}}@layer tokens{:root{--z-atmosphere: -1;--z-header: 30;--z-sticky: 40;--z-toast: 70;--z-modal: 100;--z-overlay: 120;--fs-2xs: .58rem;--fs-xs: .62rem;--fs-sm: .72rem;--fs-md: .82rem;--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--ease: .15s ease;--card-back: url("./media/Suit=Other, Number=Back Blue-HWL4IILZ.png");--card-ace: url("./media/Suit=Spades, Number=Ace-U6XF5P4J.png")}}@layer components{.site-bar{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.site-nav{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:.4rem;flex-wrap:wrap}.nav-link,.icon-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.45rem;padding:.58rem .82rem;border:1px solid transparent;border-radius:.65rem;color:var(--muted);font-size:.76rem;font-weight:750;transition:.15s ease}.nav-link:hover,.nav-link[aria-current=page],.icon-link:hover{border-color:var(--line-strong);background:#f4ead70e;color:var(--cream)}.icon-link{width:44px;padding:0}.nav-avatar{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--brass);border-radius:50%;background:linear-gradient(145deg,#e4cb90,#b99655);color:#332415;font-size:.7rem;font-weight:850}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.4rem;margin-bottom:1.5rem}.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.panel{position:relative;border:1px solid rgba(199,167,101,.27);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 40%),#12221ce0;box-shadow:var(--shadow-md),inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel--paper{border-color:#d2bf9f;background:linear-gradient(145deg,#fffaf0,var(--paper-warm));color:var(--ink);box-shadow:0 7px #806449,var(--shadow-md)}.panel--felt{border-color:#e2ca8d59;background:radial-gradient(circle at 30% 0,rgba(255,255,255,.06),transparent 30rem),linear-gradient(145deg,var(--felt-light),var(--felt) 58%,var(--felt-dark))}.panel--flat{box-shadow:var(--shadow-sm)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--line)}.panel__body{padding:1.15rem}.panel__footer{padding:1rem 1.15rem;border-top:1px solid var(--line)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);align-items:start;gap:1.2rem}.stack{display:grid;gap:1rem}.cluster{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:1px solid rgba(244,234,215,.2);border-radius:.65rem;background:#f4ead70f;color:var(--cream);cursor:pointer;font-size:.78rem;font-weight:800;line-height:1.1;text-align:center;box-shadow:inset 0 1px #ffffff0a;transition:filter .15s ease,transform .15s ease,border-color .15s ease,background .15s ease}.btn:hover{border-color:#c7a7658c;background:#f4ead718;transform:translateY(-1px)}.btn:active{transform:translateY(2px)}.btn--primary{border-color:#a85362;background:linear-gradient(145deg,var(--wine-light),var(--wine));color:var(--paper);box-shadow:0 4px 0 var(--wine-dark),0 10px 22px #26091138}.btn--primary:active{box-shadow:0 1px 0 var(--wine-dark),0 5px 12px #26091133}.btn--paper{border-color:var(--paper-shadow);background:linear-gradient(145deg,#fffaf0,var(--paper-warm));color:var(--ink);box-shadow:0 4px #8f7558,0 10px 20px #0000002e}.btn--quiet{background:transparent;box-shadow:none}.btn--danger{border-color:#e0838f73;background:#70253538;color:#ffc6cc}.btn--block{width:100%}.btn[disabled],.btn.is-disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25);transform:none;box-shadow:none}.field{display:grid;gap:.45rem}.field label,.field-label{color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.035em}.input,.select,.textarea{width:100%;min-height:46px;padding:.72rem .85rem;border:1px solid rgba(244,234,215,.18);border-radius:.63rem;background:#040d0a85;color:var(--cream);outline:none;box-shadow:inset 0 1px 7px #00000038;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder,.textarea::placeholder{color:#857f75}.input:focus,.select:focus,.textarea:focus{border-color:var(--brass);box-shadow:0 0 0 3px #c7a76521}.textarea{min-height:110px;resize:vertical}.range{width:100%;accent-color:var(--wine-light)}.check{display:inline-flex;min-height:44px;align-items:center;gap:.55rem;color:var(--muted);font-size:.78rem;font-weight:700}.check input{width:1.1rem;height:1.1rem;accent-color:var(--wine-light)}.segmented,.tabs{display:flex;min-width:0;gap:.3rem;padding:.3rem;border:1px solid var(--line);border-radius:.72rem;background:#040d0a61}.segmented a,.segmented label,.tabs a{display:flex;min-height:40px;min-width:0;flex:1;align-items:center;justify-content:center;padding:.55rem .72rem;border-radius:.48rem;color:var(--muted);font-size:.74rem;font-weight:800;text-align:center;cursor:pointer}.segmented .is-active,.tabs .is-active,.segmented a:hover,.tabs a:hover{background:linear-gradient(145deg,#f8f1df,#e8d9bd);color:var(--ink);box-shadow:0 2px #8f7558}.badge{display:inline-flex;min-height:25px;align-items:center;gap:.32rem;padding:.25rem .52rem;border:1px solid var(--line);border-radius:999px;background:#f4ead70e;color:var(--muted);font-size:.6rem;font-weight:850;letter-spacing:.035em;white-space:nowrap}.badge:before{width:.38rem;height:.38rem;border-radius:50%;background:currentColor;content:""}.badge--online,.badge--success{border-color:#7fc59d4d;background:#2b714d29;color:var(--success)}.badge--warning{border-color:#e2bd7057;background:#976f2626;color:var(--warning)}.badge--danger{border-color:#e0838f59;background:#70253533;color:var(--danger)}.badge--brass,.badge--vip{border-color:#e2ca8d66;background:#c7a7651f;color:var(--brass-light)}.badge--neutral:before{display:none}.avatar{position:relative;display:grid;width:44px;height:44px;flex:none;place-items:center;overflow:hidden;border:1px solid var(--brass);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ecd99f,#9f793d 72%);color:#352514;font-family:var(--font-card);font-size:1rem;font-weight:800;box-shadow:0 5px 12px #00000040}.avatar--lg{width:72px;height:72px;font-size:1.45rem}.avatar--vip{box-shadow:0 0 0 3px #e2ca8d38,0 0 22px #e2ca8d4d}.avatar--green{background:radial-gradient(circle at 35% 28%,#8ec6a6,#32664f 72%);color:#eff8f2}.avatar--wine{background:radial-gradient(circle at 35% 28%,#d98995,#6f2736 72%);color:#fff0f2}.avatar--blue{background:radial-gradient(circle at 35% 28%,#8db7be,#315963 72%);color:#effcfd}.data-table{width:100%;border-collapse:collapse;color:var(--cream)}.data-table th{padding:.72rem .8rem;border-bottom:1px solid var(--line-strong);color:var(--brass);font-size:.62rem;font-weight:850;letter-spacing:.08em;text-align:left;text-transform:uppercase}.data-table td{padding:.82rem .8rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem;vertical-align:middle}.data-table tbody tr:hover{background:#f4ead709}.data-table tr.is-current{background:#c7a76517;box-shadow:inset 3px 0 var(--brass)}.table-wrap{overflow-x:auto;scrollbar-color:var(--brass) rgba(0,0,0,.2)}.record-list{display:none;gap:.75rem}.record{padding:.9rem;border:1px solid var(--line);border-radius:.75rem;background:#040d0a5c}.record__row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-face{display:block;width:72px;height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 7px rgba(0,0,0,.3))}.card-face--sm{width:48px}.card-face--lg{width:104px}.realtime-strip{display:flex;min-height:38px;align-items:center;gap:.45rem;margin-inline:calc(clamp(1rem,3.5vw,3.5rem)*-1);padding:.35rem clamp(1rem,3.5vw,3.5rem);border-bottom:1px solid rgba(199,167,101,.12);background:#040d0a5c;color:var(--muted);font-size:.62rem}.realtime-strip__title{margin-right:.25rem;color:#817b71;font-size:.58rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hub-pill{display:inline-flex;min-height:25px;align-items:center;gap:.35rem;padding:.2rem .52rem;border:1px solid var(--line);border-radius:99px;background:#f4ead706;white-space:nowrap}.hub-pill i,.online-count i{width:.38rem;height:.38rem;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.hub-pill b{color:#d7e9dd;font-weight:750}.realtime-ping{margin-left:auto}.realtime-strip__actions{display:flex;gap:.55rem}.realtime-strip__actions a{min-height:26px;padding:.3rem .15rem;color:#8f988f;text-decoration:underline;text-decoration-color:#8f988f4d;text-underline-offset:3px}.modal{position:fixed;z-index:100;inset:0;display:grid;padding:1rem;place-items:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.modal:target,.modal.is-open{opacity:1;pointer-events:auto;visibility:visible}.modal__backdrop{position:absolute;inset:0;background:#040a08db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal__panel{position:relative;z-index:1;width:min(100%,520px);max-height:calc(100dvh - 2rem);overflow:auto;padding:1.35rem;border:1px solid var(--brass);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,.025),transparent),var(--night-soft);box-shadow:0 8px 0 var(--wood-dark),var(--shadow-lg)}.modal__panel--wide{width:min(100%,760px)}.modal__close{position:absolute;top:.8rem;right:.8rem;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:.55rem;background:#f4ead70f;font-size:1.15rem}.modal__footer{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}.divider{display:flex;align-items:center;gap:.7rem;color:#837d73;font-size:.65rem;font-weight:750;text-transform:uppercase}.divider:before,.divider:after{height:1px;flex:1;background:var(--line);content:""}.stat{min-width:0;padding:.8rem;border-left:2px solid rgba(199,167,101,.55);background:#040d0a47}.stat strong{display:block;color:var(--cream);font-family:var(--font-card);font-size:1.65rem;line-height:1}.stat span{display:block;margin-top:.3rem;color:var(--muted);font-size:.65rem;font-weight:750}@media(max-width:980px){.split-layout{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.site-bar{min-height:66px;align-items:flex-start;padding-block:.6rem}.brand-mini__name{display:none}.site-nav{gap:.15rem}.nav-link{min-height:42px;padding:.5rem .62rem;font-size:.69rem}.hero-row{align-items:flex-start;flex-direction:column}.hero-actions{width:100%;justify-content:flex-start}.card-grid{grid-template-columns:1fr}.panel__header,.panel__body,.panel__footer{padding-inline:.9rem}.modal__footer{flex-direction:column-reverse}.modal__footer .btn{width:100%}.table-wrap--responsive{display:none}.record-list{display:grid}}@media(max-width:420px){.site-nav .nav-link__label{display:none}.site-nav .nav-link{width:42px;padding:0}.segmented,.tabs{width:100%}}}@layer layout{.brand-mini{display:inline-flex;min-height:50px;align-items:center;gap:.78rem;border-radius:.7rem}.brand-mini__cards{position:relative;width:2.8rem;height:2.9rem;flex:none}.brand-mini__cards img{position:absolute;width:1.85rem;height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 5px 6px rgba(0,0,0,.34))}.brand-mini__cards img:first-child{top:.12rem;left:.14rem;transform:rotate(-10deg)}.brand-mini__cards img:last-child{right:.1rem;bottom:.06rem;transform:rotate(7deg)}.brand-mini__name{color:var(--cream);font-size:1.08rem;font-weight:850;letter-spacing:-.035em}.brand-mini__name span{color:var(--brass-light)}.brand-mark{position:relative;width:2.7rem;height:2.85rem;flex:none}.brand-mark i{position:absolute;display:grid;width:1.7rem;height:2.25rem;place-items:center;border:1px solid #d0bf9e;border-radius:.25rem;background:linear-gradient(145deg,#fffaf0,#e9dbbf);color:var(--ink);font-family:var(--font-card);font-size:.8rem;font-style:normal;font-weight:800;box-shadow:0 4px 8px #0000004d}.brand-mark i:first-child{top:.15rem;left:.15rem;transform:rotate(-9deg)}.brand-mark i:last-child{right:.12rem;bottom:.12rem;transform:rotate(7deg)}.brand-mark i:last-child.brand-mark__red{color:var(--red-suit)}.brand-mark--paper i{background:var(--paper)}.brand-mark--wine i{color:var(--wine)}.brand-mark--wine i:last-child{color:#203f35}.brand-mark--sm{width:2.55rem;height:2.75rem}.brand-mark--sm i{width:1.62rem;height:2.15rem;border-radius:.22rem;font-size:.75rem}.brand-mark--single{width:2.25rem;height:2.75rem;transform:rotate(-4deg)}.brand-mark--single i{inset:auto 0;width:2.25rem;height:2.75rem;border:1px solid #cdbb9d;border-radius:.3rem;background:var(--paper);font-size:1rem;box-shadow:0 4px #70533c,0 10px 18px #00000040}.brand-mark--single i:first-child{top:0;left:0;transform:none}.atmosphere{position:fixed;z-index:var(--z-atmosphere);inset:0;overflow:hidden;pointer-events:none}.atmosphere i,.atmosphere span{position:absolute;color:#f4ead707;font-family:var(--font-card);font-size:12rem;line-height:1;-webkit-user-select:none;user-select:none}.atmosphere--suits i:nth-child(1){top:12%;left:-2rem;transform:rotate(-12deg)}.atmosphere--suits i:nth-child(2){top:7%;right:9%;color:#a923360d;font-size:6rem;transform:rotate(12deg)}.atmosphere--suits i:nth-child(3){right:-3.5rem;bottom:6%;transform:rotate(9deg)}.atmosphere--suits i:nth-child(4){bottom:3%;left:36%;color:#a923360b;font-size:7rem;transform:rotate(-7deg)}.atmosphere--glow:before,.atmosphere--glow:after{position:absolute;content:"";border-radius:50%;filter:blur(90px)}.atmosphere--glow:before{top:-10rem;left:8%;width:32rem;height:20rem;background:#d39c53;opacity:.12}.atmosphere--glow:after{right:-8rem;bottom:-12rem;width:34rem;height:30rem;background:#15906b;opacity:.13}.atmosphere--glow-green:before{content:none}.atmosphere--glow-green:after{right:-8rem;bottom:-10rem;width:42rem;height:42rem;background:#1471522b;opacity:1}.atmosphere--large i,.atmosphere--large span{font-size:18rem}.atmosphere--large i:nth-child(1),.atmosphere--large span:first-child{top:12rem;left:-5rem;transform:rotate(-10deg)}.atmosphere--large i:nth-child(2),.atmosphere--large span:last-child{right:-3rem;bottom:-4rem;color:#a9233609;font-size:16rem;transform:rotate(8deg)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--line);color:#817b71;font-size:.66rem;font-weight:750}.site-footer__suits{color:var(--brass);letter-spacing:.35em}.site-footer__suits i{color:var(--danger);font-style:normal}.readiness{display:inline-flex;align-items:center;gap:.34rem;color:var(--success);font-size:.58rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.readiness:before{width:.38rem;height:.38rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #7fc59d1a;content:""}.readiness--system{color:var(--brass-light)}@media(max-width:720px){.brand-mini__name{display:none}.site-footer{align-items:flex-start;flex-direction:column}}@media(max-width:460px){.atmosphere i,.atmosphere span{font-size:8rem}}}@layer states{.state-box{display:grid;min-height:180px;place-items:center;padding:1.5rem;text-align:center}.state-box__icon{display:grid;width:54px;height:54px;margin-inline:auto;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#c7a76514;color:var(--brass-light);font-family:var(--font-card);font-size:1.25rem}.state-box h2,.state-box h3{margin:.85rem 0 0;color:var(--cream);font-family:var(--font-card)}.state-box p{max-width:450px;margin:.55rem auto 0;color:var(--muted);font-size:.82rem;line-height:1.55}.state-box .btn{margin-top:1rem}.spinner{display:inline-block;flex-shrink:0;width:28px;height:28px;vertical-align:middle;border:3px solid rgba(244,234,215,.14);border-top-color:var(--brass);border-radius:50%;animation:spin .75s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.toast-chip{position:fixed;z-index:70;right:1rem;bottom:1rem;display:flex;min-height:46px;align-items:center;gap:.55rem;padding:.65rem .85rem;border:1px solid var(--line-strong);border-radius:999px;background:var(--night-soft);box-shadow:var(--shadow-md);color:var(--cream);font-size:.72rem;font-weight:800}.toast-chip b{display:grid;min-width:24px;height:24px;padding:0 .3rem;place-items:center;border-radius:999px;background:var(--wine);color:var(--paper)}.toast-stack{position:fixed;z-index:80;top:1rem;right:1rem;display:grid;width:min(calc(100% - 2rem),380px);gap:.65rem}.toast{padding:.85rem;border:1px solid var(--line-strong);border-radius:.75rem;background:#12221cf7;box-shadow:var(--shadow-md)}.toast--error{border-color:#e0838f66;box-shadow:inset 3px 0 var(--danger),var(--shadow-md)}.toast--success{border-color:#7fc59d66;box-shadow:inset 3px 0 var(--success),var(--shadow-md)}.toast strong{display:block;font-size:.76rem}.toast p{margin:.25rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.45}.network-overlay,.realtime-overlay{position:fixed;z-index:120;inset:0;display:grid;padding:1rem;place-items:center;background:#040a08eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.network-panel,.realtime-panel{width:min(100%,500px);padding:1.4rem;border:1px solid rgba(224,131,143,.45);border-radius:var(--radius-lg);background:var(--night-soft);box-shadow:0 8px 0 var(--wood-dark),var(--shadow-lg);text-align:center}.realtime-panel{max-height:calc(100dvh - 2rem);overflow:auto;width:min(100%,480px);padding:1.75rem;border-color:var(--line-strong);background:radial-gradient(ellipse at 50% 0,rgba(25,113,84,.13),transparent 70%),var(--night-soft);box-shadow:0 5px 0 var(--wood-dark),var(--shadow-lg)}.network-panel h2,.realtime-panel h2{margin:.8rem 0 0;font-family:var(--font-card);font-size:1.8rem}.network-panel p,.realtime-panel p{margin:.55rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.network-panel code{display:block;margin-top:.75rem;padding:.65rem;border-radius:.5rem;background:#0000004d;color:#c9c1b4;font-size:.68rem;overflow-wrap:anywhere}.network-panel .cluster,.realtime-panel .cluster{justify-content:center;margin-top:1rem}.realtime-loader{position:relative;display:grid;width:72px;height:72px;place-items:center;margin-inline:auto}.realtime-loader .spinner{position:absolute;inset:4px;width:64px;height:64px;border-width:3px;border-top-color:var(--brass-light);animation-duration:1s}.realtime-loader__card{display:grid;width:26px;height:36px;place-items:center;border:1px solid var(--paper-shadow);border-radius:4px;background:var(--paper);color:var(--ink);font:normal 1.35rem/1 var(--font-card);box-shadow:0 2px 0 var(--wood),0 4px 8px #0003;transform:rotate(-8deg)}.realtime-panel h2{margin:1rem 0 0;font-size:clamp(1.4rem,5vw,1.8rem);line-height:1.2;text-wrap:balance}.realtime-panel>p{max-width:360px;margin:.65rem auto 0;font-size:.875rem;line-height:1.55}.realtime-panel--error{border-color:#e0838f73}.realtime-panel--error .state-box__icon{width:64px;height:64px;border-color:#e0838f66;background:#70253533;color:var(--danger);font-size:1.6rem}@media(prefers-reduced-motion:reduce){.realtime-loader .spinner{animation:none}}.reconnect-banner{position:sticky;z-index:30;top:0;display:flex;min-height:44px;align-items:center;justify-content:center;gap:.55rem;padding:.5rem 1rem;border-bottom:1px solid rgba(226,189,112,.3);background:#5b4117f0;color:#f4dcaa;font-size:.72rem;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skeleton{position:relative;overflow:hidden;border-radius:.5rem;background:#f4ead712}.skeleton:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(244,234,215,.08),transparent);content:"";transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.state-demo{display:none}.state-demo:target{display:block}@media(max-width:560px){.toast-stack{top:.6rem;right:.6rem;width:calc(100% - 1.2rem)}.toast-chip{right:.75rem;bottom:.75rem}.network-panel,.realtime-panel{padding:1.1rem}.realtime-panel{padding:1.5rem 1.25rem}.realtime-panel .cluster{display:grid;grid-template-columns:1fr;gap:.65rem}}}@layer pages{.welcome-page{position:relative;min-height:100svh;overflow:hidden;background-color:#041a12!important;background-image:linear-gradient(90deg,#020f0a0a,#020f0a38 50%,#020f0a0f),url("./media/welcome-atmosphere-L6IUM3WA.png")!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important}.welcome-page:before{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#03140e00,#03140e0f);content:"";pointer-events:none}.welcome-atmosphere{display:none;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.welcome-atmosphere__leaf{position:absolute;color:#1a64452e;font:18rem/1 Georgia,serif;filter:blur(1px);transform:rotate(-26deg)}.welcome-atmosphere__leaf--one{top:-10rem;left:-7rem}.welcome-atmosphere__leaf--two{right:-9rem;bottom:-10rem;color:#1c66491f;transform:rotate(35deg)}.welcome-atmosphere__chips{position:absolute;left:-1.5rem;bottom:7rem;display:flex;gap:-.5rem;transform:rotate(-12deg)}.welcome-atmosphere__chips i{display:grid;width:4.2rem;height:1.35rem;margin-left:-.75rem;place-items:center;border:2px solid rgba(213,183,118,.6);border-radius:999px;background:linear-gradient(#173c2c,#071c14);color:#d5b776;font:1rem Georgia,serif;box-shadow:0 7px 14px #0008}.welcome-page .app-shell,.welcome-page .welcome-main{min-width:0}.welcome-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,1240px);gap:1.15rem;padding-top:.95rem;padding-bottom:2.5rem}.welcome-quote{display:none}.welcome-page .directory-header{min-height:64px;max-width:1240px;margin-inline:auto}.welcome-page .directory-header .brand:after{content:"\411\41e\41b\42c\428\415, \427\415\41c  \41a\410\420\422\42b\a\421\41e\41e\411\429\415\421\422\412\41e  \418\413\420\41e\41a\41e\412";display:inline-block;margin-left:1rem;padding-left:1rem;border-left:1px solid #c7a76555;color:#8d9d8a;font:600 .52rem/1.45 Segoe UI,sans-serif;letter-spacing:.12em;white-space:pre}.welcome-page .directory-header .profile{position:relative;border-radius:50%}.welcome-page .directory-header .profile:after{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border:2px solid #081710;border-radius:50%;background:#69bc75;content:""}.welcome-hero{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:start;gap:1.5rem}.welcome-hero__copy{min-width:0;max-width:600px;padding-top:.35rem}.welcome-kicker{margin-bottom:.85rem;color:#e0c687!important;letter-spacing:.13em;text-transform:uppercase}.welcome-kicker span{color:#d56a78;font-size:1.05rem}.welcome-hero h1{max-width:11em;margin:0;color:#f4ead6;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.25rem,4.6vw,4.65rem);font-weight:700;letter-spacing:-.065em;line-height:.9;text-wrap:balance}.welcome-hero h1 span{display:block}.welcome-hero h1 span+span{margin-top:.08em}.welcome-hero h1 em{color:#e1c27b;font-style:normal}.welcome-hero .page-lead{max-width:36rem;margin:1.35rem 0 0;color:#c1c5b6;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.45}.welcome-meta{display:inline-flex;align-items:center;gap:.5rem;min-height:2.4rem;margin-top:1.15rem;padding:.35rem .8rem;border:1px solid #c7a76577;border-radius:999px;background:#0a2419aa;color:#e7d29a;font-size:.82rem}.welcome-meta__people{color:#d8b96c;font-size:1.05rem;letter-spacing:-.35em}.welcome-meta b{font-weight:750}.welcome-actions{display:grid;grid-template-columns:306px 272px;gap:1rem;width:max-content;margin-top:1rem}.welcome-action{display:flex;min-height:4.1rem;align-items:center;gap:.8rem;padding:.85rem 1rem;border-radius:.65rem!important;font-family:Georgia,Times New Roman,serif!important;font-size:1.08rem!important;text-align:left}.welcome-action strong{flex:1;font-weight:700}.welcome-action--quick{background:linear-gradient(145deg,#c52a59,#871b3e)!important;box-shadow:0 4px #4c1027,0 12px 24px #0005,inset 0 1px #ffd1d955!important}.welcome-action--create{border-color:#d5b776aa!important;background:#0d2a1dcc!important;color:#f0e2c4!important;box-shadow:0 4px #06140e,inset 0 1px #fff3c217!important}.welcome-action__play{font:.95rem/1 Arial,sans-serif}.welcome-action__arrow{color:#f7dca1;font:1.25rem Arial,sans-serif}.welcome-action__plus{display:grid;width:1.9rem;height:1.9rem;place-items:center;border:1px solid #d5b776;border-radius:50%;color:#e9ce8b;font:1.45rem/1 Arial,sans-serif}.welcome-actions__lobby{grid-column:1/-1;justify-self:start;min-height:2.3rem;margin-top:-.25rem;padding:.45rem 0;color:#e0c687;font-size:.9rem}.welcome-actions__lobby:hover{color:#fff3d5}.directory-error{grid-column:1/-1;margin:0}.special-ranks{width:100%;margin-top:.2rem}.special-ranks__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.special-ranks__title{display:flex;align-items:center;gap:.8rem;min-width:0}.special-ranks h2{margin:0;color:#f4ead6;font:700 1.55rem Georgia,serif;white-space:nowrap}.special-ranks__title i{width:2.4rem;height:1px;background:#d5b776}.special-ranks__title span,.special-ranks__heading>a{color:#9ba796;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.special-ranks__heading>a{color:#e0c687;text-decoration:none;white-space:nowrap}.special-ranks__heading>a:hover{color:#fff3d5}.special-ranks__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.rank-rule{display:flex;min-width:0;min-height:8.2rem;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem .45rem;border:1px solid #c7a76544;border-radius:.55rem;background:#0b251aaa;color:#e2ddcf;text-align:center}.rank-rule img{display:block;width:3rem;height:auto;border-radius:.22rem;filter:drop-shadow(0 4px 4px #0008)}.rank-rule>span{display:grid;gap:.12rem;min-width:0}.rank-rule b{color:#e2ca8d;font:700 1rem Georgia,serif}.rank-rule small{color:#d2d7c9;font-size:.72rem;line-height:1.15;white-space:nowrap}.welcome-card{width:100%;max-width:none}.welcome-table{min-height:320px}.welcome-card__caption strong{font-size:1.08rem}.welcome-card__caption small{max-width:26rem;font-size:.75rem}.welcome-grid{gap:.75rem}.directory-panel{min-height:7.8rem;padding:1rem}.directory-panel h2{font-size:1.05rem}.directory-panel p{font-size:.8rem}.directory-panel .panel-link{margin-top:.7rem}@media(min-width:960px){.welcome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px)and (min-width:960px){.welcome-hero{grid-template-columns:minmax(0,1fr) minmax(380px,1fr)}.welcome-actions{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);width:100%}}@media(max-width:900px)and (min-width:701px){.special-ranks__row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.welcome-page .directory-header .brand:after,.welcome-page .directory-header .profile:before{display:none}.welcome-page .directory-header{min-height:65px}.welcome-main{width:100%;padding-top:1.25rem}.welcome-hero{grid-template-columns:1fr;gap:1.5rem}.welcome-actions{grid-template-columns:1fr;width:100%}.welcome-action{min-height:3.8rem}.special-ranks{margin-top:.25rem}.special-ranks__heading{align-items:flex-start;flex-direction:column;gap:.45rem}.special-ranks__title{flex-wrap:wrap}.special-ranks__row{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-card{max-width:none}.welcome-table{min-height:300px}.welcome-grid{grid-template-columns:1fr}}@media(max-width:380px){.welcome-main{padding-inline:0!important}.special-ranks__row{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-rule{min-height:7.2rem}}.welcome-actions__lobby{appearance:none;border:0;background:transparent;box-shadow:none;color:#e0c687;font:inherit;text-decoration:underline;text-decoration-color:#d5b77688;text-underline-offset:.25rem}.welcome-actions__lobby:focus-visible{outline:2px solid #f0d58a;outline-offset:3px}@media(min-width:961px){.welcome-page .welcome-card{width:100%!important;max-width:none!important}.welcome-page .welcome-table{margin:10px 0!important}}.welcome-card{width:min(100%,520px);padding:1rem;border:1px solid #c7a76566;border-radius:.8rem;background:linear-gradient(145deg,#153824,#091f16);box-shadow:0 22px 46px #0007,inset 0 1px #f1dca222}.welcome-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#d5d8ca;font-size:.82rem}.welcome-card__label{color:#f1e4c7;font-weight:700}.welcome-card__label>span{margin-right:.35rem;color:#d5b776}.welcome-card__top b{color:#e0c687;font-weight:700}.welcome-table{position:relative;min-height:320px;margin:.85rem 0;overflow:hidden;border:8px solid #6c462e;border-radius:42%/16%;background:radial-gradient(ellipse at 50% 38%,#16805b 0,#0d5d44 47%,#063a2e);box-shadow:inset 0 0 38px #0007,0 8px 14px #0006}.welcome-table:before{position:absolute;inset:7%;border:1px solid #dfc78155;border-radius:42%/19%;content:""}.welcome-table__glow{position:absolute;top:17%;left:50%;width:42%;aspect-ratio:1;border-radius:50%;background:#d6b87120;filter:blur(24px);transform:translate(-50%)}.welcome-table__seat{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.4rem;min-width:5.9rem;padding:.35rem .5rem;border:1px solid #e5cf9370;border-radius:999px;background:#071a13e8;box-shadow:0 5px 10px #0006;color:#f1d99e;font-size:.7rem}.welcome-table__seat b{display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:50%;background:#d5b776;color:#2a2015;font-weight:800}.welcome-table__seat small{color:#d2dacb;font-size:.66rem}.welcome-table__seat--top{top:6%;left:50%;transform:translate(-50%)}.welcome-table__seat--left{top:38%;left:4%}.welcome-table__seat--right{top:38%;right:4%}.welcome-table__center{position:absolute;top:28%;left:50%;z-index:1;display:flex;align-items:start;gap:1.1rem;transform:translate(-50%)}.welcome-table__pile{display:grid;justify-items:center;gap:.4rem;color:#f0d58a;font-size:.73rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.welcome-table__pile img,.welcome-table__pile>span{display:block;width:58px;aspect-ratio:219 / 304;border-radius:.35rem;box-shadow:0 8px 14px #0008}.welcome-table__pile img{height:auto;object-fit:cover}.welcome-table__pile--draw>span{position:relative}.welcome-table__pile--draw>span:before,.welcome-table__pile--draw>span:after{position:absolute;inset:4px -4px -4px 4px;z-index:-1;border-radius:.35rem;background:url("./media/Suit=Other, Number=Back Blue-HWL4IILZ.png") center/cover;content:""}.welcome-table__pile--draw>span:after{inset:8px -8px -8px 8px;z-index:-2}.welcome-table__pile--draw>span img{position:relative;z-index:1}.welcome-table__turn{position:absolute;top:59%;left:50%;z-index:3;display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .75rem;border:1px solid #edcf83;border-radius:999px;background:#071a13ef;box-shadow:0 5px 12px #0007;color:#f3d990;font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;transform:translate(-50%)}.welcome-table__turn i{width:.45rem;height:.45rem;border-radius:50%;background:#d52350;box-shadow:0 0 0 3px #d5235033}.welcome-table__hand{position:absolute;right:50%;bottom:4%;z-index:2;display:flex;width:132px;transform:translate(50%)}.welcome-table__hand span{display:block;width:50px;margin-left:-16px}.welcome-table__hand span:first-child{margin-left:0;transform:rotate(-10deg) translateY(4px)}.welcome-table__hand span:nth-child(2){transform:translateY(-3px)}.welcome-table__hand span:last-child{transform:rotate(10deg) translateY(4px)}.welcome-table__hand img{display:block;width:100%;height:auto;border-radius:.3rem;box-shadow:0 7px 12px #0008}.welcome-table__hand-label{position:absolute;right:50%;bottom:1.5%;color:#d9e0d1;font-size:.68rem;transform:translate(50%)}.welcome-card__caption{display:flex;align-items:end;justify-content:space-between;gap:1rem}.welcome-card__caption strong,.welcome-card__caption small{display:block}.welcome-card__caption strong{color:#f8f1df;font:1.3rem Georgia,serif}.welcome-card__caption small{max-width:18rem;margin-top:.35rem;color:#d1d9cc;font-size:.82rem;line-height:1.4}.welcome-card__caption a{flex:none;color:#e0c687;font-size:.82rem;font-weight:750;text-decoration:underline;text-underline-offset:.25rem}.welcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.directory-panel{display:block;min-height:170px;padding:1.25rem;border:1px solid #c7a76555;border-radius:.6rem;background:linear-gradient(135deg,#173824,#0d2519);transition:border-color .16s ease,transform .16s ease}.directory-panel:hover{border-color:#e0c687;transform:translateY(-3px)}.directory-panel h2{margin:.55rem 0 .5rem;color:#f4ead6;font:700 1.3rem Georgia,serif}.directory-panel p{margin:0;color:#b9c7b4;line-height:1.5}.panel-kicker,.panel-link{color:#e0c687;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.panel-link{display:block;margin-top:1.2rem;letter-spacing:0;text-transform:none}@media(max-width:1100px){.welcome-quote{display:none}.welcome-hero{grid-template-columns:minmax(0,1fr) minmax(380px,460px);gap:2rem}}@media(max-width:959px){.welcome-hero{grid-template-columns:1fr;gap:2rem}.welcome-card{max-width:560px}.welcome-grid{grid-template-columns:1fr}}@media(max-width:700px){.welcome-page{overflow:visible}.welcome-main{padding-block:1.25rem 3rem}.welcome-hero h1{font-size:clamp(3rem,13vw,4rem);line-height:.9}.welcome-hero .page-lead{font-size:1rem}.welcome-actions{grid-template-columns:1fr;width:100%}.welcome-action{min-height:3.8rem}.special-ranks{margin-top:1.2rem}.special-ranks__heading{align-items:flex-start;flex-direction:column;gap:.25rem}.special-ranks__row{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-card{max-width:none}.welcome-table{min-height:300px}}@media(max-width:380px){.welcome-main{padding-inline:0}.special-ranks__row{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-rule{min-height:7.2rem}}@media(min-width:961px){.welcome-page .directory-header{min-height:64px!important;width:min(100%,1238px)!important}.welcome-page .welcome-main{width:min(100%,1238px)!important;padding-top:18px!important;padding-bottom:26px!important;gap:18px!important}.welcome-page .welcome-hero{grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:24px}.welcome-page .welcome-card{padding:12px!important}.welcome-page .welcome-table{min-height:300px!important;margin:10px 0!important}.welcome-page .welcome-card__caption{min-height:48px}.welcome-page .welcome-card__caption strong{font-size:1.08rem}.welcome-page .welcome-card__caption small{max-width:28rem;margin-top:.25rem;font-size:.72rem}.welcome-page .special-ranks{margin-top:0!important}}.directory-panel{position:relative;min-height:7.8rem;padding:1rem 3.4rem 1rem 4.1rem;overflow:hidden}.directory-panel .panel-icon{position:absolute;top:50%;left:1rem;color:#d5b776;font:2.4rem/1 Georgia,serif;opacity:.85;transform:translateY(-50%)}.directory-panel .panel-kicker{display:block}.directory-panel h2{margin:.42rem 0 .32rem;font-size:1.15rem}.directory-panel p{max-width:16rem;margin:0;font-size:.84rem;line-height:1.4}.directory-panel .panel-link{position:absolute;top:50%;right:1rem;display:grid;width:2rem;height:2rem;margin:0;place-items:center;border:1px solid #d5b77688;border-radius:50%;color:#e0c687;font-size:1.05rem;transform:translateY(-50%)}.welcome-footer{display:flex;min-height:3.5rem;align-items:center;gap:1rem;padding:.65rem 0 0;border-top:1px solid #c7a76544;color:#93a294;font-size:.64rem}.welcome-footer a{color:inherit;text-decoration:none}.welcome-footer__brand{color:#f4ead6!important;font:700 1.25rem Georgia,serif}.welcome-footer__brand span{color:#dfc083}.welcome-footer__copy{white-space:nowrap}.welcome-footer nav{display:flex;gap:.8rem;margin-left:auto;white-space:nowrap}.welcome-footer__social{color:#c8b070;letter-spacing:.2em;white-space:nowrap}.welcome-footer__motto{color:#b6bda9;white-space:nowrap}.welcome-footer__motto b{margin-left:.35rem;color:#d5b776;font-size:1.2rem}@media(max-width:700px){.welcome-page .directory-panel{min-height:8rem;padding-right:3.5rem}.welcome-footer{align-items:flex-start;flex-wrap:wrap;padding-bottom:1rem}.welcome-footer__copy{order:3;width:100%;white-space:normal}.welcome-footer nav{margin-left:0}.welcome-footer__motto{display:none}}@media(prefers-reduced-motion:reduce){.welcome-page .directory-panel{transition:none}}.welcome-page .welcome-card{width:100%!important;max-width:none!important}.welcome-page .welcome-actions__lobby{appearance:none!important;min-height:2.3rem;border:0!important;background:transparent!important;box-shadow:none!important;color:#e0c687!important;font:inherit;text-decoration:underline;text-decoration-color:#d5b77688;text-underline-offset:.25rem}.welcome-page .welcome-actions__lobby:focus-visible{outline:2px solid #f0d58a;outline-offset:3px}.welcome-page .directory-panel{min-height:7.8rem}@media(max-width:700px){.welcome-page .welcome-main{padding-inline:0!important}.welcome-page .welcome-actions{grid-template-columns:1fr;width:100%}.welcome-page .welcome-card{max-width:none!important}}@media(max-width:380px){.welcome-page .special-ranks__row{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-page .rank-rule{min-height:7.2rem}}.welcome-page .directory-header .profile-name{display:inline-flex;align-items:center;gap:.35rem;color:#d3d7c9;font-size:.78rem;text-decoration:none;white-space:nowrap}.welcome-page .directory-header .profile-name:hover{color:#f4ead6}.welcome-page .welcome-card{width:100%!important;max-width:none!important}.welcome-page .welcome-actions__lobby{appearance:none!important;min-height:2.3rem;border:0!important;background:transparent!important;box-shadow:none!important;color:#e0c687!important;font:inherit;text-decoration:underline;text-decoration-color:#d5b77688;text-underline-offset:.25rem}.welcome-page .welcome-actions__lobby:focus-visible{outline:2px solid #f0d58a;outline-offset:3px}@media(min-width:961px){.welcome-page .directory-header,.welcome-page .welcome-main{width:min(100%,1238px)!important}.welcome-page .welcome-hero{grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:24px}.welcome-page .welcome-card{padding:12px!important}.welcome-page .welcome-table{margin:10px 0!important}}.welcome-page .welcome-hero,.welcome-page .welcome-hero__copy,.welcome-page .welcome-card,.welcome-page .welcome-actions{min-width:0}@media(max-width:959px){.welcome-page .welcome-hero{display:grid;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}.welcome-page .welcome-hero>*{min-width:0!important;max-width:100%!important}.welcome-page .welcome-actions{grid-template-columns:minmax(0,306px) minmax(0,272px);width:min(100%,594px);max-width:100%}}@media(max-width:959px){.welcome-page .app-shell,.welcome-page .welcome-main,.welcome-page .welcome-main>*,.welcome-page .welcome-footer,.welcome-page .welcome-footer>*{min-width:0!important;max-width:100%!important}.welcome-page .app-shell{width:100%!important;max-width:none!important}.welcome-page .welcome-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}.welcome-page .welcome-hero{display:block!important;width:100%!important;min-width:0!important}.welcome-page .welcome-hero__copy,.welcome-page .welcome-card{width:100%!important;max-width:100%!important;min-width:0!important}.welcome-page .welcome-card{margin-top:1.5rem}}@media(max-width:959px){.welcome-page .directory-header nav>.desktop-link,.welcome-page .directory-header .profile-name{display:none}.welcome-page .directory-header .mobile-menu{display:block}.welcome-page .directory-header nav{min-width:0;gap:.75rem}.welcome-page .directory-header .brand:after{display:none}.welcome-page .welcome-footer{flex-wrap:wrap}.welcome-page .welcome-footer__copy{order:3;width:100%;white-space:normal}.welcome-page .welcome-footer nav{margin-left:0}.welcome-page .welcome-footer__motto{display:none}}@media(max-width:700px){.welcome-page .directory-header .nav-exit{display:none}.welcome-page .welcome-main{padding-inline:0!important}.welcome-page .welcome-actions{grid-template-columns:minmax(0,1fr);width:100%}.welcome-page .welcome-card{max-width:none!important}}@media(min-width:961px)and (max-width:1100px){.welcome-page .welcome-hero{grid-template-columns:minmax(0,1fr) minmax(380px,460px)}.welcome-page .welcome-hero__copy{max-width:none}}.welcome-page .welcome-table:has(.welcome-table__native){min-height:0!important;aspect-ratio:582 / 325;height:auto!important;border:7px solid #69452f!important;border-radius:25%/18%!important;background:#081e15!important;box-shadow:inset 0 0 28px #0009,0 8px 14px #0006!important;overflow:hidden!important}.welcome-page .welcome-table:has(.welcome-table__native)>.welcome-table__native{display:block!important}.welcome-table__native{position:absolute;inset:0;display:block;overflow:hidden;color:#f2dfaa}.welcome-table__felt{position:absolute;inset:5%;border:1px solid #e2c77766;border-radius:24%/19%;background:radial-gradient(ellipse at 50% 42%,#16805b 0,#0d5d44 48%,#063a2e);box-shadow:inset 0 0 34px #0008}.welcome-table__felt:after{position:absolute;inset:7%;border:1px solid #dfc7812f;border-radius:inherit;content:""}.welcome-table__native-seat,.welcome-table__native-player{position:absolute;z-index:2;color:#f3dfaa;font-size:.62rem}.welcome-table__native-seat{display:flex;align-items:center;gap:.3rem}.welcome-table__native-player{bottom:0;left:50%;width:100%;height:4.2rem;text-align:center;transform:translate(-50%)}.welcome-table__native-player-label{position:absolute;right:0;bottom:.2rem;left:0;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.welcome-table__native-player>.welcome-table__native-hand{bottom:1.35rem;left:50%}.welcome-table__native-seat>b,.welcome-table__native-avatar{display:grid;width:1.35rem;height:1.35rem;flex:none;place-items:center;border:1px solid #e4cb8666;border-radius:50%;background:#d5b776;color:#2b2116;font-weight:800}.welcome-table__native-seat>span,.welcome-table__native-player>span{display:grid;gap:.08rem;white-space:nowrap}.welcome-table__native-seat small,.welcome-table__native-player small{color:#d5dfd0;font-size:.55rem}.welcome-table__native-seat--top{top:7%;left:50%;transform:translate(-50%)}.welcome-table__native-seat--left{top:42%;left:6%}.welcome-table__native-seat--right{top:42%;right:6%}.welcome-table__back-row{display:flex;margin-left:.1rem}.welcome-table__back-row img{width:1.15rem;height:1.6rem;margin-left:-.55rem;border-radius:.15rem;box-shadow:0 3px 5px #0008;object-fit:cover}.welcome-table__back-row img:first-child{margin-left:0}.welcome-table__native-center{position:absolute;top:31%;left:50%;z-index:2;display:flex;gap:1.2rem;transform:translate(-50%)}.welcome-table__native-pile{display:grid;justify-items:center;gap:.22rem;font-size:.55rem;font-weight:800;letter-spacing:.05em}.welcome-table__native-pile img{width:2.65rem;height:3.7rem;border-radius:.18rem;box-shadow:0 5px 9px #0009;object-fit:cover}.welcome-table__native-pile small{display:grid;gap:.05rem;text-align:center}.welcome-table__native-pile em{color:#d8c078;font-style:normal}.welcome-table__native-hand{position:absolute;display:flex;width:max-content;transform:translate(-50%)}.welcome-table__native-hand img{width:2.05rem;height:2.86rem;margin-left:-.68rem;border-radius:.16rem;box-shadow:0 4px 7px #0009;object-fit:cover}.welcome-table__native-hand img:first-child{margin-left:0}.welcome-table__native-hand img:first-child{margin-left:0;transform:rotate(-12deg) translateY(.25rem)}.welcome-table__native-hand img:nth-child(2),.welcome-table__native-hand img:nth-child(4){transform:translateY(-.12rem)}.welcome-table__native-hand img:last-child{transform:rotate(12deg) translateY(.25rem)}.welcome-table__native-turn{position:absolute;right:9%;bottom:10%;z-index:3;display:flex;align-items:center;gap:.28rem;padding:.35rem .55rem;border:1px solid #e7ca7c99;border-radius:999px;background:#071a13e8;color:#f1d58c;font-size:.58rem;font-weight:800}.welcome-table__native-turn i{width:.38rem;height:.38rem;border-radius:50%;background:#70c779;box-shadow:0 0 0 3px #70c77933}@media(max-width:700px){.welcome-table__native-seat{font-size:.58rem}.welcome-table__native-seat--left{left:4%}.welcome-table__native-seat--right{right:4%}.welcome-table__native-seat .welcome-table__back-row{display:none}.welcome-table__native-turn{right:5%}}@media(max-width:380px){.welcome-table__native-seat>b,.welcome-table__native-avatar{width:1.1rem;height:1.1rem;font-size:.55rem}.welcome-table__native-pile img{width:2.2rem;height:3.05rem}.welcome-table__native-hand{transform:translate(-50%) scale(.82);transform-origin:top center}}@media(min-width:961px){.welcome-page .directory-panel{min-height:7.8rem;box-sizing:border-box;padding-top:.8rem;padding-bottom:.8rem}.welcome-page .directory-panel h2{margin-top:.3rem;margin-bottom:.2rem;font-size:1.05rem;white-space:normal}.welcome-page .directory-panel p{font-size:.78rem;line-height:1.3}}@media(max-width:959px){.welcome-page .welcome-main{grid-template-columns:minmax(0,1fr)!important}}}@layer pages{.login-page{min-height:100svh}.login-shell{display:flex;min-height:100svh;flex-direction:column}.login-main{display:grid;width:min(100%,920px);min-height:calc(100svh - 82px);margin-inline:auto;grid-template-columns:minmax(0,.85fr) minmax(360px,460px);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding-block:clamp(1.5rem,4vw,3rem)}.login-story{min-width:0}.login-story .page-title{max-width:520px;margin:.6rem 0 0;font-size:clamp(2.3rem,4.2vw,4rem);line-height:1}.login-story .page-title em{color:var(--directory-brass);font-style:normal}.login-story .page-lead{max-width:470px;margin:1rem 0 0;color:var(--directory-muted);line-height:1.6}.login-table{position:relative;width:min(100%,470px);min-height:180px;margin-top:1.5rem;padding:1rem;overflow:hidden;border:1px solid var(--directory-line);border-radius:9px;background:radial-gradient(circle at 50% 20%,#267b5d,#0d5b43 62%,#073c2f);box-shadow:0 10px 22px #0004,inset 0 0 35px #0004}.login-table__felt{position:relative;min-height:148px;border:1px dashed #e2ca8d44;border-radius:7px}.table-inscription{position:absolute;top:1rem;left:1rem;color:#f4ead688;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.login-hand{position:absolute;right:32%;bottom:-28px;width:170px;height:130px}.login-hand img{position:absolute;bottom:0;width:72px;filter:drop-shadow(0 8px 6px #0006)}.login-hand img:nth-child(1){left:0;transform:rotate(-12deg)}.login-hand img:nth-child(2){left:48px;transform:rotate(-1deg)}.login-hand img:nth-child(3){left:96px;transform:rotate(11deg)}.table-note{position:absolute;right:1rem;bottom:1rem;max-width:190px;padding:.55rem .7rem;border:1px solid #e2ca8d44;border-radius:6px;background:#081710aa}.table-note p{margin:0}.table-note b,.table-note small{display:block}.table-note b{color:var(--directory-text);font-size:.72rem}.table-note small{margin-top:.2rem;color:var(--directory-muted);font-size:.58rem}.auth-desk{position:relative;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--directory-line);border-radius:9px;background:linear-gradient(135deg,#1b3625,#132a1d 62%,#102319);color:var(--directory-text);box-shadow:0 10px 24px #0004,inset 0 1px #f1dca217}.auth-desk__edge{display:none}.language-row{display:flex;min-height:32px;align-items:center;justify-content:flex-end;gap:.3rem;color:var(--directory-muted);font-size:.62rem}.language-row>span{margin-right:.2rem}.language-chip{min-width:34px;min-height:30px;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit}.language-chip:hover,.language-chip.is-active{border-color:var(--directory-brass);background:#c7a76518;color:var(--directory-text)}.auth-view{position:relative;display:none}.auth-view--login{display:block}.auth-view:target{display:block}.auth-heading{margin:.4rem 0 1rem}.auth-heading .eyebrow{margin-bottom:.3rem}.auth-heading h2{margin:0;color:var(--directory-text);font:700 clamp(1.7rem,3vw,2.35rem) Georgia,serif}.auth-heading p:last-child{margin:.4rem 0 0;color:var(--directory-muted);font-size:.76rem;line-height:1.45}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem;margin-bottom:1rem;padding:.25rem;border:1px solid var(--directory-line);border-radius:7px;background:#0f2419}.auth-tabs a{display:grid;min-height:40px;place-items:center;border-radius:5px;color:var(--directory-muted);font-size:.74rem}.auth-tabs a.is-active{background:#213d2a;color:var(--directory-text);box-shadow:0 2px #806449}.provider-button{display:flex;width:100%;min-height:52px;align-items:center;gap:.7rem;padding:.6rem .75rem;border:1px solid var(--directory-line);border-radius:7px;background:#213d2a;color:var(--directory-text);text-align:left}.provider-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#a54b5e;color:#fff;font-weight:800}.provider-button b,.provider-button small{display:block}.provider-button b{font-size:.76rem}.provider-button small{margin-top:.12rem;color:var(--directory-muted);font-size:.6rem}.auth-divider{display:flex;align-items:center;gap:.6rem;margin:.9rem 0;color:var(--directory-muted);font-size:.58rem;text-transform:uppercase}.auth-divider:before,.auth-divider:after{height:1px;flex:1;background:var(--directory-line);content:""}.auth-form{display:grid;gap:.8rem}.auth-field{gap:.3rem}.auth-field label{color:var(--directory-text)}.auth-field small{color:var(--directory-muted);font-size:.6rem}.auth-field .input{min-height:45px}.auth-submit{width:100%;min-height:46px;margin-top:.1rem}.guest-link{display:flex;width:100%;min-height:42px;margin-top:.75rem;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--directory-line);border-radius:7px;background:transparent;color:var(--directory-text);font-size:.7rem}.guest-link small{color:var(--directory-muted);font-size:.57rem}.auth-legal{margin:1rem 0 0;color:var(--directory-muted);font-size:.58rem;line-height:1.45;text-align:center}@media(max-width:820px){.login-main{grid-template-columns:1fr;max-width:520px}.login-story{text-align:center}.login-story .page-lead{margin-inline:auto}.login-table{display:none}}@media(max-width:560px){.login-main{min-height:auto;padding-block:1.25rem 2rem}.login-story .page-title{font-size:clamp(2rem,10vw,2.7rem)}.auth-desk{padding:1rem}}}@layer pages{.onboarding-page{overflow:visible}.onboarding-page:before,.onboarding-page:after{position:fixed}.onboarding-shell{min-height:100svh}.tutorial-main,.rules-main{padding-block:clamp(2rem,4vw,4rem)}.tutorial-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.tutorial-heading .page-title{max-width:720px;font-size:clamp(2.6rem,4.6vw,4.3rem)}.tutorial-heading .page-lead{max-width:440px;margin-bottom:.25rem}.lesson-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;margin-bottom:1rem;border:1px solid var(--line-strong);border-radius:.85rem;background:#040d0a6b;box-shadow:var(--shadow-sm)}.lesson-map a{position:relative;display:flex;min-width:0;min-height:58px;align-items:center;gap:.55rem;padding:.65rem .85rem;border-right:1px solid var(--line);color:var(--muted);font-size:.7rem;font-weight:800}.lesson-map a:last-child{border-right:0}.lesson-map a:after{position:absolute;right:.65rem;bottom:0;left:.65rem;height:2px;background:transparent;content:""}.lesson-map a:hover,.lesson-map a:focus-visible{background:#c7a76514;color:var(--cream)}.lesson-map a:active:after{background:var(--brass)}.lesson-map b{display:grid;width:31px;height:31px;flex:none;place-items:center;border:1px solid rgba(199,167,101,.32);border-radius:50%;color:var(--brass-light);font-family:var(--font-card);font-size:.68rem}.lesson-map span{overflow-wrap:anywhere}.tutorial-stage{position:relative;min-height:570px}.tutorial-step{display:none;min-height:570px;grid-template-columns:minmax(330px,.82fr) minmax(430px,1.18fr);overflow:hidden;border:1px solid rgba(199,167,101,.36);border-radius:1.15rem;background:#12221ce0;box-shadow:0 8px 0 var(--wood-dark),var(--shadow-lg)}.tutorial-step--first{display:grid}.tutorial-step:target{display:grid;animation:lesson-enter .32s cubic-bezier(.2,.75,.3,1) both}.tutorial-stage:has(.tutorial-step:target) .tutorial-step--first:not(:target){display:none}.lesson-copy{display:flex;min-width:0;flex-direction:column;padding:clamp(1.4rem,3.4vw,3rem);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),#0c1a15f0}.lesson-number{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.lesson-number b{color:var(--brass-light)}.lesson-progress{height:4px;margin:.55rem 0 clamp(1.4rem,4vh,3rem);overflow:hidden;border-radius:999px;background:#f4ead71a}.lesson-progress i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--wine-light),var(--brass));box-shadow:0 0 12px #c7a76559}.lesson-copy .eyebrow{margin-bottom:.45rem}.lesson-copy h2{max-width:520px;margin:0;color:var(--cream);font-family:var(--font-card);font-size:clamp(2rem,3.7vw,3.65rem);letter-spacing:-.045em;line-height:1.02;text-wrap:balance}.lesson-lead{max-width:530px;margin:1rem 0 0;color:var(--muted);font-size:clamp(.84rem,1.2vw,1rem);line-height:1.65}.lesson-tip{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:clamp(1.3rem,4vh,2.4rem) 0 1.2rem;padding:.85rem 1rem;border-left:3px solid var(--brass);background:#c7a76513}.lesson-tip b{color:var(--brass-light);font-family:var(--font-card);font-size:.78rem}.lesson-tip span{color:#c6beb1;font-size:.7rem;line-height:1.5}.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:1rem}.lesson-actions .btn{min-height:48px}.lesson-actions .btn--primary{max-width:290px}.tutorial-footnote{margin:1.15rem 0 0;color:#898277;font-size:.62rem;line-height:1.45;text-align:center}.lesson-table{min-width:0;padding:clamp(.8rem,2.2vw,1.5rem);background:linear-gradient(145deg,#72503a,#2f1c15)}.felt-scene{position:relative;display:flex;min-height:100%;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(226,202,141,.36);border-radius:.85rem;background:radial-gradient(circle at 50% 34%,rgba(38,139,101,.5),transparent 24rem),linear-gradient(145deg,var(--felt-light),var(--felt) 55%,var(--felt-dark));box-shadow:inset 0 0 50px #00000057}.felt-scene:before{position:absolute;inset:13px;border:1px dashed rgba(226,202,141,.18);border-radius:.55rem;content:"";pointer-events:none}.scene-label{position:absolute;top:2.1rem;left:2.2rem;color:#f4ead794;font-size:.61rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.goal-hand{position:relative;width:320px;height:260px;margin:0 0 2rem -2rem}.goal-hand img{position:absolute;bottom:0;width:125px;filter:drop-shadow(0 13px 10px rgba(0,0,0,.4))}.goal-hand img:nth-child(1){left:20px;transform:rotate(-13deg)}.goal-hand img:nth-child(2){left:99px;bottom:12px;transform:rotate(-1deg)}.goal-hand img:nth-child(3){left:178px;transform:rotate(12deg)}.scene-callout{position:absolute;right:1.8rem;bottom:1.8rem;display:grid;grid-template-columns:auto 1fr;gap:.15rem .55rem;padding:.75rem .9rem;border:1px solid rgba(226,202,141,.45);border-radius:.7rem;background:#062119d1;box-shadow:var(--shadow-sm)}.scene-callout>span{grid-row:1/3;color:var(--brass-light);font-size:1.4rem}.scene-callout b{color:var(--cream);font-family:var(--font-card);font-size:.78rem}.scene-callout small{color:#c9c2b7;font-size:.61rem}.play-scene{gap:clamp(1rem,3vw,2.8rem);padding:2rem}.discard-example,.play-options{display:grid;justify-items:center;gap:.65rem;color:#f4ead79e;font-size:.61rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.discard-example img{width:120px;filter:drop-shadow(0 12px 8px rgba(0,0,0,.4))}.play-arrow{color:var(--brass-light);font-family:var(--font-card);font-size:2.2rem}.play-options>div{display:flex;align-items:flex-end}.play-options img{width:96px;margin-left:-20px;filter:drop-shadow(0 10px 7px rgba(0,0,0,.36))}.play-options img:first-child{margin-left:0;transform:rotate(-7deg)}.play-options img:nth-child(2){z-index:1;transform:translateY(-7px)}.play-options img:nth-child(3){transform:rotate(7deg)}.play-options .can-play{border-radius:5px;box-shadow:0 0 0 3px var(--brass),0 0 20px #e2ca8d4d}.play-options .cannot-play{opacity:.38;filter:grayscale(.8) drop-shadow(0 10px 7px rgba(0,0,0,.36))}.draw-scene{gap:clamp(1rem,4vw,3.5rem);padding:2rem}.draw-deck{position:relative;width:130px;height:185px}.draw-deck img{position:absolute;width:115px;filter:drop-shadow(0 11px 8px rgba(0,0,0,.38))}.draw-deck img:first-child{top:6px;left:0}.draw-deck img:nth-child(2){top:0;left:8px}.draw-deck span{position:absolute;z-index:2;right:-3px;bottom:-4px;display:grid;width:35px;height:35px;place-items:center;border:2px solid var(--felt);border-radius:50%;background:var(--paper);color:var(--ink);font-size:.7rem;font-weight:900}.draw-motion{color:var(--brass-light);font-size:2rem}.drawn-card{width:115px;transform:rotate(8deg);filter:drop-shadow(0 13px 9px rgba(0,0,0,.4))}.draw-label{position:absolute;bottom:2rem;display:grid;justify-items:center}.draw-label b{color:var(--cream);font-family:var(--font-card)}.draw-label small{color:#bcb5a9;font-size:.62rem}.effect-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:2rem}.effect-card{position:relative;display:flex;min-width:0;align-items:center;gap:.65rem;padding:.65rem;border:1px solid rgba(226,202,141,.28);border-radius:.75rem;background:#041a137a}.effect-card img{width:74px;flex:none;filter:drop-shadow(0 8px 6px rgba(0,0,0,.36))}.effect-card span{min-width:0}.effect-card b,.effect-card small{display:block}.effect-card b{color:var(--cream);font-family:var(--font-card);font-size:.88rem;overflow-wrap:anywhere}.effect-card small{margin-top:.2rem;color:var(--brass-light);font-size:.58rem;font-weight:800;text-transform:uppercase}.queen-scene{gap:clamp(1.5rem,5vw,5rem);padding:2rem}.queen-card{width:150px;transform:rotate(-7deg);filter:drop-shadow(0 15px 10px rgba(0,0,0,.44))}.suit-choice{display:grid;justify-items:center;gap:.7rem}.suit-choice>span{color:#c6beb2;font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.suit-choice>div{display:grid;grid-template-columns:repeat(2,70px);gap:.6rem}.suit-choice i{display:grid;width:70px;height:70px;place-items:center;border:1px solid rgba(244,234,215,.18);border-radius:.7rem;background:#0419128c;color:var(--cream);font-family:var(--font-card);font-size:2rem;font-style:normal}.suit-choice i.is-red{color:#df6a77}.suit-choice i.is-chosen{border-color:var(--brass-light);background:var(--paper);color:var(--ink);box-shadow:0 4px #8f7558,0 0 24px #e2ca8d45;transform:translateY(-2px)}.suit-choice b{color:var(--brass-light);font-family:var(--font-card);font-size:.8rem}.rules-main{width:min(100%,1220px);margin-inline:auto}.rules-hero{position:relative;display:grid;min-height:380px;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:2rem;overflow:hidden;margin-bottom:1rem;padding:clamp(2rem,5vw,4.5rem);border:1px solid var(--line-strong);border-radius:1.2rem;background:linear-gradient(120deg,rgba(112,37,53,.18),transparent 45%),radial-gradient(circle at 85% 45%,rgba(25,113,84,.34),transparent 22rem),#0e1d18e6;box-shadow:var(--shadow-md)}.rules-hero:before{position:absolute;inset:13px;border:1px solid rgba(226,202,141,.1);border-radius:.85rem;content:"";pointer-events:none}.rules-hero__copy{position:relative;z-index:2}.rules-hero .page-title{font-size:clamp(3rem,5.2vw,4.8rem)}.rules-actions{display:flex;gap:.7rem;margin-top:1.5rem;flex-wrap:wrap}.rules-deck{position:relative;height:310px}.rules-deck__halo{position:absolute;top:50%;left:50%;width:280px;height:280px;border:1px dashed rgba(226,202,141,.26);border-radius:50%;transform:translate(-50%,-50%)}.rules-deck img{position:absolute;left:50%;width:145px;filter:drop-shadow(0 18px 12px rgba(0,0,0,.48))}.rules-deck__back{top:58px;margin-left:-130px;transform:rotate(-17deg)}.rules-deck__queen{z-index:1;top:34px;margin-left:-57px;transform:rotate(-1deg)}.rules-deck__ace{top:62px;margin-left:23px;transform:rotate(16deg)}.rules-index{position:sticky;z-index:20;top:.6rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;margin:1rem 0 2rem;border:1px solid var(--line-strong);border-radius:.8rem;background:#0a1712eb;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rules-index a{display:flex;min-width:0;min-height:54px;align-items:center;gap:.5rem;padding:.65rem .8rem;border-right:1px solid var(--line);color:var(--muted);font-size:.67rem;font-weight:800}.rules-index a:last-child{border-right:0}.rules-index a:hover{background:#c7a7651a;color:var(--cream)}.rules-index b{color:var(--brass);font-family:var(--font-card)}.rules-index span{overflow-wrap:anywhere}.rules-section{scroll-margin-top:5rem;margin-top:clamp(2rem,5vw,4rem)}.rules-page .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.3rem}.rules-page .section-heading h2{margin:0;color:var(--cream);font-family:var(--font-card);font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em;line-height:1}.rules-page .section-heading>p{max-width:320px;margin:0;color:var(--muted);font-size:.75rem;line-height:1.5;text-align:right}.rules-page .section-mark{color:#e2ca8d47;font-family:var(--font-card);font-size:3.5rem;line-height:.8}.rules-page .section-mark--red{color:#a9233680}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.rule-paper{position:relative;min-width:0;overflow:hidden;padding:1.35rem;border:1px solid #d2bf9f;border-radius:.9rem;background:linear-gradient(145deg,#fffaf0,var(--paper-warm));color:var(--ink);box-shadow:0 5px #806449,var(--shadow-sm)}.rule-paper__number{position:absolute;top:.7rem;right:1rem;color:#70253524;font-family:var(--font-card);font-size:3rem;font-weight:900;line-height:1}.rule-paper h3{position:relative;margin:0;font-family:var(--font-card);font-size:1.25rem}.rule-paper p{position:relative;min-height:66px;margin:.55rem 0 1rem;color:var(--ink-soft);font-size:.73rem;line-height:1.55}.rule-example{display:flex;min-height:120px;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;border:1px solid rgba(79,59,40,.16);border-radius:.65rem;background:#ffffff4d}.rule-example img{width:66px;filter:drop-shadow(0 7px 5px rgba(50,31,17,.25))}.rule-example span{color:var(--wine);font-family:var(--font-card);font-size:1.4rem}.draw-mini{display:flex;min-height:120px;align-items:center;justify-content:center;gap:.75rem;border:1px solid rgba(79,59,40,.16);border-radius:.65rem;background:#ffffff4d}.draw-mini img{width:70px;filter:drop-shadow(0 7px 5px rgba(50,31,17,.25))}.draw-mini span{display:grid;width:45px;height:45px;place-items:center;border-radius:50%;background:var(--wine);color:var(--paper);font-family:var(--font-card);font-weight:800}.rule-ribbon{display:flex;align-items:center;gap:.8rem;margin-top:1rem;padding:1rem 1.2rem;border:1px solid rgba(199,167,101,.32);border-radius:.8rem;background:#c7a76513}.rule-ribbon>span{color:#db6975;font-family:var(--font-card);font-size:1.5rem}.rule-ribbon p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.5}.rule-ribbon b{color:var(--cream)}.effects-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.effect-rule{display:grid;min-width:0;grid-column:span 2;grid-template-columns:100px 1fr;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(199,167,101,.25);border-radius:.9rem;background:#12221cd9;box-shadow:var(--shadow-sm)}.effect-rule:nth-child(4),.effect-rule:nth-child(5){grid-column:span 3}.effect-rule__cards{display:flex;min-height:126px;align-items:center;justify-content:center}.effect-rule__cards img{width:78px;filter:drop-shadow(0 9px 7px rgba(0,0,0,.37))}.effect-rule__cards img+img{margin-left:-49px;transform:rotate(8deg) translate(13px,5px)}.effect-rule h3{margin:.4rem 0 0;color:var(--cream);font-family:var(--font-card);font-size:1.06rem}.effect-rule p{margin:.42rem 0 0;color:var(--muted);font-size:.68rem;line-height:1.52}.effect-badge{display:inline-flex;padding:.25rem .45rem;border:1px solid rgba(199,167,101,.38);border-radius:999px;background:#c7a76517;color:var(--brass-light);font-size:.54rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.rule-details{margin-top:1rem;border:1px solid var(--line-strong);border-radius:.8rem;background:#040d0a61}.rule-details summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;color:var(--cream);cursor:pointer;font-family:var(--font-card);font-size:.9rem;font-weight:800;list-style:none}.rule-details summary::-webkit-details-marker{display:none}.rule-details summary:after{content:"+";color:var(--brass-light);font-family:var(--font-ui);font-size:1.1rem}.rule-details[open] summary{border-bottom:1px solid var(--line)}.rule-details[open] summary:after{content:"\2212"}.rule-details summary small{margin-left:auto;color:var(--muted);font-family:var(--font-ui);font-size:.58rem;font-weight:700}.details-body{padding:1.1rem}.details-body>p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.65}.debt-chain{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding:.8rem;border-radius:.7rem;background:#0d5b4338}.debt-chain img{width:58px;filter:drop-shadow(0 6px 5px rgba(0,0,0,.3))}.debt-chain span{color:var(--brass-light);font-family:var(--font-card)}.debt-chain strong{color:var(--cream);font-size:.75rem}.victory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.victory-card{position:relative;display:grid;min-height:250px;grid-template-columns:1fr auto;align-items:center;gap:1.2rem;overflow:hidden;padding:1.5rem}.victory-card__index{position:absolute;top:.7rem;left:1rem;color:#f4ead71f;font-family:var(--font-card);font-size:4rem;font-weight:900}.victory-card h3{margin:0;color:var(--cream);font-family:var(--font-card);font-size:1.6rem}.victory-card p:last-child{margin:.65rem 0 0;color:#d1c9bd;font-size:.72rem;line-height:1.58}.victory-card>img{width:100px;filter:drop-shadow(0 11px 8px rgba(0,0,0,.4));transform:rotate(7deg)}.victory-card.panel--paper h3{color:var(--ink)}.victory-card.panel--paper p:last-child{color:var(--ink-soft)}.victory-card.panel--paper .eyebrow{color:var(--wine)}.victory-card.panel--paper .victory-card__index{color:#7025351a}.queen-pair{display:flex;width:145px}.queen-pair img{width:92px;filter:drop-shadow(0 10px 7px rgba(50,31,17,.28))}.queen-pair img+img{margin-left:-43px;transform:rotate(9deg) translateY(6px)}.rules-warning{margin:.9rem 0 0;padding:.9rem 1rem;border-left:3px solid var(--wine-light);background:#70253521;color:var(--muted);font-size:.72rem;line-height:1.55}.rules-warning b{color:#f1b6bd}.rules-page .mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rules-page .mode-card{padding:1.4rem;border:1px solid var(--line);border-radius:.9rem;background:#12221ccc;box-shadow:var(--shadow-sm)}.rules-page .mode-card--featured{border-color:#c7a76580;background:linear-gradient(135deg,rgba(112,37,53,.18),transparent 55%),#12221ce6}.rules-page .mode-card__label{color:var(--brass);font-size:.58rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.rules-page .mode-card h3{margin:.35rem 0 0;color:var(--cream);font-family:var(--font-card);font-size:1.55rem}.rules-page .mode-card p{margin:.6rem 0 0;color:var(--muted);font-size:.73rem;line-height:1.6}.rules-page .mode-card ul{display:grid;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none}.rules-page .mode-card li{position:relative;padding-left:1rem;color:#cec6b9;font-size:.68rem}.rules-page .mode-card li:before{position:absolute;left:0;color:var(--brass);content:"\25c6";font-size:.48rem}.rules-page .threshold{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;margin:1rem 0;color:var(--muted);font-size:.61rem}.rules-page .threshold i{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--felt-light),var(--brass),var(--wine-light))}.rules-page .threshold strong{color:#f0a5af}.rules-page .score-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.rules-page .score-item{padding:.8rem;border-left:2px solid var(--brass);background:#f4ead70a}.rules-page .score-item b,.rules-page .score-item span{display:block}.rules-page .score-item b{color:var(--cream);font-family:var(--font-card)}.rules-page .score-item span{margin-top:.25rem;color:var(--muted);font-size:.65rem;line-height:1.45}.rules-page .score-body>p{grid-column:1/-1}.faq-list{display:grid;gap:.65rem}.faq-item{border:1px solid var(--line);border-radius:.75rem;background:#12221cb8}.faq-item summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;color:var(--cream);cursor:pointer;font-family:var(--font-card);font-size:.88rem;font-weight:750;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{display:grid;width:28px;height:28px;flex:none;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--brass-light);font-family:var(--font-ui);transition:transform .16s ease}.faq-item[open] summary{border-bottom:1px solid var(--line)}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{margin:0;padding:1rem;color:var(--muted);font-size:.73rem;line-height:1.6}.rules-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:clamp(2.5rem,6vw,5rem);padding:1.35rem 1.5rem;border:1px solid rgba(226,202,141,.42);border-radius:.9rem;background:linear-gradient(120deg,var(--wine-dark),var(--wine));box-shadow:0 6px #2f1118,var(--shadow-md)}.rules-cta h2{margin:.2rem 0 0;color:var(--paper);font-family:var(--font-card);font-size:clamp(1.3rem,3vw,2rem)}.rules-cta .eyebrow{color:var(--brass-light)}.rules-cta .btn{flex:none}.rules-cta .btn--paper{color:#191716}@keyframes lesson-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1050px){.tutorial-heading{align-items:flex-start;flex-direction:column;gap:.4rem}.tutorial-step{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)}.lesson-copy{padding:1.6rem}.goal-hand{transform:scale(.86)}.effect-card{gap:.45rem;padding:.5rem}.effect-card img{width:63px}.rules-hero{grid-template-columns:1fr 300px}.effect-rule{grid-column:span 3}.effect-rule:nth-child(5){grid-column:2/span 4}}@media(max-width:800px){.tutorial-main,.rules-main{padding-top:1.4rem}.lesson-map{grid-template-columns:repeat(5,1fr)}.lesson-map a{justify-content:center;padding:.55rem .25rem}.lesson-map a span{display:none}.tutorial-stage,.tutorial-step{min-height:0}.tutorial-step,.tutorial-step:target{grid-template-columns:1fr}.lesson-table{min-height:390px;grid-row:1}.lesson-copy{min-height:430px;grid-row:2}.rules-hero{min-height:0;grid-template-columns:1fr;padding-bottom:1.6rem}.rules-deck{display:none}.rules-index a{justify-content:center;padding-inline:.35rem}.rules-index span{display:none}.quick-grid{grid-template-columns:1fr}.rule-paper p{min-height:0}.effect-rule,.effect-rule:nth-child(4),.effect-rule:nth-child(5){grid-column:1/-1}.victory-grid,.rules-page .mode-grid{grid-template-columns:1fr}}@media(max-width:560px){.onboarding-shell{padding-inline:.85rem}.tutorial-heading .page-title,.rules-hero .page-title{font-size:clamp(2.2rem,10vw,2.8rem)}.lesson-map{margin-bottom:.75rem}.lesson-map a{min-height:50px}.lesson-map b{width:29px;height:29px}.tutorial-step{border-radius:.9rem}.lesson-table{min-height:305px;padding:.55rem}.felt-scene:before{inset:8px}.lesson-copy{min-height:0;padding:1.25rem 1rem}.lesson-progress{margin-bottom:1.3rem}.lesson-copy h2{font-size:clamp(1.75rem,9vw,2.35rem)}.lesson-tip{grid-template-columns:1fr;margin:1.15rem 0 .7rem;padding:.75rem}.lesson-actions{align-items:stretch;flex-direction:column-reverse}.lesson-actions .btn{width:100%;max-width:none}.goal-hand{width:255px;height:205px;margin:0 0 1rem;transform:none}.goal-hand img{width:98px}.goal-hand img:nth-child(1){left:13px}.goal-hand img:nth-child(2){left:78px}.goal-hand img:nth-child(3){left:143px}.scene-label{top:1.2rem;left:1.3rem}.scene-callout{right:1rem;bottom:.9rem;left:1rem}.play-scene{gap:.65rem;padding:1.2rem .75rem}.discard-example img{width:78px}.play-options img{width:63px;margin-left:-14px}.play-arrow{font-size:1.35rem}.draw-scene{gap:1rem;padding:1rem}.draw-deck{width:88px;height:125px}.draw-deck img,.drawn-card{width:78px}.draw-deck span{width:29px;height:29px;font-size:.6rem}.draw-motion{font-size:1.4rem}.draw-label{bottom:1rem}.effect-scene{gap:.5rem;padding:1rem}.effect-card{align-items:center;flex-direction:column;padding:.5rem .25rem;text-align:center}.effect-card img{width:54px}.effect-card b{font-size:.7rem}.queen-scene{gap:1.2rem;padding:1rem}.queen-card{width:95px}.suit-choice>div{grid-template-columns:repeat(2,51px);gap:.4rem}.suit-choice i{width:51px;height:51px;font-size:1.45rem}.rules-hero{padding:1.7rem 1.15rem;border-radius:.9rem}.rules-actions{align-items:stretch;flex-direction:column}.rules-actions .btn{width:100%}.rules-index{top:.35rem}.rules-index a{min-height:48px}.rules-page .section-heading{align-items:flex-start}.rules-page .section-heading h2{font-size:clamp(1.75rem,9vw,2.4rem)}.rules-page .section-heading>p,.rules-page .section-mark{display:none}.rule-paper{padding:1.05rem}.rule-ribbon{align-items:flex-start}.effects-grid{grid-template-columns:1fr}.effect-rule{grid-template-columns:80px 1fr;gap:.7rem;padding:.75rem}.effect-rule__cards{min-height:104px}.effect-rule__cards img{width:65px}.rule-details summary{align-items:flex-start;min-height:54px;flex-wrap:wrap}.rule-details summary small{display:none}.debt-chain{gap:.4rem;flex-wrap:wrap}.debt-chain img{width:48px}.victory-card{min-height:0;grid-template-columns:1fr 72px;gap:.7rem;padding:1rem}.victory-card>img{width:67px}.queen-pair{width:85px}.queen-pair img{width:58px}.rules-page .score-body{grid-template-columns:1fr}.rules-page .score-body>p{grid-column:auto}.rules-cta{align-items:stretch;flex-direction:column;padding:1.1rem}.rules-cta .btn{width:100%}}@media(max-width:370px){.onboarding-shell{padding-inline:.65rem}.tutorial-heading .page-title,.rules-hero .page-title{font-size:2.15rem}.lesson-table{min-height:285px}.goal-hand{transform:scale(.9)}.effect-rule{grid-template-columns:68px 1fr}.effect-rule__cards img{width:57px}.victory-card{grid-template-columns:1fr}.victory-card>img,.queen-pair{display:none}}}@layer pages{.lobby-page{min-height:100vh;overflow:visible;background:#081710;background-image:radial-gradient(ellipse at 55% -10%,#335e3c70,transparent 56%),radial-gradient(ellipse at 100% 75%,#33271944,transparent 60%),repeating-linear-gradient(110deg,#ffffff02 0 1px,transparent 1px 4px);color:#f4ead6;font:15px/1.5 Segoe UI,sans-serif}.lobby-page *,.lobby-page *:before,.lobby-page *:after{box-sizing:border-box}.lobby-page a{color:inherit;text-decoration:none}.lobby-page button{font:inherit;cursor:pointer}.lobby-page button:disabled{cursor:default;opacity:.5}.lobby-page :is(button,a,summary):focus-visible{outline:3px solid #e6c987;outline-offset:4px}.lobby-page .shell{max-width:1320px;margin:auto;padding:0 32px 38px}.lobby-page .heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 23px;border-bottom:1px solid #b7985a22}.lobby-page h1{font: 36px/1.15 Georgia,serif;color:#f4ead6;background:none;-webkit-text-fill-color:currentColor;filter:none;letter-spacing:-1.7px;text-shadow:0 3px 16px #0005;margin:0 0 8px}.lobby-page h1 small{font:600 12px Segoe UI,sans-serif;vertical-align:middle;margin-left:10px;border:1px solid #b99d6855;color:#d4b77e;padding:4px 8px;border-radius:4px}.lobby-page p{margin:0}.lobby-page .heading p{color:#b3b9a4}.lobby-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:11px 20px;border:1px solid #ffffff24;border-radius:7px;background:transparent;color:#f3ecde;font-weight:600;letter-spacing:.1px}.lobby-page .btn:hover:not(:disabled){filter:brightness(1.12)}.lobby-page .create{background:linear-gradient(#a54b5e,#752838);border-color:#be7180;box-shadow:0 4px #401521,0 8px 18px #0004,inset 0 1px #f5b6ae44;font-size:14px;white-space:nowrap}.lobby-page .content{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:30px;margin-top:15px}.lobby-page .tables-section{min-width:0}.lobby-page .toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.lobby-page .filters{display:flex;gap:6px}.lobby-page .filter{border:0;background:none;position:relative;padding:10px 13px;color:#9ea991;font-size:13px}.lobby-page .filter.active{color:#e8cc95}.lobby-page .filter.active:after{content:"";height:2px;position:absolute;bottom:0;left:13px;right:13px;background:linear-gradient(90deg,#c5a36b,#f1d99e);box-shadow:0 2px 12px #c5a36b55}.lobby-page .refresh{border:1px solid #b79e6438;border-radius:6px;color:#d2b985;background:#ffffff03;width:38px;min-height:38px;padding:0;font-size:21px}.lobby-page .list{display:grid;gap:7px;align-content:start}.lobby-page .table{display:grid;grid-template-columns:minmax(195px,1fr) 125px 85px 112px;align-items:center;column-gap:18px;padding:12px 16px;min-height:78px;min-width:0;border:1px solid #b89a5e66;border-radius:8px;background:radial-gradient(ellipse at 15% 0%,#48664444,transparent 60%),linear-gradient(120deg,#213d2a,#132a1d);box-shadow:0 9px 20px #0003,inset 0 1px #f1dca217}.lobby-page .table:hover{border-color:#cfb47899;background:linear-gradient(120deg,#284532,#182f21)}.lobby-page .top{display:flex;align-items:center;gap:11px;min-width:0}.lobby-page .top>div{min-width:0}.lobby-page .top .directory-avatar{display:block;width:36px;height:36px;flex:none}.lobby-page .top app-player-avatar>.avatar{width:100%!important;height:100%!important;border-radius:8px;border:1px solid #d5b87999;background:linear-gradient(145deg,#547453,#173923);box-shadow:0 4px 8px #0004,inset 0 1px #fff2}.lobby-page h2{font: 19px/1.2 Georgia,serif;color:#f2e6cb;letter-spacing:-.4px;margin:0 0 3px}.lobby-page .top h2,.lobby-page .host{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-page .host{font-size:11px;color:#a5b399}.lobby-page .meta{display:grid;gap:3px;color:#c5cbb6;font-size:12px}.lobby-page .meta small{font-size:11px;color:#8fa38d}.lobby-page .occupancy{display:grid;gap:6px}.lobby-page .occupancy b{font-size:14px;color:#e7d6ab;font-weight:600}.lobby-page .occupancy b span{font-size:12px;color:#93a08b;font-weight:400}.lobby-page .seat-meter{display:flex;gap:3px}.lobby-page .seat-meter i{width:8px;height:5px;background:#061a1199;border:1px solid #a8b88a33;border-radius:1px}.lobby-page .seat-meter i.filled{background:#cfb67e;border-color:#dfc58e}.lobby-page .bottom .join{width:100%;min-height:40px;padding:9px 8px;font-size:13px;background:linear-gradient(160deg,#f8e8ba,#d1b87e);border:1px solid #f0daa0;color:#302619;box-shadow:0 3px #75613e,0 6px 12px #0003,inset 0 1px #fff7;text-shadow:0 1px #fff4;white-space:nowrap}.lobby-page .online{position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow:auto;border-top:1px solid #b7985a40;margin-top:6px;padding-top:20px}.lobby-page .online-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.lobby-page .online h2{font:600 14px Segoe UI,sans-serif;color:#e2d8ba}.lobby-page .online-count{color:#b7985a;font-size:13px}.lobby-page .online-empty{display:grid;min-height:88px;place-items:center;color:#98ad99;font-size:12px;text-align:center}.lobby-page .online-player summary{display:flex;align-items:center;gap:10px;padding-top:21px;cursor:pointer;list-style:none}.lobby-page .online-player summary::-webkit-details-marker{display:none}.lobby-page .online-player__name{min-width:0;flex:1}.lobby-page .online-player__name b,.lobby-page .online-player__name small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lobby-page .online-player__name b{color:#d9dfc9;font-size:13px;font-weight:600}.lobby-page .online-player__name small{font-size:11px;color:#98ad99}.lobby-page .online-player__details{display:grid;gap:5px;padding:12px 0;font-size:11px;color:#98ad99}.lobby-page .online-player__details span{display:flex;justify-content:space-between}.lobby-page .online-player__details a{color:#dfc083;min-height:30px}.lobby-page .online-panel__footer{margin-top:20px;font-size:10px;color:#74816f}.lobby-page .note{color:#74816f;font-size:11px;margin-top:36px}.lobby-page .directory-state{display:grid;justify-items:center;gap:15px;padding:28px 16px;border:1px dashed #b89a5e66;border-radius:8px;text-align:center;color:#b3b9a4}.lobby-page .mobile-menu{display:none}.lobby-page .menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:225px;border:1px solid #b89a5e88;background:#162d20;border-radius:9px;box-shadow:0 16px 32px #0008;padding:4px;z-index:20}.lobby-page .menu-panel a,.lobby-page .menu-panel button{display:block;width:100%;background:none;border:0;color:#efdfbd;text-align:left;padding:14px 16px;overflow-wrap:anywhere}.lobby-page .menu-panel :is(a,button)+:is(a,button){border-top:1px solid #d5bb7830}.lobby-page .mobile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;color:#d9c598;font-size:13px}.lobby-page .mobile-menu summary::-webkit-details-marker{display:none}@media(min-width:761px)and (max-width:1050px){.lobby-page .shell{padding-inline:22px}.lobby-page .content{grid-template-columns:minmax(0,1fr) 170px;gap:20px}.lobby-page .table{grid-template-columns:minmax(100px,1fr) 85px 65px 100px;column-gap:10px;padding:12px}.lobby-page .top .directory-avatar{display:none!important}.lobby-page .top h2{font-size:17px}.lobby-page .meta{font-size:11px}.lobby-page .seat-meter{gap:2px}.lobby-page .seat-meter i{width:6px}.lobby-page .bottom .join{font-size:12px}}@media(max-width:760px){.lobby-page .shell{padding:0 19px 28px}.lobby-page .directory-header{height:65px;gap:8px}.lobby-page .brand{font-size:24px}.lobby-page .logo{width:29px;height:35px;font-size:22px;margin-right:8px}.lobby-page nav{gap:8px}.lobby-page .desktop-link{display:none}.lobby-page .mobile-menu{display:block;position:relative}.lobby-page .profile{width:36px;height:36px}.lobby-page .heading{display:block;padding:23px 0 21px}.lobby-page h1{font-size:31px;letter-spacing:-1.2px}.lobby-page h1 small{display:none}.lobby-page .heading p{font-size:13px}.lobby-page .heading .create{margin-top:17px;min-height:46px;width:100%}.lobby-page .content{grid-template-columns:1fr;gap:22px;margin-top:15px}.lobby-page .toolbar{margin-bottom:12px}.lobby-page .filter{padding:9px 10px;line-height:21px}.lobby-page .table{grid-template-columns:minmax(0,1fr) 85px;gap:12px;padding:15px;min-height:0}.lobby-page .top{grid-column:1;grid-row:1}.lobby-page .top .directory-avatar{width:32px;height:32px}.lobby-page .occupancy{grid-column:2;grid-row:1;justify-self:end;gap:4px;text-align:right}.lobby-page .meta{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:3px 9px;font-size:11px}.lobby-page .bottom{grid-column:2;grid-row:2}.lobby-page .bottom .join{font-size:12px;white-space:normal}.lobby-page .online{position:static;max-height:none;margin-top:0;padding-top:17px}.lobby-page .list{gap:9px}.lobby-page .note{font-size:10px;margin-top:24px}}.lobby-page .directory-error,.lobby-dialog .directory-error{margin:12px 0;padding:12px;border:1px solid #be7180;border-radius:7px;color:#ffd0d7;background:#592636;font-size:13px}.lobby-dialog{--lobby-easing:cubic-bezier(.22,1,.36,1)}.lobby-dialog .modal__backdrop{animation:lobby-backdrop-in .22s ease-out}.lobby-dialog .modal__panel{animation:lobby-panel-in .32s var(--lobby-easing)}.lobby-dialog.lobby-dialog-leave{pointer-events:none;animation:lobby-backdrop-out .18s ease-in}.lobby-dialog-leave .modal__panel{animation:lobby-panel-out .18s ease-in}.lobby-dialog .dialog-heading{display:flex;align-items:flex-start;gap:1rem;padding-right:2.6rem}.lobby-dialog .dialog-heading__card{display:grid;width:48px;height:65px;flex:none;place-items:center;border:2px solid #dfd0b3;border-radius:.38rem;background:var(--paper);color:var(--ink);font:normal 1.9rem/1 var(--font-card);box-shadow:0 5px #83684a,0 10px 20px #0000004d;transform:rotate(-5deg)}.lobby-dialog .dialog-heading__card--red{color:var(--red-suit);transform:rotate(5deg)}.lobby-dialog .dialog-heading h2{margin:0;font-family:var(--font-card);font-size:1.65rem;letter-spacing:-.025em}.lobby-dialog .dialog-heading p:last-child{margin:.35rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}.lobby-dialog .existing-lobby-details{margin-top:20px;padding:16px;border:1px solid var(--line-strong);border-radius:12px;background:#c7a7650f}.lobby-dialog .create-dialog.has-existing-lobby{width:min(100%,600px)}.lobby-dialog .existing-lobby-details h3{margin:0 0 12px;color:var(--cream);font:600 20px/1.3 var(--font-card);overflow-wrap:anywhere}.lobby-dialog .existing-lobby-details p{margin:8px 0 0;color:var(--muted);font:400 14px/1.5 var(--font-ui);overflow-wrap:anywhere}.lobby-dialog .existing-lobby-actions{flex-direction:row;flex-wrap:wrap}.lobby-dialog .existing-lobby-actions .btn{flex:1;min-width:min(100%,220px);min-height:48px;white-space:normal;text-align:center}.lobby-dialog .dialog-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(300px,1.15fr);gap:1.3rem;margin-top:1.25rem}.lobby-dialog .settings-column{display:grid;align-content:start;gap:1rem}.lobby-dialog .range-field{display:grid;gap:.45rem}.lobby-dialog .range-field>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:var(--muted);font-size:.69rem;font-weight:800}.lobby-dialog .range-field output{color:var(--brass-light);font-size:.65rem}.lobby-dialog .range-scale{display:flex;justify-content:space-between;color:#7f786f;font-size:.52rem}.lobby-dialog .dialog-seat-picker{min-width:0;margin:0;padding:0;border:0}.lobby-dialog .seat-picker-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem .6rem;margin-bottom:.65rem}.lobby-dialog .seat-picker-heading>span{color:var(--cream);font-size:.875rem;font-weight:700}.lobby-dialog .seat-picker-heading>p{margin:0;color:var(--brass-light);font-size:.75rem;white-space:nowrap}.lobby-dialog .mini-table{--mini-seat-size:52px;--mini-seat-gap:6px;--mini-felt-width:min(62%,calc(100% - 2 * var(--mini-seat-size) - 2 * var(--mini-seat-gap) - 16px));--mini-felt-height:108px;position:relative;width:100%;max-width:390px;height:244px;margin-inline:auto}.lobby-dialog .mini-table__felt{position:absolute;top:50%;left:50%;display:grid;width:var(--mini-felt-width);height:var(--mini-felt-height);padding:.5rem;place-content:center;border:6px solid var(--wood-light);border-radius:22px;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.08),transparent 45%),var(--felt);color:var(--cream);font-family:var(--font-card);font-size:.875rem;letter-spacing:.05em;text-align:center;box-shadow:inset 0 0 0 2px #e2ca8d2e,0 6px 14px #00000038;transform:translate(-50%,-50%)}.lobby-dialog .mini-table__felt small{display:block;margin-top:.3rem;color:var(--muted);font:600 .6875rem/1.2 var(--font-ui);letter-spacing:.03em}.lobby-dialog .mini-seat{position:absolute;display:grid;width:var(--mini-seat-size);height:var(--mini-seat-size);min-height:var(--mini-seat-size);padding:0;place-content:center;border:1px solid rgba(244,234,215,.32);border-radius:50%;background-color:#1c3329;background-image:linear-gradient(145deg,rgba(255,255,255,.08),transparent);color:var(--cream);cursor:pointer;text-align:center;box-shadow:0 3px 7px #0003;transform:translate(-50%,-50%);transition:left .36s var(--lobby-easing),top .36s var(--lobby-easing),transform .18s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease;animation:lobby-seat-in .26s ease-out}.lobby-dialog .mini-seat input{position:absolute;opacity:0}.lobby-dialog .mini-seat b,.lobby-dialog .mini-seat>span{font:700 1rem/1.2 var(--font-ui)}.lobby-dialog .mini-seat small{max-width:calc(var(--mini-seat-size) - 12px);margin-top:.15rem;overflow:hidden;font-size:.6875rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;animation:lobby-seat-in .18s ease-out}.lobby-dialog .mini-seat:hover:not(:disabled){border-color:var(--brass);box-shadow:0 5px 12px #00000047;transform:translate(-50%,calc(-50% - 2px))}.lobby-dialog .mini-seat:active:not(:disabled){transform:translate(-50%,-50%) scale(.96)}.lobby-dialog .mini-seat.is-selected,.lobby-dialog .mini-seat:has(input:checked){border:2px solid var(--paper-warm);background-color:var(--wine);color:var(--paper);box-shadow:0 0 0 3px #9634473d,0 4px 9px #00000040}.lobby-dialog .mini-seat.is-selected:after{position:absolute;right:0;bottom:0;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:var(--paper-warm);color:var(--felt-dark);font:700 11px/1 var(--font-ui);content:"\2713";animation:lobby-seat-check-in .22s var(--lobby-easing)}.lobby-dialog .mini-seat:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.lobby-dialog .dialog-seat-picker--large{margin-top:1rem}.lobby-dialog .mini-table--join{--mini-seat-size:64px;--mini-felt-height:132px;max-width:500px;height:292px}.lobby-dialog .mini-table--join .mini-table__felt{font-size:1rem}.lobby-dialog .mini-seat.is-occupied{border-style:solid;border-color:#c9ad70;background:linear-gradient(145deg,#dec98e,#806235);color:#291e12;cursor:not-allowed}.lobby-dialog .mini-seat.is-occupied.is-bot{border-color:#82b4ba;background:linear-gradient(145deg,#8db7be,#315963);color:#fff}.lobby-dialog .seat-note{display:flex;min-height:48px;align-items:center;gap:.55rem;margin:.2rem 0 0;padding:.6rem .8rem;border:1px solid rgba(127,197,157,.22);border-radius:.65rem;background:#2b714d1f;color:var(--muted);font-size:.64rem}.lobby-dialog .seat-note span{display:grid;width:24px;height:24px;flex:none;place-items:center;border-radius:50%;background:#7fc59d26;color:var(--success)}.lobby-dialog .seat-note strong{color:#d7e9dd}@keyframes lobby-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes lobby-panel-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lobby-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes lobby-panel-out{0%{transform:translateY(0) scale(1)}to{transform:translateY(8px) scale(.99)}}@keyframes lobby-seat-in{0%{opacity:0}to{opacity:1}}@keyframes lobby-seat-check-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media(max-width:720px){.lobby-dialog .dialog-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.lobby-dialog .modal__panel{padding:1rem}.lobby-dialog .dialog-heading{gap:.75rem}.lobby-dialog .dialog-heading__card{width:40px;height:55px;font-size:1.55rem}.lobby-dialog .dialog-heading h2{font-size:1.35rem}.lobby-dialog .field label,.lobby-dialog .range-field>div:first-child{font-size:.75rem}.lobby-dialog .range-field output{font-size:.75rem}.lobby-dialog .range-scale{font-size:.6875rem;color:var(--muted)}.lobby-dialog .settings-column .online-hint{margin:0;color:var(--muted);font-size:.75rem}}@media(max-width:480px){.lobby-dialog .mini-table{--mini-felt-height:96px;height:232px}.lobby-dialog .mini-table--join{--mini-seat-size:56px;--mini-felt-height:116px;height:260px}.lobby-dialog .modal__footer{position:static;margin:.75rem 0 0;padding:.75rem 0 0;background:none}}@media(prefers-reduced-motion:reduce){.lobby-dialog,.lobby-dialog *,.lobby-dialog *:after{animation:none!important;transition:none!important}}}@layer pages{.view-radio{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.room-page{--room-gap-1: .25rem;--room-gap-2: .5rem;--room-gap-3: .75rem;--room-gap-4: 1rem;--room-gap-6: 1.5rem;overflow:visible}.room-page .app-shell{padding-bottom:2rem}.room-page .page-main{padding-top:var(--room-gap-4)}.room-hero{display:grid;gap:var(--room-gap-3);margin-bottom:var(--room-gap-3)}.room-hero__topline,.room-hero__heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--room-gap-4)}.room-hero__heading{align-items:flex-end}.room-hero__main{min-width:0}.back-link{display:inline-flex;min-height:36px;align-items:center;gap:.45rem;color:#c7c0b4;font-size:.76rem;font-weight:750}.back-link span{color:var(--brass-light);font-size:1rem}.back-link:hover{color:var(--cream)}.room-statuses{display:flex;align-items:center;justify-content:flex-end;gap:var(--room-gap-2);flex-wrap:wrap}.room-statuses .hub-pill{color:#c3d8ca;font-size:.7rem}.room-kicker{display:flex;align-items:center;gap:.55rem;margin:0 0 var(--room-gap-1);color:#b8b0a5;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.room-code{max-width:min(52vw,480px);overflow:hidden;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.room-hero .page-title{font-size:clamp(1.85rem,2.6vw,2.35rem);line-height:1}.room-summary{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;margin:0 0 .15rem;color:#c6beb2;font-size:.78rem;white-space:nowrap}.room-summary b{color:var(--cream);font-weight:800}.room-summary i{width:3px;height:3px;flex:none;border-radius:50%;background:var(--brass)}.view-switch{display:grid;flex:none;gap:.35rem;padding:.65rem;border:1px solid rgba(199,167,101,.2);border-radius:.8rem;background:#12221ca6}.view-switch>span{padding-left:.25rem;color:#9f988e;font-size:.6rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.view-switch>div{display:flex;gap:.3rem;padding:.25rem;border-radius:.55rem;background:#040d0a7a}.view-switch label{display:flex;min-width:84px;min-height:40px;align-items:center;justify-content:center;border-radius:.42rem;color:var(--muted);cursor:pointer;font-size:.72rem;font-weight:800}#view-host:checked~.app-page label[for=view-host],#view-member:checked~.app-page label[for=view-member]{background:linear-gradient(145deg,var(--paper),var(--paper-warm));color:var(--ink);box-shadow:0 2px #806449}#view-host:focus-visible~.app-page label[for=view-host],#view-member:focus-visible~.app-page label[for=view-member],#mode-quick:focus-visible~.app-page label[for=mode-quick],#mode-elimination:focus-visible~.app-page label[for=mode-elimination]{outline:3px solid var(--focus);outline-offset:3px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,330px);align-items:start;gap:var(--room-gap-4)}.room-table-panel{min-width:0;overflow:hidden;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 34%,rgba(35,134,98,.2),transparent 44%),linear-gradient(145deg,#116148,#0a4b39 58%,#06382c)}.room-table-panel__header{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid rgba(226,202,141,.2);background:#040d0a33}.room-table-panel__header .eyebrow{margin-bottom:.12rem;font-size:.58rem}.room-table-panel h2{margin:0;font-family:var(--font-card);font-size:1.2rem}.capacity-meter{display:flex;align-items:center;gap:.65rem}.capacity-meter>span{display:flex;gap:.22rem}.capacity-meter i{width:7px;height:15px;border:1px solid rgba(244,234,215,.24);border-radius:2px;background:#040d0a52}.capacity-meter i.filled{border-color:#e2ca8d9e;background:var(--brass);box-shadow:0 0 7px #c7a76538}.capacity-meter b{color:var(--cream);font-size:.72rem}.waiting-table{position:relative;min-height:clamp(560px,calc(100svh - 284px),650px);padding:var(--room-gap-4)}.waiting-table__rim{position:absolute;z-index:1;top:22%;left:16%;width:68%;height:56%;padding:14px;border-radius:150px;background:linear-gradient(145deg,#875737,#3a2418 42%,#67402a 72%,#26170f);box-shadow:0 25px 40px #00000061,inset 0 2px #ffffff26,inset 0 -5px #0000008c;transform:none}.waiting-table__rim:after{position:absolute;inset:6px;border:1px solid rgba(226,202,141,.34);border-radius:inherit;content:"";pointer-events:none}.waiting-table__felt{position:relative;width:100%;height:100%;overflow:hidden;border:2px solid #174938;border-radius:137px;background:radial-gradient(circle at 38% 26%,rgba(255,255,255,.07),transparent 42%),linear-gradient(145deg,var(--felt-light),var(--felt) 58%,var(--felt-dark));box-shadow:inset 0 0 58px #00000057}.waiting-table__felt:before{position:absolute;inset:15%;border:1px solid rgba(226,202,141,.13);border-radius:50%;content:""}.felt-mark{position:absolute;top:50%;left:50%;color:#f4ead70b;font:normal 7.5rem/1 var(--font-card);transform:translate(-50%,-52%)}.table-status{position:absolute;z-index:1;top:50%;left:50%;display:grid;width:min(34%,280px);justify-items:center;transform:translate(-50%,-50%);text-align:center}.table-status p{margin:0 0 .35rem;color:var(--brass-light);font-size:.62rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.table-status strong{color:var(--cream);font-family:var(--font-card);font-size:1.15rem;line-height:1.12}.table-status__count{margin-top:.35rem;color:#dce5df;font-size:.72rem;font-weight:800}.table-status small{max-width:230px;margin:.35rem auto 0;color:#c6cec7;font-size:.68rem;line-height:1.4}.mobile-host-jump{display:none}.seat-layer{position:absolute;z-index:2;inset:0;pointer-events:none}.table-deck{display:none}.room-seat{position:absolute;z-index:2;top:var(--seat-y);left:var(--seat-x);display:grid;width:190px;height:78px;min-height:78px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(226,202,141,.46);border-radius:11px;background:#112820;box-shadow:0 11px 23px #00000057,inset 0 1px #ffffff0a;pointer-events:auto;transform:translate(-50%,-50%);transition:border-color .16s ease,filter .16s ease,transform .16s ease}.room-seat:hover{border-color:#e1c783;filter:brightness(1.06);transform:translate(-50%,calc(-50% - 2px))}.room-seat .avatar{width:42px!important;height:42px!important;border:1px solid #d8bb78;border-radius:10px;background:linear-gradient(145deg,#ecdca8,#a57c40);color:#2b2015;font:800 15px/1 Georgia,serif;transform:rotate(-3deg)}.room-seat__copy{min-width:0}.room-seat__copy strong,.room-seat__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-seat .seat-copy strong{color:var(--cream);font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:0}.room-seat .seat-copy small{margin-top:4px;color:#c0b8ac;font-size:10px;font-weight:400}.room-seat app-presence-badge{display:inline-flex;max-width:100%}.room-seat app-presence-badge .presence-dot.badge{display:inline-flex;width:auto;height:auto;min-height:0;align-items:center;gap:.28rem;max-width:100%;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#c0b8ac;font-size:10px;font-weight:400;line-height:1.2}.room-seat app-presence-badge .presence-dot.badge:before{width:5px;height:5px;flex:none}.room-seat app-presence-badge .badge--info{color:#83b8aa}.room-seat app-presence-badge .badge--success{color:#80c7a0}.room-seat app-presence-badge .badge--danger{color:#e0838f}.room-seat app-presence-badge .badge--muted{color:#a9a196}.room-seat__tail{display:grid;justify-items:end;gap:2px}.room-seat__score{display:block;min-width:43px;color:#e4ce91;text-align:right}.room-seat__score b{display:block;color:inherit;font-size:11px}.room-seat__score small{display:block;margin:0;color:#bdb5a9;font-size:7px;letter-spacing:0;text-transform:uppercase}.room-seat--host{border-color:#e2ca8db8;box-shadow:0 11px 23px #00000057,inset 0 1px #ffffff0a}.remove-bot{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(224,131,143,.32);border-radius:7px;background:#7025352e;color:#f0a0aa;cursor:pointer;font-size:14px;line-height:1}.remove-bot:hover{background:#70253557}.remove-bot:disabled,.add-seat-action:disabled,.danger-action:disabled{opacity:.48;cursor:not-allowed}.host-tag{position:absolute;top:-8px;left:10px;padding:3px 6px;border:1px solid rgba(226,202,141,.45);border-radius:99px;background:#15382c;color:var(--brass-light);font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.bot-tag{color:var(--info)}.room-seat--free{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:1fr;border-style:dashed;border-color:#f4ead74d;background:#0a2119}.room-seat--free .free-seat-icon{grid-row:1}.room-seat--free .avatar{border-style:dashed;border-color:#818a81;background:#123126;color:#c7bfb2;transform:none}.room-seat--free .room-seat__copy strong{color:#ddd5c8}.room-seat--free .room-seat__copy small{color:#9e988d}.add-seat-action{min-height:26px;grid-column:3;grid-row:1;justify-self:end;margin:0;padding:0;border:0;background:transparent;color:var(--brass-light);cursor:pointer;font-size:9px;font-weight:600;line-height:1.2;text-align:right;white-space:nowrap}.add-bot-button{font-weight:650}.add-seat-action:hover{text-decoration:underline;text-underline-offset:3px}.table-footer{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-top:1px solid rgba(226,202,141,.22);background:#040d0a2e}.invite-copy{display:flex;align-items:center;gap:.65rem}.invite-copy>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(199,167,101,.35);border-radius:.45rem;background:#c7a7651a;color:#d45b68;font-family:var(--font-card)}.invite-copy strong,.invite-copy small{display:block}.invite-copy strong{font-size:.7rem}.invite-copy small{margin-top:.15rem;color:var(--muted);font-size:.55rem}.invite-copy small b{color:var(--brass-light);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}.invite-actions{display:flex;gap:.5rem}.invite-actions .btn{font-size:.64rem}.control-panel{position:sticky;top:var(--room-gap-4);overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 16px 38px #00000047,inset 0 1px #ffffff09;scroll-margin-top:var(--room-gap-4)}.control-panel__header{display:flex;min-height:60px;align-items:center;justify-content:space-between;padding:.7rem .9rem;border-bottom:1px solid var(--line);background:#040d0a2e}.control-panel__header .eyebrow{margin-bottom:.1rem;font-size:.56rem}.control-panel h2{margin:0;font-family:var(--font-card);font-size:1.22rem}.control-suit{color:#f4ead724;font:normal 1.8rem/1 var(--font-card)}.host-controls,.member-controls{padding:.85rem}.mode-selector{margin:0;padding:0;border:0}.mode-selector legend{margin-bottom:6px;color:#c3bbae;font-size:11px;font-weight:800}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#091712}.mode-tabs label{display:flex;height:38px;min-height:38px;align-items:center;justify-content:center;gap:.3rem;padding:.4rem;border-radius:7px;color:#b9b1a5;cursor:pointer;font-size:10px;font-weight:850;text-align:center}.mode-tabs label span{font-family:var(--font-card)}#mode-quick:checked~.app-page label[for=mode-quick],#mode-elimination:checked~.app-page label[for=mode-elimination]{background:#eee3cc;color:#1e1a17;box-shadow:0 2px #795b3c}.room-page .mode-card{display:flex;align-items:center;gap:.65rem;margin-top:.65rem;padding:.6rem;border:1px solid rgba(199,167,101,.22);border-radius:.65rem;background:#c7a7650f}.room-page .mode-card--elimination{display:none}#mode-elimination:checked~.app-page .mode-card--quick{display:none}#mode-elimination:checked~.app-page .mode-card--elimination{display:flex}.room-page .mode-card__mark{display:grid;width:34px;height:44px;flex:none;place-items:center;border:1px solid #d7c6a8;border-radius:.25rem;background:var(--paper);color:var(--ink);font:700 1rem/1 var(--font-card);box-shadow:0 3px #82684b;transform:rotate(-3deg)}.room-page .mode-card__mark--red{color:var(--red-suit);transform:rotate(3deg)}.room-page .mode-card strong{display:block;color:var(--cream);font-family:var(--font-ui);font-size:.74rem}.room-page .mode-card p{margin:.2rem 0 0;color:#c8c0b4;font-size:.67rem;line-height:1.42}.game-settings{display:grid;gap:0;margin:.7rem 0;border-block:1px solid var(--line)}.game-settings div{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid rgba(244,234,215,.07)}.game-settings div:last-child{border:0}.game-settings dt{color:#bcb4a8;font-size:.67rem}.game-settings dd{margin:0;color:var(--cream);font-size:.68rem;font-weight:800;text-align:right}.ready-note{display:flex;gap:.55rem;padding:.65rem;border:1px solid rgba(226,189,112,.28);border-radius:.65rem;background:#976f261c}.ready-note--ready{border-color:#7fc59d47;background:#2b714d21}.ready-note>span{display:grid;width:26px;height:26px;flex:none;place-items:center;border-radius:50%;background:#e2bd7024;color:var(--warning);font-size:.72rem;font-weight:900}.ready-note--ready>span{background:#7fc59d26;color:var(--success)}.ready-note strong{display:block;color:#e8e1d4;font-size:.7rem}.ready-note p{margin:.18rem 0 0;color:#c8c0b4;font-size:.65rem;line-height:1.42}.start-button{min-height:50px;margin-top:.7rem;justify-content:space-between;font-size:.78rem}.start-button[disabled]{border-color:#a8536280;background:linear-gradient(145deg,#963447b8,#702535ad);color:#ead7d8;opacity:.7}.add-bot-button{min-height:42px;margin-top:.45rem;color:var(--brass-light)}.control-divider{height:1px;margin:.7rem 0 .35rem;background:var(--line)}.danger-action{display:flex;width:100%;min-height:36px;align-items:center;justify-content:center;border:0;background:transparent;color:#ee99a4;cursor:pointer;font-size:.65rem;font-weight:800}.danger-action:hover{text-decoration:underline;text-underline-offset:3px}.control-panel__footer{display:none}.status-light{width:.42rem;height:.42rem;flex:none;border-radius:50%;background:var(--success);box-shadow:0 0 7px #7fc59da6}.member-controls,.member-ready-copy,.member-you,.member-player-name{display:none}#view-member:checked~.app-page .host-controls,#view-member:checked~.app-page .host-only,#view-member:checked~.app-page .host-ready-copy,#view-member:checked~.app-page .host-you,#view-member:checked~.app-page .host-player-name{display:none}#view-member:checked~.app-page .member-controls{display:block}#view-member:checked~.app-page .member-ready-copy{display:block}#view-member:checked~.app-page .member-you{display:inline-flex}#view-member:checked~.app-page .member-player-name{display:inline}.room-page.room-page--member .member-controls{display:block}.member-mode{text-align:center}.member-mode .eyebrow{margin-bottom:.8rem}.member-mode .mode-card__mark{margin-inline:auto}.member-mode h3{margin:.65rem 0 0;font-family:var(--font-card);font-size:1rem}.member-mode>p:last-child{margin:.35rem 0 0;color:#bfb7ab;font-size:.66rem;line-height:1.5}.member-wait{margin-top:.8rem;padding:.75rem;border:1px solid rgba(226,189,112,.24);border-radius:.7rem;background:#976f261a;text-align:center}.waiting-pulse{display:flex;height:20px;align-items:center;justify-content:center;gap:.25rem}.waiting-pulse i{width:5px;height:5px;border-radius:50%;background:var(--warning);animation:pulse-wait 1.2s infinite ease-in-out}.waiting-pulse i:nth-child(2){animation-delay:.15s}.waiting-pulse i:nth-child(3){animation-delay:.3s}@keyframes pulse-wait{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.member-wait strong{display:block;margin-top:.2rem;font-size:.72rem}.member-wait p{margin:.25rem 0 0;color:#bdb4a4;font-size:.64rem;line-height:1.45}.activity-strip{display:grid;grid-template-columns:160px 1fr;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid rgba(199,167,101,.2);border-radius:var(--radius-lg);background:#12221c80}.activity-strip h2{margin:0;color:var(--brass-light);font-family:var(--font-card);font-size:1rem}.activity-strip ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.activity-strip li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;min-width:0;padding-left:.65rem;border-left:1px solid var(--line);color:var(--muted);font-size:.56rem}.activity-strip li div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-strip li b{color:var(--cream)}.activity-strip time{grid-column:2;color:#777168;font-size:.48rem}.event-icon{display:grid;width:30px;height:30px;grid-row:1/3;place-items:center;border:1px solid rgba(199,167,101,.3);border-radius:50%;color:var(--brass-light);font-family:var(--font-card)}.event-icon--join{color:var(--success);font-family:var(--font-ui)}.confirm-panel,.invite-panel{text-align:center}.delete-lobby-dialog .modal__backdrop{width:100%;height:100%;padding:0;border:0;border-radius:0;cursor:pointer}.delete-lobby-dialog .modal__footer{justify-content:center}.confirm-icon{display:grid;width:52px;height:52px;margin-inline:auto;place-items:center;border:1px solid rgba(224,131,143,.42);border-radius:50%;background:#70253533;color:var(--danger);font:700 1.4rem/1 var(--font-card)}.confirm-icon--neutral{border-color:var(--line-strong);background:#c7a7651a;color:var(--brass-light)}.confirm-panel .eyebrow{margin-top:.8rem}.confirm-panel h2,.invite-panel h2{margin:.2rem 0 0;font-family:var(--font-card);font-size:1.65rem}.confirm-panel>p:last-of-type,.invite-panel>p{margin:.55rem auto 0;max-width:400px;color:var(--muted);font-size:.72rem;line-height:1.55}.invite-panel .eyebrow{margin-top:.4rem}.invite-player{display:flex;align-items:center;gap:.7rem;margin-top:1rem;padding:.8rem;border:1px solid var(--line);border-radius:.75rem;background:#040d0a4d;text-align:left}.invite-player>div{min-width:0;flex:1}.invite-player strong,.invite-player small{display:block}.invite-player strong{font-family:var(--font-card)}.invite-player small{margin-top:.2rem;color:var(--muted);font-size:.6rem}.invite-player small i{display:inline-block;width:.4rem;height:.4rem;margin-right:.2rem;border-radius:50%;background:var(--success)}.realtime-card .spinner{margin-inline:auto}.realtime-card .eyebrow{margin-top:.8rem}.realtime-card .btn{margin-top:1rem}.realtime-overlay--soft{background:#040a08bf}.reconnect-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;text-align:left}.reconnect-card .spinner{width:38px;height:38px}.reconnect-card h2{margin:.15rem 0 0}.reconnect-card p{margin:.35rem 0 0}.reconnect-card .btn{grid-column:1/-1}@media(max-width:1199px){.room-layout{grid-template-columns:1fr}.waiting-table{min-height:clamp(500px,calc(100svh - 270px),620px)}.control-panel{position:static}.host-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem .8rem}.mode-selector{grid-column:1;grid-row:1}.room-page .mode-card{grid-column:1;grid-row:2/4;margin:0}.game-settings{grid-column:2;grid-row:1/4;margin:0}.ready-note{grid-column:3;grid-row:1}.start-button{grid-column:3;grid-row:2;margin:0}.add-bot-button{grid-column:3;grid-row:3;margin:0}.control-divider{grid-column:1/3;grid-row:4;margin:.2rem 0 0}.danger-action{grid-column:3;grid-row:4}.member-controls{max-width:720px;margin-inline:auto}}@media(max-width:900px){.realtime-strip{margin-inline:-1rem;padding-inline:1rem;overflow-x:auto;scrollbar-width:none}.realtime-strip__title,.realtime-ping,.realtime-strip__actions{display:none}.room-hero__heading{align-items:flex-start;flex-direction:column;gap:.5rem}.room-summary{justify-content:flex-start}.view-switch{width:100%}.view-switch>div{width:100%}.view-switch label{flex:1}.waiting-table{display:block;min-height:0;padding:.75rem;background:linear-gradient(145deg,#0c4937,#082f25)}.waiting-table__rim{display:none}.table-status{position:relative;top:auto;left:auto;width:100%;padding:.85rem 1rem;border:1px solid rgba(226,202,141,.2);border-radius:var(--radius-md);background:linear-gradient(145deg,#124e3b,#0a3b2e);box-shadow:inset 0 0 22px #0003;transform:none}.table-status strong{font-size:1.08rem}.table-status small{max-width:420px}.mobile-host-jump{display:inline-flex;min-height:38px;align-items:center;margin-top:.65rem;padding:0 .75rem;border:1px solid rgba(226,202,141,.3);border-radius:.5rem;background:#c7a76514;color:var(--brass-light);font-size:.62rem;font-weight:850}.seat-layer{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.65rem;pointer-events:auto}.room-seat{position:relative;top:auto;left:auto;width:auto;height:auto;min-width:0;min-height:82px;transform:none}.room-seat:hover{transform:translateY(-1px)}.table-footer{align-items:flex-start;flex-direction:column}.invite-actions{width:100%}.invite-actions .btn{flex:1}.host-controls{display:block}.host-controls>*{margin-top:.65rem}.host-controls .mode-selector{margin-top:0}.activity-strip,.activity-strip ol{grid-template-columns:1fr}.activity-strip li{min-height:45px}}@media(max-width:560px){.room-page .app-shell{padding-inline:.75rem;padding-bottom:5rem}.room-page .page-main{padding-top:.75rem}.room-hero{gap:.55rem}.room-hero__topline{align-items:flex-start;flex-wrap:wrap;gap:.35rem}.room-statuses{width:100%;justify-content:flex-start}.room-statuses .badge{max-width:calc(100% - 118px);overflow:hidden;text-overflow:ellipsis}.room-kicker{flex-wrap:nowrap}.room-code{max-width:70vw}.room-hero .page-title{font-size:1.9rem}.room-summary{width:100%;align-items:center;flex-wrap:wrap;gap:.35rem .5rem;font-size:.69rem}.room-summary i{display:none}.room-table-panel__header{min-height:56px;padding:.6rem .75rem}.room-table-panel__header .eyebrow{display:none}.room-table-panel h2{font-size:1.05rem}.capacity-meter{gap:.4rem}.capacity-meter i{width:6px;height:13px}.waiting-table{padding:.65rem}.table-status{padding:.75rem}.table-status p{font-size:.54rem}.table-status strong{font-size:.98rem}.table-status small{max-width:260px;font-size:.65rem;color:#d0d8d2}.mobile-host-jump{font-size:.68rem}.seat-layer{grid-template-columns:1fr;gap:.55rem}.room-seat{min-height:76px;gap:9px;padding:9px 10px}.room-seat .avatar,.free-seat-icon{width:42px!important;height:42px!important}.room-seat__copy strong{font-size:12px}.room-seat__copy small{color:#c0b8ac;font-size:10px}.room-seat__score b{font-size:11px}.room-seat__score small{color:#bdb5a9;font-size:7px}.seat-labels{top:.35rem;right:.4rem;left:auto}.seat-labels span{font-size:.43rem}.remove-bot{width:34px;height:34px}.room-seat--occupied{padding-top:.75rem}.room-seat--free{grid-template-columns:auto minmax(0,1fr) auto}.add-seat-action{min-height:32px;grid-column:3;grid-row:1;margin:0;padding:0 .45rem;border:1px solid rgba(226,202,141,.24);border-radius:.4rem;background:#c7a76512;text-align:right}body:has(.room-page) .toast-chip{right:.75rem;bottom:.75rem;width:48px;min-height:48px;justify-content:center;padding:0}body:has(.room-page) .toast-chip b{font-size:.7rem}body:has(.room-page) .toast-chip span{display:none}.table-footer{padding:.75rem}.invite-actions{flex-direction:column}.invite-actions .btn{width:100%}.mode-tabs label{height:38px;min-height:38px}.control-panel__header{min-height:56px;padding:.65rem .75rem}.host-controls,.member-controls{padding:.75rem}.activity-strip ol{gap:.7rem}.activity-strip li{padding-left:0;border-left:0}.modal__panel{padding:1rem}.modal__footer{position:sticky;bottom:-1rem;margin-inline:-1rem;padding:1rem;background:linear-gradient(transparent,#12221cfa 18%)}.reconnect-card{grid-template-columns:1fr;justify-items:center;text-align:center}}@media(max-height:560px)and (min-width:901px){.waiting-table{min-height:520px}}@media(max-width:480px){.room-page .site-nav .profile-link{display:flex}}@media(max-width:350px){.capacity-meter>span{display:none}}}@layer pages{.profile-page{background:radial-gradient(circle at 88% 10%,rgba(25,113,84,.18),transparent 29rem),radial-gradient(circle at 6% 58%,rgba(112,37,53,.14),transparent 33rem),linear-gradient(128deg,#0f1d18,#08130f 48%,#101c18)}.nav-medallion{display:grid;width:28px;height:28px;overflow:hidden;place-items:center;border:1px solid var(--brass);border-radius:50%;background:linear-gradient(145deg,#1c6b55,#0b392d);box-shadow:0 3px 8px #0000003d}.nav-medallion svg{width:100%!important;height:100%!important;padding:4px;fill:#e5ce93!important;stroke:#f8edd3!important;stroke-width:1.1!important}.profile-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.back-link{display:inline-flex;min-height:42px;align-items:center;gap:.5rem;color:var(--muted);font-size:.73rem;font-weight:750}.back-link:hover{color:var(--cream)}.back-link svg{width:1.05rem;height:1.05rem;fill:none;stroke:var(--brass);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}.profile-actions .btn svg{width:.95rem;height:.95rem;fill:none;stroke:var(--brass-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.refresh-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#f4ead70a;color:var(--muted);transition:.15s ease}.refresh-button:hover{border-color:var(--line-strong);color:var(--cream);transform:rotate(16deg)}.refresh-button svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.identity-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,430px);align-items:stretch;overflow:hidden;border:1px solid rgba(199,167,101,.36);border-radius:var(--radius-xl);background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 34%),#12221ceb;box-shadow:0 7px #352218,var(--shadow-md),inset 0 1px #ffffff0a}.identity-card:before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,var(--brass),var(--wine-light),transparent);content:"";opacity:.7}.identity-card__edge{position:absolute;z-index:0;top:1.5rem;bottom:1.5rem;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--wine-light)}.identity-main{position:relative;z-index:1;display:flex;min-width:0;align-items:center;gap:1.3rem;padding:clamp(1.35rem,3vw,2.2rem)}.portrait-button{position:relative;display:block;flex:none;border-radius:50%}.avatar-medallion{position:relative;display:grid;width:64px;height:64px;overflow:hidden;place-items:center;border:1px solid rgba(244,234,215,.32);border-radius:50%;background:#16382e;box-shadow:inset 0 0 0 3px #ffffff06,0 7px 18px #00000047}.avatar-medallion:after{position:absolute;inset:5px;border:1px solid rgba(244,234,215,.17);border-radius:50%;content:"";pointer-events:none}.avatar-medallion svg{width:100%;height:100%;padding:11%;overflow:visible}.avatar-medallion--hero{width:108px;height:108px;border:2px solid var(--brass);box-shadow:0 0 0 5px #c7a7651a,0 14px 28px #0000005c}.avatar-medallion--vip:before{position:absolute;z-index:2;inset:-3px;border:1px solid var(--brass-light);border-radius:50%;content:"";opacity:.7}.avatar-medallion--small{width:48px;height:48px}.avatar-medallion--atlas{background:radial-gradient(circle at 35% 25%,#2a8468,#0d3d31 72%)}.avatar-medallion--atlas .medallion-sky{fill:#e8d397}.avatar-medallion--atlas .medallion-land{fill:#f8f1df;opacity:.9}.avatar-medallion--atlas .medallion-line{fill:none;stroke:#f6e5b8;stroke-linecap:round;stroke-width:2}.avatar-medallion--classic{background:radial-gradient(circle at 35% 25%,#dbc17f,#8b6632 72%)}.avatar-medallion--classic .medallion-fill{fill:#fff2c8;stroke:#71491f;stroke-width:2}.avatar-medallion--classic .medallion-line{fill:none;stroke:#8b2637;stroke-linecap:round;stroke-width:3}.avatar-medallion--breeze{background:radial-gradient(circle at 35% 25%,#8bc4c7,#315e69 72%)}.avatar-medallion--breeze .medallion-fill{fill:none;stroke:#f2f7ed;stroke-linecap:round;stroke-width:7}.avatar-medallion--breeze .medallion-line{fill:none;stroke:#d7f2ee;stroke-linecap:round;stroke-width:3}.avatar-medallion--ember{background:radial-gradient(circle at 35% 25%,#cc6a54,#672130 72%)}.avatar-medallion--ember .medallion-fill{fill:#f4c269;stroke:#fff0c1;stroke-linejoin:round;stroke-width:2}.avatar-medallion--ember .medallion-line{fill:none;stroke:#a72e33;stroke-linecap:round;stroke-width:3}.avatar-medallion--grove{background:radial-gradient(circle at 35% 25%,#6fa975,#244b34 72%)}.avatar-medallion--grove .medallion-fill{fill:#d3df9d;stroke:#eff0c7;stroke-width:2}.avatar-medallion--grove .medallion-line{fill:none;stroke:#406e42;stroke-linecap:round;stroke-width:3}.avatar-medallion--lunar{background:radial-gradient(circle at 35% 25%,#566c8c,#242d4a 72%)}.avatar-medallion--lunar .medallion-fill{fill:#ebdfa7;stroke:#fff6ce;stroke-width:2}.avatar-medallion--lunar .medallion-line{fill:#e8bd6f;stroke:#fff0b6;stroke-width:1.5}.portrait-button__edit{position:absolute;right:-.55rem;bottom:.15rem;display:inline-flex;min-height:27px;align-items:center;gap:.28rem;padding:.24rem .48rem;border:1px solid var(--brass);border-radius:999px;background:var(--night-soft);color:var(--brass-light);font-size:.55rem;font-weight:850;letter-spacing:.025em;box-shadow:0 4px 9px #0000004d;transition:.15s ease}.portrait-button:hover .portrait-button__edit{background:var(--wine);color:var(--paper);transform:translateY(-2px)}.portrait-button__edit svg{width:.7rem;height:.7rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.identity-copy{min-width:0}.identity-copy .eyebrow{margin-bottom:.38rem}.identity-name-line{display:flex;min-width:0;align-items:center;gap:.55rem;flex-wrap:wrap}.identity-name-line h1{min-width:0;max-width:100%;margin:0;overflow-wrap:anywhere;color:var(--cream);font-family:var(--font-card);font-size:clamp(2rem,3.5vw,3.3rem);letter-spacing:-.045em;line-height:.98}.self-mark{padding:.22rem .48rem;border:1px solid rgba(127,197,157,.25);border-radius:999px;background:#7fc59d14;color:var(--success);font-size:.56rem;font-weight:850;white-space:nowrap}.vip-seal{display:inline-flex;align-items:center;gap:.24rem;padding:.25rem .48rem;border:1px solid rgba(226,202,141,.48);border-radius:999px;background:#c7a7651a;color:var(--brass-light);font-size:.56rem;font-weight:900;letter-spacing:.07em}.vip-seal svg{width:.78rem;height:.78rem;fill:#e2ca8d2e;stroke:currentColor;stroke-linejoin:round;stroke-width:1.6}.identity-meta{display:flex;margin-top:.75rem;align-items:center;gap:.45rem 1rem;flex-wrap:wrap;color:var(--muted);font-size:.67rem}.identity-meta span{display:inline-flex;min-width:0;align-items:center;gap:.38rem}.identity-meta svg{width:.85rem;height:.85rem;flex:none;fill:none;stroke:var(--brass);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.profile-preferences{margin-top:1rem}.name-control{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-bottom:.8rem}.name-control .input{width:min(100%,220px)}.language-control{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.preference-label{color:#8f897f;font-size:.58rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.language-options{display:flex;padding:.2rem;border:1px solid var(--line);border-radius:.58rem;background:#020b086b}.language-options input{position:absolute;opacity:0;pointer-events:none}.language-options label{display:grid;min-height:32px;padding:.35rem .65rem;place-items:center;border-radius:.4rem;color:#918a80;cursor:pointer;font-size:.61rem;font-weight:800;transition:.13s ease}.language-options input:checked+label{background:linear-gradient(145deg,#fffaf0,#e9dbc0);color:var(--ink);box-shadow:0 2px #806649}.language-options input:focus-visible+label{outline:3px solid var(--focus);outline-offset:3px}.save-language{display:inline-flex;min-height:34px;align-items:center;padding:.3rem .62rem;border:1px solid var(--line);border-radius:.48rem;color:var(--muted);font-size:.6rem;font-weight:800}.save-language:hover{border-color:var(--line-strong);color:var(--cream)}.kpi-ledger{position:relative;display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:1.2rem;background:linear-gradient(135deg,#f8f1dffa,#e7d8baf5);color:var(--ink)}.kpi-ledger:before{position:absolute;top:1rem;bottom:1rem;left:0;width:1px;background:#a48b62;content:"";box-shadow:-4px 0 10px #00000026}.kpi-ledger div{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:1rem .85rem;text-align:center}.kpi-ledger div+div:before{position:absolute;top:22%;bottom:22%;left:0;width:1px;background:#403a3430;content:""}.kpi-ledger dt{order:2;margin-top:.38rem;color:#665d52;font-size:.6rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.kpi-ledger dd{order:1;margin:0;color:var(--wine);font-family:var(--font-card);font-size:clamp(1.9rem,3vw,2.8rem);font-weight:700;letter-spacing:-.04em;line-height:1}.kpi-ledger dd span{font-size:.55em}.kpi-ledger div>span{order:3;margin-top:.25rem;overflow-wrap:anywhere;color:#887b69;font-size:.54rem}.stats-section{margin-top:2rem}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.8rem;padding-inline:.1rem}.section-heading-row .eyebrow{margin-bottom:.25rem}.section-note{color:#817b70;font-size:.62rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.stats-ledger{display:grid;grid-template-columns:1.25fr repeat(6,minmax(0,1fr));overflow:hidden;border:1px solid rgba(199,167,101,.26);border-radius:var(--radius-lg);background:#12221cc7;box-shadow:var(--shadow-sm)}.ledger-stat{position:relative;min-width:0;min-height:144px;padding:1.05rem .85rem .9rem;border-left:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.026),transparent)}.ledger-stat:first-child{border-left:0}.ledger-stat--featured{background:linear-gradient(145deg,#70253538,#12221c80)}.ledger-stat__symbol,.ledger-stat__mark{display:grid;width:1.65rem;height:1.65rem;place-items:center;border:1px solid rgba(199,167,101,.25);border-radius:50%;background:#c7a7650f;color:var(--brass-light);font-family:var(--font-card);font-size:.8rem}.ledger-stat p{min-height:2.1em;margin:.75rem 0 .25rem;color:var(--muted);font-size:.62rem;font-weight:750;line-height:1.1}.ledger-stat strong{display:block;overflow-wrap:anywhere;color:var(--cream);font-family:var(--font-card);font-size:clamp(1.35rem,2.2vw,1.85rem);letter-spacing:-.035em;line-height:1}.ledger-stat small{display:block;margin-top:.38rem;overflow-wrap:anywhere;color:#777269;font-size:.51rem;line-height:1.28}.red-suit{color:#d76d79!important}.profile-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:1rem;margin-top:1.2rem;padding-bottom:1.5rem}.history-panel{overflow:hidden;border:1px solid rgba(199,167,101,.25);border-radius:var(--radius-lg);background:#12221cd6;box-shadow:var(--shadow-md)}.history-panel__header{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.history-panel__header .eyebrow{margin-bottom:.2rem}.history-total{color:var(--muted);font-size:.62rem;white-space:nowrap}.history-total b{color:var(--brass-light);font-family:var(--font-card);font-size:1.25rem}.history-table-wrap{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;table-layout:fixed}.history-table th{padding:.65rem .8rem;border-bottom:1px solid var(--line-strong);background:#040d0a47;color:#8c867c;font-size:.55rem;font-weight:850;letter-spacing:.075em;text-align:left;text-transform:uppercase}.history-table th:nth-child(1){width:110px}.history-table th:nth-child(2){width:155px}.history-table th:nth-child(3){width:72px}.history-table th:nth-child(5){width:120px;text-align:right}.history-table td{min-width:0;padding:.78rem .8rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.69rem;vertical-align:middle}.history-table tbody tr{transition:background .13s ease}.history-table tbody tr:hover{background:#f4ead709}.result{display:inline-flex;min-height:25px;align-items:center;gap:.3rem;padding:.25rem .52rem;border:1px solid;border-radius:999px;font-size:.55rem;font-weight:850;white-space:nowrap}.result:before{width:.33rem;height:.33rem;border-radius:50%;background:currentColor;content:""}.result--win{border-color:#7fc59d42;background:#2b714d21;color:var(--success)}.result--loss{border-color:#e0838f47;background:#70253524;color:var(--danger)}.mode-icon{margin-right:.28rem;color:var(--brass-light);font-family:var(--font-card)}.score-positive{color:var(--success)}.score-negative{color:var(--danger)}.opponents{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-table time{display:block;color:#8f887d;text-align:right;white-space:nowrap}.history-table time small{display:block;margin-top:.12rem;color:#666159}.history-cards{display:none}.history-panel__footer{display:flex;justify-content:center;padding:.7rem}.history-panel__footer .btn{min-height:38px;font-size:.67rem}.vip-card{position:relative;overflow:hidden;padding:1.25rem;border:1px solid #b79c60;border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff8e8,#e6d4b3);color:var(--ink);box-shadow:0 6px #725636,var(--shadow-md)}.vip-card:after{position:absolute;right:-2.2rem;bottom:-3.2rem;width:9rem;height:9rem;border:1px solid rgba(112,37,53,.12);border-radius:50%;content:"";box-shadow:0 0 0 12px #70253509,0 0 0 26px #70253506}.vip-card__crown{display:grid;width:52px;height:52px;place-items:center;border:1px solid #b8944f;border-radius:50%;background:linear-gradient(145deg,#ead28d,#b88b3f);color:#5d3d20;box-shadow:0 5px 11px #4b301833}.vip-card__crown svg{width:31px;height:31px;fill:#fff7d766;stroke:currentColor;stroke-linejoin:round;stroke-width:2}.vip-card .eyebrow{margin-top:1rem;color:#896a36}.vip-card h2{margin:.18rem 0 0;color:var(--wine);font-family:var(--font-card);font-size:1.75rem;letter-spacing:-.035em}.vip-card__date{margin:.25rem 0 0;color:#6f6252;font-size:.66rem;font-weight:750}.vip-card ul{position:relative;z-index:1;display:grid;gap:.5rem;margin:1rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(64,58,52,.17);list-style:none}.vip-card li{position:relative;padding-left:1.1rem;color:#554d43;font-size:.67rem;line-height:1.35}.vip-card li:before{position:absolute;top:.35em;left:0;width:.45rem;height:.45rem;border-radius:50%;background:var(--wine);content:"";box-shadow:0 0 0 3px #70253514}.vip-card__actions{position:relative;z-index:1;display:grid;gap:.55rem;margin-top:1.1rem}.vip-card__actions .btn{min-height:42px}.vip-month{color:#735d44;font-size:.61rem;font-weight:750;text-align:center;text-decoration:underline;text-underline-offset:3px}.profile-modal .modal__panel h2{margin:.25rem 3rem 0 0;color:var(--cream);font-family:var(--font-card);font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.035em}.dialog-lead{max-width:590px;margin:.65rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}.avatar-dialog-panel{width:min(100%,760px)}.avatar-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.15rem}.avatar-choice{position:relative;display:flex;min-width:0;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:.78rem;background:#040d0a52;cursor:pointer;transition:.14s ease}.avatar-choice:hover{border-color:#c7a7657a;background:#f4ead70e;transform:translateY(-1px)}.avatar-choice input{position:absolute;opacity:0;pointer-events:none}.avatar-choice:has(input:checked){border-color:var(--brass);background:#c7a7651a;box-shadow:inset 0 0 0 1px #e2ca8d26}.avatar-choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.avatar-choice>span:last-child{display:grid;min-width:0;gap:.2rem}.avatar-choice strong,.avatar-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-choice strong{color:var(--cream);font-size:.75rem}.avatar-choice small{color:#817b71;font-size:.57rem}.password-panel{width:min(100%,540px)}.dialog-icon{display:grid;width:46px;height:46px;margin-bottom:1rem;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#c7a76514;color:var(--brass-light)}.dialog-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.password-form{display:grid;gap:.8rem;margin-top:1rem}.password-form .input{min-height:44px}.admin-panel{width:min(100%,600px)}.admin-player{display:flex;align-items:center;gap:.7rem;margin-top:1rem;padding:.72rem;border:1px solid var(--line);border-radius:.7rem;background:#040d0a4d}.admin-player>span:last-child{display:grid;min-width:0;gap:.15rem}.admin-player small{color:var(--muted);font-size:.56rem}.admin-player strong{overflow-wrap:anywhere;color:var(--cream);font-size:.78rem}.admin-action,.admin-danger{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding:.85rem;border:1px solid var(--line);border-radius:.72rem}.admin-action strong,.admin-danger strong{color:var(--cream);font-size:.76rem}.admin-action p,.admin-danger p{margin:.25rem 0 0;color:var(--muted);font-size:.62rem;line-height:1.4}.admin-action .btn,.admin-danger .btn{flex:none}.temporary-password{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;margin-top:.7rem;padding:.8rem;border:1px solid rgba(226,189,112,.34);border-radius:.7rem;background:#976f2621}.temporary-password span{grid-column:1/-1;color:var(--warning);font-size:.55rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.temporary-password code{overflow-wrap:anywhere;color:#f5dfae;font-size:.8rem}.temporary-password a{color:var(--brass-light);font-size:.6rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.admin-danger{border-color:#e0838f47;background:#7025351c}.save-toast{position:fixed;z-index:140;right:1rem;bottom:1rem;display:flex;min-height:48px;align-items:center;gap:.55rem;padding:.65rem .8rem;border:1px solid rgba(127,197,157,.4);border-radius:999px;background:#12221cfa;color:var(--cream);font-size:.68rem;font-weight:800;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translateY(12px);transition:.16s ease}.save-toast:target{opacity:1;pointer-events:auto;transform:translateY(0)}.save-toast svg{width:1.15rem;height:1.15rem;fill:none;stroke:var(--success);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.save-toast a{display:grid;width:28px;height:28px;margin-left:.25rem;place-items:center;border-radius:50%;color:var(--muted);font-size:1rem}@media(max-width:1120px){.identity-card{grid-template-columns:1fr}.kpi-ledger:before{top:0;right:1rem;bottom:auto;left:1rem;width:auto;height:1px}.kpi-ledger{min-height:155px}.stats-ledger{grid-template-columns:repeat(4,minmax(0,1fr))}.ledger-stat{border-bottom:1px solid var(--line)}.ledger-stat:nth-child(5){border-left:0}.ledger-stat:nth-last-child(-n+3){border-bottom:0}.profile-lower-grid{grid-template-columns:1fr 260px}}@media(max-width:860px){.profile-lower-grid{grid-template-columns:1fr}.vip-card{display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.vip-card .eyebrow,.vip-card h2,.vip-card__date,.vip-card ul,.vip-card__actions{grid-column:2}.vip-card__crown{grid-row:1/6}.vip-card .eyebrow{margin-top:0}.vip-card ul,.stats-ledger{grid-template-columns:repeat(3,minmax(0,1fr))}.ledger-stat:nth-child(4),.ledger-stat:nth-child(7){border-left:0}.ledger-stat:nth-child(5){border-left:1px solid var(--line)}.ledger-stat:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.ledger-stat:last-child{border-bottom:0}.ledger-stat--featured{grid-column:span 2}.avatar-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.profile-topline{align-items:flex-start}.profile-actions .btn{width:42px;padding:0}.profile-actions .btn:not(:focus):after{content:""}.profile-actions .btn{font-size:0}.profile-actions .btn svg{width:1rem;height:1rem}.identity-main{align-items:flex-start}.identity-name-line h1{font-size:clamp(1.8rem,8vw,2.5rem)}.stats-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-stat--featured{grid-column:span 2}.ledger-stat:nth-child(3),.ledger-stat:nth-child(5),.ledger-stat:nth-child(7){border-left:0}.ledger-stat:nth-child(4){border-left:1px solid var(--line)}.ledger-stat:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.ledger-stat:last-child{border-bottom:0}.history-table-wrap{display:none}.history-cards{display:grid;gap:.65rem;padding:.75rem}.match-card{padding:.82rem;border:1px solid var(--line);border-radius:.7rem;background:#040d0a4f}.match-card--win{box-shadow:inset 2px 0 var(--success)}.match-card--loss{box-shadow:inset 2px 0 var(--danger)}.match-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.match-card__top>strong{font-family:var(--font-card);font-size:1.15rem}.match-card p{margin:.72rem 0 0;color:var(--cream);font-size:.7rem}.match-card__opponents{margin-top:.35rem;overflow-wrap:anywhere;color:var(--muted);font-size:.64rem;line-height:1.4}.match-card time{display:block;margin-top:.55rem;color:#716c64;font-size:.57rem}.vip-card{display:block}.vip-card__crown{margin-bottom:1rem}.vip-card .eyebrow,.vip-card h2,.vip-card__date,.vip-card ul,.vip-card__actions{grid-column:auto}.vip-card ul{grid-template-columns:1fr}.modal__panel{padding:1.1rem}}@media(max-width:560px){profile-topline{margin-bottom:.75rem}.back-link{font-size:.65rem}.identity-main{flex-direction:column;gap:1rem;padding:1.1rem}.identity-name-line h1{overflow-wrap:break-word;word-break:normal;font-size:clamp(1.65rem,7.2vw,2.15rem);letter-spacing:-.055em}.avatar-medallion--hero{width:88px;height:88px}.portrait-button__edit{right:-1.15rem}.identity-meta{display:grid}.language-control{align-items:flex-start;flex-direction:column}.language-options{width:100%}.language-options label{min-width:0;flex:1;padding-inline:.35rem}.save-language{width:100%;justify-content:center}.kpi-ledger{min-height:0;padding:.65rem .35rem}.kpi-ledger div{padding:.75rem .3rem}.kpi-ledger dd{font-size:1.75rem}.kpi-ledger div>span{display:none}.stats-section{margin-top:1.5rem}.ledger-stat{min-height:130px;padding:.85rem .72rem}.ledger-stat p{margin-top:.58rem}.history-panel__header{min-height:75px;padding:.85rem}.avatar-catalog{grid-template-columns:1fr 1fr;gap:.5rem}.avatar-choice{align-items:center;flex-direction:column;gap:.42rem;padding:.6rem .35rem;text-align:center}.avatar-choice .avatar-medallion{width:58px;height:58px}.profile-modal .modal__panel h2{font-size:1.7rem}.admin-action,.admin-danger{align-items:flex-start;flex-direction:column}.admin-action .btn,.admin-danger .btn{width:100%}.temporary-password:target{grid-template-columns:1fr}.temporary-password span{grid-column:auto}.save-toast{right:.65rem;bottom:.65rem;left:.65rem;justify-content:center}}.profile-page .refresh-button span{font-size:1.1rem}@media(max-width:480px){.profile-page .refresh-button span{font-size:1.15rem}}@media(max-width:380px){.app-shell{padding-inline:.75rem}.profile-topline{gap:.4rem}.back-link{max-width:8.5rem;line-height:1.25}.profile-actions{gap:.2rem}.profile-actions .btn,.refresh-button{width:38px;min-height:38px;height:38px}.identity-name-line h1{font-size:1.6rem}.identity-main{padding:.95rem}.kpi-ledger dt{font-size:.51rem}.kpi-ledger dd{font-size:1.55rem}.section-title{font-size:1.3rem}.ledger-stat strong{font-size:1.35rem}.avatar-catalog{grid-template-columns:1fr 1fr}.modal{padding:.6rem}.modal__footer{gap:.45rem}.modal__close{top:.55rem;right:.55rem}}.profile-pulse{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);align-items:center;gap:1.25rem;margin-top:1rem;padding:1.1rem 1.25rem;border:1px solid rgba(199,167,101,.28);border-radius:var(--radius-lg);background:linear-gradient(110deg,#70253533,#12221cdb 58%);box-shadow:var(--shadow-sm),inset 0 1px #ffffff09}.profile-pulse__intro{min-width:0}.profile-pulse__intro .eyebrow{margin-bottom:.25rem}.profile-pulse__intro h2{margin:0;color:var(--cream);font-family:var(--font-card);font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.035em}.profile-pulse__intro p:last-child{max-width:520px;margin:.4rem 0 0;color:var(--muted);font-size:.68rem;line-height:1.45}.profile-pulse__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line)}.profile-pulse__metrics div{display:grid;gap:.25rem;min-width:0;padding:.2rem .85rem}.profile-pulse__metrics div+div{border-left:1px solid var(--line)}.profile-pulse__metrics strong{color:var(--brass-light);font-family:var(--font-card);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1}.profile-pulse__metrics span{color:#817b70;font-size:.53rem;line-height:1.25}@media(max-width:720px){.profile-pulse{grid-template-columns:1fr;gap:.9rem}.profile-pulse__metrics{border-top:1px solid var(--line);border-left:0;padding-top:.85rem}}@media(max-width:420px){.profile-pulse{padding:.95rem}.profile-pulse__metrics div{padding-inline:.5rem}.profile-pulse__metrics span{font-size:.48rem}}.profile-page .identity-card{grid-template-columns:minmax(0,1fr) minmax(300px,360px);background:radial-gradient(circle at 16% 20%,rgba(199,167,101,.08),transparent 26rem),#14291e}.profile-page .identity-main{display:grid;grid-template-columns:136px minmax(0,1fr) auto;align-items:center;gap:1.15rem;padding:1.15rem 1.4rem}.profile-page .identity-copy{align-self:center}.profile-page .portrait-button{width:max-content;justify-self:start;padding:0;border:0;background:transparent}.profile-page .avatar-medallion--hero{width:136px;height:136px;border:0;border-radius:18px;background:transparent;box-shadow:0 10px 24px #00000047}.profile-page .avatar-medallion--hero:after,.profile-page .avatar-medallion--hero.avatar-medallion--vip:before{display:none}.profile-page .portrait-button__edit{right:-8px;bottom:-8px;display:grid;width:34px;height:34px;min-height:0;place-items:center;padding:0;border-radius:10px}.profile-page .portrait-button__edit svg{width:16px;height:16px}.profile-page .identity-main:not(:has(.profile-preferences)) .identity-copy{grid-column:2 / -1}.profile-page .identity-meta{margin-top:.9rem;font-size:.7rem;line-height:1.4}.profile-page .profile-preferences{min-width:0;margin:0;align-self:start;justify-self:end;padding:0;border:0}.profile-page .profile-preferences[open]{width:310px;max-width:100%}.profile-preferences__toggle{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .7rem;border:1px solid rgba(199,167,101,.3);border-radius:.55rem;color:var(--brass-light);cursor:pointer;font-size:.68rem;font-weight:750;list-style:none}.profile-preferences__toggle::-webkit-details-marker{display:none}.profile-preferences__toggle:hover,.profile-page .profile-preferences[open] .profile-preferences__toggle{border-color:var(--brass);background:#c7a76514}.profile-preferences__toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.profile-preferences__toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.profile-preferences__content{margin-top:.55rem;padding:.85rem;border:1px solid rgba(199,167,101,.25);border-radius:.7rem;background:#040d0a3d}.profile-preferences__security{display:inline-flex;min-height:36px;align-items:center;gap:.45rem;margin-top:.85rem;padding:.35rem 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:.63rem;font-weight:750}.profile-preferences__security:hover{color:var(--cream)}.profile-preferences__security svg{width:15px;height:15px;fill:none;stroke:var(--brass-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.profile-preferences__security:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.profile-page .name-control,.profile-page .language-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.45rem}.profile-page .name-control{margin-bottom:.95rem}.profile-page .preference-label{grid-column:1 / -1;color:#b5ac97;font-size:.62rem}.profile-page .name-control .input{width:100%;min-width:0;min-height:39px}.profile-page .language-options{min-width:0}.profile-page .language-options label{min-width:0;flex:1;padding-inline:.45rem}.profile-page .save-language{min-height:39px;white-space:nowrap}.profile-page .save-language:not(:disabled){border-color:var(--brass);color:var(--brass-light)}.profile-page .save-language:disabled{opacity:.55}.profile-page .kpi-ledger{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));min-height:0;padding:.45rem 1rem;border-left:1px solid rgba(199,167,101,.3);background:linear-gradient(155deg,#203c2a,#183225)}.profile-page .kpi-ledger:before,.profile-page .kpi-ledger div+div:before{display:none}.profile-page .kpi-ledger div{align-items:flex-start;padding:.35rem .5rem;text-align:left}.profile-page .kpi-ledger div+div{border-top:1px solid rgba(199,167,101,.2)}.profile-page .kpi-ledger dt{order:1;margin:0 0 .15rem;color:#c4b995;font-size:.6rem}.profile-page .kpi-ledger dd{order:2;color:var(--cream);font-size:1.7rem}.profile-page .kpi-ledger div>span{order:3;margin-top:.12rem;color:#a6b6a5;font-size:.59rem}@media(max-width:1120px){.profile-page .identity-card{grid-template-columns:1fr}.profile-page .identity-main{grid-template-columns:136px minmax(0,1fr) auto}.profile-page .kpi-ledger{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;min-height:108px;padding:.45rem 1rem;border-top:1px solid rgba(199,167,101,.3);border-left:0}.profile-page .kpi-ledger div{justify-content:center;padding:.5rem 1rem}.profile-page .kpi-ledger div+div{border-top:0;border-left:1px solid rgba(199,167,101,.2)}}@media(max-width:760px){.profile-page .identity-main{grid-template-columns:112px minmax(0,1fr);gap:1rem}.profile-page .identity-main .avatar-medallion--hero{width:112px;height:112px}.profile-page .profile-preferences{grid-column:1 / -1;justify-self:start}.profile-page .profile-preferences[open]{width:min(100%,360px)}.profile-page .name-control,.profile-page .language-control{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:560px){.profile-page .identity-main{grid-template-columns:112px minmax(0,1fr);gap:.9rem;padding:1.1rem}.profile-page .identity-main:not(:has(.profile-preferences)) .identity-copy{grid-column:2}.profile-page .profile-preferences{grid-column:1 / -1}.profile-page .language-control{display:grid;grid-template-columns:minmax(0,1fr) auto}.profile-page .save-language{width:auto}.profile-page .kpi-ledger{padding:.55rem}.profile-page .kpi-ledger div{align-items:center;padding:.55rem .3rem;text-align:center}.profile-page .kpi-ledger dd{font-size:1.65rem}.profile-page .kpi-ledger div>span{display:block;font-size:.52rem}}@media(max-width:420px){.profile-page .name-control,.profile-page .language-control{grid-template-columns:1fr}.profile-page .save-language{width:100%;justify-content:center}.profile-page .kpi-ledger dt{font-size:.52rem}.profile-page .kpi-ledger div>span{font-size:.48rem}}}@layer pages{.leaderboard-page .page-main{max-width:1120px}.leaderboard-page svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.leaderboard-page .leader-breadcrumb{display:flex;align-items:center;min-height:28px;font-size:.78rem;color:var(--muted)}.leader-breadcrumb a{display:inline-flex;align-items:center;gap:.5rem;padding-block:.35rem}.leader-breadcrumb a:hover{color:var(--brass-light)}.leader-breadcrumb svg{width:16px;height:16px;color:var(--brass)}.leader-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem 0 1.6rem}.leader-hero__copy{min-width:0}.leaderboard-page .leader-hero .eyebrow{margin:0 0 .65rem;color:var(--brass-light);font-size:.65rem;letter-spacing:.15em}.leader-hero h1{margin:0;font-family:var(--font-card);font-size:clamp(2.15rem,3.8vw,3.4rem);letter-spacing:-.045em;line-height:1.1}.leader-hero h1 em{color:var(--brass-light);font-style:normal}.leader-hero__copy>p:last-child{max-width:610px;margin:.8rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.65}.leader-standing{display:flex;flex:none;align-items:flex-start;gap:1rem;min-width:190px;padding:1.1rem 1.3rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:linear-gradient(135deg,#c7a76512,#08171073)}.leader-standing>svg{width:26px;height:26px;margin-top:.2rem;color:var(--brass)}.leader-standing>div{display:grid;gap:.3rem}.leader-standing div>span{color:var(--muted);font-size:.72rem}.leader-standing strong{color:var(--brass-light);font-family:var(--font-card);font-size:2rem;line-height:1.15;font-variant-numeric:tabular-nums}.leader-standing button{width:max-content;padding:0;border:0;background:none;color:var(--brass-light);font-size:.72rem;cursor:pointer}.leader-standing button:hover{text-decoration:underline;text-underline-offset:3px}.leader-standing small{color:var(--muted);font-size:.7rem}.leader-controls{display:flex;align-items:stretch;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.leaderboard-page .mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,580px);gap:.4rem;padding:.35rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#040d0a59}.leaderboard-page .mode-tabs button{display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:0;min-height:56px;padding:.6rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.leaderboard-page .mode-tabs button:hover{color:var(--cream);background:#f4ead70a}.leaderboard-page .mode-tabs button.is-active{border-color:var(--brass);background:linear-gradient(120deg,var(--paper),var(--paper-warm));color:var(--ink);box-shadow:0 2px 0 var(--wood-light)}.leaderboard-page .mode-tabs button>span{display:grid;gap:.25rem;text-align:left;font-family:var(--font-ui);font-size:.875rem;font-weight:650}.leaderboard-page .mode-tabs small{font-size:.65rem;font-weight:400;color:var(--muted)}.leaderboard-page .mode-tabs .is-active small{color:var(--ink-soft)}.leaderboard-page .mode-tabs svg{width:21px;height:21px;flex:none}.leader-refresh{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:.55rem;min-height:44px;padding:.75rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#f4ead709;color:var(--muted);font-size:.8rem;cursor:pointer;transition:background .15s ease,color .15s ease}.leader-refresh:hover:not(:disabled){background:#f4ead714;color:var(--brass-light)}.leader-refresh:disabled{cursor:wait;opacity:.6}.leader-refresh svg{width:18px;height:18px}.leader-refresh.is-loading svg{animation:leader-spin 1s linear infinite}@keyframes leader-spin{to{transform:rotate(360deg)}}.leaderboard-page .is-refreshing{opacity:.6}.leader-results{min-width:0}.leader-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.leader-podium--single{grid-template-columns:minmax(0,1fr)}.leader-podium--two{grid-template-columns:repeat(2,minmax(0,1fr))}.podium-card{position:relative;display:grid;min-width:0;gap:.85rem;overflow:hidden;padding:1.15rem 1.35rem;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg,#f4ead709,#040d0a40),var(--night-soft);transition:border-color .15s ease,background .15s ease}.podium-card:hover{border-color:var(--brass);background-color:var(--night-green)}.podium-card:after{position:absolute;right:.4rem;bottom:-.6rem;color:#f4ead709;font-family:var(--font-card);font-size:8.5rem;line-height:1;content:"\2660";pointer-events:none}.podium-card--first{border-color:#c7a765a6;background:linear-gradient(115deg,rgba(199,167,101,.12),transparent 85%),var(--night-soft)}.podium-card--second{border-color:#bcc4c24d}.podium-card--third{border-color:#ae704b59}.podium-place{position:relative;z-index:1;display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.7rem}.podium-medal{display:inline-grid;width:23px;height:23px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.75rem;font-weight:650;color:#c6cdca}.podium-card--first .podium-medal{color:var(--brass-light);background:#c7a7651a}.podium-card--first .podium-place>span:nth-child(2){color:var(--brass-light)}.podium-card--third .podium-medal{color:#cc906d}.podium-place .you-mark{margin-left:auto}.podium-player{position:relative;z-index:1;display:flex;align-items:center;gap:.8rem;min-width:0}.podium-avatar{display:block;width:48px;height:48px;flex:none;overflow:hidden;border:1px solid var(--line-strong);border-radius:50%}.podium-card--first .podium-avatar{border-color:var(--brass);box-shadow:0 0 0 3px #c7a76514}.podium-player>div{display:grid;min-width:0;gap:.25rem}.podium-player strong{display:block;overflow:hidden;color:var(--cream);font-family:var(--font-ui);font-size:1rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.leaderboard-page .vip-mini{color:var(--brass-light);font-family:var(--font-ui);font-size:.65rem}.podium-score{position:relative;z-index:1;display:flex;align-items:baseline;gap:.55rem}.podium-score strong{color:var(--cream);font-family:var(--font-card);font-size:2rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.podium-card--first .podium-score strong{color:var(--brass-light)}.podium-score>span{color:var(--muted);font-size:.7rem}.podium-stats{display:flex;gap:1rem;margin:0;color:var(--muted);font-size:.72rem}.leaderboard-page .ranking-panel{overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--night-soft)}.ranking-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:82px;padding:1rem 1.5rem;border-bottom:1px solid var(--line-strong)}.ranking-kicker{display:block;margin-bottom:.3rem;color:var(--muted);font-size:.65rem}.ranking-panel__head h2{margin:0;color:var(--cream);font-family:var(--font-card);font-size:1.55rem;line-height:1.15}.ranking-meta{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.72rem}.ranking-status{display:inline-flex;align-items:center;gap:.5rem}.ranking-meta b{padding-left:1rem;border-left:1px solid var(--line);color:var(--cream);font-weight:500;white-space:nowrap}.live-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #7fc59d14}.live-dot--loading{background:var(--brass);box-shadow:none}.live-dot--error{background:var(--danger);box-shadow:none}.ranking-table{width:100%;border-collapse:collapse;table-layout:fixed}.ranking-table th{padding:.8rem 1rem;background:#040d0a33;border-bottom:1px solid var(--line);color:var(--muted);font-size:.65rem;font-weight:500;text-align:left}.ranking-table th:first-child{width:80px;text-align:center}.ranking-table th:nth-child(3){width:140px}.ranking-table th:nth-child(4){width:90px}.ranking-table th:nth-child(5){width:120px}.ranking-table th:last-child{width:90px;padding-right:1.5rem}.ranking-table td{height:70px;padding:.8rem 1rem;border-bottom:1px solid var(--line);color:var(--cream);font-size:.875rem;vertical-align:middle}.ranking-table td:first-child{text-align:center}.ranking-table td:last-child{padding-right:1.5rem}.ranking-table tbody tr:last-child td{border-bottom:0}.ranking-table tbody tr:hover{background:#f4ead709}.leaderboard-page .numeric{text-align:right;font-variant-numeric:tabular-nums}.leaderboard-page .score-main{color:var(--brass-light);font-family:var(--font-ui);font-size:1.05rem;font-weight:650}.rank-number{display:inline-grid;min-width:30px;height:30px;padding-inline:.25rem;place-items:center;border:1px solid transparent;border-radius:50%;color:var(--muted);font-family:var(--font-ui);font-size:.8rem;font-weight:500}.rank-number--gold{border-color:var(--brass);background:#c7a7651a;color:var(--brass-light)}.rank-number--silver{border-color:#bcc4c266;background:#bcc4c212;color:#c6cdca}.rank-number--bronze{border-color:#ae704b80;background:#ae704b14;color:#cc906d}.player-cell{display:flex;align-items:center;gap:.8rem;min-width:0}.player-cell__name{display:grid;gap:.25rem;min-width:0}.player-cell strong{overflow:hidden;color:var(--cream);font-family:var(--font-ui);font-size:.875rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.player-cell:hover strong{color:var(--brass-light)}.leader-avatar{display:block;width:38px;height:38px;flex:none;overflow:hidden;border:1px solid var(--line);border-radius:50%}.leaderboard-page .is-vip{border-color:var(--brass);box-shadow:0 0 0 2px #c7a7651a}.leaderboard-page .you-mark{flex:none;padding:.15rem .4rem;border-radius:4px;background:#c7a7651f;color:var(--brass-light);font-family:var(--font-ui);font-size:.6rem;font-weight:500;white-space:nowrap}.ranking-table tr.is-current,.ranking-card--current{background:linear-gradient(90deg,#c7a76521,#c7a76508);box-shadow:inset 3px 0 var(--brass)}.streak-value{display:inline-grid;min-width:26px;min-height:26px;place-items:center;color:var(--muted)}.streak-value--active{color:var(--success)}.ranking-cards{display:none}.ranking-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.8rem 1.5rem;border-top:1px solid var(--line);background:#040d0a29;color:var(--muted);font-size:.65rem}.ranking-footer>span:first-child{display:inline-flex;align-items:center;gap:.5rem}.ranking-footer i{width:5px;height:5px;flex:none;border-radius:50%;background:var(--brass)}.leader-footnote{margin:1.25rem 0 0;color:var(--muted);font-size:.72rem;text-align:center}.leaderboard-page .leader-state{padding:3rem 1.25rem}.leaderboard-page .leader-state h2{margin-block:1rem .65rem;font-size:1.65rem}.leaderboard-page .leader-state p{max-width:440px;margin:0 auto;font-size:.875rem;line-height:1.6}.leaderboard-page .leader-state .btn{margin-top:1.5rem;min-height:44px;font-size:.875rem}.leader-update-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem;border:1px solid rgba(224,131,143,.4);border-radius:var(--radius-sm);background:#70253526}.leader-update-error p{margin:0;color:var(--danger);font-size:.8rem;line-height:1.5}.leader-update-error p span{display:block;color:var(--muted)}.leader-update-error button{flex:none;min-height:44px;padding:.5rem .8rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--cream);font-size:.75rem;cursor:pointer}@media(max-width:1000px){.leader-hero{gap:1.25rem}.leader-standing{min-width:165px;padding:1rem}.ranking-table th:nth-child(5),.ranking-table td:nth-child(5){display:none}.ranking-table th:first-child{width:64px}.ranking-table th:nth-child(3){width:120px}.ranking-table th:nth-child(4),.ranking-table th:last-child{width:75px}.podium-card{padding:1rem}}@media(max-width:720px){.leader-hero{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem 0 1.25rem}.leader-standing{min-width:0;align-items:center;gap:.65rem;padding:.5rem .8rem}.leader-standing>svg{width:20px;height:20px;margin:0}.leader-standing>div{display:flex;flex:1;min-width:0;align-items:center;gap:.65rem}.leader-standing strong{font-size:1.3rem}.leader-standing button,.leader-standing small{margin-left:auto;font-size:.65rem}.leader-standing button{min-height:32px}.leader-hero h1{font-size:clamp(2rem,7vw,2.9rem)}.leader-hero__copy>p:last-child{font-size:.8rem;line-height:1.55}.leaderboard-page .mode-tabs button{gap:.55rem;padding-inline:.55rem}.leaderboard-page .mode-tabs button>span{font-size:.8rem}.leader-refresh{padding-inline:.75rem}.leader-refresh>span{display:none}.leader-podium{gap:.65rem}.podium-card{gap:.7rem;padding:.85rem .7rem}.podium-place{justify-content:center;gap:.3rem;font-size:.6rem}.podium-place .you-mark{display:none}.podium-player{flex-direction:column;gap:.6rem;text-align:center}.podium-player>div{max-width:100%}.podium-player strong{font-size:.75rem}.podium-player .vip-mini{display:none}.podium-score{flex-direction:column;align-items:center;gap:.2rem}.podium-score strong{font-size:clamp(1.1rem,4.8vw,1.7rem)}.podium-score>span{font-size:.6rem}.podium-stats{display:none}.podium-card:after{font-size:5rem}.ranking-panel__head{min-height:76px;padding:1rem}.ranking-meta{align-items:flex-end;flex-direction:column-reverse;gap:.4rem;font-size:.65rem}.ranking-meta b{border-left:0;padding-left:0}.ranking-panel__head h2{font-size:1.35rem}.ranking-kicker{font-size:.6rem}.ranking-table-wrap{display:none}.ranking-cards{display:grid;padding:0;margin:0;list-style:none}.ranking-card{display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:76px;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.ranking-card:last-child{border-bottom:0}.mobile-player{display:grid;gap:.4rem;min-width:0}.mobile-player>a{overflow:hidden;color:var(--cream);font-size:.8rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mobile-player>a:hover{color:var(--brass-light)}.mobile-player small{overflow:hidden;color:var(--muted);font-size:.65rem;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.mobile-player .you-mark{margin-right:.25rem;padding:.1rem .25rem;font-size:.55rem}.mobile-score{display:grid;gap:.25rem;max-width:110px;text-align:right}.mobile-score strong{color:var(--brass-light);font-size:.95rem;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mobile-score small{color:var(--muted);font-size:.6rem}.ranking-footer{gap:.6rem;padding-inline:1rem;font-size:.6rem;line-height:1.5}}@media(max-width:420px){.leaderboard-page .leader-breadcrumb{font-size:.72rem}.leaderboard-page .leader-hero .eyebrow{font-size:.58rem}.leader-controls{gap:.6rem;margin-bottom:1rem}.leaderboard-page .mode-tabs{gap:.2rem;padding:.25rem}.leaderboard-page .mode-tabs button{gap:.4rem;min-height:52px;padding:.5rem .35rem}.leaderboard-page .mode-tabs button>span{font-size:.72rem}.leaderboard-page .mode-tabs small{font-size:.58rem}.leaderboard-page .mode-tabs svg{width:16px;height:16px}.leader-refresh{width:44px;flex:none;padding:0}.leader-podium{gap:.5rem;margin-bottom:1rem}.podium-card{padding-inline:.45rem}.podium-place{flex-direction:column;min-height:38px;gap:.3rem}.podium-medal{width:20px;height:20px;font-size:.65rem}.podium-avatar{width:42px;height:42px}.podium-player strong{font-size:.65rem}.ranking-card{grid-template-columns:24px 32px minmax(0,1fr) auto;gap:.45rem;padding-inline:.65rem}.ranking-card .leader-avatar{width:32px;height:32px}.ranking-card .rank-number{min-width:24px;height:26px;font-size:.72rem}.mobile-player>a{font-size:.75rem}.mobile-player small{font-size:.6rem}.mobile-score{max-width:85px}.mobile-score strong{font-size:.875rem}.ranking-footer>span:last-child{display:none}.ranking-footer{min-height:42px}.leader-footnote{font-size:.65rem;line-height:1.5}.leader-update-error{align-items:stretch;flex-direction:column}}@media(max-width:350px){.leaderboard-page .mode-tabs svg{display:none}.ranking-panel__head{gap:.5rem;padding-inline:.75rem}.ranking-kicker{max-width:135px;line-height:1.4}.ranking-status{font-size:.58rem}}}@layer pages{.game-page{--hud-h: calc(56px + env(safe-area-inset-top)) ;--card-ratio: 1.413;--table-card-w: clamp(68px, 6.1vw, 92px);--hand-card-w: clamp(72px, 6.5vw, 94px)}html:has(.game-page),body:has(.game-page){height:100%;overflow:hidden}.dealer-roulette{position:fixed;z-index:80;inset:var(--hud-h) 0 0;display:grid;place-items:center;padding:16px;background:#040d0ae0}.dealer-roulette__panel{width:min(100%,560px);min-width:0;padding:24px 0 20px;border:1px solid rgba(199,167,101,.42);border-radius:20px;background:radial-gradient(ellipse at 50% 0,rgba(42,113,83,.22),transparent 70%),#10231b;box-shadow:0 7px #322219,0 24px 64px #0008;text-align:center;overflow:hidden}.dealer-roulette__panel .eyebrow{margin:0 16px 8px;color:var(--brass-light);font-size:10px;letter-spacing:.12em}.dealer-roulette__panel h2{margin:0 16px 24px;color:var(--cream);font:600 28px/1.15 var(--font-card)}.dealer-roulette__window{position:relative;width:100%;overflow:hidden;border-block:1px solid #c7a76530;background:#06140fc2}.dealer-roulette__window:after{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#10231b,transparent 22%,transparent 78%,#10231b);pointer-events:none;content:""}.dealer-roulette__track{position:relative;display:flex;width:max-content;gap:12px;padding:18px 0;will-change:transform}.dealer-roulette__player{display:grid;width:112px;flex:none;justify-items:center;align-content:center;gap:8px;min-height:134px;padding:14px 8px;border:1px solid #c7a76526;border-radius:12px;background:linear-gradient(145deg,#204c38,#10281e);color:var(--cream)}.dealer-roulette__player strong{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.2 var(--font-ui)}.dealer-roulette__player small{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.dealer-roulette__player.is-selected{border-color:var(--brass-light);background:linear-gradient(145deg,#406343,#1c3c2b);box-shadow:inset 0 0 20px #c7a76522,0 0 18px #c7a76522}.dealer-roulette__pointer{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(#e8ce91,transparent 28%,transparent 72%,#e8ce91);transform:translate(-50%)}.dealer-roulette__pointer:before,.dealer-roulette__pointer:after{position:absolute;left:50%;width:0;height:0;border-inline:7px solid transparent;content:"";transform:translate(-50%)}.dealer-roulette__pointer:before{top:0;border-top:9px solid #e8ce91}.dealer-roulette__pointer:after{bottom:0;border-bottom:9px solid #e8ce91}.dealer-roulette__result{min-height:24px;margin:20px 16px 8px;color:var(--muted);font:400 14px/1.5 var(--font-ui)}.dealer-roulette__result strong{color:var(--brass-light);font-weight:650;overflow-wrap:anywhere}.dealer-roulette__note{display:block;max-width:360px;margin:0 auto;padding:0 16px;color:var(--muted);font:400 11px/1.5 var(--font-ui)}@media(max-width:560px){.dealer-roulette{padding:12px}.dealer-roulette__panel{padding:20px 0 16px;border-radius:16px}.dealer-roulette__panel h2{margin-bottom:20px;font-size:25px}.dealer-roulette__player{width:96px}.dealer-roulette__result{margin-top:16px;font-size:13px}}@media(max-height:500px){.dealer-roulette__panel{padding:12px 0}.dealer-roulette__panel h2{margin-bottom:12px;font-size:22px}.dealer-roulette__track{padding:10px 0}.dealer-roulette__player{min-height:104px;gap:4px;padding:8px}.dealer-roulette__result{margin:10px 16px 0}.dealer-roulette__note{display:none}}.game-page button{border:0}.game-page{height:100%;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(24,106,75,.2),transparent 36rem),linear-gradient(145deg,#0d1b16,#06100d 55%,#101a16)}.game-page:before{background-image:linear-gradient(120deg,rgba(255,255,255,.018),transparent 32%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px)}.game-atmosphere{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.game-atmosphere i{position:absolute;color:#f4ead705;font:normal 13rem/1 var(--font-card)}.game-atmosphere i:nth-child(1){top:8%;left:-3rem;transform:rotate(-12deg)}.game-atmosphere i:nth-child(2){top:11%;right:4%;color:#a9233607;font-size:8rem;transform:rotate(9deg)}.game-atmosphere i:nth-child(3){right:-4rem;bottom:4%;transform:rotate(12deg)}.game-atmosphere i:nth-child(4){bottom:-1rem;left:8%;color:#a9233607;font-size:7rem}.game-hud{position:relative;z-index:40;display:grid;height:var(--hud-h);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0 clamp(.8rem,2.4vw,2.25rem);border-bottom:1px solid rgba(199,167,101,.17);background:linear-gradient(180deg,#0e1b16fa,#07110df0);box-shadow:0 10px 35px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-hud:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(226,202,141,.4),transparent);content:""}.hud-side{display:flex;min-width:0;align-items:center;gap:.75rem}.hud-side--right{justify-content:flex-end}.hud-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .78rem;border:1px solid rgba(244,234,215,.13);border-radius:.68rem;background:#f4ead709;color:var(--muted);font-size:.69rem;font-weight:800;transition:.15s ease}.hud-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hud-button:hover{border-color:#c7a7656b;background:#f4ead713;color:var(--cream);transform:translateY(-1px)}.hud-button--icon{width:44px;padding:0}.hud-brand{display:flex;align-items:center;gap:.35rem}.hud-brand__cards{position:relative;width:30px;height:38px}.hud-brand__cards img{position:absolute;width:22px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.hud-brand__cards img:first-child{top:2px;left:1px;transform:rotate(-8deg)}.hud-brand__cards img:last-child{right:0;bottom:0;transform:rotate(7deg)}.hud-brand>b{color:var(--cream);font-size:.8rem;letter-spacing:-.035em}.hud-brand>b span{color:var(--brass-light)}.match-status{display:grid;min-width:260px;justify-items:center;text-align:center}.match-status__meta{display:flex;align-items:center;gap:.48rem;color:#858e86;font-size:.53rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.match-status__meta>span+span:before{margin-right:.48rem;color:#5d675f;content:"\2022"}.live-dot{color:var(--success)}.live-dot i{display:inline-block;width:5px;height:5px;margin-right:.28rem;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor;vertical-align:1px}.match-status strong{display:flex;align-items:center;gap:.4rem;margin-top:.18rem;color:var(--cream);font-family:var(--font-card);font-size:1.1rem;letter-spacing:.01em}.match-status strong .turn-spark{color:var(--brass-light);font-size:.55rem;filter:drop-shadow(0 0 5px rgba(226,202,141,.5));animation:turn-glow 1.8s ease-in-out infinite}.match-status small{margin-top:.08rem;color:#90a198;font-size:.55rem}@keyframes turn-glow{50%{opacity:.48;transform:scale(.78)}}.turn-clock{display:flex;min-height:45px;align-items:center;gap:.48rem;padding:.38rem .68rem;border:1px solid rgba(226,189,112,.25);border-radius:.7rem;background:#976f2617}.turn-clock svg{width:19px;height:19px;fill:none;stroke:var(--warning);stroke-linecap:round;stroke-width:1.8}.turn-clock span{display:grid}.turn-clock small{color:#968c77;font-size:.45rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.turn-clock b{color:#f1d38e;font:700 .8rem/1.15 ui-monospace,SFMono-Regular,Consolas,monospace}.table-main{position:relative;z-index:1;display:grid;height:calc(100% - var(--hud-h));min-height:0;grid-template-rows:minmax(0,1fr) clamp(185px,28vh,260px)}.table-zone{position:relative;display:flex;min-height:0;align-items:center;justify-content:center;padding:clamp(3.2rem,7vh,5.4rem) clamp(5.7rem,8vw,8rem) clamp(2.1rem,4.6vh,3.4rem)}.table-rim{position:relative;width:min(100%,1180px);height:100%;min-height:300px;padding:clamp(8px,1vw,14px);border:1px solid #8a5839;border-radius:clamp(55px,10vw,150px);background:linear-gradient(145deg,#855236,#3a2319 26%,#6f432c,#291912 74%,#73462e);box-shadow:0 28px 55px #0000006e,inset 0 2px #ffffff1f,inset 0 -5px 10px #00000080,0 0 0 3px #190c08a6}.table-rim:before{position:absolute;z-index:2;inset:5px;border:1px solid rgba(226,202,141,.28);border-radius:inherit;content:"";pointer-events:none}.table-rim:after{position:absolute;right:11%;bottom:-6px;left:11%;height:14px;border-radius:0 0 80% 80%;background:#26160f;filter:blur(2px);content:""}.table-felt{position:relative;width:100%;height:100%;overflow:visible;border:2px solid #15392c;border-radius:inherit;background:radial-gradient(ellipse at 50% 35%,rgba(91,177,132,.2),transparent 47%),repeating-linear-gradient(115deg,rgba(255,255,255,.009) 0 2px,transparent 2px 7px),linear-gradient(145deg,#176b4f,#0b513c 52%,#063829);box-shadow:inset 0 0 70px #0000007a,inset 0 2px #ffffff0f}.table-felt:before{position:absolute;inset:8%;border:1px solid rgba(226,202,141,.11);border-radius:inherit;content:""}.table-felt:after{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.32),transparent 47%);content:"";pointer-events:none}.felt-watermark{position:absolute;top:50%;left:50%;color:#f4ead709;font:normal clamp(8rem,18vw,15rem)/1 var(--font-card);transform:translate(-50%,-51%)}.table-rule{position:absolute;inset:17%;border:1px dashed rgba(244,234,215,.065);border-radius:50%}.seat--1{top:-5%;left:50%}.seat--2{top:3%;left:20%}.seat--3{top:3%;left:80%}.seat--4{top:50%;left:101.5%}.seat--5{top:94%;left:82%}.seat--6{top:94%;left:18%}.seat--7{top:50%;left:-1.5%}.seat--1:after,.seat--2:after,.seat--3:after{bottom:-5px}.seat--4:after{left:-5px}.seat--5:after,.seat--6:after{top:-5px}.seat--7:after{right:-5px}.seat-avatar{display:grid;width:35px;height:35px;flex:none;place-items:center;color:#302113;font-family:var(--font-card);font-size:.75rem;font-style:normal;font-weight:800}.game-page .seat-avatar{border:0;border-radius:0;background:transparent;box-shadow:none}.game-page .seat-avatar>.avatar{border-radius:.35rem}.seat-avatar.avatar--wine{background:radial-gradient(circle at 35% 25%,#da909a,#702736 74%);color:#fff3f4}.seat-avatar.avatar--blue{background:radial-gradient(circle at 35% 25%,#8eb8c0,#315963 74%);color:#effcfd}.seat-avatar.avatar--green{background:radial-gradient(circle at 35% 25%,#92c9aa,#32664f 74%);color:#eff8f2}.opponent-hand__stack{position:relative;width:13px;height:17px;border:1px solid rgba(226,202,141,.58);border-radius:2px;background:#173452;box-shadow:-2px 2px #0a1929;transform:rotate(-6deg)}.center-play{position:absolute;z-index:5;top:50%;left:50%;display:flex;align-items:center;gap:clamp(.7rem,2vw,1.6rem);transform:translate(-50%,-50%)}.pile{position:relative;display:grid;justify-items:center;margin:0}.pile img,.pile button{width:var(--table-card-w)}.pile img{display:block;aspect-ratio:1/var(--card-ratio);max-width:none;object-fit:contain;filter:drop-shadow(0 12px 9px rgba(0,0,0,.42));-webkit-user-select:none;user-select:none}.pile button{position:relative;display:block;padding:0;border:0;background:none;cursor:pointer}.pile button:hover img{transform:translateY(-4px);filter:drop-shadow(0 16px 12px rgba(0,0,0,.48)) drop-shadow(0 0 9px rgba(226,202,141,.16))}.pile button img{transition:.16s ease}.pile-stack{position:absolute;z-index:-1;inset:-5px 4px 5px -4px;border:1px solid rgba(226,202,141,.35);border-radius:5px;background:#142d49;box-shadow:-3px 3px #0a1929,-5px 5px #040a08ad;transform:rotate(-1.5deg)}.pile-count{position:absolute;right:-8px;bottom:-7px;display:grid;min-width:25px;height:25px;padding:0 .3rem;place-items:center;border:1px solid rgba(226,202,141,.48);border-radius:50%;background:#12221c;color:var(--cream);font:800 .58rem/1 var(--font-ui);box-shadow:0 4px 10px #0006}.pile--discard{transform:rotate(3deg)}.discard-stack{position:relative;width:var(--table-card-w)}.discard-stack>.discard-shadow{inset:2px -2px -2px 2px}.discard-shadow{position:absolute;z-index:-1;inset:2px -2px -2px 2px;border-radius:5px;background:#f4ead740;box-shadow:2px 2px #0000003d;transform:rotate(-6deg)}.player-dock{position:relative;z-index:20;display:grid;grid-template-columns:minmax(160px,1fr) minmax(500px,850px) minmax(230px,1fr);align-items:end;gap:1rem;padding:0 clamp(1rem,2.4vw,2.4rem) max(.7rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(4,11,8,.82) 28%,rgba(4,10,8,.97))}.self-summary{align-self:center;display:grid;max-width:210px;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.55rem .65rem;border:1px solid rgba(244,234,215,.1);border-radius:.75rem;background:#040c0985;box-shadow:0 10px 24px #0003}.self-summary>span:nth-child(2){display:grid;min-width:0}.self-summary small{color:#878f88;font-size:.45rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.self-summary b{overflow:hidden;color:var(--cream);font-family:var(--font-card);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.self-summary em{grid-column:2;color:var(--success);font-size:.48rem;font-style:normal;font-weight:800}.score-chip{grid-row:1/3;grid-column:3;display:grid;padding-left:.55rem;border-left:1px solid var(--line);text-align:center}.score-chip b{color:var(--brass-light);font:700 1rem/1 var(--font-card)}.hand-wrap{position:relative;width:100%;height:100%;min-height:185px}.hand-glow{position:absolute;right:9%;bottom:4px;left:9%;height:70px;border-radius:50%;background:radial-gradient(ellipse,rgba(52,132,92,.2),transparent 68%);filter:blur(15px)}.player-hand{position:absolute;right:0;bottom:0;left:0;height:100%;min-height:185px}.hand-card{--step:clamp(28px,3.2vw,43px);position:absolute;bottom:10px;left:calc(50% + (var(--i) * var(--step)) - (var(--hand-card-w) / 2));display:block;width:var(--hand-card-w);padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer;transform:translateY(calc(abs(var(--i))*1px)) rotate(var(--r));transform-origin:50% 118%;transition:transform .15s ease,filter .15s ease}.hand-card img{display:block;width:100%;aspect-ratio:1/var(--card-ratio);max-width:none;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(0,0,0,.48));-webkit-user-select:none;user-select:none}.hand-card:hover,.hand-card:focus-visible,.hand-card.is-selected{z-index:30;transform:translateY(-27px) rotate(0) scale(1.05)}.hand-card.is-playable img{filter:drop-shadow(0 8px 6px rgba(0,0,0,.48)) drop-shadow(0 0 5px rgba(226,202,141,.3))}.hand-card.is-selected:after{position:absolute;top:-13px;left:50%;display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(226,202,141,.7);border-radius:50%;background:#3b321e;color:var(--brass-light);content:"\2713";font-size:.55rem;font-weight:900;box-shadow:0 3px 8px #00000059;transform:translate(-50%)}.state-links{position:fixed;z-index:35;top:calc(var(--hud-h) + .35rem);right:.55rem;display:flex;align-items:center;gap:.32rem;opacity:.3;transition:opacity .15s ease}.state-links:hover,.state-links:focus-within{opacity:1}.state-links span,.state-links a{color:#9b958c;font-size:.43rem}.state-links a{padding:.2rem .35rem;border:1px solid rgba(244,234,215,.14);border-radius:99px;background:#040c09bf}.game-modal{position:fixed;z-index:150;inset:0;display:grid;padding:1rem;place-items:center;background:transparent;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .17s ease,visibility .17s ease}.game-modal:target{opacity:1;pointer-events:auto;visibility:visible}.game-modal__backdrop{position:absolute;inset:0;background:#020806d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-modal__panel{position:relative;z-index:1;width:min(100%,490px);max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid rgba(199,167,101,.42);border-radius:1.2rem;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 35%),#11231c;box-shadow:0 8px #2b1a15,0 36px 90px #000000a3,inset 0 1px #ffffff0a;scrollbar-color:var(--brass) rgba(0,0,0,.2)}.game-modal__panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.2rem;border-bottom:1px solid var(--line)}.game-modal__panel header .eyebrow{margin-bottom:.18rem;font-size:.52rem}.game-modal__panel h2{margin:0;color:var(--cream);font-family:var(--font-card);font-size:1.55rem;letter-spacing:-.02em}.modal-x{display:grid;width:42px;height:42px;flex:none;place-items:center;border:1px solid var(--line);border-radius:.65rem;background:#f4ead70b;color:var(--muted);font-size:1.15rem}.modal-x:hover{border-color:var(--line-strong);color:var(--cream)}.game-modal__panel>footer{display:flex;justify-content:flex-end;gap:.55rem;padding:1rem 1.2rem;border-top:1px solid var(--line)}.settings-group{padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.settings-group h3{margin:0 0 .55rem;color:#aaa297;font-size:.58rem;letter-spacing:.04em}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.choice-row button{display:grid;min-height:83px;justify-items:center;gap:.1rem;padding:.55rem;border:1px solid var(--line);border-radius:.7rem;background:#040d0a59;color:var(--muted);cursor:pointer}.choice-row button>span{color:var(--brass-light);font-family:var(--font-card);font-size:1.35rem}.choice-row button b{color:var(--cream);font-size:.62rem}.choice-row button small{font-size:.48rem}.choice-row button.is-active{border-color:#e2ca8d8c;background:#c7a7651a;box-shadow:inset 0 0 0 2px #c7a76514}.setting-line{display:flex;min-height:53px;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(244,234,215,.065)}.setting-line:last-child{border:0}.setting-line span{display:grid}.setting-line b{color:var(--cream);font-size:.62rem}.setting-line small{margin-top:.15rem;color:#8f897e;font-size:.49rem}.switch{position:relative;width:42px;height:25px;flex:none;border:1px solid rgba(244,234,215,.18);border-radius:99px;background:#040d0a99;cursor:pointer}.switch i{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#77786f;transition:.15s ease}.switch.is-on{border-color:#7fc59d73;background:#2b714d57}.switch.is-on i{left:20px;background:var(--success);box-shadow:0 0 7px #7fc59d73}.settings-states{padding:.8rem 1.2rem}.settings-states>span{display:block;margin-bottom:.45rem;color:#837e76;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.settings-states>div{display:flex;gap:.35rem;flex-wrap:wrap}.settings-states a{min-height:32px;padding:.48rem .6rem;border:1px solid var(--line);border-radius:.5rem;color:#aaa398;font-size:.5rem;font-weight:750}.settings-states a:hover{border-color:var(--line-strong);color:var(--cream)}.hint-current{display:flex;align-items:center;gap:.65rem;margin:1rem 1.2rem;padding:.75rem;border:1px solid rgba(209,74,91,.25);border-radius:.75rem;background:#7025351a}.hint-current>span{display:grid;width:42px;height:42px;place-items:center;border-radius:.55rem;background:var(--paper);color:var(--red-suit);font:700 1.5rem/1 var(--font-card);box-shadow:0 3px #806449}.hint-current div{display:grid}.hint-current small{color:#9a8f87;font-size:.48rem}.hint-current b{color:#ffd4d8;font-family:var(--font-card)}.hint-current em{margin-left:auto;color:var(--success);font-size:.5rem;font-style:normal;font-weight:800}.hint-panel ul{display:grid;gap:.55rem;margin:0;padding:0 1.2rem 1rem 2.3rem;color:#aaa49a;font-size:.62rem;line-height:1.5}.hint-panel li::marker{color:var(--brass)}.hint-panel li b{color:var(--cream)}.special-hint{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0 1.2rem 1rem}.special-hint span{display:grid;min-height:45px;place-content:center;border:1px solid var(--line);border-radius:.55rem;background:#040d0a4d;color:var(--brass-light);font:700 .75rem/1 var(--font-card);text-align:center}.special-hint b{margin-top:.15rem;color:#918a80;font:700 .42rem/1 var(--font-ui);text-transform:uppercase}.suit-panel{width:min(100%,430px)}.suit-panel header>div>span{display:block;margin-top:.3rem;color:var(--muted);font-size:.55rem}.suit-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:1rem 1.2rem}.suit-grid a{display:grid;min-height:118px;place-content:center;border:1px solid var(--line);border-radius:.9rem;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.04),transparent),#040d0a61;text-align:center;transition:.15s ease}.suit-grid a:hover{border-color:var(--brass);background:#c7a7651a;transform:translateY(-2px)}.suit-grid strong{font:normal 2.4rem/1 var(--font-card)}.suit-grid span{margin-top:.35rem;color:var(--cream);font-family:var(--font-card);font-size:.8rem}.suit-grid small{margin-top:.14rem;color:#7f7b74;font-size:.42rem;text-transform:uppercase}.suit-grid .suit-red strong{color:#d85a68}.cancel-link{display:flex;min-height:48px;align-items:center;justify-content:center;margin:0 1.2rem 1rem;color:var(--muted);font-size:.6rem;font-weight:750}.game-state-modal .game-modal__panel{padding:1.3rem;text-align:center}.game-state-modal .eyebrow{margin:.8rem 0 .2rem}.game-state-modal h2{font-size:1.65rem}.game-state-modal h2+p{max-width:390px;margin:.45rem auto 0;color:var(--muted);font-size:.62rem;line-height:1.55}.game-state-modal .game-modal__panel>footer{margin:1rem -1.3rem -1.3rem}.state-emblem,.winner-mark{display:grid;width:52px;height:52px;margin-inline:auto;place-items:center;border:1px solid rgba(199,167,101,.48);border-radius:50%;background:#c7a7651a;color:var(--brass-light);font:normal 1.5rem/1 var(--font-card)}.ready-list{display:grid;gap:.4rem;margin-top:1rem;text-align:left}.ready-list>div{display:grid;min-height:48px;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.4rem .55rem;border:1px solid var(--line);border-radius:.65rem;background:#040d0a4d}.ready-list .seat-avatar{width:32px;height:32px}.ready-list b{color:var(--cream);font-family:var(--font-card);font-size:.66rem}.ready-list b small{color:var(--brass-light);font:700 .42rem/1 var(--font-ui)}.ready-list em{display:flex;align-items:center;gap:.3rem;color:#9d968b;font-size:.48rem;font-style:normal}.ready-list em.is-ready{color:var(--success)}.state-progress{display:flex;align-items:center;gap:.7rem;margin-top:.8rem}.state-progress>span{height:5px;flex:1;overflow:hidden;border-radius:99px;background:#f4ead714}.state-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#438760,var(--success))}.state-progress b{color:#9e978c;font-size:.48rem}.winner-mark{border-color:#d14a5b6b;background:#7025352e;color:#e46a78}.score-list{margin-top:1rem;overflow:hidden;border:1px solid var(--line);border-radius:.75rem;text-align:left}.score-list>div{display:grid;min-height:45px;grid-template-columns:1fr 60px 60px;align-items:center;padding:.38rem .65rem;border-bottom:1px solid rgba(244,234,215,.07)}.score-list>div:last-child{border:0}.score-list .score-head{min-height:32px;background:#040d0a59;color:#817b72;font-size:.44rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.score-list .is-self{background:#c7a76512;box-shadow:inset 2px 0 var(--brass)}.score-list b{display:flex;align-items:center;gap:.5rem;color:var(--cream);font-family:var(--font-card);font-size:.62rem}.score-list b small{color:var(--brass-light);font:700 .4rem/1 var(--font-ui)}.score-list .seat-avatar{width:28px;height:28px;font-size:.58rem}.score-list em{color:var(--danger);font-size:.55rem;font-style:normal;font-weight:800}.score-list strong{color:var(--cream);font-family:var(--font-card);font-size:.7rem}.ready-row{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.ready-row>span{display:flex;gap:.22rem}.ready-row i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 5px #7fc59d80}.ready-row i.off{background:#4c554f;box-shadow:none}.ready-row b{color:#938d83;font-size:.48rem}.final-panel{overflow:hidden}.laurel{position:relative;display:grid;width:70px;height:70px;margin-inline:auto;place-items:center;border:1px solid var(--brass);border-radius:50%;background:radial-gradient(circle,#2a4938,#10261d);box-shadow:0 0 28px #c7a76533}.laurel:before,.laurel:after{position:absolute;color:var(--brass-light);content:"\2767";font-size:1.5rem}.laurel:before{left:-19px;transform:rotate(-40deg)}.laurel:after{right:-19px;transform:scaleX(-1) rotate(-40deg)}.laurel span{color:var(--brass-light);font:normal 1.8rem/1 var(--font-card)}.podium{display:flex;height:145px;align-items:end;justify-content:center;gap:.35rem;margin:1rem 0 0;padding:0;list-style:none}.podium li{position:relative;display:grid;width:29%;min-height:100px;justify-items:center;align-content:start;padding:.55rem .25rem;border:1px solid var(--line);border-radius:.7rem .7rem 0 0;background:#040d0a57}.podium li:nth-child(2){min-height:135px;border-color:#e2ca8d7a;background:linear-gradient(180deg,#c7a7652b,#040d0a66)}.podium li>span{position:absolute;top:-9px;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#29362f;color:#b5aea1;font:700 .55rem/1 var(--font-card)}.podium li:nth-child(2)>span{background:var(--brass);color:#2e2112}.podium .seat-avatar{width:38px;height:38px;margin-top:.25rem}.podium b{margin-top:.28rem;color:var(--cream);font-family:var(--font-card);font-size:.6rem}.podium small{margin-top:.18rem;color:#888278;font-size:.45rem}.match-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:.7rem;overflow:hidden}.match-facts span{display:grid;gap:.16rem;padding:.55rem;border-right:1px solid var(--line)}.match-facts span:last-child{border:0}.match-facts small{color:#837d74;font-size:.43rem;text-transform:uppercase}.match-facts b{color:var(--brass-light);font-family:var(--font-card);font-size:.8rem}.reconnect-state .game-modal__backdrop{background:#020806b8;-webkit-backdrop-filter:blur(7px) grayscale(.3);backdrop-filter:blur(7px) grayscale(.3)}.reconnect-panel{width:min(100%,430px);padding:1.4rem;text-align:center}.connection-rings{position:relative;display:grid;width:64px;height:64px;margin-inline:auto;place-items:center}.connection-rings i{position:absolute;inset:0;border:1px solid rgba(226,189,112,.2);border-radius:50%;animation:connection-ping 1.8s ease-out infinite}.connection-rings i:nth-child(2){animation-delay:.65s}.connection-rings b{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(226,189,112,.42);border-radius:50%;background:#976f2629;color:var(--warning);font-size:1.25rem;animation:spin 1.8s linear infinite}@keyframes connection-ping{0%{opacity:0;transform:scale(.65)}35%{opacity:1}to{opacity:0;transform:scale(1.35)}}.reconnect-panel .eyebrow{margin:.8rem 0 .15rem}.reconnect-panel h2{font-size:1.65rem}.reconnect-panel>p{margin:.5rem auto 0;color:var(--muted);font-size:.62rem;line-height:1.55}.reconnect-note{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.12rem .55rem;margin-top:1rem;padding:.7rem;border:1px solid rgba(226,189,112,.2);border-radius:.65rem;background:#976f2614;text-align:left}.reconnect-note .spinner{grid-row:1/3;border-top-color:var(--warning)}.reconnect-note b{color:#d8c08e;font-size:.55rem}.reconnect-note small{color:#8f8777;font-size:.45rem}.reconnect-panel footer{margin:1.1rem -1.4rem -1.4rem}@media(max-width:1100px){.hud-brand>b{display:none}.table-zone{padding-inline:5.4rem}.player-dock{grid-template-columns:150px minmax(480px,1fr) 210px;gap:.5rem}}@media(max-width:760px){.game-page{--hud-h: calc(48px + env(safe-area-inset-top)) ;--table-card-w:62px;--hand-card-w:70px}.game-hud{grid-template-columns:auto 1fr auto;gap:.45rem;padding:0 .65rem}.hud-button{width:42px;min-height:42px;padding:0}.hud-button--exit span,.hud-brand,.turn-clock small,.desktop-only,.match-status small{display:none}.hud-side{gap:.35rem}.turn-clock{min-height:42px;padding:.3rem .48rem}.turn-clock svg{width:16px;height:16px}.turn-clock b{font-size:.7rem}.match-status{min-width:0}.match-status__meta{gap:.26rem;font-size:.43rem}.match-status__meta>span+span:before{margin-right:.26rem}.match-status strong{margin-top:.12rem;font-size:.88rem}.table-main{grid-template-rows:auto minmax(0,1fr) clamp(175px,26vh,215px)}.table-zone{align-items:center;padding:.45rem .65rem .8rem}.table-rim{width:100%;height:100%;min-height:155px;padding:7px;border-radius:42px}.table-felt{border-radius:34px}.felt-watermark{font-size:7rem}.table-rule{inset:14%}.center-play{gap:.65rem}.pile-count{right:-5px;width:21px;min-width:21px;height:21px;font-size:.48rem}.player-dock{display:block;padding:0 .65rem max(.3rem,env(safe-area-inset-bottom))}.self-summary{position:absolute;z-index:40;top:-3px;left:.65rem;display:flex;max-width:125px;min-height:31px;gap:.35rem;padding:.22rem .38rem;border-radius:99px}.self-summary .seat-avatar{width:25px;height:25px;font-size:.55rem}.self-summary>span:nth-child(2) small,.self-summary em,.score-chip{display:none}.self-summary b{font-size:.58rem}.hand-wrap{position:absolute;right:.4rem;bottom:0;left:.4rem;width:auto;height:150px;min-height:0}.player-hand{min-height:150px}.hand-card{--step:clamp(17px,5.1vw,21px);bottom:11px;transform:translateY(calc(abs(var(--i))*.7px)) rotate(var(--r))}.hand-card:hover,.hand-card:focus-visible,.hand-card.is-selected{transform:translateY(-20px) rotate(0) scale(1.04)}.state-links{display:none}}@media(max-width:390px){.game-page{--table-card-w:58px;--hand-card-w:66px}.game-hud{padding-inline:.45rem}.hud-button{width:40px;min-height:40px}.hud-side--left .hud-button{display:none}.game-hud{grid-template-columns:1fr auto}.hud-side--right{grid-column:2}.match-status{grid-row:1;grid-column:1;justify-items:start;padding-left:.2rem;text-align:left}.match-status strong{font-size:.84rem}.table-main{grid-template-rows:auto minmax(0,1fr) clamp(165px,25vh,200px)}.table-zone{padding:.3rem .45rem .65rem}.center-play{gap:.48rem}.player-dock{padding-inline:.45rem}.self-summary{left:.45rem}.hand-card{--step:clamp(16px,5vw,19.5px)}}@media(max-width:340px){.game-page{--table-card-w:53px;--hand-card-w:60px}.match-status__meta span:nth-child(2){display:none}.turn-clock{padding-inline:.38rem}.table-main{grid-template-rows:auto minmax(0,1fr) 165px}.table-rim{border-radius:34px}.table-felt{border-radius:27px}.hand-card{--step:17px}}@media(max-height:720px)and (min-width:761px){.game-page{--hud-h: calc(48px + env(safe-area-inset-top)) ;--table-card-w:64px;--hand-card-w:72px}.game-hud{height:var(--hud-h)}.table-main{grid-template-rows:minmax(0,1fr) 170px}.table-zone{padding-top:3.1rem;padding-bottom:2.3rem}.table-rim{min-height:240px}.player-dock{grid-template-columns:145px minmax(450px,1fr) 205px}.hand-wrap,.player-hand{min-height:155px}}@media(max-width:900px)and (max-height:540px)and (orientation:landscape){.game-page{--hud-h: calc(48px + env(safe-area-inset-top)) ;--table-card-w:52px;--hand-card-w:57px}.game-page{height:100lvh}.game-hud{height:var(--hud-h)}.table-main{height:calc(100lvh - var(--hud-h));grid-template-rows:auto minmax(0,1fr) 118px}.table-zone{padding:.35rem 3.5rem .7rem 8.5rem}.table-rim{min-height:155px;border-radius:43px}.table-felt{border-radius:35px}.center-play{gap:.5rem}.player-dock{display:block;padding:0 .5rem}.hand-wrap{position:absolute;right:195px;bottom:0;left:135px;width:auto;height:112px;min-height:0}.player-hand{min-height:112px}.hand-card{--step:clamp(16px,3.6vw,27px)}.self-summary{position:absolute;bottom:5px;left:.5rem;display:flex;width:125px}.self-summary .score-chip,.self-summary em,.self-summary small{display:none}}@media(max-height:600px)and (max-width:760px)and (orientation:portrait){.game-page{--hud-h: calc(48px + env(safe-area-inset-top)) ;--table-card-w:48px;--hand-card-w:57px}.game-hud{height:var(--hud-h)}.hud-button,.turn-clock{min-height:38px}.table-main{grid-template-rows:54px minmax(0,1fr) 142px}.table-zone{padding-block:.25rem .45rem}.hand-wrap,.player-hand{height:128px;min-height:128px}.hand-card{--step:clamp(15px,4.7vw,18px)}.self-summary{max-width:115px}}@media(max-width:560px){.game-modal{padding:.6rem}.game-modal__panel{max-height:calc(100dvh - 1.2rem)}.game-modal__panel>header{padding:1rem}.game-modal__panel h2,.game-state-modal h2,.reconnect-panel h2{font-size:1.35rem}.settings-group,.settings-states{padding-inline:1rem}.game-modal__panel>footer{padding:1rem}.game-state-modal .game-modal__panel{padding:1rem}.game-state-modal .game-modal__panel>footer{margin:1rem -1rem -1rem}.hint-current{margin-inline:1rem}.hint-panel ul{padding-right:1rem}.special-hint{margin-inline:1rem}.suit-grid{padding-inline:1rem}.suit-grid a{min-height:102px}.suit-grid strong{font-size:2rem}.reconnect-panel{padding:1rem}.reconnect-panel footer{margin:1rem -1rem -1rem}}@media(prefers-reduced-motion:reduce){.turn-spark,.connection-rings i,.connection-rings b{animation:none!important}}.game-page{--hud-h: calc(56px + env(safe-area-inset-top)) ;--table-card-w:clamp(96px,7.4vw,112px);--hand-card-w:108px;background:radial-gradient(circle at 50% 45%,rgba(37,127,89,.22),transparent 36rem),radial-gradient(circle at 50% 100%,rgba(112,37,53,.12),transparent 30rem),linear-gradient(145deg,#0c1a15,#050e0b 58%,#101b16)}.game-hud{height:var(--hud-h);padding:0 clamp(.9rem,2.2vw,2rem);border-bottom-color:#e2ca8d40;background:linear-gradient(180deg,#101f19fc,#06100cf7)}.game-hud:before{position:absolute;bottom:0;left:50%;width:min(42vw,520px);height:1px;background:linear-gradient(90deg,transparent,#d8bd7b,transparent);content:"";transform:translate(-50%)}.hud-side{gap:.65rem}.hud-button{color:#d1c9bb;font-size:.74rem}.hud-brand>b{font-size:.9rem}.table-main{position:relative;display:block;height:calc(100% - var(--hud-h));min-height:0}.table-zone{position:absolute;inset:0;display:flex;padding:clamp(3rem,6vh,4.2rem) clamp(7.2rem,8.5vw,8.8rem) 3.8rem}.table-rim{width:min(100%,1220px);height:100%;min-height:420px;border-color:#9b6845;background:linear-gradient(145deg,#9b6743,#3c2418 23%,#7b4b2f 49%,#28170f 73%,#815035);box-shadow:0 34px 68px #0000007a,inset 0 2px #ffffff29,inset 0 -8px 14px #0000008c,0 0 0 3px #190c08bf}.table-rim:before{inset:5px;border-color:#f2d1896b;box-shadow:inset 0 0 0 3px #30180f59}.table-felt{background:radial-gradient(ellipse at 50% 42%,rgba(109,196,150,.24),transparent 44%),repeating-linear-gradient(115deg,rgba(255,255,255,.011) 0 2px,transparent 2px 7px),linear-gradient(145deg,#1a7657,#0b513c 54%,#063528)}.table-felt:before{inset:7%;border-color:#e2ca8d26}.table-rule{inset:15%;border-color:#f4ead716}.felt-watermark{opacity:.65}.seat-avatar{padding:2px;border-radius:7px;box-shadow:0 6px 13px #00000052,inset 0 1px #ffffff2e}.seat-avatar>app-player-avatar .avatar,.seat-avatar>app-player-avatar .avatar.avatar--vip{border:0;border-radius:4px;box-shadow:none}.seat-avatar>app-player-avatar .avatar__image{border-radius:3px}.center-aura{position:absolute;z-index:2;top:54%;left:50%;width:min(48%,480px);height:56%;border:1px solid rgba(226,202,141,.09);border-radius:50%;background:radial-gradient(ellipse,rgba(244,234,215,.055),transparent 67%);box-shadow:inset 0 0 60px #00000014;transform:translate(-50%,-50%);pointer-events:none}.center-play{top:52%;gap:clamp(1rem,2.1vw,1.7rem)}.pile button,.pile img{width:var(--table-card-w)}.pile-stack{inset:-8px 7px 7px -7px;border-radius:6px;box-shadow:-4px 4px #0a1929,-8px 8px #040a08b8}.pile-stack:before{position:absolute;inset:3px -5px -3px 5px;border:1px solid rgba(244,234,215,.26);border-radius:5px;background:#173454;content:"";transform:rotate(2deg)}.pile--draw button{cursor:pointer}.pile--draw>button:after{position:absolute;inset:-9px;border:1px solid transparent;border-radius:9px;content:"";transition:.15s ease}.pile--draw>button:hover:after,.pile--draw>button:focus-visible:after{border-color:#e2ca8dad;box-shadow:0 0 22px #e2ca8d2e}.discard-stack{position:relative;width:var(--table-card-w);aspect-ratio:1/1.413;transition:.16s ease}.discard-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 9px rgba(0,0,0,.44))}.discard-under--one{transform:translate(-4px,4px) rotate(-5deg)}.discard-under--two{transform:translate(4px,3px) rotate(5deg)}.discard-top{transform:rotate(1.5deg)}.pile--discard{transform:none}.discard-stack:after{position:absolute;z-index:8;inset:-12px;display:grid;place-items:center;border:2px dashed rgba(226,202,141,0);border-radius:12px;background:#093e2c00;color:#fff8e8;content:"\421\44b\433\440\430\442\44c";font-size:.64rem;font-weight:900;letter-spacing:.08em;opacity:0;text-transform:uppercase;transition:.14s ease}.discard-stack.is-drop-ready:after{border-color:#7fe09eb3;background:#093e2c80;opacity:1}.discard-stack.is-drag-over{transform:scale(1.08)}.discard-stack.is-drag-over:after{border-style:solid;background:#27794e9e;box-shadow:0 0 30px #5bd28559}.discard-stack.has-new-card{animation:discard-pop .42s ease}.discard-stack.is-rejected{animation:discard-shake .36s ease}@keyframes discard-pop{45%{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 22px rgba(127,224,158,.55))}}@keyframes discard-shake{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}.game-page.has-draw-debt .pile--draw>button:after{border-color:#e7a453bd;box-shadow:0 0 24px #db8b3538}.player-dock{position:absolute;z-index:24;right:0;bottom:0;left:0;display:block;height:320px;padding:0;background:linear-gradient(180deg,transparent 0%,rgba(4,11,8,.34) 58%,rgba(4,10,8,.9) 100%);pointer-events:none}.hand-wrap{position:absolute;z-index:30;right:auto;bottom:0;left:50%;width:min(62vw,840px);height:286px;min-height:0;transform:translate(-50%);pointer-events:auto}.hand-glow{right:2%;bottom:40px;left:2%;height:105px;background:radial-gradient(ellipse,rgba(71,160,110,.27),transparent 68%)}.player-hand{--fan-step:78px;--hand-card-size:108px;height:100%;min-height:0}.hand-card{--runtime-hand-card-w:var(--hand-card-size) !important;bottom:60px;width:var(--hand-card-size);border-radius:7px;cursor:grab;opacity:1!important;touch-action:none;transition:left .17s cubic-bezier(.2,.8,.2,1),transform .15s ease,filter .15s ease}.player-hand>.hand-card{left:calc(50% + (var(--preview-i,var(--i)) * var(--step,var(--fan-step))) - (var(--hand-card-size) / 2) + var(--preview-offset,0px))!important}.card-slot-preview{--preview-i:0;position:absolute;z-index:3;bottom:60px;left:calc(50% + (var(--preview-i) * var(--fan-step)) - (var(--hand-card-size) / 2));display:grid;width:var(--hand-card-size);aspect-ratio:1/1.413;place-items:start center;padding-top:.7rem;border:2px dashed rgba(226,202,141,.8);border-radius:7px;background:#c7a7651a;box-shadow:0 0 22px #e2ca8d2e,inset 0 0 24px #e2ca8d14;color:#f2d789;opacity:0;pointer-events:none;transform:translateY(-12px) scale(.96);transition:left .17s cubic-bezier(.2,.8,.2,1),opacity .12s ease,transform .12s ease}.card-slot-preview i{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(226,202,141,.48);border-radius:50%;background:#2c291c;font-size:.75rem;font-style:normal}.card-slot-preview.is-visible{opacity:1;transform:translateY(-12px) scale(1)}.hand-card:active{cursor:grabbing}.hand-card img{border-radius:6px;filter:drop-shadow(0 11px 8px rgba(0,0,0,.5))}.hand-card--playable .playing-card__image{filter:drop-shadow(0 0 1px rgba(219,255,230,.95)) drop-shadow(0 0 8px rgba(86,205,128,.58)) drop-shadow(0 11px 8px rgba(0,0,0,.52))}.hand-card--playable{box-shadow:0 0 0 2px #7fe09e94,0 0 18px #4abb7133}.hand-card--unplayable{opacity:1!important}.hand-card--unplayable .playing-card__image{opacity:1!important;filter:saturate(.68) brightness(.66) contrast(1.05) drop-shadow(0 10px 8px rgba(0,0,0,.52))!important}.hand-card--unplayable:after{position:absolute;z-index:2;inset:0;border:1px solid rgba(2,8,6,.55);border-radius:6px;background:#02080629;content:"";pointer-events:none}.hand-card:hover,.hand-card:focus-visible{z-index:80!important;transform:translateY(calc(var(--hand-y,0px) - 22px)) rotate(0) scale(1.055)}.hand-card.is-drag-origin{opacity:0!important;filter:grayscale(.45);box-shadow:none}.drag-ghost{position:fixed!important;z-index:1000!important;right:auto!important;bottom:auto!important;display:block;margin:0;padding:0;border:0;border-radius:7px;background:transparent;opacity:1!important;pointer-events:none;transform:rotate(var(--drag-tilt,0deg)) scale(1.1);box-shadow:0 24px 48px #0009,0 0 0 3px #f4ead759,0 0 28px #7fe09e57}.drag-ghost:after{display:none!important}.drag-ghost .playing-card__image{display:block;width:100%;height:100%;border-radius:6px;opacity:1!important;filter:none!important;object-fit:contain}.hand-card.is-new-card{animation:new-card-in .48s cubic-bezier(.2,.8,.2,1)}@keyframes new-card-in{0%{opacity:0;transform:translateY(-180px) scale(.72)}}body.is-card-dragging .hand-card:not(.is-drag-origin){transition:left .17s cubic-bezier(.2,.8,.2,1),transform .12s ease,filter .12s ease}@media(max-width:1100px)and (min-width:761px){.table-zone{padding-inline:6rem}.hand-wrap{width:68vw}}@media(max-width:760px){.game-page{--hud-h: calc(48px + env(safe-area-inset-top)) ;--table-card-w:clamp(90px,24vw,108px);--hand-card-w:86px}.game-hud{grid-template-columns:auto 1fr auto;gap:.38rem;padding:0 .65rem}.hud-button{width:40px;min-height:40px;padding:0}.hud-button--exit span,.hud-brand>b{display:none}.hud-brand{display:flex}.table-main{height:calc(100% - var(--hud-h))}.table-zone{inset:0;padding:.55rem .65rem 5.8rem}.table-rim{width:100%;height:100%;min-height:0;max-height:none;border-radius:48px}.table-felt{border-radius:40px}.table-felt:before{inset:5%}.table-rule{inset:11%}.center-play{top:50%;left:50%;gap:.65rem}.center-aura{top:50%;left:50%;width:68%;height:42%}.player-dock{height:280px}.hand-wrap{bottom:0;width:100%;height:245px}.player-hand{--fan-step:54px;--hand-card-size:86px}.hand-card,.card-slot-preview{bottom:58px}}@media(max-width:390px){.game-page{--table-card-w:90px;--hand-card-w:82px}.game-hud{grid-template-columns:auto minmax(0,1fr) auto}.hud-side--left{display:flex}.hud-side--right{grid-column:auto}.table-zone{padding-inline:.65rem;padding-bottom:5.6rem}.center-play{left:50%;gap:.48rem}.center-aura{left:50%}.player-hand{--fan-step:50px;--hand-card-size:82px}}@media(max-width:760px)and (min-height:850px)and (orientation:portrait){.game-page{--table-card-w:clamp(114px,28vw,126px);--hand-card-w:100px}.center-play{top:46%;gap:.8rem}.center-aura{top:48%;width:76%;height:48%}.player-dock{height:310px}.hand-wrap{height:282px}.player-hand{--fan-step:63px;--hand-card-size:100px}.hand-card,.card-slot-preview{bottom:74px}}@media(max-width:760px)and (max-height:720px)and (orientation:portrait){.game-page{--hud-h: calc(48px + env(safe-area-inset-top)) ;--table-card-w:clamp(90px,23vw,102px);--hand-card-w:80px}.game-hud{grid-template-columns:1fr auto;height:var(--hud-h);padding-top:max(0px,env(safe-area-inset-top))}.hud-side--left{display:none}.hud-side--right{grid-column:2}.hud-button{min-height:38px}.table-main{height:calc(100% - var(--hud-h))}.table-zone{inset:0;padding:.55rem .65rem 5rem}.table-rim{min-height:0;max-height:none}.center-play{gap:.46rem}.player-dock{height:238px}.hand-wrap{height:220px}.player-hand{--fan-step:49px;--hand-card-size:80px}.hand-card,.card-slot-preview{bottom:58px}}@media(max-width:900px)and (max-height:540px)and (orientation:landscape){.game-page{--hud-h: calc(48px + env(safe-area-inset-top)) ;--table-card-w:72px;--hand-card-w:68px;height:100lvh}.game-hud{height:var(--hud-h);padding-inline:.45rem}.hud-button{min-height:38px}.hud-button--exit span,.hud-brand>b{display:none}.hud-brand{display:flex}.table-main{height:calc(100lvh - var(--hud-h))}.table-zone{position:absolute;inset:4px 8px 4px 138px;padding:0}.table-rim{width:100%;height:100%;min-height:0;border-radius:48px}.table-felt{border-radius:40px}.center-play{top:35%;left:44%;gap:.58rem}.center-aura{top:35%;left:44%;width:60%;height:56%}.player-dock{height:160px;background:linear-gradient(180deg,transparent,rgba(4,10,8,.82))}.hand-wrap{bottom:0;width:58%;height:150px}.player-hand{--fan-step:50px;--hand-card-size:68px}.hand-card,.card-slot-preview{bottom:50px}}@media(prefers-reduced-motion:reduce){.discard-stack,.hand-card{animation:none!important;transition:none!important}}.game-page{--seat-surface:#10281f;--seat-muted:#b8c8bc;--seat-border:#486052;--self-panel-height:96px;--self-bottom:max(16px,env(safe-area-inset-bottom));--hand-clearance:28px;--hand-profile-overlap:min(calc(var(--hand-card-w) * var(--card-ratio) / 3),calc(var(--self-panel-height) - 8px))}.table-player{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 42px;grid-template-rows:44px 22px;align-items:center;gap:6px 12px;min-width:0;height:96px;padding:12px;border:1px solid var(--seat-border);border-radius:14px;background:var(--seat-surface);color:var(--cream);box-shadow:0 6px 16px #0003;font-family:var(--font-ui);--seat-accent:var(--success)}.table-player:before,.table-player:after{content:none}.settings-layout-note{margin:0 0 12px;color:var(--muted);font:400 12px/1.4 var(--font-ui)}.table-player .seat-avatar{width:44px;height:44px;padding:0}.table-player__copy{display:grid;min-width:0;gap:4px}.table-player__identity{display:flex;min-width:0;align-items:center;gap:6px}.table-player__identity b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cream);font:650 15px/1.25 var(--font-ui)}.table-player__tag{flex:none;padding:2px 4px;border-radius:4px;background:#223c2e;color:#c8d4cc;font:500 11px/1.1 var(--font-ui)}.table-player__score{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--seat-muted);font:400 12px/1.3 var(--font-ui)}.table-player__count{display:grid;justify-items:center;align-content:center;gap:2px;font-variant-numeric:tabular-nums}.table-player__count strong{color:var(--cream);font:650 24px/1 var(--font-ui)}.table-player__count small{color:var(--seat-muted);font:400 12px/1.1 var(--font-ui)}.table-player__status{grid-column:1/-1;display:flex;min-width:0;height:22px;align-items:center;gap:8px;color:var(--seat-muted);font:500 12px/1.2 var(--font-ui)}.table-player__state{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-player__state:before{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:currentColor;content:"";vertical-align:2px}.table-player__timer{flex:none;margin-left:auto;font-variant-numeric:tabular-nums}.table-player__time-track{position:absolute;right:12px;bottom:0;left:12px;height:3px;overflow:hidden;border-radius:3px;background:#ffffff0c}.table-player__time-track i{display:block;height:100%;background:var(--seat-accent);transition:width .25s linear}.table-player.is-current{border-color:var(--seat-accent);box-shadow:0 0 0 1px #7fc59d1a,0 6px 16px #0003}.table-player.is-current .table-player__status{color:var(--seat-accent)}.table-player.is-urgent{--seat-accent:var(--warning)}.table-player.has-one-card .table-player__count strong{color:var(--warning)}.table-player.has-one-card:not(.is-current) .table-player__state{color:var(--warning)}.table-player.is-eliminated .table-player__copy,.table-player.is-eliminated .table-player__count{opacity:.72}.player-seat{position:absolute;z-index:8;width:246px;transform:translate(-50%,-50%)}.opponent-rail{display:none}.self-chip.table-player{position:absolute;z-index:35;bottom:var(--self-bottom);left:50%;width:min(420px,calc(100% - 24px));height:var(--self-panel-height);grid-template-columns:44px minmax(0,1fr) 42px 44px;transform:translate(-50%);pointer-events:auto}.reaction-control{display:flex;align-items:center}.reaction-trigger{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid var(--seat-border);border-radius:10px;background:#223c2e;color:var(--cream);cursor:pointer}.reaction-trigger:hover,.reaction-trigger[aria-expanded=true]{border-color:var(--brass-light);background:#304c38}.reaction-trigger:disabled{opacity:.5;cursor:default}.reaction-trigger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.reaction-picker{position:absolute;z-index:40;right:max(16px,calc(50% - 516px));bottom:var(--self-bottom);display:grid;grid-template-columns:repeat(3,44px);gap:6px;padding:8px;border:1px solid var(--seat-border);border-radius:14px;background:var(--seat-surface);box-shadow:var(--shadow-md);pointer-events:auto}.reaction-picker button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:8px;background:#223c2e;cursor:pointer;font:24px/1 "Segoe UI Emoji",sans-serif}.reaction-picker button:hover{background:#385341}.reaction-picker button:disabled{opacity:.5;cursor:default}.reaction-cooldown{position:absolute;inset:0;display:grid;place-items:center;padding:10px;border-radius:inherit;background:var(--seat-surface);color:var(--seat-muted);font:500 12px/1.3 var(--font-ui);text-align:center;pointer-events:none}.game-page .hand-card,.game-page .card-slot-preview{bottom:calc(var(--self-bottom) + var(--self-panel-height) + var(--hand-clearance) * .3 - var(--hand-profile-overlap) * .7)}.hand-wrap{height:100%;pointer-events:none}.hand-card{pointer-events:auto}.player-dock{height:360px}.hand-card--unplayable .playing-card__image{filter:saturate(.75) brightness(.88) drop-shadow(0 8px 6px #0006)!important}.hand-card--unplayable:after{background:transparent;border-color:#ffffff16}.pile--draw{display:grid;width:max(128px,var(--table-card-w));justify-items:center}.center-play{align-items:flex-start}.has-many-players .player-seat{display:none}.has-many-players .opponent-rail{position:absolute;z-index:32;top:12px;right:24px;left:24px;display:flex;gap:10px;width:auto;height:auto;padding:4px 4px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--seat-border) transparent;scroll-padding-inline:4px}.rail-seat{flex:0 0 210px;width:210px}.has-many-players .opponent-rail:before,.has-many-players .opponent-rail:after{content:none}@media(max-height:820px)and (min-width:761px){.game-page{--table-card-w:80px}.center-play{top:39%}}@media(max-width:1100px),(max-height:820px){.player-seat{display:none}.game-page .opponent-rail{position:absolute;z-index:32;top:12px;right:12px;left:12px;display:flex;justify-content:safe center;gap:10px;width:auto;height:auto;padding:4px 2px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--seat-border) transparent;scroll-padding-inline:2px}.game-page .opponent-rail:before,.game-page .opponent-rail:after{content:none}.table-zone{padding-inline:24px}.rail-seat{flex-basis:200px;width:200px;gap:6px 8px;grid-template-columns:36px minmax(0,1fr) 36px;padding:12px 10px}.rail-seat .seat-avatar{width:36px;height:36px}.rail-seat .table-player__score,.rail-seat .table-player__tag{display:none}.reaction-picker{right:16px}}@media(max-width:760px){.game-page{--self-panel-height:90px;--self-bottom:max(12px,env(safe-area-inset-bottom));--hand-clearance:84px}.game-page .opponent-rail{top:8px;gap:8px}.rail-seat{flex-basis:clamp(164px,calc((100vw - 36px)/2),210px);width:clamp(164px,calc((100vw - 36px)/2),210px);height:84px;grid-template-rows:36px 22px;padding:8px;gap:6px;grid-template-columns:30px minmax(0,1fr) 32px}.rail-seat .seat-avatar{width:30px;height:30px}.rail-seat .table-player__identity b{font-size:14px}.rail-seat .table-player__count strong{font-size:22px}.self-chip.table-player{grid-template-columns:36px minmax(0,1fr) 34px 44px;grid-template-rows:40px 22px;gap:6px 8px;padding:10px}.self-chip.table-player .seat-avatar{width:36px;height:36px}.self-chip .table-player__identity b{font-size:14px}.self-chip .table-player__count strong{font-size:22px}.self-chip .table-player__tag{display:none}.reaction-picker{right:auto;bottom:calc(var(--self-bottom) + var(--self-panel-height) + 8px);left:50%;grid-template-columns:repeat(6,44px);gap:4px;padding:6px;transform:translate(-50%)}.reaction-cooldown{max-width:none}.player-dock{height:360px}.hand-wrap{width:100%;height:100%}.table-zone{padding:.55rem .65rem 6.5rem}.game-page .center-play{top:max(36%,220px);gap:12px}.pile--draw{width:max(116px,var(--table-card-w))}.hud-side--left .hud-button:not(.hud-button--exit),.hud-brand{display:none}.game-hud .hud-side--left{display:flex}.game-hud .hud-button--exit{display:inline-flex}.game-hud{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.hud-side--right{grid-column:auto;gap:6px}}@media(max-width:760px)and (max-height:740px)and (orientation:portrait){.game-page{--table-card-w:72px;--hand-card-w:72px;--hand-clearance:80px}.player-hand{--hand-card-size:72px}.game-page .center-play{top:230px}}@media(max-width:900px)and (max-height:540px)and (orientation:landscape){.game-page{--self-panel-height:78px;--self-bottom:max(8px,env(safe-area-inset-bottom));--hand-clearance:24px}.game-page .opponent-rail{inset:8px auto 8px 8px;width:184px;height:auto;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:2px 6px 2px 2px}.rail-seat{width:172px;flex:0 0 84px;height:84px;padding:8px;grid-template-columns:30px minmax(0,1fr) 32px;grid-template-rows:36px 22px;gap:6px}.rail-seat .seat-avatar{width:30px;height:30px}.rail-seat .table-player__identity b{font-size:14px}.table-zone{inset:4px 8px 4px 200px;padding:0}.game-page .center-play{top:43%;left:75%;gap:10px}.center-aura{top:36%;left:72%}.pile--draw{width:max(100px,var(--table-card-w))}.player-dock{left:200px;width:calc(100% - 216px);height:100%;background:none}.self-chip.table-player{left:0;width:min(360px,100%);transform:none;grid-template-rows:36px 18px;grid-template-columns:32px minmax(0,1fr) 32px 44px;gap:4px 8px;padding:10px}.self-chip.table-player .seat-avatar{width:32px;height:32px}.self-chip .table-player__score{display:none}.hand-wrap{left:0;width:52%;height:100%;transform:none}.reaction-picker{right:0;left:auto;bottom:var(--self-bottom);grid-template-columns:repeat(3,44px);transform:none}.game-page .hud-side--left{display:flex}.hud-side--left .hud-button:not(.hud-button--exit),.hud-brand{display:none}}@media(max-width:760px)and (max-height:680px)and (orientation:portrait){.game-page{--hand-card-w:64px;--hand-clearance:76px}.player-hand{--hand-card-size:64px}}@media(prefers-reduced-motion:reduce){.table-player__time-track i{transition:none}}.hud-match{display:grid;min-width:0;justify-items:center;gap:4px;color:var(--seat-muted);text-align:center;font:400 14px/1.3 var(--font-ui)}.hud-match__meta{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.hud-match__meta>span:last-child{color:var(--cream)}.hud-match small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brass-light);font:400 12px/1.2 var(--font-ui)}.center-play{--pile-slot-width:max(144px,var(--table-card-w));display:grid;grid-template-columns:repeat(2,var(--pile-slot-width));align-items:start;height:calc(var(--table-card-w) * var(--card-ratio) + 28px)}.center-play .pile{width:var(--pile-slot-width);grid-template-rows:calc(var(--table-card-w) * var(--card-ratio)) auto;align-items:start}.pile figcaption{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;min-height:22px;margin:6px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-transform:none;letter-spacing:normal}.pile figcaption .pile-stock{display:block;height:22px;color:#d5dfd7;font:400 12px/22px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap}.table-context{position:absolute;bottom:calc(100% + 10px);left:0;display:flex;justify-content:center;width:100%;height:28px}.active-suit{display:flex;align-items:center;justify-content:center;gap:6px;color:#d5dfd7;font:400 14px/1.2 var(--font-ui)}.active-suit strong{color:#ed8190;font:400 22px/1 var(--font-card)}.active-suit span{display:inline;font-weight:400}.draw-debt-banner{position:absolute;top:calc(var(--table-card-w) * var(--card-ratio) + 14px);left:calc(100% + 16px);display:flex;align-items:center;gap:8px;width:240px;min-height:48px;padding:8px 10px;border:1px solid #ad814f;border-radius:12px;background:#30291c;box-shadow:0 4px 12px #0003;pointer-events:none}.draw-debt-banner__amount{display:grid;flex:none;width:32px;height:32px;place-items:center;border-radius:8px;background:#64432a;color:#ffe0a9;font:650 18px/1 var(--font-ui)}.draw-debt-banner__copy{display:grid;min-width:0;gap:3px}.draw-debt-banner__copy small{color:#d7b98c;font:400 11px/1.2 var(--font-ui)}.draw-debt-banner__copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff2d8;font:500 12px/1.3 var(--font-ui)}.table-player__reaction{position:absolute;z-index:2;top:4px;left:4px;display:grid;width:58px;height:58px;place-items:center;border:1px solid #dcc492;border-radius:16px;background:#f4ead7;box-shadow:0 4px 14px #0005;font:48px/1 "Segoe UI Emoji",sans-serif;pointer-events:none;animation:seat-reaction-pop .22s ease-out}@keyframes seat-reaction-pop{0%{opacity:0;transform:scale(.65) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:1100px),(max-height:820px){.rail-seat .table-player__reaction{width:48px;height:52px;left:3px;font-size:40px}.draw-debt-banner{width:min(240px,calc(50vw - 184px))}}@media(max-width:760px){.game-hud{grid-template-columns:auto minmax(0,1fr) auto}.hud-match{font-size:13px}.hud-match__meta{gap:6px}.hud-match small{font-size:11px}.game-hud .hud-side--right{gap:4px}.center-play{--pile-slot-width:max(128px,var(--table-card-w))}.rail-seat{grid-template-columns:36px minmax(0,1fr) 32px}.rail-seat .table-player__reaction{width:44px;height:46px;top:4px;left:3px;border-radius:12px}.self-chip .table-player__reaction{width:48px;height:48px;top:6px;font-size:40px;border-radius:12px}.table-context{bottom:calc(100% + 8px);height:40px;justify-content:flex-start}.active-suit{font-size:13px}.draw-debt-banner{top:auto;bottom:calc(100% + 8px);left:auto;right:0;width:calc(100% - 80px);min-height:40px;padding:5px 6px;gap:6px}.draw-debt-banner__amount{width:26px;height:28px;font-size:16px}.draw-debt-banner__copy small{display:none}}@media(max-width:900px)and (max-height:540px)and (orientation:landscape){.game-hud{grid-template-columns:auto minmax(0,1fr) auto}.center-play{--pile-slot-width:max(112px,var(--table-card-w))}.table-context{bottom:calc(100% + 6px);height:24px;justify-content:center}.draw-debt-banner{top:0;right:calc(100% + 12px);bottom:auto;left:auto;width:224px;min-height:40px;padding:5px 8px}.draw-debt-banner__copy small{display:none}.rail-seat{grid-template-columns:36px minmax(0,1fr) 32px}.rail-seat .table-player__reaction{width:44px;height:46px;top:4px;left:3px;border-radius:12px}.self-chip .table-player__reaction{width:42px;height:44px;top:4px;font-size:36px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.table-player__reaction{animation:none}}.self-info-trigger{min-height:44px;padding:0;border:0;background:none;text-align:left;cursor:pointer}.self-info-trigger:hover .table-player__identity b{color:var(--brass-light)}.self-info-caret{flex:none;color:var(--seat-muted);font:400 14px/1 var(--font-ui)}.game-page .center-play{grid-template-rows:calc(var(--table-card-w) * var(--card-ratio) + 28px);row-gap:0}@media(max-width:430px)and (orientation:portrait),(max-width:760px)and (max-height:740px)and (orientation:portrait){.game-page{--hud-h: calc(48px + env(safe-area-inset-top)) ;--self-panel-height:64px;--self-bottom:max(8px,env(safe-area-inset-bottom));--hand-clearance:14px;--table-card-w:84px;--hand-card-w:96px}.game-hud{padding-top:env(safe-area-inset-top);padding-inline:8px}.game-page .hud-button{min-height:44px}.game-page .opponent-rail{top:6px;right:8px;left:8px;gap:6px;padding:0 0 4px;scroll-padding-inline:0}.rail-seat{flex-basis:clamp(136px,calc((100vw - 22px)/2),210px);width:clamp(136px,calc((100vw - 22px)/2),210px);height:60px;padding:8px;grid-template-columns:32px minmax(0,1fr) 28px;grid-template-rows:22px 18px;gap:0 6px;border-radius:12px}.rail-seat .seat-avatar{grid-column:1;grid-row:1/3;width:28px;height:28px}.rail-seat .table-player__copy{grid-column:2;grid-row:1/3}.rail-seat.is-current .table-player__copy{grid-row:1}.rail-seat .table-player__count{grid-column:3;grid-row:1/3}.rail-seat .table-player__count strong{font-size:20px}.rail-seat .table-player__status{grid-column:2;grid-row:2;height:18px;gap:0}.rail-seat .table-player__state{display:none}.rail-seat .table-player__timer{margin-left:0;font-size:12px}.rail-seat .table-player__reaction{top:8px;left:3px;width:40px;height:42px;font-size:36px}.game-page .table-zone{inset:0;padding:4px 6px calc(var(--self-bottom) + var(--self-panel-height) + 6px)}.table-rim{padding:3px;border-radius:28px;box-shadow:0 8px 20px #0003}.table-rim:before,.table-rim:after{content:none}.table-felt{border-width:1px;box-shadow:inset 0 0 28px #0005}.table-felt:before{inset:4%}.table-rule,.center-aura{display:none}.game-page .center-play{top:clamp(112px,calc(32dvh - 90px),180px);left:50%;width:min(320px,calc(100% - 20px));height:calc(var(--table-card-w) * var(--card-ratio) + 28px);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;transform:translate(-50%)}.center-play .pile{width:100%}.table-context{height:40px;bottom:calc(100% + 8px)}.draw-debt-banner{width:calc(100% - 76px);height:40px;min-height:40px;padding:4px 6px}.draw-debt-banner__copy strong{font-weight:500;line-height:1.2}.player-dock{height:100%}.player-hand{--hand-card-size:96px;--compact-hand:1}.self-chip.table-player{width:calc(100% - 16px);max-width:420px;grid-template-columns:36px minmax(0,1fr) 30px 44px;grid-template-rows:22px 20px;gap:4px 6px;padding:8px;border-radius:12px}.self-chip.table-player .seat-avatar{grid-column:1;grid-row:1/3;width:32px;height:32px}.self-chip .table-player__copy{grid-column:2;grid-row:1/3;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding-top:2px}.self-chip .table-player__score{display:none}.self-chip .table-player__count{grid-column:3;grid-row:1/3}.self-chip .reaction-control{grid-column:4;grid-row:1/3}.self-chip .table-player__status{grid-column:2;grid-row:2;height:20px;gap:4px;pointer-events:none}.self-chip .table-player__state:before{margin-right:4px}.self-chip .table-player__timer{font-size:12px}.self-chip .table-player__reaction{top:10px;left:3px;width:44px;height:44px;font-size:38px}.reaction-picker{bottom:var(--self-bottom);left:50%;right:auto;width:calc(100% - 16px);max-width:420px;height:var(--self-panel-height);grid-template-columns:repeat(6,minmax(44px,1fr));align-items:center;justify-items:center;gap:0;padding:6px;border-radius:12px;transform:translate(-50%)}}@media(max-width:760px)and (max-height:640px)and (orientation:portrait){.game-page{--table-card-w:72px;--hand-card-w:84px;--hand-clearance:10px}.player-hand{--hand-card-size:84px}.game-page .center-play{top:106px}}@media(max-width:760px)and (max-height:560px)and (orientation:portrait){.game-page{--hud-h: calc(48px + env(safe-area-inset-top)) ;--self-bottom:max(6px,env(safe-area-inset-bottom));--hand-clearance:8px;--table-card-w:64px;--hand-card-w:76px}.game-page .opponent-rail{top:4px}.rail-seat{height:56px;grid-template-rows:20px 18px;padding-block:8px}.game-page .table-zone{padding-top:2px}.game-page .center-play{top:98px}.table-context{height:36px;bottom:calc(100% + 6px)}.draw-debt-banner{height:36px;min-height:36px;bottom:calc(100% + 6px);padding-block:2px}.player-hand{--hand-card-size:76px}}.game-hud{gap:8px;padding-top:env(safe-area-inset-top);padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));box-shadow:0 3px 12px #0002}.game-hud .hud-side{gap:4px}.game-hud .hud-button{min-height:44px;padding:8px 10px;border-color:transparent;border-radius:8px;background:transparent;font-weight:500}.game-hud .hud-button:hover{background:#ffffff09;color:var(--cream);transform:none}.game-hud .hud-button--icon{width:44px;padding:0}.hud-brand__cards{width:24px;height:30px}.hud-brand__cards img{width:18px}@media(max-width:760px),(max-width:900px)and (max-height:540px)and (orientation:landscape){.game-hud{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;padding-inline:max(6px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-right))}.game-hud .hud-button--exit{width:44px;padding:0}.hud-match{gap:1px;font-size:13px}.hud-match small{font-size:10px}}.game-page{--hand-pile-gap:clamp(18px, calc(10dvh - 38px) ,52px);--play-bottom:calc(var(--self-bottom) + var(--self-panel-height) + var(--hand-clearance) + var(--hand-card-w) * var(--card-ratio) + var(--hand-pile-gap));--play-area-width: calc(2*max(144px,var(--table-card-w)) + clamp(1rem,2.1vw,1.7rem)) }.player-hand{--hand-card-size:var(--hand-card-w)}.game-page .center-play{top:auto;bottom:var(--play-bottom);left:50%;width:max-content;transform:translate(-50%)}.center-play .table-context{bottom:calc(100% + 6px);height:24px;justify-content:center}.table-main>.draw-debt-banner{top:auto;right:auto;bottom:calc(var(--play-bottom) + var(--table-card-w) * var(--card-ratio) + 64px);left:50%;z-index:6;justify-content:center;width:var(--play-area-width);height:40px;min-height:40px;padding:5px 10px;transform:translate(-50%)}.draw-debt-banner__copy small{display:none}.draw-debt-banner__copy strong{font-weight:500}.game-page.is-spectator .center-play{top:50%;bottom:auto;transform:translate(-50%,-50%)}.is-spectator .table-main>.draw-debt-banner{top:calc(50% - (var(--table-card-w) * var(--card-ratio) + 28px) / 2 - 76px);bottom:auto}@media(max-width:760px){.game-page{--play-area-width: calc(2*max(128px,var(--table-card-w)) + 12px) }}@media(max-width:760px)and (orientation:portrait){.game-page{--opponents-bottom:92px;--play-area-width:min(360px, calc(100% - 32px) )}.game-page .center-play{width:var(--play-area-width);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.center-play .pile{width:100%}.table-main>.draw-debt-banner{top:calc(var(--opponents-bottom) + 10px);bottom:auto}}@media(max-width:430px)and (orientation:portrait),(max-width:760px)and (max-height:740px)and (orientation:portrait){.game-page{--opponents-bottom:66px}.game-page:not(.is-spectator){--table-card-w:clamp(64px,calc((100dvh - var(--hud-h) - var(--play-bottom) - var(--opponents-bottom) - 114px) / var(--card-ratio)),min(140px, calc((100vw - 84px)/2) ))}}@media(max-width:760px)and (max-height:560px)and (orientation:portrait){.game-page{--opponents-bottom:60px}}@media(max-width:900px)and (max-height:540px)and (orientation:landscape){.game-page{--play-area-width: calc(2*max(112px,var(--table-card-w)) + 10px) }.game-page .center-play{top:43%;bottom:auto;left:calc(75% + 50px);transform:translate(-50%,-50%)}.table-main>.draw-debt-banner{top:calc(43% - (var(--table-card-w) * var(--card-ratio) + 28px) / 2 - 76px);bottom:auto;left:calc(75% + 50px)}}.suit-choice-modal{--suit-hand-reserve:calc(var(--self-bottom) + var(--self-panel-height) + var(--hand-clearance) + var(--hand-card-w) * var(--card-ratio) + 48px);inset:var(--hud-h) 0 var(--suit-hand-reserve);padding:12px}.suit-choice-modal .game-modal__backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.suit-choice-modal .game-modal__backdrop:before{content:"";position:absolute;inset:0;pointer-events:none;background:#02080659;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - clamp(72px,18dvh,180px)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - clamp(72px,18dvh,180px)),transparent)}.suit-choice-modal .suit-panel{width:min(100%,480px);max-height:100%;padding:0}.suit-choice-modal .suit-panel>header{padding:16px 20px}.suit-choice-modal .eyebrow{margin:0 0 4px;font-size:11px}.suit-choice-modal h2{font-size:24px}.suit-choice-modal .suit-panel header>div>span{font-size:12px}.suit-choice-modal .suit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 20px}.suit-choice-modal .suit-grid a{min-height:76px;border-radius:10px}.suit-choice-modal .suit-grid strong{font-size:30px}.suit-choice-modal .suit-grid span{font:500 12px/1.2 var(--font-ui)}.suit-choice-modal .suit-grid small{display:none}@media(max-width:560px){.suit-choice-modal .suit-panel>header{padding:12px}.suit-choice-modal .suit-grid{gap:6px;padding:12px}}@media(max-height:620px){.suit-choice-modal{--suit-hand-reserve:calc(var(--self-bottom) + var(--self-panel-height) + var(--hand-clearance) + var(--hand-card-w) * var(--card-ratio) + 12px);padding:4px 12px}.suit-choice-modal .suit-panel>header{padding:8px 12px}.suit-choice-modal .suit-panel header>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.suit-choice-modal .eyebrow{margin:0}.suit-choice-modal h2{font-size:18px}.suit-choice-modal .suit-panel header>div>span{display:none}.suit-choice-modal .suit-grid{padding:8px 12px}.suit-choice-modal .suit-grid a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.suit-choice-modal .suit-grid strong{font-size:24px}.suit-choice-modal .suit-grid span{margin:0}.suit-choice-modal .cancel-link{display:none}}}@layer pages{.game-page{--emerald-deep: #022a20;--emerald-felt: #063d2d;--emerald-surface: #07382b;--emerald-hover: #0a4937;--emerald-gold: #d5a84b;--emerald-gold-light: #f0ce78;--emerald-cream: #f4f0e7;--card-back: url("./media/emerald-premium-back-JAGUODP4.svg");--board-h: calc(100dvh - var(--hud-h));--preferred-table-card-w: clamp(104px, 9vw, 132px);--pile-caption-h: 44px;--suit-badge-h: 44px;--suit-badge-gap: 12px;--pile-gap: clamp(28px, 3vw, 48px);--hand-pile-gap: 20px;--play-area-width: calc(2 * var(--table-card-w) + var(--pile-gap));display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 42%,#07553d66,transparent 70%),#021b14}.game-page .game-hud{flex:0 0 var(--hud-h)}.game-page .table-main{flex:1;width:100%;height:var(--board-h);margin:0}.game-page .player-dock{background:none}.game-page:before{background-image:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px)}.game-page .table-rim{padding:clamp(3px,.5vw,7px);border-color:#9b7835;background:linear-gradient(135deg,#284b39,#052b22 45%,#183b2c);box-shadow:0 20px 46px #0006,inset 0 1px #f0ce7866}.game-page .table-rim:before{inset:3px;border-color:#d5a84b88;box-shadow:none}.game-page .table-felt{border-color:#022a20;background:radial-gradient(ellipse at 50% 42%,#1c77533d,transparent 70%),repeating-linear-gradient(105deg,#ffffff04 0 1px,transparent 1px 4px),repeating-linear-gradient(15deg,#00000005 0 1px,transparent 1px 4px),var(--emerald-felt);box-shadow:inset 0 0 90px #0006,inset 0 1px #ffffff0a}.game-page .table-felt:before{border-color:#d5a84b26}.game-page .table-rule{border-style:solid;border-color:#d5a84b0d}.game-page .felt-watermark{color:#ffffff06}.game-page .center-aura{border:0;background:none;box-shadow:none}.game-page .center-play{--pile-slot-width: var(--table-card-w);width:var(--play-area-width);height:calc(var(--table-card-w) * var(--card-ratio) + var(--pile-caption-h));grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:calc(var(--table-card-w) * var(--card-ratio) + var(--pile-caption-h));column-gap:var(--pile-gap)}.game-page .center-play .pile{width:100%}.center-play.has-winning-queens>:is(.pile,.table-context,.draw-debt-banner){visibility:hidden}.queen-finish{--queen-area-width: min(480px, calc(100vw - 32px) );position:absolute;z-index:8;top:50%;left:50%;display:grid;justify-items:center;gap:14px;width:var(--queen-area-width);transform:translate(-50%,-50%)}.queen-finish header{max-width:100%;text-align:center}.queen-finish .eyebrow{margin:0 0 6px;color:var(--emerald-gold-light);font-size:11px}.queen-finish header strong{display:block;overflow:hidden;color:var(--emerald-cream);font:600 22px/1.25 var(--font-card);text-overflow:ellipsis;white-space:nowrap}.queen-finish__cards{display:flex;justify-content:center;gap:10px;width:100%}.queen-finish__card{flex:none;width:min(var(--table-card-w),calc((var(--queen-area-width) - (var(--queen-count) - 1) * 10px) / var(--queen-count)));aspect-ratio:1 / var(--card-ratio);filter:drop-shadow(0 10px 14px #0006)}@media(max-height:500px){.queen-finish{gap:8px}.queen-finish header strong{font-size:18px}.queen-finish .eyebrow{margin-bottom:4px;font-size:10px}}@media(max-width:760px)and (max-height:640px)and (orientation:portrait){.queen-finish{transform:translate(-50%,calc(-50% - 12px))}}.game-page .pile{isolation:isolate}.game-page .pile--draw>button{isolation:isolate;border-radius:10px;outline-offset:8px}.game-page .pile--draw>button>img{position:relative;z-index:1;border-radius:10px;transition:filter .16s ease}.game-page .pile--draw>button:after{content:none}.game-page .pile--draw>button:disabled{opacity:1;cursor:default}.game-page .pile button:hover img{transform:none}.game-page .pile img{filter:drop-shadow(0 14px 12px #0006)}.game-page .pile-stack{z-index:0;inset:0;border:0;border-radius:10px;background:none;box-shadow:none;transform:none}.game-page .pile-stack:before{content:none}.game-page .pile-stack i{position:absolute;inset:0;border:1px solid #c9c6bc;border-radius:10px;background:#e2ddd1;box-shadow:0 1px #77786c,0 3px 4px #0003;z-index:calc(9 - var(--stack-layer));transition:transform .22s ease}.game-page .pile-stack--draw i{transform:translate(calc(var(--stack-layer) * var(--stack-step) * -.55),calc(var(--stack-layer) * var(--stack-step) * .65))}.game-page .pile-stack--discard{inset:3px 4px 6px}.game-page .pile-stack--discard i{background:#eee9df;transform:translate(calc(var(--stack-layer) * var(--stack-step) * .4),calc(var(--stack-layer) * var(--stack-step) * .65))}.game-page .pile--draw>button>img,.game-page .discard-stack img{filter:drop-shadow(0 calc(3px + var(--pile-depth, 0px) * .4) calc(4px + var(--pile-depth, 0px) * .2) #0007)}.game-page .pile--draw>button.is-empty>img,.game-page .discard-stack.is-empty .discard-top{visibility:hidden}.game-page .pile-empty{position:absolute;z-index:1;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:24%;border:1px dashed #d5a84b66;border-radius:10px;background:#022a2033;box-shadow:inset 0 0 22px #0003;color:#b8c8bc;font:500 12px/1.2 var(--font-ui);pointer-events:none}.game-page .discard-stack .pile-empty{align-items:center;padding:0}.game-page .draw-pile-action{position:absolute;z-index:2;right:-8px;bottom:10px;left:-8px;display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:4px;padding:8px;border:1px solid var(--emerald-gold);border-radius:24px;background:linear-gradient(180deg,#0a4937,var(--emerald-surface));box-shadow:0 7px 16px #0005,inset 0 1px #ffffff0a;color:var(--emerald-cream);text-align:center;pointer-events:none;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.game-page .draw-pile-action strong{font:500 17px/1.15 var(--font-card)}.game-page .draw-pile-action i{flex:none;color:var(--emerald-gold-light);font:normal 6px/1 var(--font-ui)}.game-page .pile--draw>button:disabled .draw-pile-action{border-color:#9b7835;color:#c9c6bc;background:var(--emerald-surface)}.game-page .pile--draw>button.needs-action .draw-pile-action{border-color:var(--emerald-gold-light);box-shadow:0 7px 16px #0005,0 0 18px #d5a84b2e}.game-page .pile--draw>button:enabled:hover .draw-pile-action,.game-page .pile--draw>button:focus-visible .draw-pile-action{background:var(--emerald-hover);box-shadow:0 7px 16px #0005,0 0 18px #d5a84b2e;transform:translateY(-2px)}.game-page .pile--draw>button:enabled:active .draw-pile-action{background:#052b22;transform:translateY(1px) scale(.98);transition-duration:90ms}.game-page .discard-stack{isolation:isolate}.game-page .discard-stack:before{content:none}.game-page .discard-top{transform:rotate(.5deg)}.game-page .pile figcaption{gap:4px;min-height:calc(var(--pile-caption-h) - 14px);margin-top:14px}.game-page .pile figcaption .pile-stock{height:auto;color:#c9c6bc;font:500 13px/18px var(--font-ui)}.game-page .pile-ornament{display:flex;width:min(100%,168px);align-items:center;gap:9px;color:var(--emerald-gold);font:8px/8px var(--font-ui)}.game-page .pile-ornament i{width:100%;height:1px;background:linear-gradient(90deg,transparent,#d5a84b94)}.game-page .pile-ornament i:last-child{transform:rotate(180deg)}.game-page .center-play .table-context{bottom:calc(100% + var(--suit-badge-gap));height:var(--suit-badge-h);justify-content:center}.game-page .active-suit{position:relative;gap:10px;min-width:248px;height:100%;padding:0 22px;border:1px solid var(--emerald-gold);border-radius:32px;background:linear-gradient(180deg,var(--emerald-surface),var(--emerald-deep));box-shadow:0 8px 20px #0005,inset 0 0 0 4px #ffffff04;color:var(--emerald-cream);font:500 20px/1.2 var(--font-card);white-space:nowrap}.game-page .active-suit strong{color:#d51f2b;font:400 28px/1 var(--font-card);text-shadow:0 2px 2px #0004}.game-page .active-suit strong.is-black-suit{color:var(--emerald-cream)}.game-page .active-suit .active-suit__label{color:#e6c36b}.game-page .active-suit .suit-ornament{position:absolute;left:-5px;color:var(--emerald-gold-light);font:10px/1 var(--font-ui);text-shadow:0 1px 2px #0008}.game-page .active-suit .suit-ornament:last-child{right:-5px;left:auto}.game-page .center-play>.draw-debt-banner{top:auto;right:auto;bottom:calc(100% + var(--suit-badge-gap) + var(--suit-badge-h) + 10px);left:50%;z-index:6;justify-content:center;width:max(248px,var(--play-area-width));height:40px;min-height:40px;border-color:#d5a84b66;border-radius:20px;background:linear-gradient(180deg,var(--emerald-surface),var(--emerald-deep));box-shadow:0 4px 12px #0003,inset 0 1px #ffffff08;transform:translate(-50%)}.game-page .draw-debt-banner__amount{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;color:var(--emerald-cream);box-shadow:none;font:500 12px/1.3 var(--font-ui)}.game-page .draw-debt-banner__copy small{color:#b8c8bc}.game-page .draw-debt-banner__copy strong{color:var(--emerald-cream)}@media(min-width:761px)and (min-height:541px){.game-page{--table-card-w: var(--preferred-table-card-w);--hand-card-w: clamp(112px, 8vw, 132px);--hand-clearance: 16px;--self-bottom: max(12px, env(safe-area-inset-bottom))}.game-page .table-zone{padding-top:12px}}@media(min-width:761px)and (min-height:721px)and (max-height:880px){.game-page{--table-card-w: 104px;--hand-card-w: 104px}}@media(max-width:760px){.game-page{--pile-gap: 28px;--suit-badge-h: 38px;--suit-badge-gap: 12px}.game-page .active-suit{min-width:200px;gap:8px;padding-inline:18px;font-size:17px}.game-page .active-suit strong{font-size:24px}.game-page .draw-pile-action{right:-6px;left:-6px;bottom:10px;min-height:44px;justify-content:center;padding:7px 6px}.game-page .draw-pile-action strong{font-size:16px}.game-page .draw-pile-action i{display:none}.game-page .pile figcaption .pile-stock{font-size:13px}}@media(max-width:760px)and (orientation:portrait){.game-page{--opponents-bottom: 104px;--preferred-table-card-w: clamp(96px, 24vw, 120px);--table-card-w: var(--preferred-table-card-w);--hand-card-w: clamp(96px, 29vw, 132px);--hand-clearance: clamp(10px, 2dvh, 20px)}.game-page .table-zone{padding-bottom:calc(var(--self-bottom) + var(--self-panel-height) + 6px)}.game-page:not(.is-spectator){--preferred-table-card-w: clamp(116px, 36vw, 168px);--table-card-w: clamp(64px, calc((var(--board-h) - var(--play-bottom) - var(--opponents-bottom) - var(--pile-caption-h) - var(--suit-badge-h) - var(--suit-badge-gap) - 58px) / var(--card-ratio)), var(--preferred-table-card-w));--mobile-play-start: calc(var(--opponents-bottom) + 58px + var(--suit-badge-h) + var(--suit-badge-gap));--mobile-play-end: calc(var(--board-h) - var(--play-bottom) - var(--table-card-w) * var(--card-ratio) - var(--pile-caption-h))}.game-page:not(.is-spectator) .center-play{top:calc((var(--mobile-play-start) + var(--mobile-play-end)) / 2);bottom:auto}}@media(max-width:430px)and (orientation:portrait),(max-width:760px)and (max-height:740px)and (orientation:portrait){.game-page{--opponents-bottom: 66px}}@media(max-width:360px),(max-width:760px)and (max-height:560px)and (orientation:portrait){.game-page .draw-pile-action{right:min(-4px,calc((var(--table-card-w) - 104px) / 2));left:min(-4px,calc((var(--table-card-w) - 104px) / 2));padding-inline:6px}.game-page .draw-pile-action strong{font-size:14px}.game-page .draw-pile-action i{font-size:6px}}@media(max-width:760px)and (max-height:600px)and (orientation:portrait){.game-page{--hand-card-w: 88px;--hand-clearance: 8px;--hand-pile-gap: 12px;--pile-caption-h: 44px;--suit-badge-h: 36px;--suit-badge-gap: 10px}.game-page .active-suit{font-size:17px}.game-page .active-suit strong{font-size:26px}.game-page .pile figcaption{margin-top:12px;gap:4px}.game-page .pile figcaption .pile-stock{font-size:12px;line-height:18px}}@media(max-width:900px)and (max-height:540px)and (orientation:landscape){.game-page{--suit-badge-h: 34px;--suit-badge-gap: 10px;--pile-caption-h: 40px;--pile-gap: 22px;--play-area-width: calc(2 * max(112px, var(--table-card-w)) + var(--pile-gap))}.game-page .center-play{top:60%;column-gap:var(--pile-gap)}.game-page .center-play.has-winning-queens{top:42%;left:calc(75% + 26px)}.queen-finish{--queen-area-width: min(480px, calc(50vw - 52px) )}.game-page .active-suit{min-width:200px;padding-inline:18px;gap:7px;font-size:16px}.game-page .active-suit strong{font-size:24px}.game-page .draw-pile-action{right:-6px;left:-6px;bottom:8px;min-height:36px;padding:6px}.game-page .draw-pile-action strong{font-size:13px}.game-page .draw-pile-action i{font-size:5px}.game-page .pile figcaption{margin-top:12px;gap:4px}.game-page .pile figcaption .pile-stock{font-size:12px}.game-page.is-spectator{--table-card-w: 64px;--pile-caption-h: 32px;--suit-badge-h: 32px;--suit-badge-gap: 8px}.game-page.is-spectator .center-play{top:calc((100% - 108px)/2 + 44px)}.game-page.is-spectator .pile figcaption{margin-top:6px;gap:0}}@media(prefers-reduced-motion:reduce){.game-page .draw-pile-action,.game-page .pile--draw>button>img,.game-page .pile-stack i{transition:none}}}@layer pages{.audit-page{background:radial-gradient(circle at 82% 6%,rgba(25,113,84,.15),transparent 29rem),radial-gradient(circle at 3% 68%,rgba(112,37,53,.11),transparent 30rem),linear-gradient(128deg,#0f1d18,#08130f,#101c18)}.audit-shell{width:min(100%,1540px)}.audit-context{display:inline-flex;align-items:center;gap:.5rem;color:#817b72;font-size:.62rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.audit-context__dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--brass);box-shadow:0 0 0 4px #c7a76514}.audit-main{padding:1rem 0 3rem}.audit-crumb{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:1rem;color:#6f6961;font-size:.61rem;font-weight:750;letter-spacing:.03em}.audit-crumb a{display:inline-flex;min-height:36px;align-items:center;gap:.42rem;color:var(--muted)}.audit-crumb a:hover{color:var(--cream)}.audit-crumb svg,.back-link svg,.filter-actions svg,.page-button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.audit-crumb svg{color:var(--brass)}.audit-crumb>span{text-transform:uppercase}.audit-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:1.1rem .05rem 1.65rem}.audit-heading .eyebrow{margin-bottom:.48rem}.audit-title-line{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.audit-heading h1{margin:0;color:var(--cream);font-family:var(--font-card);font-size:clamp(2.55rem,5vw,4.5rem);letter-spacing:-.055em;line-height:.96}.audit-heading>div>p:last-child{max-width:650px;margin:.75rem 0 0;color:var(--muted);font-size:.77rem;line-height:1.55}.event-count{display:inline-flex;min-height:30px;align-items:center;gap:.35rem;padding:.32rem .62rem;border:1px solid rgba(199,167,101,.27);border-radius:999px;background:#c7a76512;color:#8f887d;font-size:.59rem;font-weight:750;white-space:nowrap}.event-count b{color:var(--brass-light);font-size:.67rem;font-variant-numeric:tabular-nums}.back-link{display:inline-flex;min-height:42px;flex:none;align-items:center;gap:.5rem;padding:.55rem .72rem;border-bottom:1px solid rgba(199,167,101,.36);color:var(--muted);font-size:.67rem;font-weight:800}.back-link:hover{color:var(--cream);border-color:var(--brass)}.back-link svg{color:var(--brass)}.audit-filters{padding:1.2rem 1.3rem;border:1px solid rgba(199,167,101,.42);border-radius:.5rem;background:linear-gradient(135deg,#1b3625,#132a1d 62%,#102319)}.filter-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.filter-heading h2{margin:0;color:var(--cream);font-family:var(--font-card);font-size:1.08rem;font-weight:700}.filter-heading span{color:#b6ad9d;font-size:.68rem}.filter-grid{display:grid;grid-template-columns:1.08fr 1.18fr 1.08fr .9fr 1fr 1fr;gap:.7rem}.audit-filters .field{min-width:0;gap:.38rem}.audit-filters .field-label{color:#c3b89f;font-size:.65rem;letter-spacing:.07em;text-transform:uppercase}.audit-filters .input,.audit-filters .select{min-width:0;min-height:42px;padding:.62rem .68rem;border-radius:.42rem;border-color:#f4ead726;background-color:#040d0a7a;color:#d9d0c0;font-size:.75rem}.audit-filters .select{padding-right:1.65rem}.audit-filters .input::placeholder{color:#a29a8b}.audit-filters .mono-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-variant-numeric:tabular-nums}.audit-filters input[type=datetime-local]{color-scheme:dark}.control-wrap{position:relative;display:block}.control-wrap .input{padding-left:2rem}.control-wrap svg{position:absolute;z-index:1;top:50%;left:.7rem;width:.9rem;height:.9rem;fill:none;stroke:#777168;stroke-linecap:round;stroke-width:1.7;transform:translateY(-50%);pointer-events:none}.filter-actions{display:flex;min-height:45px;align-items:center;gap:.75rem;margin-top:.8rem}.filter-actions .btn{min-height:40px;padding:.56rem .85rem;border-radius:.48rem;font-size:.68rem}.reset-button{min-height:40px;padding:.45rem .3rem;border:0;border-bottom:1px solid transparent;background:transparent;color:#918a80;cursor:pointer;font-size:.65rem;font-weight:750}.reset-button:hover{border-bottom-color:var(--brass);color:var(--cream)}.filter-hint{margin-left:auto;color:#aaa18f;font-size:.62rem}.audit-ledger{margin-top:1.15rem;overflow:hidden;border:1px solid #c9b693;border-radius:.42rem;background:linear-gradient(90deg,transparent 0 35px,rgba(112,37,53,.075) 35px 36px,transparent 36px),linear-gradient(145deg,#fbf5e8,#eee2ca);color:var(--ink);box-shadow:0 6px #765b42,0 20px 48px #00000047}.ledger-head{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;border-bottom:1px solid #cdbb9d;background:#fffaf080}.ledger-kicker{display:block;margin-bottom:.15rem;color:#795c37;font-size:.62rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.ledger-head h2{margin:0;color:var(--ink);font-family:var(--font-card);font-size:1.45rem;letter-spacing:-.025em}.ledger-sync{display:inline-flex;align-items:center;gap:.42rem;color:#6b5e4d;font-size:.66rem;white-space:nowrap}.ledger-sync i{width:.38rem;height:.38rem;border-radius:50%;background:#397257;box-shadow:0 0 0 4px #39725717}.audit-table-wrap{overflow-x:auto}.audit-table{width:100%;min-width:1080px;border-collapse:collapse;table-layout:fixed}.audit-table th{height:37px;padding:.55rem .7rem;border-bottom:1px solid #cdbb9d;background:#cdbb9d24;color:#66543b;font-size:.61rem;font-weight:900;letter-spacing:.08em;text-align:left;text-transform:uppercase}.audit-table th:first-child{width:122px;padding-left:1.2rem}.audit-table th:nth-child(2){width:150px}.audit-table th:nth-child(3){width:207px}.audit-table th:nth-child(4){width:185px}.audit-table th:nth-child(5){width:122px}.audit-table th:nth-child(6){width:126px}.audit-table th:last-child{width:86px;padding-right:1rem;text-align:right}.audit-table td{min-width:0;height:70px;padding:.75rem .7rem;border-bottom:1px solid rgba(125,104,77,.19);color:#4b4237;font-size:.73rem;vertical-align:middle}.audit-table .audit-row:last-of-type td{border-bottom-color:transparent}.audit-table .audit-row{transition:background .13s ease}.audit-table .audit-row:hover{background:#ffffff52}.audit-table .audit-row--expanded{background:#8b6b4317;box-shadow:inset 3px 0 #a8894f}.audit-table .audit-row--failure{background:linear-gradient(90deg,rgba(140,41,57,.035),transparent 42%)}.audit-table td:first-child{padding-left:1.2rem}.audit-table td:last-child{padding-right:1rem}.audit-table time{color:#352f28;font-size:.72rem;font-weight:720;font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap}.audit-table time small{color:#756955;font-size:.66rem;font-weight:650}.profile-link{display:block;overflow:hidden;color:#235b46;font-size:.76rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.profile-link:hover{color:var(--wine);text-decoration:underline;text-decoration-color:#70253559;text-underline-offset:3px}.role-mark,.target-type{display:block;margin-top:.18rem;color:#795c37;font-size:.6rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.target-type{color:#71644f;font-weight:700}.target-name{display:block;overflow:hidden;color:#352f28;font-size:.73rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.action-code,.ip-code,.error-code{color:#4d4034;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.action-code{color:#684d38;font-weight:700}.ip-code{color:#5d5143;white-space:nowrap}.error-code{display:block;margin-top:.24rem;color:#9a4150;font-size:.62rem}.result{display:inline-flex;min-height:24px;align-items:center;gap:.35rem;padding:.23rem .48rem;border:1px solid;border-radius:999px;font-size:.66rem;font-weight:900;letter-spacing:.025em}.result:before{width:.34rem;height:.34rem;border-radius:50%;background:currentColor;content:""}.result--success{border-color:#2f704f4d;background:#2f704f12;color:#2f7050}.result--failure{border-color:#9134434d;background:#91344312;color:#913443}.details-cell{text-align:right}.details-cell a,.metadata-close{display:inline-flex;align-items:center;gap:.28rem;color:#79633f;font-size:.68rem;font-weight:850}.details-cell a:hover,.metadata-close:hover{color:var(--wine)}.details-cell a span,.metadata-close span{color:#a8894f;font-size:.72rem}.metadata-row{display:none;scroll-margin-top:1rem}.metadata-row--featured,.metadata-row:target{display:table-row}tbody:has(.metadata-row:target) .metadata-row--featured:not(:target),#audit-log:target .metadata-row--featured{display:none}.metadata-row>td{height:auto;padding:0!important;border-bottom:1px solid #bfae91;background:linear-gradient(90deg,rgba(112,37,53,.055),transparent 24%),#d5c5a93b}.metadata-content{position:relative;display:grid;grid-template-columns:minmax(250px,.82fr) minmax(340px,1.18fr);gap:1.1rem;padding:1rem 7.2rem 1rem 1.2rem;border-left:3px solid #a8894f}.metadata-content>div{min-width:0}.metadata-content>div>span{display:block;margin-bottom:.4rem;color:#8c7657;font-size:.48rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.metadata-content code,.metadata-content pre{display:block;margin:0;color:#564b3e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.55rem;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.metadata-content pre{max-height:140px;overflow:auto;padding:.65rem .72rem;border:1px solid rgba(100,79,52,.18);border-radius:.25rem;background:#54422b0e;scrollbar-color:#a8894f transparent}.metadata-close{position:absolute;top:1rem;right:1rem}.audit-pagination{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.1rem;background:#cdbb9d26;color:#857967;font-size:.57rem}.audit-pagination>span b{color:#4f473d;font-variant-numeric:tabular-nums}.audit-pagination nav{display:flex;align-items:center;gap:.55rem}.page-button{display:inline-flex;min-height:34px;align-items:center;gap:.32rem;padding:.42rem .58rem;border:1px solid #c6b495;border-radius:.3rem;color:#5d5143;font-weight:850}.page-button:hover{border-color:#9b7b49;color:var(--wine)}.page-button.is-disabled{opacity:.4;pointer-events:none}.page-numbers{display:flex;align-items:center;gap:.18rem}.page-numbers a,.page-numbers>span{display:grid;width:31px;height:31px;place-items:center;border-radius:.25rem;color:#776b5c;font-weight:800}.page-numbers a:hover{background:#7d613d14;color:#463c31}.page-numbers a.is-current{background:#1e4a3c;color:#f7ecd6;box-shadow:0 2px #0d2e25}.state-shortcuts{display:flex;justify-content:flex-end;gap:.5rem;padding:1.1rem .1rem 0;color:#605c56;font-size:.52rem}.state-shortcuts a{color:#847e74;text-decoration:underline;text-decoration-color:#c7a7654d;text-underline-offset:3px}.state-shortcuts a:hover{color:var(--brass-light)}.audit-state{position:fixed;z-index:150;inset:0;display:grid;padding:1rem;place-items:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.audit-state:target{opacity:1;pointer-events:auto;visibility:visible}.audit-state__backdrop{position:absolute;inset:0;background:#040a08e0;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.audit-state__panel{position:relative;z-index:1;width:min(100%,460px);padding:1.45rem;border:1px solid var(--brass);border-radius:.7rem;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--night-soft);box-shadow:0 7px 0 var(--wood-dark),var(--shadow-lg);text-align:center}.audit-state__panel .spinner{margin:0 auto 1rem}.audit-state__panel .eyebrow{margin-top:.7rem}.audit-state__panel h2{margin:.25rem 0 0;color:var(--cream);font-family:var(--font-card);font-size:1.85rem;letter-spacing:-.035em}.audit-state__panel>p:not(.eyebrow){max-width:360px;margin:.65rem auto 0;color:var(--muted);font-size:.74rem;line-height:1.55}.audit-state__panel>.btn{margin-top:1rem}.state-return{display:block;width:max-content;max-width:100%;margin:.85rem auto 0;color:#8d877d;font-size:.61rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}.audit-loading-lines{display:grid;gap:.48rem;margin-top:1.05rem}.audit-loading-lines i{position:relative;display:block;height:34px;overflow:hidden;border-radius:.35rem;background:#f4ead70e}.audit-loading-lines i:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(244,234,215,.08),transparent);content:"";animation:audit-shimmer 1.3s infinite;transform:translate(-100%)}.audit-loading-lines i:nth-child(2):after{animation-delay:.12s}.audit-loading-lines i:nth-child(3):after{animation-delay:.24s}@keyframes audit-shimmer{to{transform:translate(100%)}}.empty-ledger{display:grid;width:66px;height:66px;margin:0 auto;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#c7a76512;color:var(--brass-light)}.empty-ledger svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}@media(max-width:1180px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-table{min-width:1030px}}@media(max-width:760px){.audit-shell{padding-inline:1rem}.audit-main{padding-top:.65rem}.audit-crumb>span,.audit-context{display:none}.audit-heading{align-items:flex-start;flex-direction:column;gap:.75rem;padding-top:.65rem}.audit-heading h1{font-size:clamp(2.4rem,11vw,3.35rem)}.audit-heading>div>p:last-child{font-size:.71rem}.back-link{min-height:36px;padding:.35rem 0}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.filter-hint{display:none}.audit-ledger{background:linear-gradient(145deg,#fbf5e8,#eee2ca)}.ledger-head{min-height:72px;padding:.8rem .85rem}.ledger-head h2{font-size:1.3rem}.ledger-sync{align-self:flex-start;margin-top:.35rem}.audit-table-wrap{overflow:visible}.audit-table{display:block;width:100%;min-width:0}.audit-table thead{display:none}.audit-table tbody{display:block}.audit-table .audit-row{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:.45rem .82rem .7rem;border-bottom:1px solid rgba(125,104,77,.28);background:transparent;box-shadow:none}.audit-table .audit-row--expanded{background:#8b6b4317;box-shadow:inset 3px 0 #a8894f}.audit-table .audit-row--failure{background:linear-gradient(90deg,rgba(140,41,57,.045),transparent)}.audit-table td,.audit-table td:first-child,.audit-table td:last-child{display:grid;min-width:0;height:auto;grid-template-columns:76px minmax(0,1fr);align-content:start;padding:.35rem .25rem;border:0;font-size:.62rem;text-align:left}.audit-table td:before{align-self:start;padding-top:.09rem;color:#9a8b75;content:attr(data-label);font-size:.46rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.audit-table .audit-row td:nth-child(1),.audit-table .audit-row td:nth-child(3),.audit-table .audit-row td:nth-child(4),.audit-table .audit-row td:nth-child(6){grid-column:1 / -1}.audit-table .audit-row td:nth-child(1){padding-top:.55rem}.audit-table .audit-row td:nth-child(2){grid-column:1 / -1}.audit-table .audit-row td:nth-child(5){grid-column:1 / 2}.audit-table .audit-row td:nth-child(7){grid-column:2 / 3}.audit-table time br{display:none}.audit-table time small:before{content:" \b7  "}.profile-link,.target-name{max-width:100%}.action-code{font-size:.55rem}.details-cell a{justify-self:end}.metadata-row--featured,.metadata-row:target{display:block}tbody:has(.metadata-row:target) .metadata-row--featured:not(:target),#audit-log:target .metadata-row--featured{display:none}.metadata-row>td{display:block!important;width:100%;padding:0!important}.metadata-content{grid-template-columns:1fr;gap:.85rem;padding:.85rem .85rem 2.5rem}.metadata-content code,.metadata-content pre{font-size:.52rem}.metadata-close{top:auto;right:.85rem;bottom:.7rem}.audit-pagination{align-items:flex-start;flex-direction:column;padding:.8rem}.audit-pagination nav{width:100%;justify-content:space-between}.state-shortcuts{padding-bottom:.5rem}}@media(max-width:520px){.audit-shell{padding-inline:.75rem}.audit-title-line{align-items:flex-start;flex-direction:column;gap:.6rem}.audit-heading h1{max-width:330px;font-size:2.55rem;line-height:.95}.audit-heading>div>p:last-child{max-width:340px}.filter-heading span{display:none}.filter-grid{grid-template-columns:1fr}.audit-filters .input,.audit-filters .select{min-height:44px}.filter-actions{margin-top:.85rem}.filter-actions .btn{flex:1}.reset-button{padding-inline:.65rem}.ledger-head{align-items:flex-start}.ledger-sync{display:grid;grid-template-columns:auto 1fr;max-width:82px;line-height:1.35;white-space:normal}.ledger-sync i{margin-top:.18rem}.audit-table .audit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-inline:.6rem}.audit-table td,.audit-table td:first-child,.audit-table td:last-child{grid-template-columns:72px minmax(0,1fr);padding-inline:.18rem}.page-numbers a:nth-of-type(3),.page-numbers>span{display:none}.page-button{min-width:36px;padding-inline:.45rem}.audit-state__panel{padding:1.2rem}}@media(max-width:380px){.audit-shell{padding-inline:.6rem}.audit-heading h1{font-size:2.35rem}.audit-heading>div>p:last-child{font-size:.68rem}.audit-filters{padding-top:.9rem}.audit-table td,.audit-table td:first-child,.audit-table td:last-child{grid-template-columns:66px minmax(0,1fr)}.audit-pagination nav{gap:.25rem}.page-button{font-size:0}.page-button svg{width:1rem;height:1rem}.page-numbers a,.page-numbers>span{width:28px;height:28px}.state-shortcuts span{display:none}}@media(prefers-reduced-motion:reduce){.audit-loading-lines i:after{animation:none}}}@layer runtime{html,body{margin:0;min-height:100%;width:100%}app-root,app-root>.app-shell-host{display:block;min-height:100%}app-root *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}app-root input,app-root textarea,app-root select,app-root [contenteditable=true],app-root .allow-text-selection,app-root .select-all{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}app-root img{-webkit-user-drag:none}app-root.game-initial-loading{opacity:0;pointer-events:none}html.game-scroll-lock,html.game-scroll-lock body{height:100%;max-height:100%;overflow:hidden;overscroll-behavior:none}html.game-scroll-lock body{position:fixed;inset:0;width:100%;touch-action:none}html.game-scroll-lock app-root,html.game-scroll-lock .app-shell-host{height:100dvh;min-height:100dvh;max-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}html.game-scroll-lock app-game-board{height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}html.game-scroll-lock [data-app-scrollable],html.game-scroll-lock [data-game-scrollable]{touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}@layer runtime{.game-page .player-seat.is-eliminated,.game-page .rail-seat.is-eliminated,.game-page .self-chip.is-eliminated{border-color:#b0a7994d;background:#17211d;box-shadow:none}.game-page .is-eliminated .seat-avatar{filter:grayscale(1);opacity:.65}.game-page .is-eliminated .player-seat__copy b,.game-page .is-eliminated .rail-seat__copy b{color:var(--muted)}.game-page .eliminated-badge{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .4rem;border:1px solid rgba(205,153,140,.4);border-radius:5px;color:#dfb5a9;font-size:.65rem;font-weight:750;line-height:1.1;white-space:nowrap}.game-page .rail-seat.is-eliminated .eliminated-badge{grid-column:3;padding-inline:.2rem;font-size:.58rem}.game-page .self-chip .eliminated-self-status{color:#dfb5a9}.game-page .seat-avatar:has(>app-player-avatar){box-sizing:border-box;padding:0;overflow:hidden;border:1px solid var(--brass);border-radius:8px;background:var(--card, #142a21);box-shadow:0 3px 8px #00000040}.game-page .seat-avatar:has(>app-player-avatar):before,.game-page .seat-avatar:has(>app-player-avatar):after{display:none}.game-page .hand-card{--effective-hand-card-w: min(var(--hand-card-w), var(--runtime-hand-card-w, var(--hand-card-w)));left:calc(50% + (var(--i) * var(--step)) - (var(--effective-hand-card-w) / 2));width:var(--effective-hand-card-w);transform:translateY(var(--hand-y, 0px)) rotate(var(--r));transition:left .26s cubic-bezier(.22,.68,.2,1),transform .26s cubic-bezier(.22,.68,.2,1),filter .18s ease,opacity .18s ease}.game-page .hand-card--playable .playing-card__image{filter:drop-shadow(0 0 2px rgba(122,229,130,.95)) drop-shadow(0 0 10px rgba(122,229,130,.55))}.game-page .hand-card--unplayable .playing-card__image{filter:saturate(.62) brightness(.86)}.discard-pile-pulse .discard-card-host{animation:discard-runtime-pulse .32s ease-out}.rail-shift-pulse .rail-seat.is-current,.player-seat.is-current{transition:border-color .18s ease,box-shadow .18s ease}.game-page .hand-card.is-drag-origin{opacity:0!important;transition:none!important;cursor:grabbing;filter:grayscale(.45);box-shadow:none}.game-page .discard-stack.is-drop-ready,.game-page .discard-stack.is-drag-over{outline:2px solid rgba(127,197,157,.72);outline-offset:6px;filter:drop-shadow(0 0 12px rgba(127,197,157,.42))}.game-page .discard-stack.is-rejected,.game-page .discard-stack.is-drop-blocked{outline:2px solid rgba(209,74,91,.72)}.drag-ghost,.card-slot-preview{pointer-events:none}.drag-ghost.is-settling{box-shadow:none}body.is-card-dragging .game-page .hand-card:not(.is-drag-origin){transition:left .17s cubic-bezier(.22,1,.36,1),transform .17s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){body.is-card-dragging .game-page .hand-card{transition:none}.drag-ghost{transform:none}}@keyframes discard-runtime-pulse{50%{filter:drop-shadow(0 0 12px rgba(255,209,102,.55))}}.card-flight{position:fixed;z-index:180;overflow:hidden;border-radius:10px;pointer-events:none;transform:translateZ(0) scale(1);backface-visibility:hidden;contain:layout paint style;will-change:transform;transform-origin:center center;filter:drop-shadow(0 7px 7px #0005)}.card-flight__image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}@keyframes card-flight-move{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(var(--flight-x, 0px),var(--flight-y, 0px),0) scale(.92)}}.safe-bottom{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.has-label-animations .game-label-appear{animation:game-label-appear .28s cubic-bezier(.22,1,.36,1) backwards}@keyframes game-label-appear{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.has-label-animations .game-label-appear{animation:none}.game-page .hand-card{transition:none}.card-flight{animation-duration:80ms;animation-delay:0ms}.discard-pile-pulse .discard-card-host{animation:none}}}@layer runtime{app-player-avatar,app-presence-badge,app-player-seat,app-playing-card,app-card-pile,app-player-hand-fan{display:block;min-width:0}app-player-avatar .avatar__image{display:block;width:100%;height:100%;object-fit:cover}app-playing-card .playing-card__image{display:block;width:100%;height:100%;border:0;object-fit:contain;outline:0}app-player-avatar.avatar,app-presence-badge.presence-dot{display:inline-flex}.toast-stack__actions{display:flex;justify-content:flex-end;gap:.4rem}.toast-action{min-height:32px;padding:.35rem .55rem;font-size:.6rem}.toast__header{display:flex;align-items:flex-start;gap:.65rem}.toast__icon{display:grid;width:28px;height:28px;flex:none;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--brass-light);font-weight:900}.toast--error .toast__icon{color:var(--danger)}.toast--success .toast__icon{color:var(--success)}.toast__copy{min-width:0;flex:1}.toast__close{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:50%;color:var(--muted)}body:has(.game-page) .toast-chip,body:has(.game-page) .toast-stack{display:none}}@layer runtime{html.localized-game-brand .directory-header .brand{min-width:0;font-size:24px;letter-spacing:-.6px;white-space:normal;line-height:1.15}html.localized-game-brand .directory-header .logo{flex-shrink:0}html.localized-game-brand .directory-header nav{flex-shrink:0}html.localized-game-brand .mini-table__felt{overflow-wrap:anywhere}@media(max-width:760px){html.localized-game-brand .directory-header .brand{font-size:18px}}html[lang=en] .welcome-page .directory-header .brand:after{content:"MORE THAN CARDS\a A COMMUNITY OF PLAYERS"}html[lang=tr] .welcome-page .directory-header .brand:after{content:"KARTLARDAN DAHA FAZLASI\aOYUNCU TOPLULU\11eU"}html[lang=en] .discard-stack:after{content:"Play"}html[lang=tr] .discard-stack:after{content:"Oyna"}.welcome-table__native-player-label>span{display:grid;gap:.08rem}.auth-tabs button{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:center;padding:.55rem;border:1px solid transparent;border-radius:.46rem;background:transparent;color:#74685c;font:inherit;font-size:.75rem;font-weight:850;text-align:center;cursor:pointer}.auth-tabs button:hover{color:var(--ink)}.auth-tabs button.is-active{border-color:#9b7d56;background:linear-gradient(#fffdf6,#f6eddc);color:var(--wine);box-shadow:0 2px #a88b67}.auth-desk,.auth-form,.auth-field,.auth-field .input{min-width:0;max-width:100%;box-sizing:border-box}.profile-lower-grid,.history-panel,.vip-card{min-width:0}.vip-card{overflow:hidden}.vip-card .vip-purchase{display:flex;flex-direction:column;gap:.35rem;width:100%;white-space:normal}.vip-card .vip-price{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.875rem;font-weight:700}.vip-card .vip-price img{width:20px;height:20px;object-fit:contain}.vip-card .vip-month.vip-purchase{min-height:60px;padding:.65rem;border:1px solid var(--brass);border-radius:.5rem;color:var(--cream);background:var(--night-soft)}.language-options .btn{min-height:32px;padding:.35rem .65rem;border-radius:.4rem;font-size:.61rem}.room-page .capacity-meter i:not(.filled){border-color:#f4ead73b;background:#040d0a40;box-shadow:none}.room-page .capacity-meter i.filled{border-color:#e2ca8d94;background:var(--brass);box-shadow:0 0 7px #c7a76533}.lesson-map a.is-active{background:#c7a76514;color:var(--cream)}.lesson-map a.is-active:after{background:var(--brass)}.leaderboard-page .mode-tabs .btn{min-width:0;min-height:53px;justify-content:center;white-space:normal}.leaderboard-page .mode-tabs .btn>span{display:grid;min-width:0;gap:.15rem}@media(max-width:560px){html,body,app-root,.app-shell-host,.login-page,.login-shell,.login-main{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.login-header{min-width:0;padding-inline:0}.login-header .site-nav{min-width:0;max-width:50%;gap:.2rem;flex-wrap:wrap;justify-content:flex-end}.login-header .nav-link{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.login-main{overflow-x:clip}.login-story .page-title{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.login-story .page-lead{max-width:100%;overflow-wrap:anywhere}.auth-desk{width:100%}.auth-tabs button{padding-inline:.25rem}}@media(max-width:480px){.create-dialog .modal__footer,.join-dialog .modal__footer{position:static;bottom:auto;margin-inline:0;background:none}}.lobby-page .my-games{display:grid;gap:12px;margin-bottom:24px}.lobby-page .my-game{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #657359;border-radius:16px;background:#14372c}.lobby-page .my-game__info{min-width:0}.lobby-page .my-game h2{margin:4px 0;font-size:20px;overflow-wrap:anywhere}.lobby-page .my-game p{margin:6px 0}.lobby-page .my-game .btn{flex-shrink:0;white-space:normal;text-align:center}@media(max-width:560px){.lobby-page .my-game{align-items:stretch;flex-direction:column;padding:16px;gap:12px}}}@layer runtime{.directory-page{--directory-bg: #081710;--directory-panel: #132a1d;--directory-line: #b89a5e66;--directory-text: #f4ead6;--directory-muted: #a5b399;--directory-brass: #d5b776;--directory-wine: #752838;--directory-paper: #f8e8ba}.directory-page{min-width:0;min-height:100svh;background:#081710;color:var(--directory-text);font-family:Segoe UI,sans-serif}.directory-page{background-image:radial-gradient(ellipse at 55% -10%,#335e3c70,transparent 56%),radial-gradient(ellipse at 100% 75%,#33271944,transparent 60%),repeating-linear-gradient(110deg,#ffffff02 0 1px,transparent 1px 4px)}.directory-page :where(h1,h2,h3,h4,.page-title,.section-title){font-family:Georgia,serif}.site-header-host{display:block;min-width:0}.site-header-host>.directory-header,.lobby-page>.shell>.directory-header{box-sizing:border-box}.directory-header{position:relative;z-index:10;display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #c9a56435}.directory-header .brand{display:inline-flex;align-items:center;color:#f4ead6;font:700 30px Georgia,serif;letter-spacing:-1.4px;white-space:nowrap;text-decoration:none}.directory-header .brand span{color:#dfc083}.directory-header .logo{display:inline-grid;width:34px;height:40px;margin-right:13px;place-items:center;border:1px solid #b0945c;border-radius:4px;background:linear-gradient(145deg,#2f4830,#0f2319);box-shadow:3px 3px #07160f;color:#d5b776;font-size:26px;font-style:normal}.directory-header nav{display:flex;align-items:center;gap:28px;color:#b9bfb0;font-size:13px}.directory-header nav a,.directory-header nav button{color:inherit;text-decoration:none}.directory-header .desktop-link{border:0;background:none;cursor:pointer}.directory-header .desktop-link:hover,.directory-header nav a:hover{color:#f4ead6}.directory-header .profile{display:grid;width:40px;height:40px;padding:0;place-items:center;overflow:hidden;border:1px solid #a88d52;border-radius:7px;background:#274d37;box-shadow:0 0 0 3px #d6b6770d}.directory-header .profile app-player-avatar{display:block;width:100%;height:100%}.directory-header .profile app-player-avatar .avatar{width:100%!important;height:100%!important;border:0;border-radius:0!important;box-shadow:none}.directory-header .profile app-player-avatar .avatar__image{width:100%;height:100%;border-radius:0;object-fit:cover}.directory-header .guest-badge{color:var(--directory-muted);font-size:12px;white-space:nowrap}.directory-header .mobile-menu{display:none}.directory-header .menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:225px;padding:4px;border:1px solid #b89a5e88;border-radius:9px;background:#162d20;box-shadow:0 16px 32px #0008}.directory-header .menu-panel a,.directory-header .menu-panel button{display:block;width:100%;padding:14px 16px;border:0;background:none;color:#efdfbd;text-align:left}.directory-header .menu-panel :is(a,button)+:is(a,button){border-top:1px solid #d5bb7830}.directory-header .mobile-menu summary{display:flex;min-height:42px;align-items:center;gap:10px;padding:8px 10px;color:#d9c598;cursor:pointer;list-style:none}.directory-header .mobile-menu summary::-webkit-details-marker{display:none}.directory-page :where(.app-shell,.page-shell){width:min(100%,1320px);max-width:1320px;margin-inline:auto;padding-inline:clamp(19px,3vw,32px);box-sizing:border-box}.lobby-page .shell{max-width:1320px;margin-inline:auto;padding-inline:32px}.directory-page :where(.btn,button,input,select,textarea){font-family:Segoe UI,sans-serif}.directory-page :where(.btn,button){border-radius:7px}.directory-page :where(.btn--primary,.table-button--primary,.create,.auth-submit){border-color:#be7180;background:linear-gradient(#a54b5e,#752838);box-shadow:0 4px #401521,0 8px 18px #0004,inset 0 1px #f5b6ae44;color:#f3ecde}.directory-page :where(.btn--quiet,.table-button--secondary,.guest-link,.reset-button){border-color:#ffffff24;background:transparent;color:#f3ecde}.welcome-page .welcome-actions .btn.welcome-actions__secondary{border-color:#b89a5e99;background:#132a1d}.welcome-page .welcome-actions .btn.welcome-actions__secondary:hover{background:#1b3625}.directory-page :where(input,select,textarea,.input,.select,.textarea){border-color:#b89a5e66;border-radius:7px;background:#0f2419;color:var(--directory-text)}.directory-page :where(input,select,textarea,.input,.select,.textarea):focus{border-color:var(--directory-brass);box-shadow:0 0 0 3px #c7a76522}.directory-page :where(.panel,.ranking-panel,.identity-card,.history-panel,.vip-card,.audit-filters,.audit-ledger,.rules-hero,.tutorial-step,.rules-index){border-color:var(--directory-line);border-radius:8px;box-shadow:0 9px 20px #0003,inset 0 1px #f1dca217}.directory-page :where(.panel--paper,.rule-paper,.kpi-ledger,.auth-desk,.vip-card){border-color:var(--directory-line);border-radius:8px;background:linear-gradient(120deg,#213d2a,#132a1d);color:var(--directory-text)}.directory-page :where(.panel--paper,.rule-paper,.kpi-ledger,.auth-desk,.vip-card) :where(h1,h2,h3,p,small,dt,dd,label){color:inherit}.directory-page :where(.page-main,.welcome-main,.welcome,.login-main,.tutorial-main,.rules-main,.audit-main){width:min(100%,1260px);margin-inline:auto;padding-top:clamp(1.25rem,3vw,2rem);padding-bottom:clamp(2rem,4vw,3.5rem)}.directory-page :where(.page-title,h1){color:var(--directory-text);font-family:Georgia,serif;font-weight:700;letter-spacing:-.045em}.directory-page :where(.section-heading,.section-heading-row,.hero-row,.leader-hero,.rules-hero,.tutorial-heading,.audit-heading){border-color:var(--directory-line)}.directory-page :where(.panel,.identity-card,.ranking-panel,.history-panel,.auth-desk,.tutorial-step,.rules-section,.audit-ledger,.audit-filters,.rules-index,.launch-tray){background:linear-gradient(135deg,#1b3625,#132a1d 62%,#102319);border:1px solid var(--directory-line);border-radius:8px;box-shadow:0 9px 20px #0003,inset 0 1px #f1dca217}.rules-page .rules-section{padding:clamp(1.25rem,2.6vw,2rem)}.audit-page .audit-filters{border-color:#b89a5e88;background:linear-gradient(135deg,#1b3625,#132a1d 62%,#102319)}.audit-page .audit-ledger{border-color:#c9b693;background:linear-gradient(145deg,#fbf5e8,#eee2ca);color:#352f28;box-shadow:0 6px #765b42,0 20px 48px #0005}.directory-page :where(.panel__header,.panel__footer,.ranking-panel__head,.history-panel__header,.audit-ledger__header){border-color:var(--directory-line)}.login-page :where(.auth-tabs,.auth-view,.provider-button,.guest-link){border-color:var(--directory-line);background:#132a1d;color:var(--directory-text)}.login-page .auth-tabs a{color:var(--directory-muted)}.login-page .auth-tabs a.is-active{border-color:var(--directory-brass);background:#213d2a;color:var(--directory-text);box-shadow:0 2px #806449}.login-page .provider-button{box-shadow:0 3px #07160f}.login-page .provider-button small,.login-page .auth-heading p:last-child,.login-page .auth-legal,.login-page .language-row{color:var(--directory-muted)}.login-page .auth-field label{color:var(--directory-text)}.login-page .auth-field .input{background:#0f2419;color:var(--directory-text);box-shadow:none}.onboarding-page :where(.rule-paper,.victory-card.panel--paper,.rules-cta,.lesson-copy){background:linear-gradient(120deg,#213d2a,#132a1d);color:var(--directory-text)}.onboarding-page :where(.rule-paper p,.victory-card.panel--paper p:last-child){color:var(--directory-muted)}.onboarding-page :where(.rule-paper h3,.victory-card.panel--paper h3){color:var(--directory-text)}.profile-page :where(.kpi-ledger,.vip-card){background:linear-gradient(120deg,#213d2a,#132a1d);color:var(--directory-text)}.profile-page .kpi-ledger :where(dt,dd,span){color:inherit}.leaderboard-page :where(.mode-tabs label.is-active,.mode-tabs label[aria-checked=true]){border-color:var(--directory-brass);background:#213d2a;color:var(--directory-text);box-shadow:0 2px #806449}.cardroom-page .launch-tray{border-color:var(--directory-line);border-radius:8px;background:linear-gradient(120deg,#213d2a,#132a1d)}@media(max-width:760px){.directory-header{min-height:65px;gap:8px}.directory-header .brand{font-size:24px}.directory-header .logo{width:29px;height:35px;margin-right:8px;font-size:22px}.directory-header nav{gap:8px}.directory-header .desktop-link{display:none}.directory-header .mobile-menu{display:block;position:relative}.directory-header .profile{width:36px;height:36px}.lobby-page .shell{padding-inline:19px}.directory-page :where(.app-shell,.page-shell){padding-inline:19px}}}