@font-face{font-family:Majd;src:url(/fonts/Mj_Majd.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:BYekan;src:url(/fonts/BYekanBold.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--wood-1: #3b2a1d;--wood-2: #241812;--wood-3: #120b07;--bg: #150e09;--surface: rgba(58, 40, 26, .55);--surface-2: rgba(84, 60, 38, .44);--border: rgba(227, 194, 106, .28);--text: #f6ecd6;--muted: #c0a781;--accent-rgb: 227, 194, 106;--accent: rgb(var(--accent-rgb));--accent-hover: #f8e9b0;--on-accent: #23160a;--hint-rgb: 86, 214, 255;--hint: rgb(var(--hint-rgb));--success: #7fc46a;--danger: #e0705a;--warning: #f0a52c;--radius: 12px;--shadow: 0 10px 30px rgba(0, 0, 0, .5);--glass: blur(16px) saturate(150%);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .12);--font: "BYekan", "Vazirmatn", "Segoe UI", Tahoma, "Iranian Sans", "Noto Sans Arabic", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display: "Majd", "BYekan", "Vazirmatn", "Segoe UI", Tahoma, "Iranian Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html{scrollbar-gutter:stable}body{margin:0;background:radial-gradient(130% 95% at 50% 45%,transparent 42%,rgba(0,0,0,.72) 100%),radial-gradient(460px 340px at 2% 66%,rgba(var(--lamp, 255, 196, 120),.2),transparent 68%),radial-gradient(460px 340px at 98% 66%,rgba(var(--lamp, 255, 196, 120),.17),transparent 68%),linear-gradient(180deg,#3a2819,#2a1c12 26%,#1c120c 58%,#150d08 73%,#2a1b10 74%,#1a100a 88%,#0e0805);background-attachment:fixed;background-color:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6}body:before,body:after{content:"";position:fixed;inset-inline:0;z-index:-1;pointer-events:none}body:before{inset-block:0 27%;background:repeating-linear-gradient(90deg,rgba(255,226,180,.03) 0 2px,transparent 2px 76px,rgba(0,0,0,.28) 76px 78px);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}body:after{inset-block:73% 0;background:repeating-linear-gradient(180deg,transparent 0 22px,rgba(0,0,0,.3) 22px 24px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%)}.card,.topbar,.bg-strip,.bg-log,.chat-panel,.game-toolbar{backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .6rem;line-height:1.3}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;background:var(--surface);border-block-end:1px solid var(--border);box-shadow:var(--glass-edge);flex-wrap:wrap;position:sticky;inset-block-start:0;z-index:10}.brand{font-weight:700;color:var(--text);white-space:nowrap}.brand:hover{text-decoration:none}.topbar nav{display:flex;gap:.3rem;flex-wrap:wrap}.nav-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:2.1rem;block-size:2.1rem;padding:0;font-size:1.05rem;line-height:1;border-radius:10px;border:1px solid transparent;background:transparent;box-shadow:none;color:var(--muted);white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.nav-icon.wide{inline-size:auto;padding-inline:.55rem;font-size:.85rem;font-weight:600}.nav-icon:hover:not(:disabled){background:var(--surface-2);color:var(--text);text-decoration:none;transform:none}.topbar nav a.nav-icon.active{background:var(--accent);color:var(--on-accent)}@media(pointer:coarse){.nav-icon{inline-size:2.5rem;block-size:2.5rem;font-size:1.15rem}}.topbar .spacer{margin-inline-start:auto}.topbar .who{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.87rem}.content{flex:1;width:100%;max-width:1080px;margin-inline:auto;padding:1.2rem;min-width:0;overflow-x:hidden}@media(max-width:640px){body{font-size:14px}.content{padding:.6rem}.card{padding:.7rem;margin-block-end:.7rem}.topbar{padding:.5rem .6rem;gap:.5rem}.topbar nav{gap:.1rem}.topbar .who{font-size:.78rem}.brand{font-size:1.1rem}.grid-2{grid-template-columns:1fr;gap:.7rem}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-block-end:1rem;box-shadow:var(--shadow),var(--glass-edge)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-block-end:.8rem;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:start}label{display:block;margin-block-end:.75rem}.label-text{display:block;font-size:.85rem;color:var(--muted);margin-block-end:.25rem}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=search],input[type=datetime-local],select,textarea{width:100%;padding:.55rem .7rem;background:#0000004d;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.checkbox{display:flex;align-items:center;gap:.5rem}.checkbox input{inline-size:16px;block-size:16px;accent-color:var(--accent)}.hint{font-size:.8rem;color:var(--muted);margin-block-start:.2rem}.segmented{display:flex;gap:.25rem}.segmented button{flex:1;padding:.4rem .3rem;font-size:.95rem;font-weight:600;background:#00000047;color:var(--muted);border:1px solid var(--border);box-shadow:none}.segmented button:hover:not(:disabled){background:rgba(var(--accent-rgb),.16);color:var(--text)}.segmented button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.rules-fold{margin-block:.5rem .8rem;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;background:#0000002e}.rules-fold summary{cursor:pointer;font-size:.88rem;color:var(--muted)}.rules-fold[open] summary{margin-block-end:.6rem;color:var(--text)}.rules-fold .checkbox{margin-block-end:.45rem;font-size:.9rem}button{font-family:inherit;font-size:.92rem;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:var(--on-accent);font-weight:600;cursor:pointer;box-shadow:var(--glass-edge),0 2px 8px #00000059;transition:background .15s,transform .1s,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}button.secondary:hover:not(:disabled){background:var(--border)}button.danger{background:var(--danger);color:#2a0d0a}button.success{background:var(--success);color:#08240f}button.small{padding:.3rem .6rem;font-size:.82rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:start;padding:.5rem .6rem;border-block-end:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.82rem}tbody tr:hover{background:var(--surface-2)}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.badge.WAITING,.badge.REGISTRATION{color:var(--warning);border-color:var(--warning)}.badge.READY{color:var(--accent);border-color:var(--accent)}.badge.IN_PROGRESS{color:var(--success);border-color:var(--success)}.badge.FINISHED{color:var(--muted)}.badge.CANCELLED{color:var(--danger);border-color:var(--danger)}.badge.win{color:var(--success);border-color:var(--success)}.badge.loss{color:var(--danger);border-color:var(--danger)}.dot{inline-size:8px;block-size:8px;border-radius:50%;display:inline-block;background:var(--muted)}.dot.live{background:var(--success)}.dot.offline{background:var(--danger)}.alert{padding:.6rem .9rem;border-radius:8px;margin-block-end:.8rem;white-space:pre-line;border:1px solid}.alert-popup{position:fixed;inset-block-start:max(.6rem,env(safe-area-inset-top));inset-inline:0;z-index:200;display:flex;justify-content:center;padding-inline:.8rem;pointer-events:none}.alert-popup .alert{pointer-events:auto;position:relative;margin:0;max-inline-size:min(30rem,100%);padding-inline-end:2.4rem;background:#260e0cf7;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:0 10px 30px #000000b3;animation:alert-drop .18s ease-out}@keyframes alert-drop{0%{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.alert-popup .alert{animation:none}}.alert-close{position:absolute;inset-block-start:.15rem;inset-inline-end:.15rem;min-inline-size:2rem;min-block-size:2rem;padding:0;border:none;background:none;color:inherit;font-size:1rem;line-height:1;cursor:pointer;opacity:.8}.alert-close:hover{opacity:1}.alert-text{max-block-size:40dvh;overflow-y:auto}.alert.error{background:#e5534b1f;border-color:var(--danger);color:#ffb4ae}.alert.success{background:#2ea0431f;border-color:var(--success);color:#82e39a}.alert.info{background:rgba(var(--accent-rgb),.12);border-color:var(--accent);color:#ffc7c2}.alert.warn{background:#f0b52c24;border-color:var(--warning);color:#ffd98a}.alert.danger{background:#ff8a7224;border-color:var(--danger);color:#ffb9a8}.muted{color:var(--muted)}.empty{color:var(--muted);padding:1.2rem;text-align:center}.seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.seat{display:flex;align-items:center;gap:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glass-edge);padding:.55rem .7rem}.seat.is-me{border-inline-start:3px solid var(--accent)}.seat-name{font-weight:600;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board{background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius);padding:1rem;margin-block:.8rem}.board pre{margin:0;overflow-x:auto;font-size:.82rem;color:var(--muted);direction:ltr;text-align:left}.ttt{--cell: clamp( 56px, min(calc((100vw - 72px) / 3.32), calc((100dvh - var(--ttt-chrome-y, 190px)) / 3.32)), 280px )}.ttt-grid{display:grid;grid-template-columns:repeat(3,var(--cell));grid-template-rows:repeat(3,var(--cell));gap:calc(var(--cell) * .07);inline-size:max-content;margin-inline:auto;padding:calc(var(--cell) * .09);border-radius:10px;border:2px solid rgba(227,194,106,.6);background-image:linear-gradient(150deg,#6b4626,#422714 45%,#2c1a0d);box-shadow:inset 0 1px #fff0c838,inset 0 0 0 1px #00000080,0 18px 46px #000c;direction:ltr}.ttt-cell{background:linear-gradient(160deg,#eddcb8,#dcc79c);border:1px solid rgba(60,38,20,.35);border-radius:calc(var(--cell) * .12);box-shadow:inset 0 1px #ffffff80,inset 0 -3px 8px #5a3c1947;font-size:calc(var(--cell) * .58);font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;color:#3a2412;transition:background .12s,transform .12s,box-shadow .15s}.ttt-cell:disabled{opacity:1;cursor:default;transform:none}.ttt-cell:not(:disabled){cursor:pointer;box-shadow:inset 0 0 0 2px rgba(var(--hint-rgb),.4)}.ttt-cell:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 0 0 3px var(--hint),0 6px 12px #00000080}.ttt-cell .x{color:#2b1a0e;text-shadow:0 1px 1px rgba(255,255,255,.45)}.ttt-cell .o{color:#b03a2c;text-shadow:0 1px 1px rgba(255,255,255,.45)}.ttt-cell.last{box-shadow:inset 0 0 0 3px #e3c26af2}.ttt-cell.win{background:linear-gradient(160deg,#cfe3b8,#b3cf96);box-shadow:inset 0 0 0 3px var(--success)}.match-page.immersive .ttt,.match-page.playing .ttt{--ttt-chrome-y: 72px}@media(min-aspect-ratio:13/10){.ttt,.match-page.immersive .ttt,.match-page.playing .ttt{--ttt-chrome-y: 72px}}.bracket{display:flex;gap:1.2rem;overflow-x:auto;padding-block-end:.6rem}.bracket-round{min-inline-size:190px;display:flex;flex-direction:column;gap:.7rem}.bracket-round h4{margin:0 0 .2rem;font-size:.82rem;color:var(--muted)}.bracket-node{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-block:auto}.bracket-slot{padding:.4rem .6rem;font-size:.86rem;display:flex;justify-content:space-between;gap:.4rem}.bracket-slot+.bracket-slot{border-block-start:1px solid var(--border)}.bracket-slot.winner{background:#2ea04326;color:#82e39a;font-weight:600}.bracket-slot.tbd{color:var(--muted);font-style:italic}.ad-slot{display:block;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-block-end:1rem;background:var(--surface);position:relative}.ad-slot img,.ad-slot video{display:block;width:100%;max-block-size:130px;object-fit:cover}.ad-media,.boost-ad img,.boost-ad video{display:block;inline-size:100%;max-block-size:220px;object-fit:contain;background:#000}.ad-slot .ad-label{position:absolute;inset-block-start:6px;inset-inline-end:6px;background:#000000a6;color:#fff;font-size:.68rem;padding:.1rem .4rem;border-radius:4px}.ad-slot .ad-caption{padding:.4rem .7rem;font-size:.85rem}.center-screen{min-block-size:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{inline-size:100%;max-inline-size:380px}.login-big{max-inline-size:420px}.startup-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#111827;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease}.startup-splash.fading{opacity:0}.startup-splash-img{inline-size:100%;block-size:100%;object-fit:cover}.enamad-seal{margin-block-start:1rem;text-align:center}.enamad-seal img{max-inline-size:130px;block-size:auto}.login-big .label-text{font-size:1.05rem;font-weight:800;color:var(--gold-1)}.login-big .icon-field{position:relative;display:flex;align-items:center}.login-big .icon-field .ifield-icon{position:absolute;inset-inline-start:.85rem;font-size:1.5rem;opacity:.9;pointer-events:none}.login-big .icon-field input{inline-size:100%;padding-block:.85rem;padding-inline-start:3rem;font-size:1.2rem}.login-big .phone-field .phone-icon{font-size:1.5rem;inset-inline-start:.85rem}.login-big .phone-field input{padding-block:.85rem;padding-inline-start:3rem;font-size:1.25rem}.login-big .auth-primary{display:flex;align-items:center;justify-content:center;gap:.6rem;padding-block:.9rem;font-size:1.35rem;font-weight:800}.login-big .auth-primary .ao-icon{font-size:1.5rem}.login-big .auth-option{display:flex;align-items:center;gap:.9rem;inline-size:100%;padding:.85rem 1.1rem;margin-block-end:.6rem;font-size:1.2rem;font-weight:800;text-align:start;border-radius:14px;background:linear-gradient(180deg,#48322080,#180f0a99);border:1px solid rgba(var(--gold-rgb),.34);box-shadow:inset 0 1px #fff0c81f;color:#f4ecdd}.login-big .auth-option:hover:not(:disabled){border-color:rgba(var(--gold-rgb),.6);background:linear-gradient(180deg,#583e2894,#1e130ca8)}.login-big .auth-option:disabled{opacity:.5}.login-big .auth-option .ao-icon{font-size:1.9rem;line-height:1;flex:0 0 auto}.login-big .auth-option .ao-label{flex:1 1 auto}.login-big .auth-option.guest{background:linear-gradient(180deg,#28562c99,#102814a8);border-color:#78c88273}.login-big .auth-option.guest:hover:not(:disabled){border-color:#78c882bf;background:linear-gradient(180deg,#306836ad,#14321ab8)}.login-big .divider{font-size:.95rem}.login-big a{font-size:1.1rem;font-weight:700}.login-big .linklike{font-size:1.05rem}.divider{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.8rem;margin-block:.9rem}.divider:before,.divider:after{content:"";flex:1;block-size:1px;background:var(--border)}.chat-log{max-block-size:260px;overflow-y:auto;display:flex;flex-direction:column;gap:.45rem;padding:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-block-end:.7rem}.chat-line{max-inline-size:82%;padding:.35rem .6rem;border-radius:10px;background:var(--surface-2);align-self:flex-start}.chat-line.mine{align-self:flex-end;background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.45)}.chat-meta{font-size:.72rem;color:var(--muted);margin-block-end:.1rem}.chat-body{overflow-wrap:anywhere;white-space:pre-wrap}.game-area{position:relative;inline-size:100vw;max-inline-size:100vw;margin-inline:calc(50% - 50vw);background:var(--surface);border-block:1px solid var(--border);padding:.6rem;margin-block-end:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.match-page.immersive,.match-page.immersive .game-area,.match-page.playing,.match-page.playing .game-area{background:radial-gradient(130% 95% at 50% 45%,transparent 40%,rgba(0,0,0,.7) 100%),radial-gradient(420px 320px at 2% 68%,rgba(var(--lamp, 255, 196, 120),.16),transparent 68%),radial-gradient(420px 320px at 98% 68%,rgba(var(--lamp, 255, 196, 120),.14),transparent 68%),linear-gradient(180deg,#33230f,#241710 30%,#180f0a 62%,#241710 74%,#100a06);background-color:var(--bg)}.match-page.immersive{block-size:100%;inline-size:100%;display:flex;flex-direction:column;justify-content:center}.match-page.playing{inline-size:100%;display:flex;flex-direction:column;justify-content:center;margin-inline:calc(50% - 50vw);padding:0}.match-page.playing,.match-page.immersive{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:0;block-size:auto;min-block-size:0;max-block-size:none;inline-size:auto;overflow:hidden;overscroll-behavior:none}.match-page.playing>*,.match-page.immersive>*{min-block-size:0}.match-page.immersive .match-chrome,.match-page.playing .match-chrome{display:none}.match-page.immersive .game-area,.match-page.playing .game-area{border:none;margin:0;padding:.3rem;inline-size:100%;max-inline-size:100%;flex:1 1 0;min-block-size:0;overflow:hidden;justify-content:center}.game-toolbar{display:flex;align-items:center;gap:.4rem;inline-size:100%}.game-toolbar-title{font-weight:600;font-size:.9rem;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-overlay{position:absolute;inset-block-end:0;inset-inline:0;z-index:40;padding:.5rem;background:linear-gradient(to top,var(--surface) 82%,transparent);animation:chat-rise .18s ease-out}.chat-overlay .card{margin:0;max-block-size:60vh;overflow-y:auto}@keyframes chat-rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.chat-overlay{animation:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;inline-size:100%;max-inline-size:440px;max-block-size:90vh;overflow-y:auto;box-shadow:var(--shadow)}.list{display:flex;flex-direction:column;gap:.6rem}.list-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glass-edge)}.list-main{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.game-glyph{font-size:1.3rem;line-height:1;flex:0 0 auto}.status-glyph{font-size:.95rem;line-height:1;flex:0 0 auto;color:var(--muted)}.status-glyph.WAITING{color:var(--warning)}.status-glyph.READY{color:var(--accent)}.status-glyph.IN_PROGRESS{color:var(--hint)}.status-glyph.FINISHED{color:var(--success)}.status-glyph.CANCELLED{color:var(--danger)}.status-glyph.ranked{color:var(--accent)}.stat{font-size:1.7rem;font-weight:700}.avatar{inline-size:30px;block-size:30px;border-radius:50%;object-fit:cover;background:var(--surface-2)}.avatar-picker{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.avatar-grid{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:.5rem;margin-block-start:.4rem}.avatar-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0009;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.avatar-modal-box{inline-size:100%;max-inline-size:420px;max-block-size:80dvh;overflow-y:auto;padding:1rem;border-radius:16px;background:linear-gradient(180deg,#3a281afa,#1a110bfa);border:1px solid rgba(var(--gold-rgb),.4);box-shadow:var(--drop-lg)}.avatar-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-block-end:.6rem;font-weight:800;color:var(--gold-1)}.avatar-modal .avatar-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.avatar-grid .avatar-choice{padding:0;border:2px solid transparent;border-radius:12px;background:#0003;cursor:pointer;overflow:hidden;line-height:0;min-block-size:0;block-size:auto;box-shadow:none;aspect-ratio:1 / 1;transition:border-color .12s ease,transform .12s ease}.avatar-grid .avatar-choice img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.avatar-grid .avatar-choice:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(var(--gold-rgb),.5)}.avatar-grid .avatar-choice.selected{border-color:var(--gold-1);box-shadow:0 0 0 2px rgba(var(--gold-rgb),.4)}.avatar-grid .avatar-choice:disabled{opacity:.6;cursor:default}.avatar-preview{inline-size:74px;block-size:74px;flex:0 0 auto;border:2px solid rgba(var(--accent-rgb),.5);box-shadow:var(--shadow)}.avatar-picker-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-inline-size:0}.spinner{inline-size:22px;block-size:22px;border:2px solid var(--border);border-block-start-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin-inline:auto}@keyframes spin{to{transform:rotate(360deg)}}.spinner-lg{inline-size:40px;block-size:40px;border-width:3px}.reward-modal{text-align:center}.reward-emoji{font-size:3.2rem;line-height:1;margin-block:.3rem .4rem}.reward-title{color:var(--gold-1);margin-block:0 .4rem}.reward-sub{color:var(--muted);margin-block:0 1rem}.reward-amount{font-size:2.1rem;font-weight:900;color:#ffd970;margin-block:.4rem 1rem}.reward-amount span{font-size:1rem;color:var(--muted)}.spin-modal{text-align:center;max-inline-size:360px}.spin-stage{position:relative;inline-size:min(78vw,300px);aspect-ratio:1;margin:.5rem auto 1rem}.spin-wheel{inline-size:100%;block-size:100%;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6));border-radius:50%}.spin-pointer{position:absolute;inset-block-start:-6px;inset-inline-start:50%;transform:translate(-50%);z-index:2;color:#ffd970;font-size:1.8rem;line-height:1;text-shadow:0 2px 3px rgba(0,0,0,.8)}.spin-result{font-size:1.3rem;font-weight:900;margin-block:.2rem 1rem}.spin-result.win{color:#7be07b}.spin-result.blank{color:var(--muted)}.waiting-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.5rem}.waiting-opponent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;min-block-size:45dvh;margin-block-start:1rem;padding:1.4rem;color:var(--gold-1);font-weight:800;font-size:1.25rem;text-align:center}.waiting-opponent .spinner-lg{inline-size:54px;block-size:54px;border-width:4px}.waiting-opponent-sub{font-size:.9rem;font-weight:600;color:var(--muted)}.search-results{border:1px solid var(--border);border-radius:8px;max-block-size:190px;overflow-y:auto;background:var(--bg)}.search-results button{display:block;inline-size:100%;text-align:start;background:transparent;color:var(--text);border-radius:0;border-block-end:1px solid var(--border)}.search-results button:hover:not(:disabled){background:var(--surface-2)}.over-reason{margin:-.2rem 0 .2rem;font-size:.86rem;line-height:1.5;text-align:center;color:var(--muted);max-inline-size:30ch;margin-inline:auto}:root{--gold-1: #f8e9b0;--gold-2: #e3c26a;--gold-3: #a9761f;--gold: var(--gold-2);--gold-rgb: 227, 194, 106;--room-wall-1: #3b2a1d;--room-wall-2: #241812;--room-wall-3: #140d0a;--lamp: 255, 196, 120;--neon-amber: #e3c26a;--neon-amber-rgb: 227, 194, 106;--neon-green: #6ba85e;--neon-green-rgb: 107, 168, 94;--neon-cyan: #5aa8a0;--neon-cyan-rgb: 90, 168, 160;--neon-violet: #8f6bb0;--neon-violet-rgb: 143, 107, 176;--neon-red: #c8503c;--neon-red-rgb: 200, 80, 60;--neon-pink: #b8697f;--neon-pink-rgb: 184, 105, 127;--neon-white: #efe3c8;--neon-white-rgb: 239, 227, 200;--neon: var(--neon-amber);--neon-rgb: var(--neon-amber-rgb);--bevel: inset 0 1px 0 rgba(255, 240, 200, .28), inset 0 -2px 4px rgba(0, 0, 0, .45);--drop: 0 4px 10px rgba(0, 0, 0, .55);--drop-lg: 0 10px 26px rgba(0, 0, 0, .65)}.game-title,.menu-tile-label,.game-card-name,.over-headline,.screen-head h1,.gpanel-title,.tab-label,.shop-coins{font-family:var(--font-display);letter-spacing:0}.gbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;border:2px solid rgba(var(--gold-rgb),.72);border-radius:14px;font-family:inherit;font-size:1.02rem;font-weight:800;letter-spacing:normal;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none;color:var(--gold-1);background:linear-gradient(180deg,rgba(var(--neon-rgb),.34),rgba(var(--neon-rgb),.18) 45%,#00000057),linear-gradient(180deg,#2c1f16,#1b120d);box-shadow:var(--bevel),var(--drop);text-shadow:0 1px 1px rgba(0,0,0,.85);transition:box-shadow .16s ease,background .16s ease,transform .08s ease,border-color .16s ease,color .16s ease}.gbtn:hover:not(:disabled){border-color:var(--gold-2);background:linear-gradient(180deg,rgba(var(--neon-rgb),.48),rgba(var(--neon-rgb),.26) 45%,#0000004d),linear-gradient(180deg,#35261a,#201610);box-shadow:inset 0 1px #fff5d766,inset 0 -2px 4px #0006,var(--drop)}.gbtn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #000000a6,inset 0 -1px #fff0c824}.gbtn:disabled,.gbtn.disabled{color:#e3c26a66;border-color:rgba(var(--gold-rgb),.22);background:linear-gradient(180deg,#241a13,#170f0b);box-shadow:inset 0 2px 5px #00000080;text-shadow:none;cursor:not-allowed}.gbtn:focus-visible{outline:2px solid var(--gold-1);outline-offset:3px}.gbtn.dark{--neon: var(--neon-white);--neon-rgb: var(--neon-white-rgb)}.gbtn.green{--neon: var(--neon-green);--neon-rgb: var(--neon-green-rgb)}.gbtn.red{--neon: var(--neon-pink);--neon-rgb: var(--neon-pink-rgb)}.gbtn.blue{--neon: var(--neon-cyan);--neon-rgb: var(--neon-cyan-rgb)}.gbtn.violet{--neon: var(--neon-violet);--neon-rgb: var(--neon-violet-rgb)}.gbtn.amber{--neon: var(--neon-amber);--neon-rgb: var(--neon-amber-rgb)}.gbtn.wood{--neon: var(--neon-white);--neon-rgb: 120, 84, 52}@keyframes gilt-sheen{0%,72%{background-position:-140% 0}86%,to{background-position:240% 0}}.neon-breathe:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 38%,rgba(255,245,220,.22) 48%,rgba(255,245,220,.05) 56%,transparent 64%);background-size:260% 100%;animation:gilt-sheen 9s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.neon-breathe:after{animation:none;opacity:0}}.gbtn.round{inline-size:2.9rem;block-size:2.9rem;padding:0;border-radius:50%;font-size:1.25rem}.gbtn.wide{inline-size:100%}.gbtn.big{padding:1rem 1.8rem;font-size:1.15rem}.gicon{display:inline-flex;align-items:center;justify-content:center;inline-size:3.2rem;block-size:3.2rem;flex:0 0 auto;border-radius:50%;font-size:1.6rem;line-height:1;border:2px solid transparent;background:radial-gradient(circle at 50% 34%,rgba(var(--neon-rgb),.3),#00000073 78%) padding-box,linear-gradient(165deg,var(--gold-1) 0%,var(--gold-2) 42%,var(--gold-3) 100%) border-box;box-shadow:inset 0 1px #fff5d74d,inset 0 -3px 6px #00000080,var(--drop);filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.gicon.lg{inline-size:4.4rem;block-size:4.4rem;font-size:2.3rem}.menu-grid{display:flex;flex-direction:column;gap:.7rem;inline-size:100%;max-inline-size:560px;margin-inline:auto}.menu-tile{display:grid;grid-template-columns:auto 1fr 6.6rem;grid-template-rows:auto;align-items:center;gap:.7rem;inline-size:100%;min-block-size:6.2rem;padding:.55rem .9rem .55rem .55rem;border-radius:16px;text-align:start;background:linear-gradient(180deg,rgba(var(--neon-rgb),.42),rgba(var(--neon-rgb),.26) 55%,#00000073),linear-gradient(180deg,#2a1e15,#180f0b);border:2px solid rgba(var(--gold-rgb),.55);box-shadow:var(--bevel),var(--drop-lg);color:var(--gold-1);text-shadow:0 1px 2px rgba(0,0,0,.9)}.menu-tile:hover:not(:disabled){border-color:var(--gold-2);background:linear-gradient(180deg,rgba(var(--neon-rgb),.56),rgba(var(--neon-rgb),.34) 55%,#0006),linear-gradient(180deg,#33251a,#1d130d);box-shadow:inset 0 1px #fff5d766,inset 0 -2px 4px #0006,var(--drop-lg)}.menu-tile:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #0009}.menu-art{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;inline-size:6.6rem;block-size:5.2rem;border-radius:12px;font-size:3rem;line-height:1;flex:0 0 auto;background:radial-gradient(70% 70% at 50% 34%,rgba(var(--neon-rgb),.5),transparent 72%),linear-gradient(180deg,#00000059,#0009);box-shadow:inset 0 2px 6px #000000b3,inset 0 -1px #fff0c829;filter:drop-shadow(0 3px 4px rgba(0,0,0,.85))}.menu-tile-text{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:.15rem;min-inline-size:0}.menu-tile-label{font-size:1.85rem;font-weight:900;line-height:1.2;color:#f7ecd2;-webkit-text-fill-color:#f7ecd2;background:none;text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.55)}.menu-tile-sub{font-size:.95rem;font-weight:600;line-height:1.4;color:#faf1dcf2;text-shadow:0 1px 3px rgba(0,0,0,.95)}.menu-chev:before{content:"❮"}[dir=rtl] .menu-chev:before{content:"❯"}.menu-chev{grid-column:1;grid-row:1;direction:ltr;font-size:2rem;line-height:1;color:var(--gold-2);filter:drop-shadow(0 2px 2px rgba(0,0,0,.9));transition:transform .16s ease,color .16s ease}.menu-tile:hover:not(:disabled) .menu-chev{color:var(--gold-1);transform:translate(-3px)}[dir=rtl] .menu-tile:hover:not(:disabled) .menu-chev{transform:translate(3px)}.menu-grid>:nth-child(1){--neon: var(--neon-green);--neon-rgb: var(--neon-green-rgb)}.menu-grid>:nth-child(2){--neon: var(--neon-cyan);--neon-rgb: var(--neon-cyan-rgb)}.menu-grid>:nth-child(3){--neon: var(--neon-violet);--neon-rgb: var(--neon-violet-rgb)}.menu-grid>:nth-child(4){--neon: var(--neon-amber);--neon-rgb: var(--neon-amber-rgb)}.menu-grid>:nth-child(5){--neon: #4e7fb5;--neon-rgb: 78, 127, 181}.menu-grid>:nth-child(6){--neon: var(--neon-green);--neon-rgb: var(--neon-green-rgb)}.menu-grid>:nth-child(7){--neon: var(--neon-red);--neon-rgb: var(--neon-red-rgb)}.menu-grid>:nth-child(8){--neon: var(--neon-pink);--neon-rgb: var(--neon-pink-rgb)}.menu-tile.locked{opacity:.55;filter:grayscale(.7);cursor:not-allowed;box-shadow:inset 0 2px 6px #0009}.menu-tile.locked .menu-tile-sub{color:#ffd6d6f2}.menu-tile.primary{min-block-size:7rem}.menu-tile.primary .menu-art{block-size:6rem;font-size:3.5rem}.menu-tile.primary .menu-tile-label{font-size:2.15rem}@media(max-width:380px){.menu-tile{grid-template-columns:auto 1fr 5rem;min-block-size:5.2rem}.menu-art{inline-size:5rem;block-size:4.2rem;font-size:2.4rem}.menu-tile-label{font-size:1.55rem}.menu-tile.primary .menu-tile-label{font-size:1.8rem}}@keyframes tile-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.menu-tile{animation:tile-in .26s cubic-bezier(.2,.9,.3,1.2) backwards}.menu-tile:nth-child(1){animation-delay:.02s}.menu-tile:nth-child(2){animation-delay:.06s}.menu-tile:nth-child(3){animation-delay:.1s}.menu-tile:nth-child(4){animation-delay:.14s}.menu-tile:nth-child(5){animation-delay:.18s}.menu-tile:nth-child(6){animation-delay:.22s}.menu-tile:nth-child(7){animation-delay:.26s}@media(prefers-reduced-motion:reduce){.menu-tile{animation:none}}.chunky{font-weight:900;-webkit-text-stroke:.6px currentColor;paint-order:stroke fill;letter-spacing:normal}.game-title{position:relative;display:block;inline-size:fit-content;max-inline-size:min(100%,30rem);margin:2.7rem auto 1.4rem;text-align:center;font-size:clamp(1.7rem,7.4vw,2.7rem);font-weight:900;line-height:1.1;letter-spacing:normal;-webkit-text-stroke:0}.game-title .plaque{position:relative;display:block;padding:.75rem 2.4rem .85rem;background:linear-gradient(180deg,#34241a,#1d130d 60%,#140d09);background-clip:padding-box;border:2px solid var(--gold-2);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 14px),0 14px);box-shadow:var(--drop-lg)}.game-title .plaque:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(var(--gold-rgb),.45);pointer-events:none;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 11px),0 11px)}.game-title:after{content:"♔";position:absolute;inset-block-start:-.72em;inset-inline-start:50%;transform:translate(-50%);font-size:.62em;line-height:1;color:var(--gold-2);text-shadow:0 2px 3px rgba(0,0,0,.9);pointer-events:none}.plaque-text{color:#f7ecd2;-webkit-text-fill-color:#f7ecd2;background:none;text-shadow:0 2px 3px rgba(0,0,0,.95)}.game-subtitle{text-align:center;margin-block-start:-.7rem;margin-block-end:1.2rem;font-size:.9rem;font-weight:600;color:#f7ecd2d9}.hud{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;row-gap:.4rem;padding:.55rem .8rem;padding-block-start:calc(.55rem + env(safe-area-inset-top));position:sticky;inset-block-start:0;z-index:20;background:linear-gradient(180deg,#20150ef0,#120b07c7);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-block-end:1px solid rgba(var(--gold-rgb),.42);box-shadow:inset 0 1px #fff0c81f,0 6px 20px #0009}.hud .spacer{margin-inline-start:auto}.hud-stat{--neon: var(--neon-amber);--neon-rgb: var(--neon-amber-rgb);display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .75rem .18rem .25rem;border:1px solid rgba(var(--gold-rgb),.55);border-radius:999px;background:linear-gradient(180deg,#3a2816e6,#180f09e6);box-shadow:var(--bevel);font-weight:800;font-size:.9rem;font-variant-numeric:tabular-nums;color:#ffd9a0;white-space:nowrap;cursor:pointer;direction:ltr}.hud-stat .gicon{inline-size:1.6rem;block-size:1.6rem;font-size:.9rem;border-width:1px}.hud-avatar-btn{padding:0;border:none;background:none;box-shadow:none;cursor:pointer;display:inline-flex;line-height:0}.hud-avatar-btn .gicon{inline-size:2.3rem;block-size:2.3rem;font-size:1.1rem}.hud-avatar{inline-size:2.3rem;block-size:2.3rem;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--accent),0 2px 6px #00000080}.hud .gbtn.round{--lip: 3px;inline-size:2.4rem;block-size:2.4rem;font-size:1.05rem}.hud .gbtn.round.lang{inline-size:auto;padding-inline:.6rem;border-radius:12px;font-size:.82rem}.tabbar{position:fixed;inset-block-end:0;inset-inline:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1px;padding-block:.3rem;background:rgba(var(--gold-rgb),.16);border-block-start:1px solid rgba(var(--gold-rgb),.5);box-shadow:inset 0 1px #fff0c829,0 -8px 24px #000000b3;padding-block-end:max(.3rem,env(safe-area-inset-bottom))}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.35rem .2rem .3rem;border:none;border-radius:0;cursor:pointer;color:#f0d796eb;background:linear-gradient(180deg,#2a1d13,#170f0a);box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.95);transition:color .16s ease,background .16s ease}.tab:hover:not(:disabled){color:var(--gold-1);background:linear-gradient(180deg,#352516,#1d130c)}.tab.active{color:var(--gold-1);background:linear-gradient(180deg,rgba(var(--gold-rgb),.26),#4630168c 60%,#180f09e6);box-shadow:inset 0 2px 0 var(--gold-2),inset 0 -2px 6px #00000080}.tab-icon{font-size:1.35rem;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.85))}.tab.active .tab-icon{transform:translateY(-1px)}.tab-label{font-size:.84rem;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%}.tab-icon{font-size:1.45rem}@media(max-width:360px){.tab-label{font-size:.7rem}}.app.has-tabbar .content{padding-block-end:5.2rem}.gpanel{background:linear-gradient(180deg,#3a281a9e,#1a110bb8);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid rgba(var(--gold-rgb),.3);border-radius:18px;padding:1rem;margin-block-end:1rem;box-shadow:inset 0 1px #fff0c824,var(--drop-lg)}.gpanel-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;margin-block-end:.8rem;color:var(--gold-1);text-shadow:0 1px 2px rgba(0,0,0,.85)}.game-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;max-inline-size:620px;margin-inline:auto}@media(min-width:720px){.game-picker{grid-template-columns:repeat(4,1fr);max-inline-size:900px}}.game-card{flex-direction:column;gap:.6rem;padding:1.2rem .6rem 1rem;min-block-size:9.5rem;border-radius:28px}.game-picker>:nth-child(1){--neon: var(--neon-cyan);--neon-rgb: var(--neon-cyan-rgb)}.game-picker>:nth-child(2){--neon: var(--neon-pink);--neon-rgb: var(--neon-pink-rgb)}.game-picker>:nth-child(3){--neon: var(--neon-green);--neon-rgb: var(--neon-green-rgb)}.game-picker>:nth-child(4){--neon: var(--neon-amber);--neon-rgb: var(--neon-amber-rgb)}.game-card .gicon{inline-size:4.4rem;block-size:4.4rem;font-size:2.4rem}.game-card-name{font-size:1.12rem;font-weight:800;color:#fdf3d6;text-shadow:0 2px 3px rgba(0,0,0,.9)}.game-card-tag{font-size:.7rem;font-weight:700;opacity:.75}.gseg{display:flex;gap:.4rem}.gseg button{flex:1;padding:.55rem .3rem;border:1px solid rgba(var(--gold-rgb),.18);border-radius:10px;font-family:inherit;font-size:1.05rem;font-weight:800;cursor:pointer;color:#e3c26a8c;background:#0006;box-shadow:inset 0 2px 6px #000000a6;text-shadow:none;transition:all .18s ease}.gseg button:hover:not(:disabled){color:var(--gold-1);border-color:rgba(var(--gold-rgb),.45);background:rgba(var(--gold-rgb),.08)}.gseg button.active{color:var(--gold-1);border-color:rgba(var(--gold-rgb),.75);background:linear-gradient(180deg,rgba(var(--gold-rgb),.32),#322212d9);box-shadow:var(--bevel),var(--drop);text-shadow:0 1px 1px rgba(0,0,0,.85)}.gseg button:active:not(:disabled){transform:translateY(1px)}.opponent-pick,.seat-pick{gap:.6rem}.opponent-pick button,.seat-pick button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.9rem .4rem;min-block-size:6.5rem}.seat-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.seat-icons{display:flex;align-items:center;justify-content:center;gap:.75rem;line-height:1}.seat-group{display:flex;align-items:center;gap:.15rem}.seat-glyph{font-size:2.4rem;line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}.seat-count{font-size:1.5rem;font-weight:900;line-height:1}.seat-pick button.active .seat-icons{transform:translateY(-2px) scale(1.04)}.opponent-icon{font-size:3.2rem;line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8))}.opponent-pick button.active .opponent-icon{transform:translateY(-2px) scale(1.06)}.opponent-label{font-size:.82rem;font-weight:800;line-height:1.2;text-align:center}.opponent-pick button:disabled .opponent-icon{filter:grayscale(1) drop-shadow(0 3px 4px rgba(0,0,0,.8));opacity:.5}@media(max-width:380px){.opponent-icon{font-size:2.6rem}.opponent-pick button,.seat-pick button{min-block-size:5.6rem}.seat-glyph{font-size:2rem}.seat-count{font-size:1.25rem}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal{inline-size:min(26rem,100%);max-block-size:92dvh;overflow-y:auto;text-align:center}.boost-lead{font-size:1.05rem;font-weight:700;margin-block:.6rem .3rem}.boost-ad{display:block;margin-block:.6rem;border-radius:10px;overflow:hidden;border:1px solid rgba(var(--gold-rgb),.35)}.boost-ad img{inline-size:100%;block-size:auto;display:block}.boost-vip{display:block;inline-size:100%;margin-block-start:.9rem;background:none;border:none;color:var(--gold-1);text-decoration:underline;font-family:inherit;font-size:.82rem;cursor:pointer;opacity:.85}.boost-vip:hover{opacity:1}.opponent-decided{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.7rem;margin-block-end:.8rem;border-radius:10px;border:1px solid rgba(var(--gold-rgb),.35);background:#0000004d}.opponent-decided .opponent-icon{font-size:2.2rem}.opponent-decided .opponent-label{font-size:1rem;font-weight:800}.host-table{margin-block-start:.9rem;padding:.7rem;border-radius:10px;border:1px dashed rgba(var(--gold-rgb),.4);background:#00000040}.host-stake{display:flex;align-items:center;gap:.6rem;margin-block-start:.5rem}.host-stake input{inline-size:7rem;text-align:center}.grow{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border-radius:14px;background:linear-gradient(180deg,#4832206b,#160e0980);border:1px solid rgba(var(--gold-rgb),.22);box-shadow:inset 0 1px #fff0c81a}.grow+.grow{margin-block-start:.55rem}.grow .gicon{inline-size:2.5rem;block-size:2.5rem;font-size:1.25rem}.grow-main{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.grow .gbtn{--lip: 3px;padding:.45rem .9rem;font-size:.9rem;border-radius:12px}.splash-art{display:block;inline-size:100%;block-size:auto;margin-block:-.4rem .9rem;filter:drop-shadow(0 10px 18px rgba(0,0,0,.7));animation:splash-in .5s cubic-bezier(.2,.9,.3,1.1) backwards}@keyframes splash-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}@media(prefers-reduced-motion:reduce){.splash-art{animation:none}}.lobby-chat-head{display:flex;align-items:center;gap:.5rem;inline-size:100%;padding:0;border:none;background:none;box-shadow:none;color:inherit;cursor:pointer;text-align:start}.lobby-chat-toggle{margin-inline-start:auto;color:var(--gold-2);font-size:1.1rem}.lobby-chat-log{display:flex;flex-direction:column;gap:.5rem;max-block-size:260px;overflow-y:auto;margin-block:.7rem;padding:.5rem;border-radius:12px;background:#00000059;box-shadow:inset 0 2px 6px #0009}.lobby-line{display:flex;align-items:flex-start;gap:.5rem}.lobby-avatar{inline-size:28px;block-size:28px;flex:0 0 auto;border:1px solid rgba(var(--gold-rgb),.35)}.lobby-line-body{min-inline-size:0;flex:1}.lobby-line-meta{display:flex;align-items:baseline;gap:.4rem;font-size:.72rem}.lobby-line-name{font-weight:800;color:var(--gold-2)}.lobby-line.mine .lobby-line-name{color:var(--gold-1)}.room-member{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem .2rem .2rem;border-radius:999px;background:#0000004d;border:1px solid rgba(var(--gold-rgb),.22);font-size:.85rem;font-weight:700}.room-log{max-block-size:320px}.room-system{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--muted);font-style:italic;padding-block:.2rem}.room-voice{display:flex;align-items:center;gap:.4rem}.room-voice audio{block-size:32px;max-inline-size:220px}.invite-host{display:flex;align-items:center;gap:.8rem;margin-block-end:.9rem}.invite-line{font-weight:800;font-size:1.05rem;color:var(--gold-1)}.gempty{text-align:center;padding:1.4rem 1rem;color:var(--muted);font-weight:600}.gempty .gicon{margin-inline:auto;margin-block-end:.5rem;opacity:.6}.screen{inline-size:100%;max-inline-size:900px;margin-inline:auto;padding-block:.5rem 3rem}.screen-head{display:flex;align-items:center;gap:.7rem;margin-block-end:1rem}.screen-head h1{margin:0;font-size:1.3rem;font-weight:800;color:#f7e3bb;text-shadow:0 2px 4px rgba(0,0,0,.65)}@media(max-width:400px){.menu-tile{min-block-size:7.2rem;padding:.9rem .5rem;font-size:.9rem}.gicon{inline-size:2.9rem;block-size:2.9rem;font-size:1.45rem}.menu-tile.primary{min-block-size:8.4rem}}.over-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;background:#060405d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}.over-scrim.shown{opacity:1}.over-card{--neon: var(--neon-amber);--neon-rgb: var(--neon-amber-rgb);inline-size:100%;max-inline-size:420px;max-block-size:92dvh;overflow-y:auto;padding:1.6rem 1.2rem 1.2rem;border-radius:22px;text-align:center;background:linear-gradient(180deg,rgba(var(--neon-rgb),.28),rgba(var(--neon-rgb),.12) 40%,#0006),linear-gradient(180deg,#2c1f16,#150e09);border:2px solid rgba(var(--gold-rgb),.7);box-shadow:var(--bevel),0 24px 70px #000000d9;transform:scale(.92);transition:transform .28s cubic-bezier(.2,.9,.3,1.25)}.over-scrim.shown .over-card,.over-card.standalone{transform:none}.over-emblem{font-size:3.6rem;line-height:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7));animation:over-pop .45s cubic-bezier(.2,.9,.3,1.4) backwards}@keyframes over-pop{0%{transform:scale(.2) rotate(-18deg);opacity:0}to{transform:none;opacity:1}}.over-headline{margin:.5rem 0 .2rem;font-size:clamp(1.8rem,9vw,2.6rem);line-height:1.1;-webkit-text-stroke:0;background:linear-gradient(180deg,#fffaea 0%,var(--gold-1) 50%,var(--gold-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.95))}.over-headline.win{background:linear-gradient(180deg,#eaf7dd,#a7d78e,#4e7b3c);-webkit-background-clip:text;background-clip:text}.over-headline.loss{background:linear-gradient(180deg,#f6d9cf,#d08a72,#7c412c);-webkit-background-clip:text;background-clip:text}.over-card.win{--neon: var(--neon-green);--neon-rgb: var(--neon-green-rgb)}.over-card.loss{--neon: var(--neon-red);--neon-rgb: var(--neon-red-rgb)}.over-emblem{filter:drop-shadow(0 6px 8px rgba(0,0,0,.85))}.over-players{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-block-end:1rem;font-size:.9rem;color:var(--muted)}.over-player{max-inline-size:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.over-vs{opacity:.5}.over-lines{display:flex;flex-direction:column;gap:.5rem;margin-block-end:1.2rem}.over-line{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .8rem;border-radius:14px;background:#00000059;box-shadow:inset 0 1px #ffffff12;font-size:.92rem}.over-line.muted{color:var(--muted)}.over-line-label{font-weight:700}.over-line-value{font-variant-numeric:tabular-nums}.over-delta{font-weight:900}.over-delta.up{color:#63e08f}.over-delta.down{color:#ff8a72}.over-actions{display:flex;flex-direction:column;gap:.6rem}.over-actions-row{display:flex;gap:.5rem;justify-content:center}@media(prefers-reduced-motion:reduce){.over-scrim,.over-card,.over-emblem{transition:none;animation:none}}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;max-inline-size:640px;margin-inline:auto}@media(min-width:720px){.shop-grid{grid-template-columns:repeat(4,1fr);max-inline-size:920px}}.shop-card{position:relative;flex-direction:column;gap:.3rem;padding:1.3rem .6rem .9rem;border-radius:18px;overflow:hidden}.shop-grid>:nth-child(1){--neon: var(--neon-cyan);--neon-rgb: var(--neon-cyan-rgb)}.shop-grid>:nth-child(2){--neon: var(--neon-green);--neon-rgb: var(--neon-green-rgb)}.shop-grid>:nth-child(3){--neon: var(--neon-pink);--neon-rgb: var(--neon-pink-rgb)}.shop-grid>:nth-child(4){--neon: var(--neon-amber);--neon-rgb: var(--neon-amber-rgb)}.shop-coins{font-size:1.5rem;line-height:1.1}.shop-coins-label{font-size:.72rem;font-weight:700;opacity:.7;margin-block-start:-.2rem}.shop-bonus{font-size:.78rem;font-weight:800;color:#63e08f;text-shadow:0 1px 2px rgba(0,0,0,.6)}.shop-price{margin-block-start:.35rem;font-size:.92rem;font-weight:800;font-variant-numeric:tabular-nums}.shop-buy{margin-block-start:.45rem;padding:.22rem .95rem;border-radius:999px;font-size:.82rem;font-weight:800;border:1px solid rgba(var(--gold-rgb),.6);background:rgba(var(--gold-rgb),.14);box-shadow:inset 0 1px #fff0c833}.shop-card.featured{--neon: var(--neon-red);--neon-rgb: var(--neon-red-rgb);border-width:3px;border-color:var(--gold-2);box-shadow:var(--bevel),var(--drop-lg)}.shop-card.featured:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 38%,rgba(255,245,220,.22) 48%,rgba(255,245,220,.05) 56%,transparent 64%);background-size:260% 100%;animation:gilt-sheen 9s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.shop-card.featured:after{animation:none;opacity:0}}.shop-ribbon{position:absolute;inset-block-start:0;inset-inline:0;padding:.18rem 0;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg,rgba(var(--gold-rgb),.55),rgba(var(--gold-rgb),.2));color:#2a1a09;text-shadow:none}.shop-warning{font-weight:700}.shop-redirect{text-align:center;margin-block-start:.8rem}button:not(.gbtn):not(.bg-icon):not(.ct-card):not(.ct-chip):not(.board-cell):not(.ttt-cell):not(.sq-cell):not(.c4-col):not(.sb-cell):not(.hk-card):not(.pen-zone):not(.promo-btn):not(.nav-icon):not(.hud-stat):not(.hud-avatar-btn):not(.tab):not(.gseg button){--neon: var(--neon-amber);--neon-rgb: var(--neon-amber-rgb);padding:.6rem 1.3rem;border:2px solid rgba(var(--gold-rgb),.72);border-radius:12px;font-weight:800;letter-spacing:normal;color:var(--gold-1);background:linear-gradient(180deg,rgba(var(--neon-rgb),.3),rgba(var(--neon-rgb),.15) 45%,#00000057),linear-gradient(180deg,#2c1f16,#1b120d);box-shadow:var(--bevel),var(--drop);text-shadow:0 1px 1px rgba(0,0,0,.85);transition:box-shadow .16s ease,background .16s ease,transform .08s ease,color .16s}button:not(.gbtn):not(.bg-icon):not(.ct-card):not(.ct-chip):not(.hk-card):not(.board-cell):not(.c4-col):not(.sb-cell):not(.pen-zone):not(.ttt-cell):not(.sq-cell):not(.promo-btn):not(.nav-icon):not(.hud-stat):not(.hud-avatar-btn):not(.tab):hover:not(:disabled){color:#fff8e2;border-color:var(--gold-2);background:linear-gradient(180deg,rgba(var(--neon-rgb),.44),rgba(var(--neon-rgb),.24) 45%,#0000004d),linear-gradient(180deg,#35261a,#201610);box-shadow:inset 0 1px #fff5d766,inset 0 -2px 4px #0006,var(--drop)}button:not(.gbtn):not(.bg-icon):not(.ct-card):not(.ct-chip):not(.hk-card):not(.board-cell):not(.c4-col):not(.sb-cell):not(.pen-zone):not(.ttt-cell):not(.sq-cell):not(.promo-btn):not(.nav-icon):not(.hud-stat):not(.hud-avatar-btn):not(.tab):active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #000000a6,inset 0 -1px #fff0c824}button:not(.gbtn):not(.bg-icon):not(.ct-card):not(.ct-chip):not(.hk-card):not(.board-cell):not(.c4-col):not(.sb-cell):not(.pen-zone):not(.ttt-cell):not(.sq-cell):not(.promo-btn):not(.nav-icon):not(.hud-stat):not(.hud-avatar-btn):not(.tab):disabled{color:#e3c26a66;border-color:rgba(var(--gold-rgb),.22);background:linear-gradient(180deg,#241a13,#170f0b);box-shadow:inset 0 2px 5px #00000080;text-shadow:none}button.secondary:not(.gbtn){--neon: var(--neon-white);--neon-rgb: var(--neon-white-rgb)}button.danger:not(.gbtn){--neon: var(--neon-red);--neon-rgb: var(--neon-red-rgb)}button.success:not(.gbtn){--neon: var(--neon-green);--neon-rgb: var(--neon-green-rgb)}button.small:not(.gbtn){padding:.28rem .85rem;font-size:.85rem;border-width:1px}.card{background:linear-gradient(180deg,#3a281a9e,#1a110bb8);border:1px solid rgba(var(--gold-rgb),.32);border-radius:18px;box-shadow:inset 0 1px #fff0c824,var(--drop-lg)}.card-title{font-weight:800;color:var(--gold-1);text-shadow:0 1px 2px rgba(0,0,0,.8)}.list-item{border-radius:14px;background:linear-gradient(180deg,#4832206b,#160e0980);border:1px solid rgba(var(--gold-rgb),.22);box-shadow:inset 0 1px #fff0c81a}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=search],input[type=datetime-local],select,textarea{border-radius:10px;border-color:rgba(var(--gold-rgb),.2);background:#00000073;color:var(--text);box-shadow:inset 0 2px 6px #000000b3}input:focus,select:focus,textarea:focus{border-color:var(--gold-2);box-shadow:inset 0 2px 6px #000000b3,0 0 0 2px rgba(var(--gold-rgb),.28)}h1,h2,h3{color:#f7e6bd;text-shadow:0 1px 2px rgba(0,0,0,.75)}.badge{border-radius:999px;background:#00000059;border-color:rgba(var(--gold-rgb),.28);box-shadow:inset 0 1px #fff0c81a}a{color:var(--gold-2)}a:hover{color:var(--gold-1)}th,td{border-block-end-color:rgba(var(--gold-rgb),.18)}th{color:var(--gold-2)}tbody tr:hover{background:rgba(var(--gold-rgb),.07)}.game-frame{display:flex;flex-direction:column;align-items:center;gap:.7rem;inline-size:100%;max-inline-size:100%;position:relative;direction:ltr}.bg-wrap{--board-chrome-x: 56px;--board-chrome-y: 225px;--pt-w: max( 16px, min( calc((100vw - var(--board-chrome-x) - 20px) / 14.5), calc((100dvh - var(--board-chrome-y)) / 9.6) ) );--pt-h: calc(var(--pt-w) * 4.6);--checker: calc(var(--pt-w) * .86);--bar-w: calc(var(--pt-w) * .95)}.match-page.immersive .bg-wrap,.match-page.playing .bg-wrap{--pt-w: max( 16px, min( calc((100vw - var(--board-chrome-x) - 8px) / 14.5), calc((100dvh - var(--board-chrome-y)) / 9.6) ) );justify-content:center}@media(max-aspect-ratio:13/10){.match-page.immersive .bg-wrap,.match-page.playing .bg-wrap{--board-chrome-y: 132px}}@media(min-aspect-ratio:13/10){.match-page.immersive .bg-wrap,.match-page.playing .bg-wrap{--board-chrome-y: 26px;--board-chrome-x: calc(20px + 1.4 * var(--side-panel, 96px))}}.match-page.immersive .bg-log,.match-page.playing .bg-log,.match-page.immersive .game-toolbar-title,.match-page.playing .game-toolbar-title{display:none}.bg-board{position:relative;display:flex;padding:calc(var(--pt-w) * .28);border-radius:14px;gap:0;border:2px solid #2a1a10;box-shadow:inset 0 2px #ffd6a038,inset 0 0 0 3px #0006,inset 0 0 34px #00000080,0 18px 46px #000c;background-image:radial-gradient(90% 60% at 20% 10%,#d6985c47,#d6985c00 60%),radial-gradient(80% 70% at 78% 78%,#78442059,#78442000 62%),radial-gradient(120% 90% at 50% 50%,#a86a382e,#a86a3817 45%,#a86a3800 78%),linear-gradient(158deg,#7a4a24,#5e3718 45%,#43260f);max-inline-size:100%;overflow-x:auto}.bg-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 35%,transparent 55%,rgba(0,0,0,.34) 100%)}.bg-half{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(85% 60% at 50% 40%,#c4844e29,#c4844e00 70%),linear-gradient(180deg,#37200f,#492c16);box-shadow:inset 0 0 16px #000000b3;padding:4px;border-radius:5px}.bg-quad{display:flex;gap:2px}.bg-point{position:relative;inline-size:var(--pt-w);block-size:var(--pt-h);cursor:default}.bg-point:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 100%,0 0,100% 0);background:var(--tri);filter:blur(.3px) drop-shadow(0 0 6px rgba(255,255,255,.18));z-index:0}.bg-point.bottom:before{clip-path:polygon(50% 0,0 100%,100% 100%)}.bg-point.light{--tri: linear-gradient(180deg, #f0e0c2 0%, #dcc49c 32%, #b2966e 100%)}.bg-point.dark{--tri: linear-gradient(180deg, #9e3b2c 0%, #7d2a1e 35%, #521a12 100%)}.bg-point.my-home:after{content:"";position:absolute;inset-inline:0;block-size:3px;background:var(--accent);opacity:.6;inset-block-start:0}.bg-point.bottom.my-home:after{inset-block-start:auto;inset-block-end:0}.bg-checker{position:absolute;inset-inline-start:50%;margin-inline-start:calc(var(--checker) / -2);z-index:1;inline-size:var(--checker);block-size:var(--checker);border-radius:50%;transition:transform .14s ease,box-shadow .14s ease}.bg-checker:after,.bg-flight:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;border:1px solid rgba(255,255,255,.16);pointer-events:none}.bg-checker.p1,.bg-flight.p1{background:radial-gradient(circle at 33% 27%,rgba(255,255,255,.95) 0%,transparent 45%),radial-gradient(circle at 50% 50%,#f6e9cd,#e0cba4 52%,#a98d63);box-shadow:0 2px 5px #000000a6,inset 0 -3px 6px #5a3c1959,inset 0 2px 3px #ffffffd9}.bg-checker.p2,.bg-flight.p2{background:radial-gradient(circle at 33% 27%,rgba(255,210,170,.55) 0%,transparent 45%),radial-gradient(circle at 50% 50%,#6b3a24,#4a2414 52%,#24100a);box-shadow:0 2px 5px #000000bf,inset 0 -3px 6px #0000008c,inset 0 2px 3px #ffbe8c59}.bg-point.selectable .top-checker{cursor:pointer;box-shadow:0 0 0 3px var(--hint),0 0 10px 2px rgba(var(--hint-rgb),.45),0 2px 6px #0009}.bg-point.selected .top-checker{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 0 16px 5px var(--hint);z-index:4}.bg-point.top.selected .top-checker{transform:translateY(5px) scale(1.08)}.bg-point.bottom.selected .top-checker{transform:translateY(-5px) scale(1.08)}.bg-count{position:absolute;z-index:3;inset-block-start:40%;inset-inline-start:50%;transform:translate(-50%);font-size:.7rem;font-weight:700;color:#fff;background:#000000b8;border-radius:999px;padding:1px 6px;pointer-events:none}.bg-target{position:absolute;inset-inline-start:50%;margin-inline-start:calc(var(--checker) / -2);z-index:2;inline-size:var(--checker);block-size:var(--checker);border-radius:50%;border:3px dashed var(--success);background:#2ea04338;cursor:pointer;animation:bg-pulse 1.1s ease-in-out infinite}.bg-target.hit{border-color:var(--danger);border-style:solid;background:#e5534b4d;box-shadow:0 0 12px 2px #e5534b99}.bg-target:hover{transform:scale(1.1)}@keyframes bg-pulse{0%,to{opacity:.65}50%{opacity:1}}.bg-checker.last-move{box-shadow:0 0 0 3px var(--warning),0 2px 6px #0009}.bg-bar{inline-size:var(--bar-w);display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;align-items:center;padding:6px 0;margin-inline:3px;background:linear-gradient(90deg,#2a1808,#4d2e16 45%,#2a1808);border-radius:5px;box-shadow:inset 0 0 12px #000c,0 0 0 1px #ffd6a01a}.bg-bar-stack{display:flex;flex-direction:column;align-items:center;gap:2px;inline-size:var(--checker);min-block-size:calc(var(--checker) + 4px)}.bg-bar-stack.p2{align-self:end;flex-direction:column-reverse}.bg-bar-stack.p1{align-self:start}.bg-bar-stack .bg-checker{position:static;margin-inline-start:0;flex:0 0 auto}.bg-bar-stack.selectable .bg-checker{cursor:pointer;box-shadow:0 0 0 3px var(--hint),0 0 10px 2px rgba(var(--hint-rgb),.45)}.bg-bar-stack.selected .bg-checker{box-shadow:0 0 0 3px #fff,0 0 16px 5px var(--hint)}.bg-off{inline-size:calc(var(--pt-w) * .9);margin-inline-start:6px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(80% 50% at 50% 0%,#c4844e24,#c4844e00 70%),linear-gradient(180deg,#37200f,#492c16);border-radius:5px;box-shadow:inset 0 0 12px #000000b3;padding:6px 4px}.bg-off-tray{display:flex;flex-direction:column;align-items:center;gap:2px;min-block-size:calc(var(--pt-h) * .42)}.bg-off-tray.top{justify-content:flex-start}.bg-off-tray.bottom{justify-content:flex-end}.bg-off-checker{inline-size:100%;block-size:6px;border-radius:3px}.bg-off-checker.p1{background:linear-gradient(180deg,#fdf3dd,#bda87f)}.bg-off-checker.p2{background:linear-gradient(180deg,#6b3a24,#22100a)}.bg-off-target{border:3px dashed var(--success);background:#2ea04340;border-radius:6px;min-block-size:34px;cursor:pointer;animation:bg-pulse 1.1s ease-in-out infinite}.bg-flight{position:absolute;z-index:20;inline-size:var(--checker);block-size:var(--checker);border-radius:50%;margin-inline-start:calc(var(--checker) / -2);margin-block-start:calc(var(--checker) / -2);pointer-events:none;transition:transform .38s cubic-bezier(.32,.8,.35,1),box-shadow .38s ease;will-change:transform}.bg-flight.p1,.bg-flight.p2{box-shadow:0 12px 22px #000000b3}.bg-flight.go{transform:translate(var(--dx),var(--dy));box-shadow:0 2px 5px #00000080}@media(prefers-reduced-motion:reduce){.bg-flight{transition-duration:1ms}}.bg-dice-tray{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;z-index:15;padding:8px 10px;border-radius:12px;background:#140c0552;border:1px solid rgba(255,226,180,.14);backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%);pointer-events:none}.bg-dice-tray.clickable,.bg-dice-tray.waiting{pointer-events:auto;cursor:pointer;background:#0a141e80;box-shadow:0 0 0 2px rgba(var(--hint-rgb),.65);animation:bg-invite 1.6s ease-in-out infinite}.bg-dice-tray.clickable:hover,.bg-dice-tray.waiting:hover{box-shadow:0 0 0 3px var(--hint),0 0 18px 4px rgba(var(--hint-rgb),.45);animation:none}.bg-dice-tray:focus-visible{outline:3px solid #fff}.bg-dice-tray.confirm{pointer-events:auto;cursor:pointer;background:#2ea04359;box-shadow:0 0 0 3px var(--success),0 0 20px 5px #2ea04373;animation:bg-confirm-pulse 1.3s ease-in-out infinite}.bg-dice-tray.confirm:hover{background:#2ea04380;animation:none}.bg-undo{position:absolute;inset-block-start:calc(50% + var(--pt-w) * .95);inset-inline-start:50%;transform:translate(-50%);z-index:16;inline-size:2.2rem;block-size:2.2rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;border-radius:50%;cursor:pointer;color:#fff;background:#140c05b8;border:1px solid rgba(255,226,180,.35);box-shadow:0 3px 10px #0009,inset 0 1px #fff3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bg-undo:hover{background:rgba(var(--hint-rgb),.35);border-color:var(--hint)}.bg-undo:active{transform:translate(-50%) translateY(1px)}@media(pointer:coarse){.bg-undo{inline-size:2.6rem;block-size:2.6rem}}.bg-confirm-mark{font-size:1.5rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 5px rgba(0,0,0,.8)}@keyframes bg-confirm-pulse{0%,to{box-shadow:0 0 0 3px var(--success),0 0 12px 2px #2ea04359}50%{box-shadow:0 0 0 4px var(--success),0 0 26px 8px #2ea04399}}@media(prefers-reduced-motion:reduce){.bg-dice-tray.confirm{animation:none}}.bg-die.ghost{background:linear-gradient(150deg,#ffffff47,#ffffff1a);box-shadow:inset 0 0 0 2px #fff6}@keyframes bg-invite{0%,to{box-shadow:0 0 0 2px rgba(var(--hint-rgb),.5)}50%{box-shadow:0 0 0 3px rgba(var(--hint-rgb),.95),0 0 16px 3px rgba(var(--hint-rgb),.5)}}@media(prefers-reduced-motion:reduce){.bg-dice-tray.clickable,.bg-dice-tray.waiting{animation:none}}.bg-die{inline-size:34px;block-size:34px;border-radius:8px;background:linear-gradient(150deg,#fff,#d8d8d8);box-shadow:0 3px 8px #0009,inset 0 0 0 1px #00000026;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:4px;gap:1px}.bg-die.dark{background:linear-gradient(150deg,#d63a44,#7a0e16)}.bg-die.dark .bg-pip{background:#f2f2f2}.bg-die.used{opacity:.3;filter:grayscale(1)}.bg-die.due{box-shadow:0 0 0 3px var(--gold-2),0 3px 8px #0009,inset 0 0 0 1px #00000026;transform:scale(1.06)}.bg-die.settled{animation:bg-land .28s cubic-bezier(.3,1.5,.5,1)}.bg-die.tumbling{animation:bg-tumble .22s linear infinite}.bg-die.tumbling:nth-child(2){animation-delay:.07s}.bg-die.tumbling:nth-child(3){animation-delay:.14s}.bg-die.tumbling:nth-child(4){animation-delay:.21s}@keyframes bg-tumble{0%{transform:translateY(0) rotate(0) scale(1.06)}25%{transform:translateY(-9px) rotate(90deg) scale(1.1)}50%{transform:translateY(0) rotate(180deg) scale(1.06)}75%{transform:translateY(-5px) rotate(270deg) scale(1.1)}to{transform:translateY(0) rotate(360deg) scale(1.06)}}@keyframes bg-land{0%{transform:translateY(-14px) rotate(-22deg) scale(1.18)}to{transform:none}}@media(prefers-reduced-motion:reduce){.bg-die.tumbling,.bg-die.settled{animation:none}}.bg-pip{inline-size:6px;block-size:6px;border-radius:50%;background:#1a1a1a;align-self:center;justify-self:center}.bg-cube{inline-size:calc(var(--bar-w) * .82);block-size:calc(var(--bar-w) * .82);border-radius:7px;background:linear-gradient(150deg,rgba(255,255,255,.9),transparent 55%),linear-gradient(150deg,#f8f4ea,#c9bfa5);color:#1a1a1a;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #0000008c,inset 0 -2px 4px #00000040;transition:transform .15s ease,box-shadow .15s ease}.bg-cube.owned-1{box-shadow:0 0 0 3px #fff,0 2px 6px #00000080}.bg-cube.owned-2{box-shadow:0 0 0 3px #111,0 2px 6px #00000080}.bg-cube.clickable{cursor:pointer;box-shadow:0 0 0 3px var(--hint),0 0 14px 3px rgba(var(--hint-rgb),.55)}.bg-cube.clickable:hover{transform:scale(1.12) rotate(-6deg)}.bg-cube.clickable:focus-visible{outline:3px solid #fff}.bg-cube.dead{opacity:.4;filter:grayscale(1)}.bg-strip{display:flex;align-items:center;gap:.45rem;inline-size:100%;max-inline-size:calc(14.5 * var(--pt-w) + var(--board-chrome-x));padding:.25rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--glass-edge);font-size:.78rem;line-height:1;transition:box-shadow .2s ease,border-color .2s ease;direction:ltr}.bg-strip.mine{border-inline-start:3px solid var(--accent)}@media(min-aspect-ratio:13/10){.bg-strip.mine{border-inline-start:1px solid var(--border);border-block-start:3px solid var(--accent)}}.bg-strip.on-turn{border-color:var(--hint);box-shadow:0 0 0 1px var(--hint),0 0 16px rgba(var(--hint-rgb),.28),var(--glass-edge)}.bg-strip-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:7em}.bg-stat{display:inline-flex;align-items:center;gap:.15rem;font-variant-numeric:tabular-nums;margin-inline-start:auto;white-space:nowrap}.bg-stat+.bg-stat{margin-inline-start:0}.bg-stat i{font-style:normal;opacity:.65;font-size:.85em}.bg-stat.ahead{color:var(--success);font-weight:700}.bg-disc{inline-size:18px;block-size:18px;border-radius:50%;flex:0 0 auto}.bg-disc.p1{background:radial-gradient(circle at 35% 30%,#fdf3dd,#a98d63)}.bg-disc.p2{background:radial-gradient(circle at 35% 30%,#7a4429,#24100a)}.seat-avatar{inline-size:34px;block-size:34px;border-radius:50%;flex:0 0 auto;object-fit:cover;background:var(--surface-2);box-shadow:0 2px 6px #0000008c}.seat-avatar.p1{border:2px solid #e8d9b5}.seat-avatar.p2{border:2px solid #7a4429}.seat-avatar.p3{border:2px solid var(--accent)}.seat-avatar.p4{border:2px solid var(--success)}.ttt-mark-badge{inline-size:18px;block-size:18px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.ttt-mark-badge.x{color:#f6f0ef}.ttt-mark-badge.o{color:#f0555e}.bg-clock{font-variant-numeric:tabular-nums;font-weight:700;direction:ltr}.bg-clock.burning{color:var(--warning)}.bg-clock.low{color:var(--danger);animation:bg-pulse .8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.bg-clock.low{animation:none}}.bg-actions{display:flex;gap:.4rem;align-items:center;justify-content:center;flex-wrap:wrap}.bg-actions:empty{display:none}.bg-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:2.2rem;block-size:2.2rem;padding:0;font-size:1.05rem;line-height:1;border-radius:10px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:var(--glass-edge),0 2px 6px #0000004d;font-weight:400;position:relative;transition:background .15s,transform .1s}.bg-icon:hover:not(:disabled){background:rgba(var(--accent-rgb),.22)}.bg-icon:active:not(:disabled){transform:translateY(1px)}.bg-icon.accept{background:#2ea04338;border-color:var(--success);color:#82e39a}.bg-icon.decline{background:#e5534b33;border-color:var(--danger);color:#ffb4ae}@media(pointer:coarse){.bg-icon{inline-size:2.6rem;block-size:2.6rem;font-size:1.2rem}}.bg-icon.badge-dot:after{content:"";position:absolute;inset-block-start:5px;inset-inline-end:5px;inline-size:8px;block-size:8px;border-radius:50%;background:var(--danger)}.bg-status{display:inline-flex;align-items:center;justify-content:center;min-inline-size:2.2rem;block-size:2.2rem;font-size:1.15rem;border-radius:10px}.bg-status.mine{color:var(--hint);background:rgba(var(--hint-rgb),.16);animation:bg-pulse 1.5s ease-in-out infinite}.bg-status.warn{color:var(--warning)}.bg-status.win{color:var(--success)}@media(prefers-reduced-motion:reduce){.bg-status.mine{animation:none}}.pip-ahead{color:var(--success)}.bg-log{inline-size:100%;max-inline-size:640px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glass-edge);padding:.5rem .7rem}.bg-log summary{cursor:pointer;font-size:.85rem;color:var(--muted)}.bg-log ol{margin:.6rem 0 0;padding-inline-start:1.6rem;max-block-size:190px;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.bg-log li{display:flex;align-items:center;gap:.45rem;font-size:.82rem}.bg-log code{direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(min-aspect-ratio:13/10){.game-area,.game-frame{--side-panel: clamp(96px, 9vw, 150px)}.game-frame{display:block;padding-inline:var(--side-panel)}.game-area>.game-toolbar{position:absolute;inset-block-end:.4rem;inset-inline-start:.4rem;inline-size:var(--side-panel);flex-wrap:wrap;gap:.3rem;z-index:30}.game-area>.game-toolbar .game-toolbar-title{display:none}.bg-wrap{--board-chrome-y: 34px;--board-chrome-x: calc(56px + 2 * var(--side-panel))}.bg-board,.ttt-grid{inline-size:fit-content;margin-inline:auto}.bg-strip{position:absolute;inline-size:var(--side-panel);max-inline-size:var(--side-panel);flex-direction:column;align-items:flex-start;gap:.3rem;inset-block-start:0}.bg-strip.top{inset-inline-start:0}.bg-strip.bottom{inset-inline-end:0}.bg-strip-name{max-inline-size:100%}.bg-strip .bg-stat,.bg-strip .bg-stat+.bg-stat{margin-inline-start:0}.bg-actions{position:absolute;inset-block-end:0;left:0;right:auto;inline-size:var(--side-panel);justify-content:flex-start}.bg-log{display:none}}@media(max-width:640px){.bg-strip{font-size:.7rem;gap:.3rem;padding:.2rem .35rem}.bg-strip-name{max-inline-size:4.5em}.bg-die{inline-size:28px;block-size:28px;padding:3px}.bg-pip{inline-size:5px;block-size:5px}.bg-optional{display:none}.bg-log{font-size:.9em}}@media(max-height:520px)and (orientation:landscape){.bg-strip{font-size:.68rem;padding:.12rem .35rem}.bg-actions{min-block-size:0;gap:.25rem;flex-wrap:wrap}.bg-icon,.bg-status{inline-size:2rem;block-size:2rem;min-inline-size:2rem;font-size:.95rem}}.bg-wrap,.bg-board{max-inline-size:100%}.bg-wrap{position:relative}.sq-frame{--sq-chrome-y: 190px;--sq: max(28px, min( calc((100vw - 72px)/8) , calc((100dvh - var(--sq-chrome-y)) / 8)))}@media(min-aspect-ratio:13/10){.sq-frame{--sq-chrome-y: 40px}}.match-page.immersive .sq-frame,.match-page.playing .sq-frame{--sq-chrome-y: 120px}@media(min-aspect-ratio:13/10){.match-page.immersive .sq-frame,.match-page.playing .sq-frame{--sq-chrome-y: 72px}}.sq-board{position:relative;display:grid;grid-template-columns:repeat(8,var(--sq));grid-template-rows:repeat(8,var(--sq));inline-size:max-content;margin-inline:auto;padding:10px;border-radius:10px;border:2px solid rgba(var(--gold-rgb),.6);background:linear-gradient(150deg,#6b4626,#422714 45%,#2c1a0d);box-shadow:inset 0 1px #fff0c838,inset 0 0 0 1px #00000080,0 18px 46px #000c;direction:ltr}.sq-cell{position:relative;display:flex;align-items:center;justify-content:center;inline-size:var(--sq);block-size:var(--sq);padding:0;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;text-shadow:none;cursor:default;-webkit-tap-highlight-color:transparent;transition:background .12s ease}.sq-cell.light{background:linear-gradient(160deg,#eddcb8,#dcc79c)}.sq-cell.dark{background:linear-gradient(160deg,#8a5c34,#6a4324)}.sq-cell.selectable{cursor:pointer}.sq-cell.selectable:hover{box-shadow:inset 0 0 0 3px rgba(var(--hint-rgb),.55)}.sq-cell.selected{box-shadow:inset 0 0 0 3px var(--hint),inset 0 0 20px rgba(var(--hint-rgb),.45)}.sq-cell.last{box-shadow:inset 0 0 0 3px rgba(var(--gold-rgb),.85)}.sq-cell.alert{box-shadow:inset 0 0 0 3px #c8503c,inset 0 0 22px #c8503ca6;animation:sq-alert 1s ease-in-out infinite}@keyframes sq-alert{0%,to{box-shadow:inset 0 0 0 3px #c8503c,inset 0 0 16px #c8503c73}50%{box-shadow:inset 0 0 0 4px #e0705a,inset 0 0 30px #c8503cd9}}@media(prefers-reduced-motion:reduce){.sq-cell.alert{animation:none}}.sq-dot{position:absolute;inline-size:30%;block-size:30%;border-radius:50%;background:var(--hint);box-shadow:0 0 10px 2px rgba(var(--hint-rgb),.9);pointer-events:none;animation:sq-pulse 1.2s ease-in-out infinite}.sq-cell.capture .sq-dot{inline-size:88%;block-size:88%;background:transparent;border:3px solid var(--neon-red);box-shadow:0 0 14px 2px rgba(var(--neon-red-rgb),.8)}@keyframes sq-pulse{0%,to{opacity:.7}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.sq-dot{animation:none}}.sq-rank,.sq-file{position:absolute;font-size:calc(var(--sq) * .2);font-weight:700;line-height:1;pointer-events:none}.sq-cell.light .sq-rank,.sq-cell.light .sq-file{color:#5a3a1ea8}.sq-cell.dark .sq-rank,.sq-cell.dark .sq-file{color:#f0debea8}.sq-rank{inset-block-start:2px;inset-inline-start:3px}.sq-file{inset-block-end:2px;inset-inline-end:3px}.sq-piece{font-size:calc(var(--sq) * .78);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;paint-order:stroke fill}.sq-piece.white{color:#fbf3e2;-webkit-text-stroke:calc(var(--sq) * .022) #3a2412;text-shadow:0 2px 3px rgba(0,0,0,.55)}.sq-piece.black{color:#2b1a0e;-webkit-text-stroke:calc(var(--sq) * .022) #d9c39a;text-shadow:0 2px 3px rgba(0,0,0,.45)}.sq-checker{display:flex;align-items:center;justify-content:center;inline-size:76%;block-size:76%;border-radius:50%;font-size:calc(var(--sq) * .36);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.sq-checker.p1{background:radial-gradient(circle at 50% 38%,#fffaf0,#f0e0bd 45%,#bda87f);box-shadow:inset 0 -3px 6px #5a3c1973,inset 0 2px 2px #fffc,0 3px 6px #0009;color:#4a3016}.sq-checker.p2{background:radial-gradient(circle at 50% 38%,#8a5230,#5a3018 45%,#22100a);box-shadow:inset 0 -3px 6px #0009,inset 0 2px 2px #ffc89659,0 3px 6px #0009;color:#f0d9b0}.sq-checker.king{box-shadow:0 0 0 2px var(--gold-2),inset 0 -3px 6px #0006,0 3px 6px #0009}.sq-checker.last-piece{outline:2px solid var(--gold-1);outline-offset:2px}.sq-disc{inline-size:18px;block-size:18px;border-radius:50%;flex:0 0 auto}.sq-disc.white{background:radial-gradient(circle at 35% 30%,#fffaf0,#bda87f);box-shadow:inset 0 -2px 3px #5a3c1966,0 1px 3px #0009}.sq-disc.black{background:radial-gradient(circle at 35% 30%,#7a4728,#22100a);box-shadow:inset 0 -2px 3px #00000080,0 1px 3px #0009}.sq-side{position:absolute;inset-inline:8px;block-size:2px;background:var(--accent);opacity:.5;pointer-events:none}.sq-side.seat-1{inset-block-end:6px}.sq-side.seat-2{inset-block-start:6px}.promo-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:flex;align-items:center;justify-content:center;background:#060405cc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.promo-card{padding:1.2rem;border-radius:18px;text-align:center;background:linear-gradient(180deg,#2c1f16,#150e09);border:2px solid rgba(var(--gold-rgb),.7);box-shadow:var(--bevel),0 24px 60px #000c}.promo-title{font-weight:800;margin-block-end:.8rem;color:var(--gold-1);text-shadow:0 1px 2px rgba(0,0,0,.85)}.promo-row{display:flex;gap:.6rem}.promo-btn{inline-size:3.6rem;block-size:3.6rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(var(--gold-rgb),.28);background:#0006;box-shadow:inset 0 2px 6px #0009;cursor:pointer}.promo-btn:hover{background:rgba(var(--gold-rgb),.16);border-color:var(--gold-2)}.promo-btn .sq-piece{font-size:2rem}@media(max-width:400px){.sq-rank,.sq-file{font-size:8px}}.pool-frame,.game-area:has(.pool-frame){--pool-ratio: 1.876}.pool-frame{--pool-chrome-y: 200px;--pool-w: min( calc(100vw - 12px) , calc((100dvh - var(--pool-chrome-y)) * var(--pool-ratio)) )}@media(min-aspect-ratio:13/10){.pool-frame{--pool-chrome-y: 96px;--pool-w: min( calc(100vw - 2 * var(--side-panel, 110px) - 12px), calc((100dvh - var(--pool-chrome-y)) * var(--pool-ratio)) )}}.match-page.immersive .pool-frame,.match-page.playing .pool-frame{--pool-chrome-y: 150px}@media(min-aspect-ratio:13/10){.match-page.immersive .pool-frame,.match-page.playing .pool-frame,.match-page.immersive .game-area:has(.pool-frame),.match-page.playing .game-area:has(.pool-frame){--pool-rail: clamp(60px, 7vw, 104px);--side-panel: var(--pool-rail)}.match-page.immersive .pool-frame,.match-page.playing .pool-frame{--pool-chrome-y: 0px;padding:0;inline-size:100vw;max-inline-size:none;margin-inline:calc((100% - 100vw)/2)}.match-page.immersive .pool-frame:before,.match-page.playing .pool-frame:before,.match-page.immersive .pool-frame:after,.match-page.playing .pool-frame:after{content:"";position:absolute;inset-block:0;inline-size:var(--pool-rail);z-index:10;pointer-events:none;background:linear-gradient(180deg,#1a1410,#120e0b);box-shadow:inset 0 0 30px #0000008c}.match-page.immersive .pool-frame:before,.match-page.playing .pool-frame:before{left:0;border-right:1px solid rgba(var(--gold-rgb),.28)}.match-page.immersive .pool-frame:after,.match-page.playing .pool-frame:after{right:0;border-left:1px solid rgba(var(--gold-rgb),.28)}.match-page.immersive .pool-controls,.match-page.playing .pool-controls{position:absolute;inset-block-start:3.8rem;inset-block-end:6.9rem;inset-inline-end:0;inline-size:var(--side-panel, 110px);min-block-size:0;gap:.3rem;padding-inline:2px;overflow:hidden;z-index:30}.match-page.immersive .pool-dials,.match-page.playing .pool-dials{min-block-size:0}.match-page.immersive .pool-hint,.match-page.playing .pool-hint{font-size:.62rem;line-height:1.25;overflow:visible}.match-page.immersive .pool-readout,.match-page.playing .pool-readout{min-inline-size:0;inline-size:100%}.match-page.immersive .pool-status-row,.match-page.playing .pool-status-row{font-size:.62rem;line-height:1.25;white-space:normal;overflow:visible;min-block-size:0;inline-size:100%;overflow-wrap:normal;word-break:normal}.match-page.immersive .pool-turn,.match-page.playing .pool-turn{font-size:.62rem;line-height:1.25;white-space:normal;padding:.2rem .35rem;border-radius:10px;inline-size:100%}.match-page.immersive .pool-stage,.match-page.playing .pool-stage{inline-size:calc(100vw - 2 * var(--pool-rail));max-inline-size:none;block-size:100dvh;aspect-ratio:auto;margin-inline:var(--pool-rail)}.match-page.immersive .pool-table,.match-page.playing .pool-table{border-radius:0;filter:none}.match-page.immersive .pool-frame>.bg-strip,.match-page.playing .pool-frame>.bg-strip,.match-page.immersive .pool-frame>.bg-actions,.match-page.playing .pool-frame>.bg-actions{z-index:20}.match-page.immersive .pool-controls,.match-page.playing .pool-controls{pointer-events:none}.match-page.immersive .pool-spin,.match-page.playing .pool-spin{pointer-events:auto}.match-page.immersive .pool-spin,.match-page.playing .pool-spin{inline-size:min(4.6rem,calc(var(--pool-rail) - 8px));block-size:min(4.6rem,calc(var(--pool-rail) - 8px))}.match-page.immersive .game-area:has(.pool-frame)>.game-toolbar,.match-page.playing .game-area:has(.pool-frame)>.game-toolbar{inset-inline-start:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;justify-items:center;z-index:40}.match-page.immersive .game-area:has(.pool-frame)>.game-toolbar .bg-icon,.match-page.playing .game-area:has(.pool-frame)>.game-toolbar .bg-icon{inline-size:100%;min-inline-size:0;padding-inline:0}}.pool-stage{inline-size:var(--pool-w);max-inline-size:100%;margin-inline:auto;aspect-ratio:var(--pool-ratio);line-height:0}.pool-table{inline-size:100%;max-inline-size:100%;block-size:100%;display:block;margin-inline:auto;touch-action:none;cursor:grab;border-radius:18px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.75))}.pool-table.aiming{cursor:grabbing}.pool-table.placing{cursor:copy}.pool-rail{fill:#4a2d18;stroke:rgba(var(--gold-rgb),.6);stroke-width:4}.pool-cloth{fill:#0b3a2c;stroke:rgba(var(--gold-rgb),.25);stroke-width:3}.pool-pocket{fill:#05070a;stroke:#000000e6;stroke-width:6}.pool-headline{stroke:rgba(var(--neon-cyan-rgb),.7);stroke-width:3;stroke-dasharray:18 14}.pool-aim{stroke:var(--hint);stroke-width:4;stroke-dasharray:16 12;opacity:.85;pointer-events:none;filter:drop-shadow(0 0 8px rgba(var(--hint-rgb),.9))}.pool-ball{stroke:#0000008c;stroke-width:2;pointer-events:none}.pool-ball.cue{stroke:rgba(var(--neon-cyan-rgb),.9);stroke-width:3;filter:drop-shadow(0 0 8px rgba(var(--neon-cyan-rgb),.8))}.pool-number{font-size:26px;font-weight:900;fill:#10131a;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:#ffffffd9;stroke-width:5}.pool-legal{fill:none;stroke:var(--hint);stroke-width:3;opacity:.85;pointer-events:none;animation:pool-legal-pulse 1.3s ease-in-out infinite}@keyframes pool-legal-pulse{0%,to{opacity:.45}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.pool-legal{animation:none}}.pool-controls{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6rem;inline-size:100%;min-block-size:6.4rem}.pool-dials{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;min-block-size:4.6rem}.pool-spin{position:relative;inline-size:4.6rem;block-size:4.6rem;border-radius:50%;cursor:crosshair;touch-action:none;background:radial-gradient(circle at 38% 32%,#fff,#dbe9f2 55%,#8fa6b4);border:2px solid rgba(var(--gold-rgb),.7);box-shadow:inset 0 -4px 10px #0000004d,0 3px 8px #0009}.pool-spin-dot{position:absolute;inline-size:1rem;block-size:1rem;margin-inline-start:-.5rem;margin-block-start:-.5rem;border-radius:50%;background:var(--neon-red);box-shadow:0 1px 3px #000000b3,inset 0 -2px 4px #00000059;pointer-events:none}.pool-cue{stroke:#d9a441;stroke-width:14;stroke-linecap:round;pointer-events:none}.pool-power-orb{fill:#ffbe5a59;stroke:#ffbe5a;stroke-width:3;pointer-events:none}.pool-power-orb.max{fill:#ff5a5a73;stroke:#ff5a5a}.pool-readout{min-inline-size:8ch;text-align:center;min-block-size:1.6rem;display:flex;align-items:center;justify-content:center}.pool-power-value{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.2rem;color:#ffbe5a}.pool-hint{font-size:.88rem;font-weight:600;color:var(--muted)}.pool-cue.opponent{stroke:#cfd8e0;stroke-width:12}.pool-aim.opponent{stroke:var(--neon-amber);opacity:.6;filter:none}.pool-turn{font-size:.95rem;font-weight:800;text-align:center;white-space:nowrap;padding:.3rem .9rem;border-radius:999px;background:#ffb34724;border:1px solid rgba(var(--neon-amber-rgb),.5);color:#ffd9a0}.pool-turn.them{animation:pool-turn-pulse 1.6s ease-in-out infinite}@keyframes pool-turn-pulse{0%,to{opacity:.75}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.pool-turn.them{animation:none}}.pool-group{font-size:1.1rem;line-height:1;flex:0 0 auto;color:#ffd9a0}@media(max-width:640px){.pool-number{font-size:30px}.pool-spin{inline-size:3.8rem;block-size:3.8rem}}.pool-status-row{min-block-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:.3rem;font-weight:700;font-size:.92rem;color:var(--muted);text-align:center}.pool-dials.inert{opacity:.28;pointer-events:none}.pen-frame{gap:.7rem;--pen-below: 3.2rem;--pen-chrome-y: 300px;--pen-goal-w: min( calc(100vw - 24px) , calc((100dvh - var(--pen-chrome-y)) * 2), 620px )}@media(min-aspect-ratio:13/10){.pen-frame{--pen-below: 2.2rem;--pen-chrome-y: 190px;--pen-goal-w: min( calc(100vw - 2 * var(--side-panel, 110px) - 24px), calc((100dvh - var(--pen-chrome-y)) * 2), 620px )}}.match-page.immersive .pen-frame,.match-page.playing .pen-frame{--pen-chrome-y: 250px}@media(min-aspect-ratio:13/10){.match-page.immersive .pen-frame,.match-page.playing .pen-frame{--pen-chrome-y: 176px}}.pen-pitch{display:flex;flex-direction:column;align-items:center;gap:.9rem;inline-size:100%}.pen-goal{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;margin-block-end:var(--pen-below);inline-size:var(--pen-goal-w);aspect-ratio:2 / 1;padding:10px;border-radius:12px;border:6px solid #f2f5f7;border-block-end-width:10px;box-shadow:0 0 6px #fff9,0 0 26px rgba(var(--lamp, 255, 196, 120),.28),0 20px 44px #000000bf;background:linear-gradient(180deg,#0a1418,#071012)}.pen-net{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;pointer-events:none;opacity:.28;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 22px),repeating-linear-gradient(0deg,rgba(255,255,255,.5) 0 1px,transparent 1px 22px)}.pen-zone{position:relative;border:2px dashed rgba(255,255,255,.18);border-radius:10px;background:transparent;box-shadow:none;padding:0;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:clamp(1.6rem,7vw,2.6rem);line-height:1;cursor:default;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.pen-zone.pickable{cursor:pointer;border-color:rgba(var(--hint-rgb),.45)}.pen-zone.pickable:hover{background:rgba(var(--hint-rgb),.16);border-color:var(--hint);box-shadow:inset 0 0 22px rgba(var(--hint-rgb),.35)}.pen-zone.chosen{border-style:solid;border-color:var(--hint);background:rgba(var(--hint-rgb),.2);box-shadow:0 0 18px rgba(var(--hint-rgb),.6),inset 0 0 24px rgba(var(--hint-rgb),.3)}.pen-zone.shot{border-style:solid;border-color:var(--neon-green);box-shadow:0 0 20px rgba(var(--neon-green-rgb),.7)}.pen-zone.dive{border-style:solid;border-color:var(--neon-amber);box-shadow:0 0 20px rgba(var(--neon-amber-rgb),.7)}.pen-gk{position:absolute;inset-inline-start:50%;inset-block-start:76%;transform:translate(-50%,-50%);font-size:clamp(1.9rem,8vw,3rem);line-height:1;pointer-events:none;z-index:3;filter:drop-shadow(0 3px 8px rgba(0,0,0,.9));transition:inset-inline-start .42s cubic-bezier(.2,.7,.3,1),inset-block-start .42s cubic-bezier(.2,.7,.3,1),transform .42s cubic-bezier(.2,.7,.3,1)}.pen-gk.thrown{transform:translate(-50%,-50%) rotate(-24deg) scale(1.12)}.pen-shot-ball{position:absolute;inset-inline-start:50%;inset-block-start:132%;transform:translate(-50%,-50%) scale(.55);font-size:clamp(1.3rem,5.5vw,2rem);line-height:1;pointer-events:none;z-index:4;filter:drop-shadow(0 0 10px rgba(255,255,255,.85));transition:inset-inline-start .62s cubic-bezier(.3,.5,.4,1),inset-block-start .62s cubic-bezier(.3,.5,.4,1),transform .62s ease-out}.pen-shot-ball.flying{transform:translate(-50%,-50%) scale(1)}.pen-shot-ball.flying.SAVED{transform:translate(-50%,-50%) scale(.85)}.pen-shot-ball.flying.GOAL{transform:translate(-50%,-50%) scale(1.1)}.pen-spot{inline-size:12px;block-size:12px;border-radius:50%;background:#ffffffa6;box-shadow:0 0 10px #fff6;margin-block-start:-.2rem}@media(prefers-reduced-motion:reduce){.pen-gk,.pen-shot-ball{transition:none}}.pen-prompt{min-block-size:1.6rem;font-size:1.05rem;font-weight:800;text-align:center;color:#d8ecff}.pen-prompt.result{font-size:clamp(1.3rem,6vw,1.9rem)}.pen-prompt.result.GOAL{color:var(--neon-green);text-shadow:0 0 6px #fff,0 0 22px var(--neon-green)}.pen-prompt.result.SAVED{color:var(--neon-amber);text-shadow:0 0 6px #fff,0 0 22px var(--neon-amber)}.pen-prompt.result.MISSED{color:var(--neon-pink);text-shadow:0 0 6px #fff,0 0 22px var(--neon-pink)}.pen-power{display:flex;align-items:center;gap:.6rem;margin:0}.pen-power-label{font-size:.85rem;font-weight:700;color:var(--muted)}.pen-power input[type=range]{inline-size:clamp(150px,44vw,320px);accent-color:var(--neon-red)}.pen-power-value{font-variant-numeric:tabular-nums;font-weight:800;min-inline-size:4ch;color:#ffbe5a}.pen-hint{font-size:.82rem;color:var(--muted);text-align:center}.pen-dots{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}.pen-dot{inline-size:11px;block-size:11px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff0f}.pen-dot.GOAL{background:var(--neon-green);border-color:var(--neon-green);box-shadow:0 0 8px rgba(var(--neon-green-rgb),.9)}.pen-dot.SAVED{background:var(--neon-amber);border-color:var(--neon-amber);box-shadow:0 0 8px rgba(var(--neon-amber-rgb),.8)}.pen-dot.MISSED{background:var(--neon-pink);border-color:var(--neon-pink);box-shadow:0 0 8px rgba(var(--neon-pink-rgb),.8)}.pen-role{font-size:1.1rem;line-height:1;flex:0 0 auto}@media(max-width:400px){.pen-dot{inline-size:9px;block-size:9px}}.footy-frame{--footy-ratio: 1.76;--footy-chrome-y: 210px;--footy-w: min( calc(100vw - 12px) , calc((100dvh - var(--footy-chrome-y)) * var(--footy-ratio)) )}@media(min-aspect-ratio:13/10){.footy-frame{--footy-chrome-y: 96px;--footy-w: min( calc(100vw - 2 * var(--side-panel, 110px) - 12px), calc((100dvh - var(--footy-chrome-y)) * var(--footy-ratio)) )}}.match-page.immersive .footy-frame,.match-page.playing .footy-frame{--footy-chrome-y: 150px}@media(min-aspect-ratio:13/10){.match-page.immersive .footy-frame,.match-page.playing .footy-frame{--footy-chrome-y: 132px}}.footy-pitch{inline-size:var(--footy-w);max-inline-size:100%;block-size:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;box-shadow:0 18px 46px #000c;direction:ltr}.footy-pitch.aiming{cursor:grabbing}.footy-surround{fill:#4a2d18;stroke:#e3c26a99;stroke-width:6}.footy-grass{fill:#1f5c33}.footy-mow{fill:#ffffff09}.footy-mow.alt{fill:#0000000f}.footy-lines{stroke:#ffffff8c;stroke-width:5;fill:none}.footy-net{fill:#ffffff1f;stroke:#ffffff8c;stroke-width:4}.footy-goalline{stroke:#fff;stroke-width:7}.footy-player .footy-disc{stroke:#0000008c;stroke-width:3;filter:drop-shadow(0 3px 4px rgba(0,0,0,.7))}.footy-player.p1 .footy-disc{fill:#f0e0bd}.footy-player.p1 .footy-disc-inner{fill:#bda87f}.footy-player.p2 .footy-disc{fill:#8a3427}.footy-player.p2 .footy-disc-inner{fill:#5d2019}.footy-player.flickable .footy-disc{stroke:var(--gold-2);stroke-width:5;cursor:grab}.footy-player.selected .footy-disc{stroke:var(--hint);stroke-width:7}.footy-ball-body{fill:#fbf7ec;stroke:#00000080;stroke-width:3;filter:drop-shadow(0 3px 5px rgba(0,0,0,.75))}.footy-ball-spot{fill:#000000b3}.footy-aim{stroke:rgba(var(--hint-rgb),.75);stroke-width:4;stroke-dasharray:18 14}.footy-pull{stroke:#ffffff80;stroke-width:5;stroke-dasharray:10 10}.footy-frame{display:flex;flex-direction:column;align-items:center;gap:.5rem;inline-size:100%}.footy-strip{display:flex;align-items:center;gap:.55rem;inline-size:var(--footy-w);max-inline-size:100%;padding:.35rem .8rem;border-radius:12px;background:linear-gradient(180deg,#48322080,#160e0999);border:1px solid rgba(var(--gold-rgb),.25);box-shadow:inset 0 1px #fff0c81a}.footy-strip.on-turn{border-color:rgba(var(--hint-rgb),.65);box-shadow:inset 0 0 0 1px rgba(var(--hint-rgb),.35)}.footy-name{font-weight:700;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footy-you{font-size:.75rem;color:var(--muted)}.footy-badge{inline-size:18px;block-size:18px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 -2px 3px #00000073}.footy-badge.p1{background:radial-gradient(circle at 35% 30%,#fffaf0,#bda87f)}.footy-badge.p2{background:radial-gradient(circle at 35% 30%,#b04a38,#5d2019)}.footy-score{font-size:1.5rem;font-weight:900;line-height:1;color:var(--gold-1);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.85)}.footy-hint{text-align:center;font-weight:700;font-size:.92rem;color:var(--muted);min-block-size:1.4em}.ludo-frame{--ludo-chrome-y: 230px;--ludo-size: min( calc(100vw - 16px) , calc(100dvh - var(--ludo-chrome-y)) );display:flex;flex-direction:column;align-items:center;gap:.5rem;inline-size:100%}@media(min-aspect-ratio:13/10){.ludo-frame{display:block;padding-inline:var(--side-panel, 110px);--ludo-chrome-y: 58px;--ludo-size: min( calc(100vw - 2 * var(--side-panel, 110px) - 16px), calc(100dvh - var(--ludo-chrome-y)) )}.ludo-stage{margin-inline:auto}.ludo-frame>.ludo-strips{position:absolute;inset-block-start:.3rem;inline-size:var(--side-panel, 110px);max-inline-size:var(--side-panel, 110px);flex-direction:column;gap:.35rem;z-index:20}.ludo-frame>.ludo-strips:first-child{inset-inline-start:.3rem}.ludo-frame>.ludo-strips:last-child{inset-inline-end:.3rem}.ludo-frame>.ludo-strips .ludo-strip{flex:0 0 auto;font-size:.78rem;padding:.3rem .45rem}.ludo-hint{position:absolute;inset-block-end:.4rem;inset-inline-start:.3rem;inline-size:var(--side-panel, 110px);font-size:.76rem;line-height:1.35;text-align:center;z-index:20}}.match-page.immersive .ludo-frame,.match-page.playing .ludo-frame{--ludo-chrome-y: 190px}@media(min-aspect-ratio:13/10){.match-page.immersive .ludo-frame,.match-page.playing .ludo-frame{--ludo-chrome-y: 58px}}.ludo-stage{position:relative;inline-size:var(--ludo-size);block-size:var(--ludo-size);max-inline-size:100%}.ludo-board{inline-size:100%;block-size:100%;border-radius:10px;direction:ltr;box-shadow:0 18px 46px #000c}.ludo-die{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:12px;background:#140c068c;box-shadow:inset 0 1px #fff0c82e}.ludo-die.clickable{cursor:pointer;box-shadow:0 0 0 2px var(--hint),inset 0 1px #fff0c82e}.ludo-die.seat .bg-die{background:linear-gradient(150deg,var(--die-colour),color-mix(in srgb,var(--die-colour) 62%,#000));box-shadow:0 3px 8px #0009,inset 0 0 0 1px #ffffff59}.ludo-die.seat .bg-pip{background:var(--die-ink);box-shadow:none}.ludo-die.seat{box-shadow:0 0 0 2px color-mix(in srgb,var(--die-colour) 70%,transparent),inset 0 1px #fff0c82e}.ludo-die.seat.clickable{box-shadow:0 0 0 3px var(--die-colour),0 0 14px 2px color-mix(in srgb,var(--die-colour) 55%,transparent),inset 0 1px #fff0c82e}.ludo-die.seat .bg-die.ghost{background:linear-gradient(150deg,color-mix(in srgb,var(--die-colour) 45%,transparent),color-mix(in srgb,var(--die-colour) 18%,transparent));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--die-colour) 65%,transparent)}.ludo-surface{fill:url(#none);fill:#4a2d18;stroke:#e3c26a99;stroke-width:1.2}.ludo-square{fill:#eddcb8;stroke:#3c26148c;stroke-width:.5}.ludo-square.start{stroke:#140c06b3;stroke-width:.8}.ludo-centre{fill:#140c0659;stroke:var(--gold-2);stroke-width:.8}.ludo-die.spent{opacity:.55;filter:saturate(.75)}.ludo-yard-slot{fill:#1c10066b;stroke-width:.45;stroke-opacity:.55}.ludo-pawn-body{stroke:#120a04d9;stroke-width:.55;paint-order:stroke fill}.ludo-pawn-shadow{fill:#0006}.ludo-pawn-shine{fill:#ffffffa6;pointer-events:none}.ludo-pawn{filter:drop-shadow(0 .6px .8px rgba(0,0,0,.6))}.ludo-token.movable{cursor:pointer}.ludo-token.movable .ludo-pawn-body{stroke:var(--hint);stroke-width:.9}.ludo-token.movable .ludo-pawn{animation:ludo-beckon 1.3s ease-in-out infinite}@keyframes ludo-beckon{0%,to{translate:0 0}50%{translate:0 -1.1px}}@media(prefers-reduced-motion:reduce){.ludo-token.movable .ludo-pawn{animation:none}}.ludo-strips{display:flex;gap:.5rem;inline-size:var(--ludo-size);max-inline-size:100%}.ludo-strip{display:flex;align-items:center;gap:.4rem;flex:1;min-inline-size:0;padding:.3rem .6rem;border-radius:12px;background:linear-gradient(180deg,#48322080,#160e0999);border:1px solid rgba(var(--gold-rgb),.25);font-size:.85rem}.ludo-strip.on-turn{border-color:rgba(var(--hint-rgb),.65);box-shadow:inset 0 0 0 1px rgba(var(--hint-rgb),.35)}.ludo-dot{inline-size:14px;block-size:14px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 -2px 3px #00000073}.ludo-name{font-weight:700;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ludo-home-count{font-variant-numeric:tabular-nums;color:var(--gold-2);font-weight:800}.ludo-controls{display:flex;align-items:center;gap:.8rem}.ludo-hint{font-weight:700;font-size:.92rem;color:var(--muted);min-block-size:1.4em}.c4-frame{--c4-chrome-y: 200px;--c4-cell: max( 26px, min( calc((100vw - 30px) / 7), calc((100dvh - var(--c4-chrome-y)) / 6) ) )}@media(min-aspect-ratio:13/10){.c4-frame{--c4-chrome-y: 60px;--c4-cell: max( 26px, min( calc((100vw - 2 * var(--side-panel, 110px) - 30px) / 7), calc((100dvh - var(--c4-chrome-y)) / 6) ) )}}.match-page.immersive .c4-frame,.match-page.playing .c4-frame{--c4-chrome-y: 130px}@media(min-aspect-ratio:13/10){.match-page.immersive .c4-frame,.match-page.playing .c4-frame{--c4-chrome-y: 56px}}.c4-board{display:grid;grid-template-columns:repeat(var(--c4-cols, 7),var(--c4-cell));gap:0;inline-size:max-content;margin-inline:auto;padding:8px;border-radius:18px;direction:ltr;border:2px solid rgba(var(--gold-rgb),.55);background:linear-gradient(150deg,#6b4626,#422714 45%,#2c1a0d);box-shadow:inset 0 1px #fff0c833,inset 0 0 40px #00000080,0 18px 46px #000c}.c4-col{display:flex;flex-direction:column;padding:0;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;text-shadow:none;cursor:default;-webkit-tap-highlight-color:transparent;transition:background .12s ease}.c4-col.live{cursor:pointer}.c4-col.live:hover,.c4-col.live:focus-visible{background:rgba(var(--hint-rgb),.12);outline:none}.c4-slot{position:relative;display:flex;align-items:center;justify-content:center;inline-size:var(--c4-cell);block-size:var(--c4-cell)}.c4-slot:before{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#05070d,#01030a);box-shadow:inset 0 3px 8px #000000e6,inset 0 -2px 5px #ffffff0f}.c4-disc{position:relative;inline-size:82%;block-size:82%;border-radius:50%;z-index:1}.c4-disc.p1{background:radial-gradient(circle at 38% 32%,#fff3b0,#ffd23f 45%,#d18f00);box-shadow:0 0 4px #fffc,0 0 16px rgba(var(--neon-amber-rgb),.7),inset 0 -3px 7px #5a370080}.c4-disc.p2{background:radial-gradient(circle at 38% 32%,#ffd0d6,#ff5a68 42%,#b0121f);box-shadow:0 0 4px #ffdcdccc,0 0 16px rgba(var(--neon-red-rgb),.75),inset 0 -3px 7px #5a000f80}.c4-disc.ghost{opacity:.32;box-shadow:none}.c4-disc.dropped{animation:c4-drop calc(.09s * var(--c4-fall, 3) + .1s) cubic-bezier(.4,.05,.6,1)}@keyframes c4-drop{0%{transform:translateY(calc(-1 * var(--c4-cell) * var(--c4-fall, 3)))}85%{transform:translateY(0)}92%{transform:translateY(-6%)}to{transform:translateY(0)}}.c4-disc.win{animation:c4-win .9s ease-in-out infinite}@keyframes c4-win{0%,to{box-shadow:0 0 6px #fffc,0 0 18px #ffffff80}50%{box-shadow:0 0 12px #fff,0 0 40px #fff,0 0 70px rgba(var(--neon-amber-rgb),.9)}}@media(prefers-reduced-motion:reduce){.c4-disc.dropped,.c4-disc.win{animation:none}}.c4-badge{inline-size:18px;block-size:18px;border-radius:50%;flex:0 0 auto}.c4-badge.p1{background:radial-gradient(circle at 35% 30%,#fff3b0,#d18f00);box-shadow:0 0 8px rgba(var(--neon-amber-rgb),.7)}.c4-badge.p2{background:radial-gradient(circle at 35% 30%,#ffd0d6,#b0121f);box-shadow:0 0 8px rgba(var(--neon-red-rgb),.7)}.db-frame{--db-chrome-y: 210px;--db-size: min( calc(100vw - 24px) , calc(100dvh - var(--db-chrome-y)) )}@media(min-aspect-ratio:13/10){.db-frame{--db-chrome-y: 60px;--db-size: min( calc(100vw - 2 * var(--side-panel, 110px) - 24px), calc(100dvh - var(--db-chrome-y)) )}}.match-page.immersive .db-frame,.match-page.playing .db-frame{--db-chrome-y: 140px}@media(min-aspect-ratio:13/10){.match-page.immersive .db-frame,.match-page.playing .db-frame{--db-chrome-y: 40px}}.db-board{inline-size:var(--db-size);block-size:var(--db-size);max-inline-size:100%;display:block;margin-inline:auto;direction:ltr;touch-action:manipulation;border-radius:18px;padding:4px;border:2px solid rgba(var(--gold-rgb),.55);background:linear-gradient(150deg,#6b4626,#422714 45%,#2c1a0d);box-shadow:inset 0 1px #fff0c833,0 18px 46px #000c}.db-dot{fill:#e3c26a;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.db-line{stroke-width:7;stroke-linecap:round}.db-line.open{stroke:#ffffff12}.db-line.drawable{stroke:rgba(var(--hint-rgb),.28)}.db-line.p1{stroke:#ffd23f;filter:drop-shadow(0 0 6px rgba(var(--neon-amber-rgb),.9))}.db-line.p2{stroke:#ff5a68;filter:drop-shadow(0 0 6px rgba(var(--neon-red-rgb),.9))}.db-line.last{stroke-width:10}.db-grab{stroke:transparent;cursor:pointer}.db-box{opacity:.9}.db-box.p1{fill:#ffd23f38;stroke:#ffd23f8c;stroke-width:2}.db-box.p2{fill:#ff5a6838;stroke:#ff5a688c;stroke-width:2}.db-box.fresh{animation:db-claim .55s ease-out}@keyframes db-claim{0%{opacity:0;transform:scale(.6);transform-origin:center}60%{opacity:1}to{opacity:.9}}@media(prefers-reduced-motion:reduce){.db-box.fresh{animation:none}}.db-badge{inline-size:18px;block-size:18px;border-radius:4px;flex:0 0 auto}.db-badge.p1{background:#ffd23f59;border:2px solid #ffd23f;box-shadow:0 0 8px rgba(var(--neon-amber-rgb),.7)}.db-badge.p2{background:#ff5a6859;border:2px solid #ff5a68;box-shadow:0 0 8px rgba(var(--neon-red-rgb),.7)}.sb-frame{--sb-chrome-y: 300px;--sb-cell: max( 18px, min( calc((100vw - 40px) / var(--sb-size, 10)), calc((100dvh - var(--sb-chrome-y)) / (var(--sb-size, 10) * 2)) ) )}@media(min-aspect-ratio:13/10){.sb-frame{--sb-chrome-y: 130px;--sb-cell: max( 16px, min( calc((100vw - 2 * var(--side-panel, 110px) - 60px) / (var(--sb-size, 10) * 2)), calc((100dvh - var(--sb-chrome-y)) / var(--sb-size, 10)) ) )}}.match-page.immersive .sb-frame,.match-page.playing .sb-frame{--sb-chrome-y: 240px}@media(min-aspect-ratio:13/10){.match-page.immersive .sb-frame,.match-page.playing .sb-frame{--sb-chrome-y: 140px}}.sb-grids{display:flex;flex-direction:column;align-items:center;gap:.7rem;inline-size:100%}@media(min-aspect-ratio:13/10){.sb-grids{flex-direction:row;justify-content:center;align-items:flex-start;gap:1.4rem}}.sb-side{display:flex;flex-direction:column;align-items:center;gap:.3rem}.sb-caption{font-size:.85rem;font-weight:800;color:#cfe6ff;max-inline-size:calc(var(--sb-cell) * var(--sb-size, 10));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-grid{display:grid;grid-template-columns:repeat(var(--sb-size, 10),var(--sb-cell));gap:2px;padding:6px;border-radius:12px;direction:ltr;background:linear-gradient(165deg,#08202e,#04141d 60%,#020a10);box-shadow:inset 0 0 30px #0009,0 12px 30px #000000b3}.sb-grid.enemy{border:2px solid rgba(var(--gold-rgb),.6);box-shadow:inset 0 1px #fff0c82e,inset 0 0 30px #0009,0 12px 30px #000000b3}.sb-grid.own{border:2px solid rgba(var(--gold-rgb),.28)}.sb-cell{display:flex;align-items:center;justify-content:center;inline-size:var(--sb-cell);block-size:var(--sb-cell);padding:0;margin:0;border:1px solid rgba(255,255,255,.07);border-radius:3px;background:#ffffff08;box-shadow:none;text-shadow:none;font-size:calc(var(--sb-cell) * .7);line-height:1;color:#ffffff8c;cursor:default;-webkit-tap-highlight-color:transparent;transition:background .12s ease}.sb-cell.live{cursor:crosshair}.sb-cell.live:hover{background:rgba(var(--hint-rgb),.25);border-color:var(--hint)}.sb-cell.ship{background:linear-gradient(160deg,#6d7b8c,#46525f);border-color:#ffffff40}.sb-cell.miss{color:#a0c8e6b3;background:#5a96c81f}.sb-cell.hit,.sb-cell.sunk{color:#fff;background:radial-gradient(circle at 50% 45%,#ffd06a,#ff5a2a 45%,#a01206);border-color:#ffa05acc;box-shadow:0 0 10px rgba(var(--neon-red-rgb),.8)}.sb-cell.sunk{background:radial-gradient(circle at 50% 45%,#ff9a6a,#c01a10 45%,#4a0603)}.sb-cell.wreck{border-color:#ff785a99}.sb-cell.droppable{cursor:pointer}.sb-cell.droppable:hover{background:rgba(var(--neon-cyan-rgb),.3);border-color:var(--neon-cyan)}.sb-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;inline-size:100%}.sb-queue{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:center}.sb-queue-label{font-size:.85rem;font-weight:700;color:var(--muted)}.sb-pip{font-size:.8rem;letter-spacing:-1px;color:#ffffff59}.sb-pip.next{color:var(--neon-cyan);text-shadow:0 0 8px rgba(var(--neon-cyan-rgb),.9)}.sb-status{font-size:.95rem;font-weight:800;padding:.28rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--muted)}.sb-status.mine{color:#d9ffe6;border-color:rgba(var(--neon-green-rgb),.6);background:rgba(var(--neon-green-rgb),.12)}.sb-status.theirs{color:#ffd9a0;border-color:rgba(var(--neon-amber-rgb),.5);background:rgba(var(--neon-amber-rgb),.1);animation:sb-wait 1.6s ease-in-out infinite}@keyframes sb-wait{0%,to{opacity:.7}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.sb-status.theirs{animation:none}}.sb-last{font-size:.9rem;font-weight:800}.sb-last.miss{color:var(--muted)}.sb-last.hit{color:var(--neon-amber);text-shadow:0 1px 2px rgba(0,0,0,.9)}.sb-last.sunk{color:var(--neon-red);text-shadow:0 1px 2px rgba(0,0,0,.9)}.sb-badge{font-size:1.05rem;line-height:1;flex:0 0 auto;color:var(--gold-2)}.hokm-frame{--hk-chrome-y: 250px;--hk-table-fixed: 82px;--hk-table-per-card: 3.04;--hk-card-w: max( 34px, min( calc((100vw - 24px) / 8.6), calc((100dvh - var(--hk-chrome-y) - var(--hk-table-fixed)) / var(--hk-table-per-card)) ) );--hk-card-h: calc(var(--hk-card-w) * 1.45);gap:.5rem;inline-size:100%}@media(min-aspect-ratio:13/10){.hokm-frame{--hk-chrome-y: 150px;--hk-card-w: max( 30px, min( calc((100vw - 2 * var(--side-panel, 110px) - 24px) / 10), calc((100dvh - var(--hk-chrome-y) - var(--hk-table-fixed)) / var(--hk-table-per-card)) ) )}}.match-page.immersive .hokm-frame,.match-page.playing .hokm-frame{--hk-chrome-y: 222px}.hokm-frame.tall-controls{--hk-chrome-y: 300px}.match-page.immersive .hokm-frame.tall-controls,.match-page.playing .hokm-frame.tall-controls{--hk-chrome-y: 292px}@media(min-aspect-ratio:13/10){.match-page.immersive .hokm-frame,.match-page.playing .hokm-frame{--hk-chrome-y: 178px}.match-page.immersive .hokm-frame.tall-controls,.match-page.playing .hokm-frame.tall-controls{--hk-chrome-y: 250px}}.hk-status{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:nowrap;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums;inline-size:100%}@media(min-aspect-ratio:13/10)and (max-height:460px){.hk-status{gap:.3rem;font-size:.9rem}.hk-score{font-size:1.1rem}.hk-trump{font-size:1.25rem;margin-inline-start:.3rem}.hk-pile{min-block-size:calc(var(--hk-card-h) * 1.45)}.hk-table{padding:.3rem;border-width:5px}}.hk-score{font-size:1.35rem;line-height:1;color:var(--text)}.hk-score.mine{color:#9fd48c;text-shadow:0 1px 2px rgba(0,0,0,.85)}.hk-score-sep,.hk-target{color:var(--muted);font-size:.9rem}.hk-trump{font-size:1.6rem;line-height:1;margin-inline-start:.5rem;color:#f4ecd8;filter:drop-shadow(0 2px 2px rgba(0,0,0,.85))}.hk-trump.red{color:#e0705a;filter:drop-shadow(0 2px 2px rgba(0,0,0,.85))}.hk-trump.pending{font-size:1.2rem;color:var(--muted);filter:none}.hk-tricks{font-size:.9rem;color:#ffd9a0;padding:.15rem .5rem;border-radius:999px;border:1px solid rgba(var(--neon-amber-rgb),.4)}.hk-table{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:.3rem;inline-size:100%;min-block-size:calc(var(--hk-card-h) * 2.6);max-block-size:calc(100dvh - var(--hk-chrome-y));overflow:hidden;padding:.5rem;border-radius:22px;background:radial-gradient(70% 55% at 50% 45%,#50c88c1f,#50c88c00 70%),linear-gradient(160deg,#10402e,#0a2c20 55%,#061a13);border:8px solid #4a2d18;outline:2px solid rgba(var(--gold-rgb),.55);outline-offset:0;box-shadow:inset 0 0 60px #0009,0 18px 46px #000c}.hk-seat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.2rem .4rem;border-radius:12px;min-inline-size:0}.hk-seat.pos-top{grid-area:1 / 2 / 2 / 3}.hk-seat.pos-left{grid-area:2 / 1 / 3 / 2}.hk-seat.pos-right{grid-area:2 / 3 / 3 / 4}.hk-seat.pos-bottom{grid-area:3 / 2 / 4 / 3}.hk-seat.on-turn{background:rgba(var(--hint-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--hint-rgb),.6),0 0 18px rgba(var(--hint-rgb),.3);animation:hk-turn 1.6s ease-in-out infinite}@keyframes hk-turn{0%,to{box-shadow:inset 0 0 0 1px rgba(var(--hint-rgb),.45),0 0 12px rgba(var(--hint-rgb),.2)}50%{box-shadow:inset 0 0 0 2px rgba(var(--hint-rgb),.9),0 0 26px rgba(var(--hint-rgb),.5)}}@media(prefers-reduced-motion:reduce){.hk-seat.on-turn{animation:none}}.hk-seat-head{display:flex;align-items:center;gap:.25rem;max-inline-size:calc(var(--hk-card-w) * 3)}.hk-name{font-size:.8rem;font-weight:700;color:#d8ecff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hk-seat.partner .hk-name{color:var(--neon-green)}.hk-partner-tag,.hk-crown{font-size:.85rem;line-height:1;flex:0 0 auto}.hk-backs{display:flex;align-items:center;gap:1px}.hk-back{inline-size:max(5px,calc(var(--hk-card-w) * .16));block-size:max(9px,calc(var(--hk-card-w) * .3));border-radius:2px;background:linear-gradient(150deg,#2b3a63,#16213c);border:1px solid rgba(255,255,255,.22)}.hk-seat.pos-left .hk-backs,.hk-seat.pos-right .hk-backs{flex-direction:column}.hk-seat.pos-left .hk-back,.hk-seat.pos-right .hk-back{inline-size:max(9px,calc(var(--hk-card-w) * .3));block-size:max(5px,calc(var(--hk-card-w) * .16))}.hk-seat.pos-left,.hk-seat.pos-right{justify-content:center}.hk-count{font-size:.7rem;font-weight:800;color:var(--muted);margin-inline-start:.25rem;font-variant-numeric:tabular-nums}.hokm-frame{--hk-play-w: calc(var(--hk-card-w) * .86);--hk-play-h: calc(var(--hk-play-w) * 1.45)}.hk-pile{position:relative;grid-area:2 / 2 / 3 / 3;min-block-size:calc(var(--hk-play-h) * 2.2);min-inline-size:calc(var(--hk-play-w) * 3.4)}.hk-played{position:absolute;inline-size:var(--hk-play-w);block-size:var(--hk-play-h);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;background:linear-gradient(170deg,#fdfdfb,#e8e6df);border:1px solid rgba(0,0,0,.35);box-shadow:0 6px 16px #000000b3;color:#14161c;animation:hk-drop .22s ease-out}.hk-played.red{color:#c81b28}.hk-played.black{color:#14161c}.hk-played.pos-bottom{inset-block-end:2%;inset-inline-start:50%;transform:translate(-50%)}.hk-played.pos-top{inset-block-start:2%;inset-inline-start:50%;transform:translate(-50%)}.hk-played.pos-left{inset-inline-start:2%;inset-block-start:50%;transform:translateY(-50%)}.hk-played.pos-right{inset-inline-end:2%;inset-block-start:50%;transform:translateY(-50%)}@keyframes hk-drop{0%{opacity:0;transform:scale(.7) translateY(-14px)}}.hk-played.winner{box-shadow:0 0 0 2px var(--neon-green),0 0 22px rgba(var(--neon-green-rgb),.8);z-index:2}@media(prefers-reduced-motion:reduce){.hk-played{animation:none}}.hk-rank{font-size:calc(var(--hk-card-w) * .42);font-weight:900;line-height:1}.hk-suit-mark{font-size:calc(var(--hk-card-w) * .42);line-height:1}.hk-played .hk-rank,.hk-played .hk-suit-mark{color:inherit;font-size:calc(var(--hk-play-w) * .42)}.hk-handover{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);z-index:5;text-align:center;padding:.7rem 1.4rem;border-radius:18px;background:linear-gradient(180deg,#2c1f16,#150e09);border:2px solid rgba(var(--gold-rgb),.7);box-shadow:var(--bevel),0 18px 40px #000000d9}.hk-handover-title{font-size:1.15rem;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hk-handover-title.win{color:#9fd48c}.hk-handover-title.loss{color:#e0705a}.hk-handover-line{font-size:.95rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.hk-kot{margin-block-start:.2rem;font-size:.95rem;font-weight:900;color:var(--gold-1);text-shadow:0 1px 2px rgba(0,0,0,.9)}.match-page.playing .hokm-frame,.match-page.immersive .hokm-frame{position:relative;block-size:100dvh;inline-size:100%;gap:0;--hk-card-w: max( 34px, min(calc((100vw - 24px) / 8.6), calc((100dvh - 24px) / 5.9)) )}.match-page.playing .hk-table,.match-page.immersive .hk-table{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;min-block-size:0;max-block-size:none;border-radius:0;padding-block-start:1rem;padding-block-end:calc(var(--hk-card-h) + 1.2rem);box-shadow:inset 0 0 0 3px var(--wood-4, #6b4025),inset 0 0 0 6px var(--wood-2, #3d2416),inset 0 0 0 7px #ffe2b447,inset 0 0 90px #0009}.match-page.playing .hk-status,.match-page.immersive .hk-status{position:absolute;inset-block-start:.5rem;inset-inline-end:.6rem;inline-size:fit-content;z-index:3}.match-page.playing .hk-hand,.match-page.immersive .hk-hand{position:absolute;inset-block-end:.35rem;inset-inline-start:50%;transform:translate(-50%);inline-size:auto;max-inline-size:100vw;z-index:4}.match-page.playing .hk-controls,.match-page.immersive .hk-controls{position:absolute;inset-block-start:.5rem;inset-inline-start:.6rem;inline-size:auto;max-inline-size:45vw;align-items:flex-start;z-index:5;pointer-events:none}.match-page.playing .hk-controls>*,.match-page.immersive .hk-controls>*{pointer-events:auto}.hk-choose{padding:.55rem 1rem;border-radius:16px;background:linear-gradient(180deg,#2c1f16f7,#150e09f7);border:2px solid rgba(var(--gold-rgb),.7);box-shadow:var(--bevel),0 16px 40px #000000d9}.match-page.playing .hk-choose,.match-page.immersive .hk-choose{position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);z-index:40}.hk-hand{display:flex;justify-content:center;align-items:flex-end;margin-inline-start:calc(var(--hk-card-w) * .42);min-block-size:var(--hk-card-h);inline-size:100%;flex-wrap:nowrap}.hk-card{position:relative;flex:0 0 auto;inline-size:var(--hk-card-w);block-size:var(--hk-card-h);margin-inline-start:calc(var(--hk-card-w) * -.42);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:7px;border:1px solid rgba(0,0,0,.4);background:linear-gradient(170deg,#fdfdfb,#e8e6df);box-shadow:0 4px 12px #000000a6;text-shadow:none;cursor:default;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.hk-card.red{color:#c81b28}.hk-card.black{color:#14161c}.hk-card.trump:after{content:"";position:absolute;inset-block-end:3px;inset-inline:15%;block-size:2px;border-radius:2px;background:var(--neon-amber);box-shadow:0 0 6px rgba(var(--neon-amber-rgb),.9)}.hk-card.playable{cursor:pointer}.hk-card.playable:hover,.hk-card.playable:focus-visible{transform:translateY(-14%);box-shadow:0 10px 22px #000c,0 0 0 2px var(--hint);outline:none;z-index:3}.hk-card.blocked{filter:brightness(.45) saturate(.5)}.hk-card:last-child{z-index:1}.hk-empty-hand{font-size:.85rem;color:var(--muted)}.hk-controls{display:flex;flex-direction:column;align-items:center;gap:.4rem;inline-size:100%}.hk-choose{display:flex;flex-direction:column;align-items:center;gap:.4rem}.hk-choose-label{font-size:.95rem;font-weight:800;color:#ffd9a0}.hk-suits{display:flex;gap:.5rem}.hk-suit{inline-size:3.2rem;block-size:3.2rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.9rem;line-height:1;border-radius:16px;border:2px solid rgba(255,255,255,.25);background:linear-gradient(170deg,#fdfdfb,#dedbd2);color:#14161c;text-shadow:none;box-shadow:0 6px 16px #0009;cursor:pointer}.hk-suit.red{color:#c81b28}.hk-suit:hover{transform:translateY(-2px);box-shadow:0 10px 22px #000000bf,0 0 0 2px var(--hint)}.hk-wait{font-size:.92rem;font-weight:800;padding:.25rem .9rem;border-radius:999px;color:var(--muted);border:1px solid rgba(255,255,255,.12)}.hk-wait.mine{color:#d9ffe6;border-color:rgba(var(--neon-green-rgb),.6);background:rgba(var(--neon-green-rgb),.12)}@media(max-width:400px){.hk-name{font-size:.7rem}.hk-suit{inline-size:2.8rem;block-size:2.8rem;font-size:1.6rem}}.ct-frame{--ct-chrome-base: 186px;--ct-chrome-tall: 268px;--ct-chrome-y: var(--ct-chrome-base);--ct-table-fixed: 82px;--ct-table-per-card: 3.04;--ct-card-w: max( 34px, min( calc((100vw - 24px) / 8.6), calc((100dvh - var(--ct-chrome-y) - var(--ct-table-fixed)) / var(--ct-table-per-card)) ) );--ct-card-h: calc(var(--ct-card-w) * 1.45);gap:.5rem;inline-size:100%}.ct-frame.tall-controls{--ct-chrome-y: var(--ct-chrome-tall)}@media(min-aspect-ratio:13/10){.ct-frame{--ct-chrome-base: 132px;--ct-chrome-tall: 218px;--ct-card-w: max( 30px, min( calc((100vw - 2 * var(--side-panel, 110px) - 24px) / 10), calc((100dvh - var(--ct-chrome-y) - var(--ct-table-fixed)) / var(--ct-table-per-card)) ) )}}.match-page.immersive .ct-frame,.match-page.playing .ct-frame{--ct-chrome-base: 188px;--ct-chrome-tall: 268px}@media(min-aspect-ratio:13/10){.match-page.immersive .ct-frame,.match-page.playing .ct-frame{--ct-chrome-base: 150px;--ct-chrome-tall: 228px}}.ct-status{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:nowrap;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums;inline-size:100%;overflow:hidden}@media(min-aspect-ratio:13/10)and (max-height:460px){.ct-status{gap:.3rem;font-size:.9rem}.ct-pile{min-block-size:calc(var(--ct-card-h) * 1.45)}.ct-table{padding:.3rem;border-width:5px}}.ct-table{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:.3rem;inline-size:100%;min-block-size:calc(var(--ct-card-h) * 2.6);max-block-size:calc(100dvh - var(--ct-chrome-y));overflow:hidden;padding:.5rem;border-radius:22px;background:radial-gradient(70% 55% at 50% 45%,#50c88c1f,#50c88c00 70%),linear-gradient(160deg,#10402e,#0a2c20 55%,#061a13);border:8px solid #4a2d18;outline:2px solid rgba(var(--gold-rgb),.55);box-shadow:inset 0 0 60px #0009,0 18px 46px #000c}.ct-seat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.2rem .4rem;border-radius:12px;min-inline-size:0}.ct-seat.pos-top{grid-area:1 / 2 / 2 / 3}.ct-seat.pos-left{grid-area:2 / 1 / 3 / 2}.ct-seat.pos-right{grid-area:2 / 3 / 3 / 4}.ct-seat.pos-bottom{grid-area:3 / 2 / 4 / 3}.ct-seat.on-turn{background:rgba(var(--hint-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--hint-rgb),.6),0 0 18px rgba(var(--hint-rgb),.3);animation:ct-turn 1.6s ease-in-out infinite}@keyframes ct-turn{0%,to{box-shadow:inset 0 0 0 1px rgba(var(--hint-rgb),.45),0 0 12px rgba(var(--hint-rgb),.2)}50%{box-shadow:inset 0 0 0 2px rgba(var(--hint-rgb),.9),0 0 26px rgba(var(--hint-rgb),.5)}}@media(prefers-reduced-motion:reduce){.ct-seat.on-turn{animation:none}}.ct-seat-head{display:flex;align-items:center;gap:.25rem;max-inline-size:calc(var(--ct-card-w) * 3.4)}.ct-name{font-size:.8rem;font-weight:700;color:#d8ecff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-backs{display:flex;align-items:center;gap:1px}.ct-back{inline-size:max(5px,calc(var(--ct-card-w) * .16));block-size:max(9px,calc(var(--ct-card-w) * .3));border-radius:2px;background:linear-gradient(150deg,#2b3a63,#16213c);border:1px solid rgba(255,255,255,.22)}.ct-seat.pos-left .ct-backs,.ct-seat.pos-right .ct-backs{flex-direction:column}.ct-seat.pos-left .ct-back,.ct-seat.pos-right .ct-back{inline-size:max(9px,calc(var(--ct-card-w) * .3));block-size:max(5px,calc(var(--ct-card-w) * .16))}.ct-seat.pos-left,.ct-seat.pos-right{justify-content:center}.ct-count{font-size:.7rem;font-weight:800;color:var(--muted);margin-inline-start:.25rem;font-variant-numeric:tabular-nums}.ct-frame{--ct-play-w: calc(var(--ct-card-w) * .86);--ct-play-h: calc(var(--ct-play-w) * 1.45)}.ct-pile{position:relative;grid-area:2 / 2 / 3 / 3;min-block-size:calc(var(--ct-play-h) * 2.2);min-inline-size:calc(var(--ct-play-w) * 3.4)}.ct-played{position:absolute;inline-size:var(--ct-play-w);block-size:var(--ct-play-h);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;background:linear-gradient(170deg,#fdfdfb,#e8e6df);border:1px solid rgba(0,0,0,.35);box-shadow:0 6px 16px #000000b3;animation:ct-drop .22s ease-out}.ct-played.red{color:#c81b28}.ct-played.black{color:#14161c}.ct-played.pos-bottom{inset-block-end:2%;inset-inline-start:50%;transform:translate(-50%)}.ct-played.pos-top{inset-block-start:2%;inset-inline-start:50%;transform:translate(-50%)}.ct-played.pos-left{inset-inline-start:2%;inset-block-start:50%;transform:translateY(-50%)}.ct-played.pos-right{inset-inline-end:2%;inset-block-start:50%;transform:translateY(-50%)}@keyframes ct-drop{0%{opacity:0;transform:scale(.7) translateY(-14px)}}.ct-played.winner{box-shadow:0 0 0 2px var(--neon-green),0 0 22px rgba(var(--neon-green-rgb),.8);z-index:2}@media(prefers-reduced-motion:reduce){.ct-played{animation:none}}.ct-rank{font-size:calc(var(--ct-card-w) * .42);font-weight:900;line-height:1}.ct-suit-mark{font-size:calc(var(--ct-card-w) * .42);line-height:1}.ct-played .ct-rank,.ct-played .ct-suit-mark{font-size:calc(var(--ct-play-w) * .42)}.ct-handover{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);z-index:5;text-align:center;padding:.7rem 1.2rem;border-radius:18px;min-inline-size:max(11rem,calc(var(--ct-card-w) * 4.5));background:linear-gradient(180deg,#2c1f16,#150e09);border:2px solid rgba(var(--gold-rgb),.7);box-shadow:var(--bevel),0 18px 40px #000000d9}.ct-handover-title{font-size:1.1rem;font-weight:900;color:var(--gold-1);text-shadow:0 1px 2px rgba(0,0,0,.9)}.ct-handover-title.win{color:#9fd48c}.ct-handover-title.loss{color:#e0705a}.ct-handover-line{font-size:.92rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.ct-hand{display:flex;justify-content:center;align-items:flex-end;margin-inline-start:calc(var(--ct-card-w) * .42);min-block-size:var(--ct-card-h);inline-size:100%;flex-wrap:nowrap}.ct-card{position:relative;flex:0 0 auto;inline-size:var(--ct-card-w);block-size:var(--ct-card-h);margin-inline-start:calc(var(--ct-card-w) * -.42);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:7px;border:1px solid rgba(0,0,0,.4);background:linear-gradient(170deg,#fdfdfb,#e8e6df);box-shadow:0 4px 12px #000000a6;text-shadow:none;cursor:default;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ct-card.red{color:#c81b28}.ct-card.black{color:#14161c}.ct-card.playable{cursor:pointer}.ct-card.playable:hover,.ct-card.playable:focus-visible{transform:translateY(-14%);box-shadow:0 10px 22px #000c,0 0 0 2px var(--hint);outline:none;z-index:3}.ct-card.blocked{filter:brightness(.45) saturate(.5)}.ct-card:last-child{z-index:1}.ct-card.trump:after{content:"";position:absolute;inset-block-end:3px;inset-inline:15%;block-size:2px;border-radius:2px;background:var(--neon-amber);box-shadow:0 0 6px rgba(var(--neon-amber-rgb),.9)}.ct-controls{display:flex;flex-direction:column;align-items:center;gap:.35rem;inline-size:100%}.ct-wait{font-size:.9rem;font-weight:800;color:var(--muted)}.ct-wait.mine{color:var(--hint);text-shadow:0 0 10px rgba(var(--hint-rgb),.5)}.match-page.playing .ct-frame,.match-page.immersive .ct-frame{position:relative;block-size:100dvh;inline-size:100%;gap:0;--ct-card-w: max( 34px, min(calc((100vw - 24px) / 8.6), calc((100dvh - 24px) / 5.9)) )}.match-page.playing .ct-table,.match-page.immersive .ct-table{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;min-block-size:0;max-block-size:none;border-radius:0;padding-block-start:1rem;padding-block-end:calc(var(--ct-card-h) + 1.2rem);box-shadow:inset 0 0 0 3px var(--wood-4, #6b4025),inset 0 0 0 6px var(--wood-2, #3d2416),inset 0 0 0 7px #ffe2b447,inset 0 0 90px #0009}.match-page.playing .ct-status,.match-page.immersive .ct-status{position:absolute;inset-block-start:.5rem;inset-inline-end:.6rem;inline-size:fit-content;z-index:3}.match-page.playing .ct-hand,.match-page.immersive .ct-hand{position:absolute;inset-block-end:.35rem;inset-inline-start:50%;transform:translate(-50%);inline-size:auto;max-inline-size:100vw;z-index:4}.match-page.playing .ct-controls,.match-page.immersive .ct-controls{position:absolute;inset-block-start:.5rem;inset-inline-start:.6rem;inline-size:auto;max-inline-size:45vw;align-items:flex-start;z-index:5;pointer-events:none}.match-page.playing .ct-controls>*,.match-page.immersive .ct-controls>*{pointer-events:auto}.match-page.playing .sh-auction,.match-page.immersive .sh-auction,.match-page.playing .sh-bury,.match-page.immersive .sh-bury{position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);z-index:40}.match-page.playing .sh-bury,.match-page.immersive .sh-bury{inset-block-start:34%}.sh-score{font-size:1.3rem;line-height:1;color:var(--text)}.sh-score.mine{color:#9fd48c;text-shadow:0 1px 2px rgba(0,0,0,.85)}.sh-score-sep,.sh-target{color:var(--muted);font-size:.88rem}.sh-trump{font-size:1.5rem;line-height:1;color:#14161c}.sh-trump.red{color:#c81b28}.sh-trump:not(.pending){background:linear-gradient(170deg,#fdfdfb,#dedbd2);border-radius:6px;padding:0 .25rem}.sh-trump.pending{color:var(--muted);font-size:1.15rem}.sh-contract{font-size:.92rem;font-weight:900;color:#ffd9a0;padding:.1rem .45rem;border-radius:999px;border:1px solid rgba(var(--neon-amber-rgb),.5)}.sh-points{font-size:.88rem;color:#ffd9a0;padding:.12rem .45rem;border-radius:999px;border:1px solid rgba(var(--neon-amber-rgb),.4)}.sh-dealer,.sh-declarer,.sh-passed,.sh-partner{font-size:.82rem;line-height:1;flex:0 0 auto}.sh-passed{color:#e0705a;font-weight:900}.ct-seat .sh-partner~.ct-name{color:var(--neon-green)}.sh-auction,.sh-bury{padding:.55rem .9rem;border-radius:16px;background:linear-gradient(180deg,#2c1f16f7,#150e09f7);border:2px solid rgba(var(--gold-rgb),.7);box-shadow:var(--bevel),0 16px 40px #000000d9;max-inline-size:min(92vw,34rem)}.sh-auction{display:flex;flex-direction:column;align-items:center;gap:.3rem}.sh-auction-label{font-size:.9rem;font-weight:800;color:#ffd9a0}.sh-bids{display:flex;gap:.3rem;overflow-x:auto;max-inline-size:100%;padding-block-end:.2rem;scrollbar-width:thin}.sh-bid{flex:0 0 auto;min-inline-size:3rem;padding:.45rem .5rem;font-size:1rem;font-weight:900;font-variant-numeric:tabular-nums}.sh-pass{padding:.35rem 1.2rem;font-size:.9rem}.sh-bury{display:flex;flex-direction:column;align-items:center;gap:.35rem}.sh-bury-label{font-size:.92rem;font-weight:800;color:#ffd9a0}.sh-bury-picks{display:flex;gap:.3rem}.sh-bury-slot{inline-size:2.6rem;block-size:2.2rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:900;border-radius:8px;border:2px dashed rgba(var(--gold-rgb),.45);background:#0000004d;color:var(--muted)}.sh-bury-slot.filled{border-style:solid;background:linear-gradient(170deg,#fdfdfb,#dedbd2);color:#14161c;text-shadow:none;cursor:pointer}.sh-bury-slot.filled.red{color:#c81b28}.ct-card.burying{transform:translateY(-18%);box-shadow:0 12px 24px #000000d9,0 0 0 3px var(--neon-amber);z-index:4}.ct-card.buryable{cursor:pointer}.sh-suits{display:flex;gap:.4rem}.sh-suit{inline-size:2.8rem;block-size:2.8rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.7rem;line-height:1;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:linear-gradient(170deg,#fdfdfb,#dedbd2);color:#14161c;text-shadow:none;cursor:pointer}.sh-suit.red{color:#c81b28}.sh-suit.picked{border-color:var(--neon-amber);box-shadow:0 0 0 3px rgba(var(--neon-amber-rgb),.7),0 6px 16px #0009}.sh-confirm{padding:.45rem 1.6rem;font-size:.95rem;font-weight:900}.sh-buried{display:flex;justify-content:center;gap:.25rem;margin-block-start:.35rem}.sh-buried-card{padding:.1rem .3rem;border-radius:5px;font-size:.8rem;font-weight:900;background:linear-gradient(170deg,#fdfdfb,#dedbd2);color:#14161c;text-shadow:none}.sh-buried-card.red{color:#c81b28}.kh-contract{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border-radius:999px;border:1px solid rgba(var(--neon-amber-rgb),.55);background:#00000059;color:#ffd9a0;min-inline-size:0}.kh-contract-icon{font-size:1.05rem;line-height:1;flex:0 0 auto}.kh-contract-name{font-size:.9rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kh-contract.danger{border-color:#e0705a;color:#ffcfc4;box-shadow:0 0 14px #e0705a80}.kh-hand-no,.kh-penalty,.kh-left{font-size:.82rem;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.kh-penalty{color:#e0705a}.kh-left.danger{color:#e0705a;text-shadow:0 0 8px rgba(224,112,90,.6)}.kh-seat-score{font-size:.78rem;font-weight:900;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 auto}.kh-seat-score.hurt{color:#e0705a}.kh-dealer{font-size:.8rem;line-height:1;flex:0 0 auto}.ct-card.wicked{box-shadow:0 4px 12px #000000a6,inset 0 0 0 2px #e0705ad9}.ct-card.wicked:before{content:"";position:absolute;inset-block-start:2px;inset-inline-end:2px;inline-size:5px;block-size:5px;border-radius:50%;background:#e0705a;box-shadow:0 0 6px #e0705ae6}.kh-rule{font-size:.85rem;font-weight:700;color:#ffd9a0;text-align:center;max-inline-size:32rem;line-height:1.35}.kh-rule.danger{color:#ffcfc4}.kh-hit{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:800;color:#e0705a;padding:.15rem .6rem;border-radius:999px;border:1px solid rgba(224,112,90,.5);background:#0000004d}.kh-hit-cards{display:inline-flex;gap:.2rem}.kh-hit-card{padding:.05rem .25rem;border-radius:4px;font-weight:900;background:linear-gradient(170deg,#fdfdfb,#dedbd2);color:#14161c;text-shadow:none}.kh-hit-card.red{color:#c81b28}.kh-tally{display:flex;flex-direction:column;gap:.15rem;margin-block-start:.4rem}.kh-tally-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.88rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.kh-tally-row.mine{color:var(--hint)}.kh-tally-row.clean .kh-tally-score{color:#9fd48c}.kh-tally-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:9rem}.kh-tally-score{color:#e0705a}:root{--wood-1: #2a180e;--wood-2: #3d2416;--wood-3: #52301c;--wood-4: #6b4025;--wood-5: #8a5730;--maple-1: #d8b98a;--maple-2: #e8d3ac;--maple-3: #f2e3c4;--brass-1: #f3dc9a;--brass-2: #c9a44f;--brass-3: #8a6a2a;--grain-fine: repeating-linear-gradient( 92deg, rgba(0, 0, 0, .055) 0px, rgba(0, 0, 0, 0) 2px, rgba(255, 226, 180, .035) 4px, rgba(0, 0, 0, 0) 7px );--grain-wide: repeating-linear-gradient( 88deg, rgba(0, 0, 0, .09) 0px, rgba(0, 0, 0, 0) 11px, rgba(255, 220, 170, .05) 19px, rgba(0, 0, 0, 0) 31px );--brass-rim: 0 0 0 1px rgba(255, 235, 190, .5), 0 0 0 3px var(--brass-3), 0 0 0 4px rgba(0, 0, 0, .5);--carve-out: inset 0 2px 0 rgba(255, 232, 190, .22), inset 0 -3px 6px rgba(0, 0, 0, .5);--carve-in: inset 0 3px 8px rgba(0, 0, 0, .6), inset 0 -2px 0 rgba(255, 232, 190, .14)}.game-area{background:radial-gradient(120% 90% at 50% 0%,#ffd29621,#ffd29600 62%),var(--grain-wide),var(--grain-fine),linear-gradient(168deg,var(--wood-3) 0%,var(--wood-2) 45%,var(--wood-1) 100%);border-block-color:rgba(0,0,0,.6)}.match-page.playing,.match-page.immersive{background:radial-gradient(120% 90% at 50% 0%,#ffd29621,#ffd29600 62%),var(--grain-wide),var(--grain-fine),linear-gradient(168deg,var(--wood-3) 0%,var(--wood-2) 45%,var(--wood-1) 100%)}.bg-board,.sq-board,.ttt-grid,.c4-board,.sb-grid,.ludo-board,.pen-pitch,.footy-pitch{border-radius:18px;box-shadow:0 0 0 3px var(--wood-4),0 0 0 5px var(--wood-2),0 0 0 6px #ffe2b447,0 0 0 10px var(--wood-3),0 0 0 12px var(--wood-1),inset 0 0 30px #0000006b,0 18px 40px #000000bf}.hk-table,.ct-table{background:radial-gradient(75% 60% at 50% 40%,#78e6af21,#78e6af00 72%),linear-gradient(163deg,#14563d,#0d3a29 52%,#07231a);border:0;outline:0;box-shadow:0 0 0 4px var(--wood-4),0 0 0 7px var(--wood-2),0 0 0 8px #ffe2b44d,0 0 0 13px var(--wood-3),0 0 0 15px var(--wood-1),inset 0 0 70px #0000009e,0 20px 46px #000c}.hk-pile:before,.ct-pile:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:min(78%,15rem);aspect-ratio:1;transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:.34;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.85' stroke-width='1.4'%3E%3Ccircle cx='100' cy='100' r='86'/%3E%3Ccircle cx='100' cy='100' r='80'/%3E%3Ccircle cx='100' cy='100' r='44'/%3E%3Cpath d='M100 34c-7 14-19 24-19 35a19 19 0 0 0 38 0c0-11-12-21-19-35z'/%3E%3Cpath d='M100 166c7-14 19-24 19-35a19 19 0 0 0-38 0c0 11 12 21 19 35z'/%3E%3Cpath d='M34 100c14-7 24-19 35-19a19 19 0 0 1 0 38c-11 0-21-12-35-19z'/%3E%3Cpath d='M166 100c-14 7-24 19-35 19a19 19 0 0 1 0-38c11 0 21 12 35 19z'/%3E%3Cpath d='M100 62v76M62 100h76'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.5' stroke-width='.9' transform='translate(0 1.4)'%3E%3Ccircle cx='100' cy='100' r='86'/%3E%3Ccircle cx='100' cy='100' r='44'/%3E%3C/g%3E%3C/svg%3E")}.hk-played,.ct-played,.hk-handover,.ct-handover{z-index:1}.hk-status,.ct-status,.ludo-hint,.pool-status-row:not(:empty){inline-size:fit-content;max-inline-size:100%;margin-inline:auto;padding:.2rem .9rem;border-radius:999px;background:var(--grain-fine),linear-gradient(180deg,var(--wood-4) 0%,var(--wood-3) 52%,var(--wood-2) 100%);border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 1px #ffe8be42,inset 0 -2px 5px #00000073,0 3px 9px #0000008c;color:#f7e8c8}.bg-strip,.hk-seat,.ct-seat,.ludo-strip,.pool-player{background:var(--grain-fine),linear-gradient(180deg,var(--wood-4) 0%,var(--wood-3) 48%,var(--wood-2) 100%);border:1px solid rgba(0,0,0,.55);border-radius:12px;box-shadow:inset 0 1px #ffe8be3d,inset 0 -3px 6px #00000073,0 4px 12px #0009;color:#f6e6c4}.hk-seat,.ct-seat{justify-self:center;padding:.15rem .7rem;border-radius:999px;background:linear-gradient(180deg,#00000075,#0000003d);border:1px solid rgba(255,226,180,.22);box-shadow:inset 0 1px #ffe8be1f,0 2px 6px #00000080}.hk-seat.pos-left,.hk-seat.pos-right,.ct-seat.pos-left,.ct-seat.pos-right{justify-self:center;align-self:center;background:none;border:0;box-shadow:none;padding:.2rem}.hk-seat.on-turn,.ct-seat.on-turn{background:linear-gradient(180deg,#ffd89647,#00000040);border-color:#ffe2b4b3;box-shadow:0 0 14px #ffd29659,inset 0 1px #fff0c840}.bg-strip-name,.hk-name,.ct-name{color:#f7e8c8;text-shadow:0 1px 2px rgba(0,0,0,.85)}.seat-avatar{border:0!important;box-shadow:0 0 0 2px var(--brass-2),0 0 0 3px #0009,inset 0 2px 4px #00000080}.bg-icon{border-radius:50%!important;border:1px solid rgba(0,0,0,.6)!important;background:radial-gradient(70% 70% at 38% 28%,rgba(255,240,200,.35),transparent 60%),linear-gradient(180deg,var(--wood-4) 0%,var(--wood-3) 55%,var(--wood-1) 100%)!important;box-shadow:inset 0 1px #ffecc359,inset 0 -3px 6px #00000080,0 3px 8px #0009!important;color:var(--brass-1)!important}.bg-icon:hover:not(:disabled){background:radial-gradient(70% 70% at 38% 28%,rgba(255,245,215,.5),transparent 60%),linear-gradient(180deg,var(--wood-5) 0%,var(--wood-4) 55%,var(--wood-2) 100%)!important}.game-toolbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:0}.ludo-surface{fill:#c99a62;stroke:#462a14bf;stroke-width:1.2}.ludo-square{fill:#f5e7c6;stroke:#5a3c1e80;stroke-width:.45}.ludo-centre{fill:#28180a47;stroke:#ffebbe8c;stroke-width:.7}.ludo-pawn-body{stroke:#1e1006e6;stroke-width:.5;filter:drop-shadow(0 .9px .9px rgba(0,0,0,.65))}.ludo-pawn-shine{fill:#ffffffbf}.bg-point.light{--tri: linear-gradient(180deg, #f3e3c3 0%, #e0c79c 34%, #bb9a6c 100%)}.bg-point.dark{--tri: linear-gradient(180deg, #7c4a28 0%, #5c341a 36%, #3a1f0f 100%)}.bg-half{position:relative}.bg-half:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:42%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.22;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='50' cy='50' r='34'/%3E%3Ccircle cx='50' cy='50' r='15'/%3E%3Cg%3E%3Cpath d='M50 16c-5 12-14 20-14 27a14 14 0 0 0 28 0c0-7-9-15-14-27z'/%3E%3Cpath d='M50 84c5-12 14-20 14-27a14 14 0 0 0-28 0c0 7 9 15 14 27z'/%3E%3Cpath d='M16 50c12-5 20-14 27-14a14 14 0 0 1 0 28c-7 0-15-9-27-14z'/%3E%3Cpath d='M84 50c-12 5-20 14-27 14a14 14 0 0 1 0-28c7 0 15 9 27 14z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.bg-point,.bg-checker,.bg-die{z-index:1}.sq-checker{position:relative}.sq-checker:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;pointer-events:none;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff47}.sq-checker.p1:after{border:1px solid rgba(120,85,40,.45)}.sq-checker.p2:after{border:1px solid rgba(255,210,160,.28)}.ludo-pawn-body{filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.hk-card,.ct-card,.hk-played,.ct-played{background:linear-gradient(168deg,#fff,#f6f1e4 62%,#e3dccb);border:1px solid rgba(60,40,20,.45);box-shadow:inset 0 1px #ffffffe6,0 4px 10px #0009}.hk-back,.ct-back{background:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 2px,transparent 2px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px),linear-gradient(160deg,#a8202c,#7d141f 58%,#5a0d16)!important;border:1px solid rgba(255,226,180,.5)!important;box-shadow:inset 0 0 0 1px #00000059}.hk-hand,.ct-hand{padding-block-start:.5rem}.hk-card,.ct-card{transform-origin:50% 140%}.hk-card:nth-child(1),.ct-card:nth-child(1){transform:rotate(-9deg)}.hk-card:nth-child(2),.ct-card:nth-child(2){transform:rotate(-7.5deg)}.hk-card:nth-child(3),.ct-card:nth-child(3){transform:rotate(-6deg)}.hk-card:nth-child(4),.ct-card:nth-child(4){transform:rotate(-4.5deg)}.hk-card:nth-child(5),.ct-card:nth-child(5){transform:rotate(-3deg)}.hk-card:nth-child(6),.ct-card:nth-child(6){transform:rotate(-1.5deg)}.hk-card:nth-child(7),.ct-card:nth-child(7){transform:rotate(0)}.hk-card:nth-child(8),.ct-card:nth-child(8){transform:rotate(1.5deg)}.hk-card:nth-child(9),.ct-card:nth-child(9){transform:rotate(3deg)}.hk-card:nth-child(10),.ct-card:nth-child(10){transform:rotate(4.5deg)}.hk-card:nth-child(11),.ct-card:nth-child(11){transform:rotate(6deg)}.hk-card:nth-child(12),.ct-card:nth-child(12){transform:rotate(7.5deg)}.hk-card:nth-child(13),.ct-card:nth-child(13){transform:rotate(9deg)}.hk-card.playable:hover,.hk-card.playable:focus-visible,.ct-card.playable:hover,.ct-card.playable:focus-visible,.ct-card.burying{transform:rotate(0) translateY(-16%)!important;z-index:5}.hk-card:disabled,.ct-card:disabled{opacity:1;cursor:default}.hk-card.blocked,.ct-card.blocked{filter:brightness(.62) saturate(.65)}@media(prefers-reduced-motion:reduce){.hk-card,.ct-card{transform:none!important}}.rules-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;background:#060402b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:rules-in .16s ease-out}.rules-card{inline-size:min(560px,100%);max-block-size:calc(100dvh - 2rem);display:flex;flex-direction:column;border-radius:16px;background:linear-gradient(180deg,#2a1d12,#1b120a);border:1px solid rgba(var(--gold-rgb),.45);box-shadow:0 24px 60px #000c,inset 0 1px #ffd6a029;overflow:hidden}.rules-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-block-end:1px solid rgba(var(--gold-rgb),.25);background:#00000040;flex:0 0 auto}.rules-title{margin:0;font-size:1.05rem;font-weight:800;color:#ffd9a0}.rules-close{flex:0 0 auto;inline-size:2.2rem;block-size:2.2rem;border-radius:50%;font-size:1rem;line-height:1;color:#ffe9c8;background:#ffffff14;border:1px solid rgba(var(--gold-rgb),.4);cursor:pointer}.rules-close:hover{background:#ffffff29}.rules-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.rules-body{padding:.9rem 1rem 1.1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.rules-label{font-weight:800;color:#ffd9a0}.rules-goal{margin:0 0 .85rem;line-height:1.7;color:#f3e9dc}.rules-list{margin:0;padding-inline-start:1.15rem;display:flex;flex-direction:column;gap:.5rem;line-height:1.75;color:#ded2c2}.rules-warn{margin-block-start:1rem;padding:.7rem .8rem;border-radius:10px;background:#c45c3c24;border:1px solid rgba(226,122,84,.45)}.rules-warn .rules-list{margin-block-start:.4rem;color:#f2cfc2}.rules-warn .rules-label{color:#ffb59a}.share-card{inline-size:min(420px,100%)}.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.6rem}.share-target{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.8rem .4rem;min-block-size:0;border-radius:12px;font-size:.8rem;font-weight:700;color:#f3e9dc;background:#ffffff0f;border:1px solid rgba(var(--gold-rgb),.3);cursor:pointer}.share-target:hover{background:#ffffff21;border-color:rgba(var(--gold-rgb),.6)}.share-target:focus-visible{outline:2px solid #fff;outline-offset:2px}.share-icon{font-size:1.6rem;line-height:1}.share-link{margin-block-start:1rem;margin-block-end:0;padding:.6rem .7rem;border-radius:10px;font-size:.78rem;line-height:1.6;word-break:break-all;-webkit-user-select:all;user-select:all;color:#cfc3b2;background:#00000047;border:1px solid rgba(255,255,255,.08)}.linklike{background:none;border:none;padding:.2rem;min-block-size:0;font:inherit;color:var(--hint);text-decoration:underline;cursor:pointer;box-shadow:none}.linklike:hover:not(:disabled){color:#fff}.linklike:disabled{color:var(--muted);text-decoration:none;cursor:default}.ticket-thread{display:flex;flex-direction:column;gap:.7rem;max-block-size:55dvh;overflow-y:auto;padding:.6rem;margin-block:.8rem;border-radius:12px;background:#00000047;border:1px solid rgba(var(--gold-rgb),.18)}.ticket-msg{max-inline-size:85%;padding:.55rem .8rem;border-radius:12px;line-height:1.6}.ticket-msg.from-me{align-self:flex-start;background:linear-gradient(180deg,#4630108c,#2d1e0a80);border:1px solid rgba(var(--gold-rgb),.4)}.ticket-msg.from-support{align-self:flex-end;background:linear-gradient(180deg,#14283c8c,#0e1c2a80);border:1px solid rgba(var(--hint-rgb),.4)}.ticket-msg-who{font-size:.72rem;font-weight:800;color:#ffd9a0;margin-block-end:.2rem}.ticket-msg.from-support .ticket-msg-who{color:#a9d4f5}.ticket-msg-body{white-space:pre-wrap;word-break:break-word;color:#f2e9db}.ticket-msg-time{font-size:.68rem;margin-block-start:.25rem}.notif-bell{position:relative;overflow:visible}.notif-bell.blinking{animation:notif-bell-blink 1s ease-in-out infinite}@keyframes notif-bell-blink{0%,to{color:inherit;filter:none}50%{color:#ffd54a;filter:drop-shadow(0 0 6px rgba(255,190,60,.9))}}.notif-bell-count{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;min-inline-size:1.15rem;padding:0 .25rem;font-size:.7rem;font-weight:800;line-height:1.15rem;text-align:center;color:#fff;background:#d64545;border:1px solid rgba(0,0,0,.4);border-radius:999px}@media(prefers-reduced-motion:reduce){.notif-bell.blinking{animation:none;color:#ffd54a}}.notif-toast-wrap{position:fixed;inset-block-start:max(.6rem,env(safe-area-inset-top));inset-inline:0;z-index:4000;display:flex;justify-content:center;padding-inline:.6rem;pointer-events:none}.notif-toast{pointer-events:auto;display:flex;align-items:center;gap:.7rem;inline-size:min(30rem,100%);padding:.7rem .9rem;text-align:start;border-radius:14px;color:#f4ecdd;background:linear-gradient(180deg,#302216f7,#1a110bf7);border:1px solid rgba(var(--gold-rgb),.4);border-inline-start-width:5px;box-shadow:0 10px 30px #00000080;animation:notif-toast-in .28s ease-out,notif-toast-pulse 1s ease-in-out 2}@keyframes notif-toast-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes notif-toast-pulse{0%,to{box-shadow:0 10px 30px #00000080}50%{box-shadow:0 10px 30px #00000080,0 0 0 3px #ffc85059}}.notif-toast-icon{font-size:1.7rem;line-height:1;flex:0 0 auto}.notif-toast-text{display:flex;flex-direction:column;gap:.1rem;flex:1 1 auto;min-inline-size:0}.notif-toast-title{font-weight:800;font-size:.98rem}.notif-toast-body{font-size:.85rem;color:#d9ccb8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notif-toast-close{flex:0 0 auto;padding:.2rem .4rem;color:#b9a98f;font-size:.9rem}.notif-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.notif-row{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .85rem;border-radius:12px;background:linear-gradient(180deg,#3c2a1a66,#140d0880);border:1px solid rgba(var(--gold-rgb),.16);border-inline-start-width:4px}.notif-row.unread{background:linear-gradient(180deg,#4e37218c,#1c120b99);border-color:rgba(var(--gold-rgb),.3)}.notif-row.linkable{cursor:pointer}.notif-row-icon{font-size:1.5rem;line-height:1.2;flex:0 0 auto}.notif-row-main{flex:1 1 auto;min-inline-size:0}.notif-row-title{font-weight:700;color:#f4ecdd}.notif-row-body{font-size:.88rem;color:#d9ccb8;margin-block-start:.15rem;white-space:pre-wrap;word-break:break-word}.notif-row-time{font-size:.72rem;margin-block-start:.25rem}.notif-row-dot{flex:0 0 auto;inline-size:.6rem;block-size:.6rem;border-radius:50%;background:#d64545;margin-block-start:.35rem}.tone-good{border-inline-start-color:#4caf50}.tone-bad{border-inline-start-color:#e0574d}.tone-warn{border-inline-start-color:#e0a500}.tone-info{border-inline-start-color:#d9b34a}.tone-neutral{border-inline-start-color:#8a8175}.admin-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-block-end:1rem}.admin-nav-item{padding:.5rem 1rem;min-block-size:0;border-radius:10px;font-weight:700;color:#e8dcc6;background:#ffffff0f;border:1px solid rgba(var(--gold-rgb),.3);cursor:pointer}.admin-nav-item:hover{background:#ffffff1f}.admin-nav-item.active{color:#1a1206;background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 100%);border-color:var(--gold-1)}.otp-boxes{display:flex;flex-direction:row;gap:.5rem;justify-content:center;direction:ltr;margin-block:.3rem}.otp-box{inline-size:2.9rem;block-size:3.4rem;padding:0;text-align:center;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:#ffe9c8;background:linear-gradient(180deg,#00000080,#00000059);border:1px solid rgba(var(--gold-rgb),.35);border-radius:12px;box-shadow:inset 0 2px 6px #000000b3;caret-color:var(--gold-2);transition:border-color .12s ease,box-shadow .12s ease,transform .06s ease}.otp-box.filled{border-color:rgba(var(--gold-rgb),.7);background:linear-gradient(180deg,#3c280c99,#1e140880)}.otp-box:focus{outline:none;border-color:var(--gold-1);box-shadow:inset 0 2px 6px #000000b3,0 0 0 2px rgba(var(--gold-rgb),.4);transform:translateY(-1px)}.phone-field{position:relative;display:flex;align-items:center}.phone-field .phone-icon{position:absolute;inset-inline-start:.75rem;font-size:1.2rem;opacity:.8;pointer-events:none}.phone-field input{padding-inline-start:2.6rem;font-size:1.15rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;text-align:center}.turn-clock{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;padding:.1rem .35rem;border-radius:8px;font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:#ffe0b0;background:#ffffff12;border:1px solid rgba(var(--gold-rgb),.35);grid-column:1 / -1}.turn-clock.mine{border-color:rgba(var(--hint-rgb),.7);color:#e8f4ff}.turn-clock.urgent{color:#fff0ec;background:#c43c2c4d;border-color:#ee6c54d9;animation:turn-clock-pulse 1s ease-in-out infinite}@keyframes turn-clock-pulse{0%,to{opacity:.75}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.turn-clock.urgent{animation:none}}@keyframes rules-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.rules-backdrop{animation:none}}