.h-root{--h-ink:#0a0806;--h-ivory:#ede4d2;--h-ivory-2:#c8bca6;--h-muted:#8a7f70;--h-brass:#b39770;--h-brass-dim:#b3977057;--h-hair:#cdb69129;--h-serif:"Cormorant Garamond", "Cormorant", "EB Garamond", Garamond, "Times New Roman", serif;--h-ease:cubic-bezier(.16, 1, .3, 1);--h-ease-io:cubic-bezier(.45, 0, .25, 1);--px:0;--py:0}.screen.h-root{background:var(--h-ink);display:block;overflow:hidden}.h-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.h-scene>*{position:absolute}.h-wall{translate:calc(var(--px) * 5px) calc(var(--py) * 3px);animation:h-fade 1.6s var(--h-ease-io) both;background-color:#150f0b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='1200'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.16 .003' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16  0 0 0 0 .1  0 0 0 0 .06  0 0 0 -1 .5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,#00000057 0 1px,#ffe4c009 1px 3px,#ffe4c003 10px,#0000 18px,#00000029 28px,#00000057 34px);background-size:360px 1200px,auto;inset:-24px;-webkit-mask-image:radial-gradient(62% 78% at 50% 0,#000 0%,#0000008c 42%,#0000 82%);mask-image:radial-gradient(62% 78% at 50% 0,#000 0%,#0000008c 42%,#0000 82%)}.h-light{width:max(150vmax,1400px);height:132vh;translate:calc(var(--px) * -10px) calc(var(--py) * -6px);animation:h-fade 1.8s var(--h-ease-io) both, h-breathe 11s var(--h-ease-io) 1.8s infinite alternate;will-change:opacity, transform;background:radial-gradient(closest-side,#ffd29c33,#ffc48413 46%,#ffbe7805 70%,#0000 100%);margin-left:calc(max(150vmax,1400px)/-2);top:-42vh;left:50%}.h-beam{animation:h-fade 2.2s var(--h-ease-io) .2s both;background:radial-gradient(34% 92% at 50% -8%,#ffe0b412,#ffe0b405 55%,#0000 78%);inset:0}.h-table{width:100%;height:100%;translate:calc(var(--px) * -14px) calc(var(--py) * -6px);animation:h-table-in 1.8s var(--h-ease) .1s both;inset:0}.h-motes{width:100%;height:100%;animation:3s .6s both h-fade;inset:0}.h-vignette{background:radial-gradient(90% 80% at 50% 36%,#0000 38%,#0604039e 78%,#040302f0 100%),linear-gradient(#04030280 0%,#0000 16%);inset:0}.h-grain{opacity:.13;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0  1 0 0 0 0  1 0 0 0 0  0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");inset:0}.h-mute{z-index:5;top:calc(16px + var(--safe-t));right:calc(16px + var(--safe-r));animation:1s .7s both h-fade;position:absolute}.h-mute .btn.round{border-color:var(--h-hair);color:var(--h-ivory-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#16100c6b}.h-mute .btn.round:hover:not(:disabled){border-color:var(--h-brass-dim);color:var(--h-ivory);background:#281e168c}.h-mute .btn.round.on{border-color:var(--h-brass-dim);color:var(--h-brass)}.h-scroll{z-index:2;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;height:100%;display:flex;position:relative;overflow:hidden auto}.h-scroll::-webkit-scrollbar{display:none}.h-inner{width:min(760px, calc(100% - 32px - var(--safe-l) - var(--safe-r)));padding:calc(56px + var(--safe-t)) 0 calc(28px + var(--safe-b));flex-direction:column;align-items:center;margin:auto;display:flex}.h-mast{text-align:center;flex-direction:column;align-items:center;display:flex}.h-eyebrow{font-family:var(--h-serif);letter-spacing:.44em;text-transform:uppercase;color:var(--h-brass);white-space:nowrap;align-items:center;margin:0 0 18px;font-size:12.5px;font-weight:500;display:flex}.h-eyebrow:before,.h-eyebrow:after{content:"";background:var(--h-brass-dim);width:34px;height:1px}.h-eyebrow:before{margin-right:16px}.h-eyebrow:after{margin-left:calc(16px - .44em)}.h-mark{font-family:var(--h-serif);letter-spacing:.22em;color:var(--h-ivory);background:linear-gradient(#f4ecdd 0%,#e6dbc7 46%,#b9a98d 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #0009)drop-shadow(0 16px 30px #00000080);animation:h-mark-in 1.2s var(--h-ease) .12s backwards;-webkit-background-clip:text;background-clip:text;margin:0 -.22em 0 0;font-size:clamp(64px,min(12vw,16vh),132px);font-weight:300;line-height:.9}.h-rule{align-items:center;gap:12px;margin:22px 0 18px;display:flex}.h-rule i{background:linear-gradient(90deg, transparent, var(--h-brass-dim));transform-origin:100%;width:72px;height:1px;animation:h-draw 1s var(--h-ease) .3s backwards}.h-rule i:last-child{background:linear-gradient(270deg, transparent, var(--h-brass-dim));transform-origin:0}.h-rule b{border:1px solid var(--h-brass);opacity:.8;width:5px;height:5px;animation:h-gem .9s var(--h-ease) .42s backwards;transform:rotate(45deg)}.h-tag{letter-spacing:.32em;text-indent:.32em;color:#a89c88;margin:0;font-size:14px;font-weight:300}.h-plate{border:1px solid var(--h-hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:42px;transition:border-color .4s var(--h-ease);background:linear-gradient(#1e1610c7,#120d0ac7);border-radius:4px;align-items:center;gap:12px;margin-top:28px;padding:0 18px 0 20px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffecd00d,inset 0 -1px #00000073,0 10px 24px -8px #0009}.h-plate:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:-1px;box-shadow:0 0 0 1px #c9aa7ab3,0 0 28px -4px #d6b6864d}.h-plate.attn-a:after{animation:h-attn-a 2.4s var(--h-ease-io) forwards}.h-plate.attn-b:after{animation:h-attn-b 2.4s var(--h-ease-io) forwards}.h-plate.editing{border-color:#c9aa7a6b}.h-plate-label{font-family:var(--h-serif);letter-spacing:.34em;text-transform:uppercase;color:var(--h-brass);font-size:11.5px;font-weight:500}.h-plate-dot{background:var(--h-brass-dim);border-radius:50%;width:3px;height:3px}.h-plate-name{letter-spacing:.06em;min-width:120px;height:40px;color:var(--h-ivory);text-shadow:0 1px #0009;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:15px;font-weight:500;display:inline-flex}.h-plate.empty .h-plate-name{color:var(--h-muted);font-weight:400}.h-pen{width:11px;height:11px;color:var(--h-brass);opacity:.5;transition:opacity .3s, transform .4s var(--h-ease)}.h-plate-name:hover .h-pen,.h-plate-name:focus-visible .h-pen{opacity:1;transform:translate(1px)}.h-plate-name:focus-visible{outline:none}.h-plate:has(.h-plate-name:focus-visible){border-color:#c9aa7a80}.h-root .h-plate-input{border:0;border-bottom:1px solid var(--h-brass-dim);letter-spacing:.06em;width:9.5em;height:28px;color:var(--h-ivory);caret-color:var(--h-brass);background:0 0;border-radius:0;padding:0 2px;font-size:15px;font-weight:500}.h-root .h-plate-input:focus{border-color:var(--h-brass);background:0 0}.h-root .h-plate-input::placeholder{color:var(--h-muted);font-weight:400}.h-plate-hint{white-space:nowrap;letter-spacing:.08em;color:var(--h-brass);animation:h-fade .6s var(--h-ease) both;pointer-events:none;font-size:12px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.h-cards{grid-template-columns:1fr 1fr;gap:18px;width:100%;margin-top:44px;display:grid}.h-card{--leather:#15231c;--hl:#ffe2b621;isolation:isolate;aspect-ratio:1.586;text-align:left;color:var(--h-ivory);background-color:var(--leather);background-image:radial-gradient(130% 95% at 50% -18%, var(--hl), transparent 58%), linear-gradient(180deg, #ffffff04, #00000047), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2.2 1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)'/%3E%3C/svg%3E");transition:transform .6s var(--h-ease), box-shadow .6s var(--h-ease);-webkit-tap-highlight-color:transparent;animation:h-rise 1s var(--h-ease) var(--d,0s) backwards;background-size:auto,auto,200px 200px;border:0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:10px;padding:24px 26px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffecd217,inset 0 0 0 1px #0006,inset 0 -18px 30px -18px #00000080,0 1px 1px #0009,0 16px 36px -12px #000000bf}.h-card--oxblood{--leather:#2a1413;--hl:#ffd6b01f}.h-card>*{position:relative}.h-card .h-stitch,.h-card .h-sheen{position:absolute}.h-stitch{pointer-events:none;z-index:0;width:calc(100% - 16px);height:calc(100% - 16px);inset:8px;overflow:visible}.h-stitch rect{fill:none}.h-stitch-shade{stroke:#0000008c;stroke-width:1.6px;stroke-dasharray:5 3;transform:translateY(.8px)}.h-stitch-thread{stroke:#e2cca84d;stroke-width:1px;stroke-dasharray:5 3;stroke-linecap:round}.h-sheen{z-index:0;pointer-events:none;background:linear-gradient(108deg,#0000 30%,#ffeed409 44%,#ffeed416 50%,#ffeed409 56%,#0000 70%);inset:0;transform:translate(-120%)}.h-card-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.h-no{font-family:var(--h-serif);color:var(--h-brass);letter-spacing:.02em;font-size:17px;font-style:italic;font-weight:400}.h-kind{font-family:var(--h-serif);letter-spacing:.32em;text-transform:uppercase;color:#ede4d28c;margin-right:-.32em;font-size:11px;font-weight:500}.h-card-body{flex-direction:column;gap:8px;display:flex}.h-card-title{letter-spacing:.02em;color:var(--h-ivory);text-shadow:0 1px #000000a6,0 -1px #fff0dc0a;font-size:23px;font-weight:500;line-height:1.2}.h-card-desc{color:#ede4d299;text-wrap:pretty;word-break:keep-all;max-width:25em;font-size:13px;line-height:1.6}.h-card-foot{letter-spacing:.16em;color:#ede4d2a8;border-top:1px solid #e2cca81f;justify-content:space-between;align-items:center;padding-top:13px;font-size:12px;display:flex}.h-arrow{width:28px;height:10px;color:var(--h-brass);opacity:.75;transition:transform .6s var(--h-ease), opacity .4s}.h-card.active .h-arrow{opacity:1;transform:rotate(90deg)translate(1px)}.h-card.active{box-shadow:inset 0 1px #ffecd217,inset 0 0 0 1px #c9aa7a66,inset 0 -18px 30px -18px #00000080,0 1px 1px #0009,0 16px 36px -12px #000000bf}.h-card:focus-visible{outline:1px solid var(--h-brass);outline-offset:4px}@media (hover:hover) and (pointer:fine){.h-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px #ffecd21f,inset 0 0 0 1px #c9aa7a38,inset 0 -18px 30px -18px #00000080,0 2px 2px #00000080,0 30px 54px -16px #000000d9}.h-card:hover .h-sheen{transition:transform 1.4s var(--h-ease-io);transform:translate(120%)}.h-card:hover .h-arrow{opacity:1;transform:translate(4px)}.h-card.active:hover .h-arrow{transform:rotate(90deg)translate(3px)}}.h-card:active{transition-duration:.14s;transform:translateY(-1px)scale(.985)}.h-panel{opacity:0;width:100%;transition:grid-template-rows .55s var(--h-ease), opacity .4s var(--h-ease), transform .55s var(--h-ease);grid-template-rows:0fr;display:grid;transform:translateY(-6px)}.h-panel.open{opacity:1;grid-template-rows:1fr;transform:none}.h-panel-clip{min-height:0;overflow:hidden}.h-panel-inner{border:1px solid var(--h-hair);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#110c09bd;border-radius:14px;margin-top:16px;padding:20px 22px;box-shadow:inset 0 1px #ffecd00a,0 18px 40px -16px #000000b3}.h-field{align-items:center;gap:10px;display:flex}.h-field>label{letter-spacing:.1em;width:64px;color:var(--h-muted);flex:none;font-size:12px}.h-root .h-field>input{border:1px solid var(--h-hair);letter-spacing:.18em;height:44px;color:var(--h-ivory);caret-color:var(--h-brass);background:#fff4e409;border-radius:10px;flex:1;padding:0 14px;font-size:15px}.h-root .h-field>input:focus{background:#fff4e40f;border-color:#c9aa7a8c}.h-root .h-field>input::placeholder{letter-spacing:.04em;color:#6f665a}.h-btn{letter-spacing:.06em;white-space:nowrap;height:44px;transition:background .3s var(--h-ease), border-color .3s var(--h-ease), color .3s, transform .14s var(--h-ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}.h-btn small{color:var(--h-muted);letter-spacing:.04em;font-size:12px;font-weight:400}.h-btn:active:not(:disabled){transform:scale(.975)}.h-btn--solid{color:#1a130e;background:#e6dbc7;box-shadow:inset 0 1px #ffffff59,0 4px 14px -6px #0009}.h-btn--solid:hover:not(:disabled){background:#efe6d5}.h-btn--line{color:var(--h-ivory);background:#c9aa7a0a;border-color:#c9aa7a52}.h-btn--line:hover:not(:disabled){background:#c9aa7a1a;border-color:#c9aa7a80}.h-btn--ghost{color:var(--h-ivory-2);background:0 0;border-color:#ffffff0f}.h-btn--ghost:hover:not(:disabled){background:#ffffff0a}.h-wide{width:100%;margin-top:10px}.h-or{letter-spacing:.3em;color:#6f665a;align-items:center;gap:14px;margin:16px 0 6px;font-size:11px;display:flex}.h-or:before,.h-or:after{content:"";background:var(--h-hair);flex:1;height:1px}.h-busy{color:var(--h-muted);text-align:center;letter-spacing:.1em;margin:10px 0 0;font-size:12px}.h-panel-inner .err{text-align:center}.h-tbls-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.h-tbls-title{letter-spacing:.12em;color:var(--h-ivory);font-size:15px;font-weight:500}.h-live{letter-spacing:.18em;color:var(--h-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.h-live i{width:6px;height:6px;animation:h-live 2.4s var(--h-ease-io) infinite alternate;background:#7fa58a;border-radius:50%;box-shadow:0 0 0 3px #7fa58a24}.h-live.off i{box-shadow:none;background:#8a5a52;animation:none}@keyframes h-live{0%{opacity:1}to{opacity:.45}}.h-tbls-sub{color:var(--h-muted);word-break:keep-all;margin:6px 0 14px;font-size:12px;line-height:1.6}.h-tbls{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.h-tbl{transition:background .35s var(--h-ease), border-color .35s var(--h-ease), transform .35s var(--h-ease);animation:h-rise .7s var(--h-ease) backwards;background:#fff4e406;border:1px solid #cdb69114;border-radius:11px;grid-template-columns:minmax(0,1fr) auto 112px 72px;align-items:center;gap:14px;padding:10px 10px 10px 16px;display:grid}.h-tbl:nth-child(2){animation-delay:30ms}.h-tbl:nth-child(3){animation-delay:60ms}.h-tbl:nth-child(4){animation-delay:90ms}.h-tbl:nth-child(5){animation-delay:.12s}.h-tbl:nth-child(6){animation-delay:.15s}.h-tbl:nth-child(7){animation-delay:.18s}.h-tbl:nth-child(8){animation-delay:.21s}.h-tbl:nth-child(9){animation-delay:.24s}.h-tbl:nth-child(10){animation-delay:.27s}@media (hover:hover) and (pointer:fine){.h-tbl:hover{background:#fff4e40b;border-color:#cdb69133}}.h-tbl-main{flex-direction:column;gap:3px;min-width:0;display:flex}.h-tbl-name{color:var(--h-ivory);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.h-tbl-meta{color:var(--h-muted);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.h-tbl-seats{align-items:center;gap:9px;display:flex}.h-dots{grid-template-columns:repeat(5,6px);gap:3px;display:grid}.h-dots i{width:6px;height:6px;transition:background .4s var(--h-ease), border-color .4s;border:1px solid #cdb6914d;border-radius:50%}.h-dots i.on{background:var(--h-ivory);border-color:var(--h-ivory)}.h-tbl-count{font-variant-numeric:tabular-nums;min-width:34px;color:var(--h-ivory-2);letter-spacing:.04em;font-size:12.5px}.h-tbl-status{color:var(--h-ivory-2);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.h-tbl-status i{background:var(--h-muted);border-radius:50%;flex:none;width:5px;height:5px}.h-tbl.s-playing .h-tbl-status i{background:#c08a5a}.h-tbl.s-waiting .h-tbl-status i{background:#7fa58a}.h-tbl.s-ended .h-tbl-status{color:var(--h-muted)}.h-root .h-tbl-btn{border-radius:9px;height:34px;padding:0 14px;font-size:13px}.h-private{border-top:1px solid var(--h-hair);margin-top:16px;padding-top:12px}.h-private-toggle{letter-spacing:.06em;width:100%;color:var(--h-ivory-2);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:6px 2px;font-size:13px;display:flex}.h-private-toggle small{color:var(--h-muted);letter-spacing:.02em;font-size:11.5px}.h-private-toggle svg{width:10px;height:6px;color:var(--h-brass);transition:transform .4s var(--h-ease);margin-left:auto}.h-private-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.h-private-body{animation:h-rise .5s var(--h-ease) backwards;padding-top:10px}@media (width<=760px){.h-panel-inner{padding:16px 14px}.h-tbl{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main btn""meta btn";gap:6px 12px;padding:10px 10px 10px 14px}.h-tbl-main{grid-area:main}.h-tbl-btn{grid-area:btn}.h-tbl-seats,.h-tbl-status{grid-row:2}.h-tbl-seats{grid-column:1}.h-tbl-status{grid-column:1;justify-self:end;margin-right:2px}}.h-foot{text-align:center;letter-spacing:.02em;color:#6c6256;max-width:580px;animation:h-fade 1.2s var(--h-ease) var(--d,0s) backwards;margin-top:44px;padding:0 12px;font-size:10.5px;line-height:1.75;position:relative}.h-foot:before{content:"";background:var(--h-brass-dim);width:28px;height:1px;margin:0 auto 16px;display:block}.h-foot p{word-break:keep-all;margin:0}.h-foot:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#080604c7,#08060466 60%,#0000);position:absolute;inset:-18px -40px -24px}.h-foot a{color:#a19580;text-underline-offset:2px;-webkit-text-decoration:underline #a1958059;text-decoration:underline #a1958059;transition:color .3s}.h-foot a:hover{color:var(--h-ivory)}.h-in{animation:h-rise 1s var(--h-ease) var(--d,0s) backwards}@keyframes h-fade{0%{opacity:0}}@keyframes h-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes h-mark-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes h-draw{0%{opacity:0;transform:scaleX(0)}}@keyframes h-gem{0%{opacity:0;transform:rotate(45deg)scale(.3)}}@keyframes h-table-in{0%{opacity:0;transform:translateY(18px)}}@keyframes h-breathe{0%{opacity:1;transform:scale(1)}to{opacity:.84;transform:scale(1.035)}}@keyframes h-attn-a{0%{opacity:0}22%{opacity:1}to{opacity:.35}}@keyframes h-attn-b{0%{opacity:0}22%{opacity:1}to{opacity:.35}}@media (height<=780px){.h-props{display:none}}@media (width<=760px){.h-inner{padding-top:calc(72px + var(--safe-t))}.h-cards{grid-template-columns:1fr;gap:14px;margin-top:36px}.h-card{aspect-ratio:auto;min-height:176px;padding:22px 22px 18px}.h-card-title{font-size:21px}.h-eyebrow{letter-spacing:.36em;font-size:11px}.h-eyebrow:before,.h-eyebrow:after{width:22px}.h-eyebrow:before{margin-right:12px}.h-eyebrow:after{margin-left:calc(12px - .36em)}.h-tag{letter-spacing:.24em;text-indent:.24em;font-size:13px}.h-field>label{width:56px}}@media (width<=380px){.h-plate{gap:10px;padding:0 14px 0 16px}.h-field{flex-wrap:wrap}.h-field>label{width:100%}}@media (height<=560px) and (orientation:landscape){.h-inner{padding:calc(22px + var(--safe-t)) 0 calc(16px + var(--safe-b));width:min(720px, calc(100% - 32px - var(--safe-l) - var(--safe-r)))}.h-eyebrow{margin-bottom:10px;font-size:10.5px}.h-mark{font-size:clamp(48px,15vh,84px)}.h-rule{margin:12px 0 10px}.h-tag{font-size:12.5px}.h-plate{height:38px;margin-top:14px}.h-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.h-inner{padding-top:calc(22px + var(--safe-t))}.h-card{aspect-ratio:auto;gap:8px;min-height:0;padding:16px 20px 14px}.h-card-title{font-size:19px}.h-card-desc{font-size:12px}.h-card-foot{padding-top:10px}.h-foot{margin-top:22px}}@media (prefers-reduced-motion:reduce){.h-root *,.h-root :before,.h-root :after{transition-duration:.01ms!important;animation:none!important}.h-panel{transform:none}}.mp-plate{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e8ebe8;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background:#0e100fc7;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:8px;min-width:128px;padding:5px 12px 5px 5px;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,system-ui,sans-serif;transition:opacity .5s cubic-bezier(.22,.8,.24,1),transform .4s cubic-bezier(.22,.8,.24,1),border-color .3s;display:flex;position:relative}.mp-plate.mp-me{border-color:#cdb48a47}.mp-plate.mp-turn{border-color:#cdb48a80}.mp-plate.mp-folded{opacity:.45}.mp-plate.mp-out{opacity:0;transform:scale(.94)}.mp-plate.mp-sitout{opacity:.55}.mp-av{color:#b9c2bc;background:#1f2422;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:grid;position:relative}.mp-av svg{width:42px;height:42px;position:absolute;inset:-4px;transform:rotate(-90deg)}.mp-av circle{fill:none;stroke-width:2.4px}.mp-av .mp-bg{stroke:#ffffff0f}.mp-av .mp-fg{stroke:#cdb48a;stroke-linecap:round;transition:stroke .3s}.mp-av .mp-fg.mp-bank{stroke:#8db8a3}.mp-av .mp-fg.mp-warn{stroke:#c9726a}.mp-info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.mp-name{color:#c9cfcb;text-overflow:ellipsis;max-width:112px;font-size:12.5px;overflow:hidden}.mp-stack{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:14px;font-weight:600}.mp-stack span{color:#8b958f;margin-left:5px;font-size:11px;font-weight:500}.mp-tag{color:#c9cfcb;background:#0e100feb;border:1px solid #ffffff1a;border-radius:8px;padding:1px 8px;font-size:11px;font-weight:600;animation:.3s cubic-bezier(.22,.8,.24,1) both mp-in;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.mp-tag.mp-allin{color:#e0c79e;border-color:#cdb48a66}.mp-tag.mp-dc{color:#c9726a}@keyframes mp-in{0%{opacity:0;transform:translate(-50%,3px)}to{opacity:1;transform:translate(-50%)}}.mp-bet{color:#e8e2d6;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#0a0c0ba8;border-radius:7px;padding:1px 7px;font:600 11.5px Pretendard Variable,Pretendard,-apple-system,system-ui,sans-serif;transition:opacity .25s}.mp-pot{color:#efe7d6;padding:2px 9px;font-size:12.5px}.mp-pot b{color:#a8a294;margin-right:5px;font-weight:500}.mp-loading{pointer-events:none;z-index:2;background:#070908;place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.mp-loading .bar{background:#ffffff14;border-radius:2px;width:180px;height:2px;overflow:hidden}.mp-loading .bar i{background:#cdb48a;height:100%;transition:width .2s;display:block}.mp-loading .t{color:#8b958f;text-align:center;margin-top:10px;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;font-size:12px}.mp-vignette{pointer-events:none;background:radial-gradient(75% 70% at 50% 52%,#0000 55%,#0000008c 100%);position:absolute;inset:0}@media (width<=640px){.mp-plate{gap:5px;min-width:0;padding:3px 8px 3px 3px}.mp-av{width:24px;height:24px;font-size:11px}.mp-av svg{width:30px;height:30px;inset:-3px}.mp-name{max-width:70px;font-size:10.5px}.mp-stack{font-size:11.5px}.mp-stack span{display:none}}.mp-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mp-dbadge{color:#141414;vertical-align:1px;background:#f3efe6;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;margin-right:5px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1.5px #1b1b1b}@media (height<=520px) and (orientation:landscape),(width<=640px){.mp-plate{gap:4px;min-width:0;padding:2px 7px 2px 2px}.mp-av{width:22px;height:22px;font-size:10px}.mp-av svg{width:28px;height:28px;inset:-3px}.mp-name{max-width:64px;font-size:10px}.mp-stack{font-size:11px}.mp-stack span{display:none}.mp-tag{padding:1px 5px;font-size:9.5px;top:-15px}.mp-dbadge{width:12px;height:12px;margin-right:3px;font-size:8px}}.btn.pill{border-radius:18px;width:auto;padding:0 12px 0 10px;font-size:12.5px}.btn.pill span{color:var(--muted)}.btn.pill.on span{color:var(--accent)}.recap{left:calc(12px + var(--safe-l));top:calc(232px + var(--safe-t));width:300px;max-height:calc(100% - 232px - var(--dock-h) - 36px - var(--safe-b));z-index:9;opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);background:#0e1110c7;flex-direction:column;display:flex;position:absolute;transform:translateY(8px)}.recap.open{opacity:1;pointer-events:auto;transform:none}.recap-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:9px 10px 8px 14px;display:flex}.recap-head .muted{flex:1}.recap-body{padding:8px 14px 12px;overflow-y:auto}.recap-pot+.recap-pot{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.recap-who{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.recap-who span:last-child{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px}.recap-hand{color:var(--muted);margin-top:2px;font-size:12.5px}.recap-cards{gap:3px;margin:6px 0 4px;display:flex}.recap-cards .pcard.small{width:32px;height:45px}.recap-cards .pcard.small .pr{font-size:14px}.recap-cards .pcard.small .ps{font-size:12px}.recap-cards.dim{opacity:.6;margin-top:3px}.recap-why{margin:4px 0 0;font-size:13px;line-height:1.5}.recap-rival{margin-top:6px}.recap-note,.recap-mine{color:var(--muted);margin:8px 0 0;font-size:12.5px}.recap-mine{color:var(--text)}.bg-hint{left:50%;bottom:calc(var(--dock-h) + 20px + var(--safe-b));border:1px solid var(--line);max-width:calc(100% - 24px);color:var(--muted);z-index:11;pointer-events:none;text-align:center;animation:fadein .25s var(--ease);background:#0e1110b3;border-radius:12px;padding:3px 12px;font-size:11.5px;position:absolute;transform:translate(-50%)}.bg-offer{left:50%;top:calc(64px + var(--safe-t));z-index:36;animation:fadein .3s var(--ease);align-items:center;gap:8px;padding:8px 10px 8px 16px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.bg-offer .btn{height:30px;padding:0 12px;font-size:13px}.tut{z-index:45;pointer-events:none;position:absolute;inset:0}.tut-hl{transition:left .3s var(--ease), top .3s var(--ease), width .3s var(--ease), height .3s var(--ease);border-radius:14px;position:fixed;box-shadow:0 0 0 1.5px #8db8a3d9,0 0 0 9999px #0000006b}.tut-card{left:calc(12px + var(--safe-l));top:calc(150px + var(--safe-t));pointer-events:auto;width:min(340px,100% - 24px);animation:tutin .25s var(--ease) both;background:#0e1110e6;padding:14px 16px;position:absolute}.tut-card p{margin:6px 0 0;font-size:13.5px;line-height:1.55}.tut-card .tut-extra{color:var(--accent)}.tut-title{font-size:16px}.tut-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.tut-skip{color:var(--muted);background:0 0;border:0;padding:2px 4px;font-size:12.5px}.tut-skip:hover{color:var(--text)}.tut-dots{justify-content:center;gap:6px;margin:12px 0 10px;display:flex}.tut-dots i{width:6px;height:6px;transition:background .25s var(--ease), transform .25s var(--ease);background:#ffffff29;border-radius:50%}.tut-dots i.done{background:#8db8a380}.tut-dots i.on{background:var(--accent);transform:scale(1.3)}.tut-btns{justify-content:space-between;gap:8px;display:flex}.tut-btns .btn{min-width:84px}@keyframes tutin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=1100px){.btn.pill span{display:none}.btn.pill{width:36px;padding:0}}@media (orientation:portrait) and (width<=760px){.btn.pill{width:32px;height:32px}.recap{width:auto;top:auto;left:8px;right:8px;bottom:calc(var(--dock-h) + 16px + var(--safe-b));max-height:42vh;transform:translateY(24px)}.recap.open{transform:none}.tut-card{width:calc(100% - 16px);top:auto;left:8px;bottom:calc(8px + var(--safe-b));border-radius:16px}.bg-offer{top:calc(76px + var(--safe-t))}}@media (height<=520px) and (orientation:landscape){.recap{top:calc(120px + var(--safe-t));width:260px}.tut-card{top:calc(120px + var(--safe-t));width:280px;padding:10px 14px}}:root{--bg:#0b0d0c;--panel:#111413bd;--panel-solid:#121614;--line:#ffffff14;--line-2:#ffffff24;--text:#e8ebe8;--muted:#8b958f;--accent:#8db8a3;--accent-ink:#0c1411;--warm:#cdb48a;--danger:#c9726a;--ease:cubic-bezier(.22, .8, .24, 1);--t:.24s;--r:12px;--dock-h:0px;--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}kbd{font:inherit;opacity:.55;border:1px solid;border-radius:4px;margin-left:6px;padding:0 4px;font-size:10px;line-height:14px}b{font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.warn{color:var(--danger)}.err{color:var(--danger);margin:6px 0 0;font-size:13px}.grow{flex:1}.app{position:fixed;inset:0;overflow:hidden}.fade-in{animation:fadein .45s var(--ease) both}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);box-shadow:0 10px 30px #00000059}.btn{border:1px solid var(--line-2);height:36px;transition:background var(--t) var(--ease), border-color var(--t) var(--ease), transform .12s var(--ease), opacity var(--t);white-space:nowrap;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff1a}.btn:active:not(:disabled){transform:scale(.97)}.btn.ghost{border-color:var(--line);color:var(--muted);background:0 0}.btn.ghost:hover:not(:disabled){color:var(--text);background:#ffffff0f}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.btn.primary:hover:not(:disabled){background:#a1c8b4}.btn.icon{width:36px;padding:0}.btn.icon.sm{border-radius:8px;width:28px;height:28px}.btn.round{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%}.btn.round.on{border-color:var(--accent);color:var(--accent)}.btn.wide{width:100%}input,select{border:1px solid var(--line-2);height:34px;transition:border-color var(--t), background var(--t);background:#ffffff0d;border-radius:9px;outline:none;min-width:0;padding:0 10px}input:focus,select:focus{border-color:var(--accent);background:#ffffff14}select option{background:#151917}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.78}fieldset:disabled input,fieldset:disabled select,fieldset:disabled button:not(.pseat){pointer-events:none}.seg{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{height:30px;color:var(--muted);transition:background var(--t) var(--ease), color var(--t) var(--ease);background:0 0;border:0;border-radius:8px;padding:0 11px}.seg.seg-s button{height:28px;padding:0 9px;font-size:13px}.seg button:hover{color:var(--text)}.seg button.on{color:var(--text);background:#8db8a333;box-shadow:inset 0 0 0 1px #8db8a380}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.toggle input{display:none}.toggle i{width:38px;height:22px;transition:background var(--t) var(--ease);background:#ffffff1f;border-radius:11px;flex:none;position:relative}.toggle i:after{content:"";width:16px;height:16px;transition:transform var(--t) var(--ease);background:#dfe4e0;border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:#8db8a3bf}.toggle input:checked+i:after{transform:translate(16px)}.field{margin:10px 0}.field-l{color:var(--muted);margin-bottom:5px;font-size:12px}.field-h{color:var(--muted);opacity:.8;margin-top:5px;font-size:12px}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.numin{align-items:center;gap:6px;width:100%;display:inline-flex}.numin input{text-align:right;width:100%}.numin em{color:var(--muted);white-space:nowrap;font-size:12px;font-style:normal}.tag{color:var(--accent);background:#8db8a32e;border-radius:20px;padding:1px 7px;font-size:11px}.slider{appearance:none;--p:0%;background:0 0;border:0;width:100%;height:28px;padding:0}.slider:focus{background:0 0}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p), #ffffff24 var(--p));border-radius:2px;height:4px}.slider::-moz-range-track{background:#ffffff24;border-radius:2px;height:4px}.slider::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;transition:transform .15s var(--ease);background:#eef2ef;border-radius:50%;margin-top:-8px;box-shadow:0 2px 8px #00000080}.slider::-moz-range-thumb{background:#eef2ef;border:0;border-radius:50%;width:20px;height:20px}.slider:active::-webkit-slider-thumb{transform:scale(1.12)}.slider.thin{height:22px}.scrim{opacity:0;pointer-events:none;transition:opacity var(--t) var(--ease);z-index:30;background:#00000059;position:absolute;inset:0}.scrim.show{opacity:1;pointer-events:auto}.screen{background:radial-gradient(1200px 700px at 50% 20%,#17201c 0%,#0b0d0c 70%);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.home{justify-content:center;align-items:center;overflow-y:auto}.home-inner{width:min(560px,100% - 32px);margin:auto;padding:32px 0}.logo{letter-spacing:.42em;text-indent:.42em;text-align:center;color:#e9eeea;font-size:44px;font-weight:300}.tagline{text-align:center;color:var(--muted);letter-spacing:.04em;margin:6px 0 34px}.home-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home-card{text-align:left;background:var(--panel);border:1px solid var(--line);transition:border-color var(--t) var(--ease), background var(--t) var(--ease), transform var(--t) var(--ease);border-radius:14px;flex-direction:column;gap:6px;padding:18px;display:flex}.home-card:hover,.home-card.active{background:#181e1bcc;border-color:#8db8a380;transform:translateY(-1px)}.home-card b{font-size:16px;font-weight:600}.home-card span{color:var(--muted);font-size:12.5px}.online-panel{transition:grid-template-rows .32s var(--ease), opacity .3s var(--ease), margin .3s var(--ease);opacity:0;grid-template-rows:0fr;margin-top:0;display:grid}.online-panel.open{opacity:1;grid-template-rows:1fr;margin-top:12px}.online-inner{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0 16px;overflow:hidden}.online-panel.open .online-inner{padding:14px 16px}.foot{color:#667069;text-align:center;margin-top:36px;font-size:11px;line-height:1.6}.foot a{color:#8a958e}.sc-row{align-items:center;gap:8px;margin:8px 0;display:flex}.sc-row>label{width:54px;color:var(--muted);flex:none;font-size:12px}.sc-row>input,.sc-row>select{flex:1}.sc-row .avatar-in{text-align:center;flex:none;width:52px}.topbar{padding:calc(10px + var(--safe-t)) calc(16px + var(--safe-r)) 10px calc(16px + var(--safe-l));border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar h2{letter-spacing:.02em;margin:0;font-size:16px;font-weight:600}.code{letter-spacing:.18em;background:#ffffff12;border-radius:8px;margin-left:8px;padding:2px 10px;font-weight:500}.setup-scroll{padding:14px calc(16px + var(--safe-r)) calc(24px + var(--safe-b)) calc(16px + var(--safe-l));flex:1;overflow-y:auto}.setup-grid{grid-template-columns:340px minmax(380px,1fr) 240px;align-items:start;gap:14px;max-width:1280px;margin:0 auto;display:grid}.setup-grid>.panel{padding:16px}.setup-grid h3{color:var(--muted);letter-spacing:.06em;margin:0 0 6px;font-size:13px;font-weight:500}.bulk{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.bulk .btn{height:32px;padding:0 11px;font-size:13px}.preview{width:100%}.preview-table{aspect-ratio:16/10;width:100%;max-height:340px;margin:4px auto 0;position:relative}.preview-felt{background:radial-gradient(at 50% 40%,#1d3128,#121f19);border-radius:50%;position:absolute;inset:16% 11%;box-shadow:inset 0 0 0 7px #2a2118,inset 0 0 0 8px #0006,0 8px 30px #00000080}.preview-center{text-align:center;color:#9fb3a7;pointer-events:none;flex-direction:column;gap:2px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-center b{color:#c7d4cc;font-size:14px;font-weight:500}.pseat{border:1px solid var(--line-2);width:74px;transition:border-color var(--t) var(--ease), transform var(--t) var(--ease), background var(--t) var(--ease);background:#0e1110eb;border-radius:11px;flex-direction:column;align-items:center;gap:1px;padding:5px 4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pseat:hover{transform:translate(-50%,-50%)scale(1.05)}.pseat.sel{border-color:var(--accent);background:#1a2620f5}.pseat .pav{font-size:18px;line-height:20px}.pseat .pnm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;overflow:hidden}.pseat .pdf{color:var(--muted);font-size:10px}.pseat.k-empty{opacity:.5;border-style:dashed}.pseat.k-me{border-color:var(--warm)}.seatcard{border:1px solid var(--line);background:#ffffff06;border-radius:12px;padding:12px 14px}.seatcard-h{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sc-foot{margin-top:10px}.two-btn{margin-top:12px}.named{flex-direction:column;gap:6px;margin-top:10px;display:flex}.named-row{gap:6px;display:flex}.named-row .btn.grow{justify-content:flex-start}.blindtable{margin:10px 0}.bt-body{max-height:260px;padding-right:2px;overflow-y:auto}.bt-row{grid-template-columns:26px 1fr 1fr 1fr .7fr 28px;align-items:center;gap:5px;margin:4px 0;display:grid}.bt-row input{height:30px;padding:0 6px;font-size:13px}.bt-head{color:var(--muted);text-align:right;font-size:11px}.bt-head span:first-child{text-align:left}.bt-row .lv{color:var(--muted);font-size:12px}.lobby-top{max-width:1280px;margin:0 auto 14px;padding:14px 16px}.lobby-link{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lobby-link code{word-break:break-all;background:#ffffff0f;border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.members{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.member{background:#ffffff0f;border-radius:20px;align-items:center;gap:6px;padding:4px 11px;font-size:13px;display:inline-flex}.member i{background:var(--accent);border-radius:50%;width:7px;height:7px}.member.off{opacity:.5}.member.off i{background:var(--muted)}.member em{color:var(--warm);font-size:11px;font-style:normal}.member small{color:var(--muted)}.pub-lobby{flex-direction:column;gap:8px;display:flex}.pub-lobby p{margin:0}.pub-count{align-items:baseline;gap:8px;min-height:36px;display:flex}.pub-count b{font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1}.banner-bar{color:#e6aaa4;text-align:center;background:#c9726a29;padding:8px 16px;font-size:13px}.note{color:var(--accent);font-size:12.5px}.game{background:#070908;position:absolute;inset:0;overflow:clip}.canvas-layer{position:absolute;inset:0}.canvas-layer>*{width:100%;height:100%}.canvas-placeholder{background:radial-gradient(900px 500px at 50% 55%,#14211b,#070908 75%)}.loading{color:var(--muted);letter-spacing:.05em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topright{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));z-index:12;gap:8px;display:flex;position:absolute}.hud{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));z-index:11;min-width:244px;max-width:300px;padding:0;position:absolute;overflow:hidden}.hud-head{all:unset;box-sizing:border-box;cursor:pointer;grid-template-columns:1fr auto;grid-template-areas:"lv time""bl time";column-gap:14px;width:100%;padding:11px 14px;display:grid}.hud-lv{color:var(--muted);letter-spacing:.08em;grid-area:lv;font-size:11.5px}.hud-blinds{font-variant-numeric:tabular-nums;grid-area:bl;font-size:17px;font-weight:600}.hud-blinds em{color:var(--muted);font-size:11.5px;font-style:normal;font-weight:400}.hud-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;transition:color .6s var(--ease);grid-area:time;align-self:center;font-size:30px;font-weight:300}.hud-time.warn{color:#e0a79f}.hud-more{transition:grid-template-rows .3s var(--ease);grid-template-rows:0fr;display:grid}.hud.open .hud-more{grid-template-rows:1fr}.hud-grid{grid-template-columns:1fr 1fr;gap:0 14px;padding:0 14px;display:grid;overflow:hidden}.hud.open .hud-grid{border-top:1px solid var(--line);padding:4px 14px 12px}.hud-grid>div{flex-direction:column;padding:6px 0 0;display:flex}.hud-grid span{color:var(--muted);font-size:11px}.hud-grid b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.hud-grid em{color:var(--muted);font-size:11px;font-style:normal;font-weight:400}.hud-banner{opacity:0;text-align:center;max-height:0;color:var(--warm);transition:max-height .3s var(--ease), opacity .3s var(--ease), padding .3s var(--ease);background:#cdb48a24;font-size:12.5px;overflow:hidden}.hud-banner.show{opacity:1;max-height:40px;padding:7px 10px}.bubble{top:calc(18px + var(--safe-t));opacity:0;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(420px,50vw);transition:opacity .35s var(--ease), transform .35s var(--ease);pointer-events:none;z-index:10;text-align:center;background:#111413d1;border-radius:18px;padding:9px 16px;font-size:14px;position:absolute;left:50%;transform:translate(-50%,-8px)}.bubble.show{opacity:1;transform:translate(-50%)}.bubble-who{color:var(--muted);margin-right:8px;font-size:11px}.dock{left:50%;bottom:calc(12px + var(--safe-b));opacity:0;pointer-events:none;z-index:12;width:min(600px,100% - 24px);transition:transform .34s var(--ease), opacity .28s var(--ease), border-color .4s var(--ease);padding:12px 14px;position:absolute;transform:translate(-50%,24px)}.dock.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.dock.myturn{border-color:#8db8a373}.turn{flex-direction:column;gap:8px;display:flex}.turnbar{background:#ffffff14;border-radius:2px;height:4px;position:relative;overflow:hidden}.turnbar.off{background:0 0;height:0}.turnbar i{background:var(--accent);transition:width .12s linear, background .5s var(--ease);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.turnbar.low i{background:var(--danger)}.turnbar.bank i{background:var(--warm)}.turnbar span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:6px;right:0}.presets{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.chip-btn{border:1px solid var(--line-2);height:28px;transition:background var(--t) var(--ease), border-color var(--t) var(--ease);background:#ffffff0a;border-radius:14px;padding:0 11px;font-size:12.5px}.chip-btn:hover{background:#ffffff1a}.chip-btn.ghost{color:var(--muted);border-style:dashed;margin-left:auto}.chip-btn.ghost.on{color:var(--accent);border-color:var(--accent)}.amount-row{align-items:center;gap:12px;display:flex}.amount-in{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:112px;font-size:15px;font-weight:600}.slider-fixed{flex:1}.chiptray{transition:grid-template-rows .28s var(--ease);grid-template-rows:0fr;display:grid}.chiptray.open{grid-template-rows:1fr}.chiptray-in{flex-wrap:wrap;align-items:center;gap:8px;display:flex;overflow:hidden}.chiptray.open .chiptray-in{padding:2px 0 4px}.chipface{background:var(--cb);width:42px;height:42px;color:var(--ct);box-shadow:inset 0 0 0 3px var(--cb), inset 0 0 0 5px var(--ci), 0 3px 8px #00000080;transition:transform .14s var(--ease);border:0;border-radius:50%;font-size:11px;font-weight:600}.chipface:active{transform:translateY(-3px)scale(1.04)}.hint{min-height:18px;color:var(--warm);opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);font-size:12.5px;transform:translateY(-2px)}.hint.show{opacity:1;transform:none}.btns{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.btns:has(>:nth-child(2):last-child){grid-template-columns:1fr 1fr}.act{border:1px solid var(--line-2);height:46px;transition:background var(--t) var(--ease), transform .12s var(--ease), border-color var(--t) var(--ease);background:#ffffff0f;border-radius:11px;font-size:14.5px;font-weight:600}.act:hover:not(:disabled){background:#ffffff1f}.act:active:not(:disabled){transform:scale(.97)}.act.fold{color:#d6a7a2}.act.raise{background:var(--accent);color:var(--accent-ink);border-color:#0000}.act.raise:hover:not(:disabled){background:#a1c8b4}.act.allin{color:var(--warm)}.pre-title{flex-direction:column;gap:1px;margin-bottom:8px;font-size:13px;display:flex}.pre-opts{flex-wrap:wrap;gap:8px;display:flex}.prebox{border:1px solid var(--line-2);height:36px;transition:background var(--t), border-color var(--t);background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:0 14px 0 11px;display:inline-flex}.prebox i{border:1.5px solid var(--muted);width:16px;height:16px;transition:background var(--t), border-color var(--t);border-radius:5px;position:relative}.prebox.on{border-color:var(--accent);background:#8db8a31f}.prebox.on i{background:var(--accent);border-color:var(--accent)}.prebox.on i:after{content:"";border:solid var(--accent-ink);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.rank{top:calc(60px + var(--safe-t));right:calc(12px + var(--safe-r));bottom:calc(var(--dock-h) + 24px + var(--safe-b));z-index:10;opacity:0;pointer-events:none;width:348px;transition:opacity .28s var(--ease), transform .34s var(--ease);background:#0e1110c7;flex-direction:column;display:flex;position:absolute;transform:translate(24px)}.rank.open{opacity:1;pointer-events:auto;transform:none}.rank-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px 8px 14px;display:flex}.rank-head .muted{flex:1}.rank-list{flex:1;padding:6px 8px;overflow-y:auto}.rank-row{transition:background .35s var(--ease), border-color .35s var(--ease);border:1px solid #0000;border-radius:10px;gap:8px;padding:7px 6px;display:flex}.rank-row.hit{background:#8db8a324;border-color:#8db8a380}.rank-n{width:16px;color:var(--muted);text-align:center;padding-top:2px;font-size:11px}.rank-body{flex:1;min-width:0}.rank-name{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.rank-name span{color:var(--muted);font-size:11px}.rank-name em{color:var(--accent);margin-left:auto;font-size:11px;font-style:normal}.rank-cards{gap:3px;margin:5px 0 3px;display:flex}.rank-desc{color:var(--muted);font-size:11.5px}.rank-notes{color:var(--muted);border-top:1px solid var(--line);max-height:28%;margin:0;padding:8px 14px 12px 28px;font-size:11px;line-height:1.5;overflow-y:auto}.rank-notes li{margin:3px 0}.pcard{color:#1d2220;background:#ebe6da;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:56px;font-weight:700;line-height:1;display:flex;box-shadow:0 1px 3px #00000073,inset 0 0 0 1px #00000014}.pcard.small{border-radius:5px;width:36px;height:50px}.pcard .pr{letter-spacing:-.03em;font-size:17px}.pcard .ps{margin-top:2px;font-size:15px}.pcard.small .pr{font-size:15px}.pcard.suit-h,.pcard.suit-d{color:#a2423e}.pcard.four.suit-d{color:#2e5c9a}.pcard.four.suit-c{color:#2f7149}.pcard.four.suit-h{color:#a2423e}.drawer{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));z-index:31;visibility:hidden;width:340px;transition:transform .38s var(--ease), visibility 0s linear .38s;background:#0e1110e6;flex-direction:column;display:flex;position:absolute;transform:translate(calc(100% + 24px))}.drawer.open{visibility:visible;transition:transform .38s var(--ease), visibility 0s;transform:none}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.drawer-body{flex:1;padding:4px 16px 16px;overflow-y:auto}.drawer-body h4{letter-spacing:.08em;color:var(--muted);margin:16px 0 4px;font-size:12px;font-weight:500}.drow{flex-direction:column;gap:6px;margin:10px 0;display:flex}.drow>span{font-size:12.5px}.vol{grid-template-columns:78px 1fr 28px;align-items:center;gap:8px;font-size:13px;display:grid}.vol em{color:var(--muted);text-align:right;font-size:12px;font-style:normal}.trow{border-bottom:1px solid var(--line);padding:10px 0}.trow.out{opacity:.4}.trow-top{align-items:center;gap:8px;display:flex}.trow-ctl{gap:8px;margin-top:8px;display:flex}.trow-ctl select{flex:1;height:32px}.end-wrap,.modal-wrap{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .5s var(--ease);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-wrap{opacity:1;pointer-events:auto;animation:fadein .25s var(--ease)}.end-wrap.show{opacity:1;pointer-events:auto}.end,.modal{background:#0f1211f0;width:min(440px,100% - 32px);max-height:calc(100% - 32px);padding:24px;overflow-y:auto}.end h2{margin:0 0 4px;font-weight:500}.standings{margin:16px 0;padding:0;list-style:none}.standings li{border-radius:8px;grid-template-columns:30px 1fr auto auto;align-items:center;gap:10px;padding:8px 6px;display:grid}.standings li:nth-child(odd){background:#ffffff08}.standings li.me{background:#8db8a324}.standings .pl{color:var(--muted);font-variant-numeric:tabular-nums}.standings .df,.standings .hp{color:var(--muted);font-size:12px}.end-btns{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.toast{left:50%;top:calc(70px + var(--safe-t));background:var(--panel);border:1px solid var(--line-2);z-index:35;animation:fadein .3s var(--ease);border-radius:20px;padding:8px 16px;font-size:13px;position:absolute;transform:translate(-50%)}.toast.err{top:calc(112px + var(--safe-t));border-color:#c9726a99}.paused{letter-spacing:.3em;color:var(--muted);pointer-events:none;font-size:20px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@media (width<=1100px){.setup-grid{grid-template-columns:320px 1fr}.setup-grid .col-right{grid-column:1/-1}}@media (width<=760px){.setup-grid,.home-cards{grid-template-columns:1fr}.two{grid-template-columns:1fr 1fr}.pseat{width:58px;padding:3px 2px}.pseat .pnm{font-size:10.5px}.pseat .pdf{display:none}}@media (height<=520px) and (orientation:landscape){.hud{min-width:200px}.hud-time{font-size:24px}.hud-blinds{font-size:14px}.dock{width:min(520px,62%);padding:8px 10px;left:50%}.turn{gap:5px}.act{height:38px;font-size:13.5px}.presets{margin-top:0}.chip-btn{height:24px;font-size:12px}.hint{min-height:14px;font-size:11.5px}.rank{width:44%;top:calc(54px + var(--safe-t))}.rank-cards{margin:3px 0 2px}.pcard.small{width:30px;height:42px}.pcard.small .pr{font-size:13px}.pcard.small .ps{font-size:12px}.rank-notes{display:none}.btn.round{width:32px;height:32px}.topright{gap:6px}.drawer{width:300px}.bubble{top:calc(10px + var(--safe-t))}}@media (orientation:portrait) and (width<=760px){.hud{right:calc(12px + var(--safe-r));width:calc(100% - 192px);min-width:0;max-width:none}.hud-time{font-size:24px}.hud-blinds{font-size:14px}.topright{gap:5px}.topright .btn.round{width:32px;height:32px}.dock{width:calc(100% - 16px);bottom:calc(8px + var(--safe-b));border-radius:16px}.rank{width:auto;top:auto;left:8px;right:8px;bottom:calc(var(--dock-h) + 16px + var(--safe-b));height:min(46vh,420px);transform:translateY(30px)}.rank.open{transform:none}.drawer{width:auto;height:min(78vh,640px);inset:auto 8px 8px;transform:translateY(calc(100% + 24px))}.drawer.open{transform:none}.bubble{top:calc(70px + var(--safe-t));max-width:86vw}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.setup-start{align-items:center;gap:10px;display:flex}.nick-input{width:150px;height:36px;color:inherit;font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:0 12px;font-size:14px;transition:border-color .2s,background .2s}.nick-input:focus{background:#ffffff14;border-color:#dccdaa8c}.nick-input.need{border-color:#d6aa7873}@media (width<=520px){.nick-input{width:110px}}.sitout-bar{left:50%;bottom:calc(24px + var(--safe-b));z-index:12;white-space:nowrap;animation:sitout-in .28s var(--ease);align-items:center;gap:14px;padding:10px 12px 10px 16px;font-size:13.5px;display:flex;position:absolute;transform:translate(-50%)}@keyframes sitout-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=560px){.sitout-bar{white-space:normal;width:calc(100% - 32px)}}.chat{z-index:11;left:calc(12px + var(--safe-l));bottom:calc(12px + var(--safe-b));width:300px;transition:box-shadow .25s var(--ease);background:#0e1110d1;flex-direction:column;display:flex;position:absolute;overflow:hidden}.chat.lobby{position:fixed}.chat-head{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.chat-hint{color:var(--muted);margin-left:auto;font-size:11.5px;font-weight:400}.chat-unread{color:#141414;min-width:18px;height:18px;animation:chat-pop .25s var(--ease);background:#b8a37a;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}@keyframes chat-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.chat-body{opacity:0;max-height:0;transition:max-height .3s var(--ease), opacity .22s var(--ease);grid-template-rows:1fr auto auto;display:grid}.chat.open .chat-body{opacity:1;border-top:1px solid var(--line);max-height:320px}.chat-list{flex-direction:column;gap:5px;height:220px;padding:8px 12px;font-size:13px;line-height:1.45;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;margin:auto 0;font-size:12.5px}.chat-msg{animation:chat-in .22s var(--ease);flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}@keyframes chat-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.chat-msg b{color:#d9cfb8;font-weight:600}.chat-msg.mine b{color:#a9c4b2}.chat-text{word-break:break-word;flex:100%}.chat-msg time{color:var(--muted);font-variant-numeric:tabular-nums;order:-1;margin-left:auto;font-size:10.5px}.chat-msg b{order:-3}.chat-spec{color:var(--muted);border:1px solid var(--line);border-radius:4px;order:-2;padding:0 4px;font-size:10.5px;font-style:normal}.chat-form{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.chat-form input{border:1px solid var(--line);min-width:0;height:32px;color:inherit;font:inherit;background:#ffffff0f;border-radius:8px;outline:none;flex:1;padding:0 10px;font-size:13px}.chat-form input:focus{border-color:#dccdaa80}.chat-err{color:#d9a08f;margin:0 10px 8px;font-size:12px}@media (orientation:portrait) and (width<=760px){.chat{width:calc(100% - 24px);bottom:auto;top:calc(64px + var(--safe-t))}.chat.open .chat-body{max-height:240px}.chat-list{height:150px}}@media (width<=1240px) and (orientation:landscape){.chat{width:230px}}.chat:not(.open){background:#0e1110b3;width:auto}.chat:not(.open) .chat-hint{display:none}.chat.open .chat-list{height:180px}.chat-peek{z-index:11;left:calc(12px + var(--safe-l));bottom:calc(56px + var(--safe-b));pointer-events:none;flex-direction:column;gap:6px;max-width:min(320px,100% - 24px);display:flex;position:absolute}.chat-peek.lobby{position:fixed}.chat-peek-item{border:1px solid var(--line);word-break:break-word;animation:chat-peek 5s var(--ease) forwards;background:#0e1110b8;border-radius:10px;padding:6px 10px;font-size:13px;line-height:1.4}.chat-peek-item b{color:#d9cfb8;margin-right:4px;font-weight:600}@keyframes chat-peek{0%{opacity:0;transform:translateY(6px)}6%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}@media (orientation:portrait) and (width<=760px){.chat{top:auto;bottom:calc(var(--dock-h,180px) + 10px + var(--safe-b));width:auto}.chat.open{left:8px;right:8px;bottom:calc(8px + var(--safe-b));z-index:40;width:auto;box-shadow:0 -12px 40px #0000008c}.chat.open .chat-body{max-height:46vh}.chat.open .chat-list{height:calc(46vh - 70px)}.chat-peek{bottom:calc(var(--dock-h,180px) + 54px + var(--safe-b))}.chat-form input{height:40px;font-size:16px}}@media (height<=520px) and (orientation:landscape){.chat:not(.open){bottom:calc(8px + var(--safe-b))}.chat.open{top:calc(8px + var(--safe-t));bottom:calc(8px + var(--safe-b));z-index:40;width:min(360px,45vw)}.chat.open .chat-body{max-height:calc(100vh - 60px)}.chat.open .chat-list{height:calc(100vh - 130px)}.chat-form input{font-size:16px}}@media (orientation:portrait) and (width<=760px){.hud{top:calc(58px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));width:auto}.topright{left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));flex-wrap:nowrap;justify-content:flex-end;gap:4px}.topright .btn.round{flex:none;width:36px;height:36px}.topright .btn.pill{width:36px;padding:0}.topright .btn.pill span,.pre-title .small{display:none}}@media (height<=520px) and (orientation:landscape){.pre-title .small{display:none}.pre-title{margin-bottom:5px;font-size:12px}.prebox{height:32px;font-size:13px}.dock{width:min(560px,66%)}}.rotate-guard{z-index:100;text-align:center;background:radial-gradient(600px 500px at 50% 40%,#17201c 0%,#070908 75%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 28px;display:flex;position:fixed;inset:0}.rotate-guard b{font-size:18px;font-weight:600}.rotate-guard p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.rotate-guard small{color:var(--muted);font-size:12px}.rotate-guard .btn{height:44px;margin-top:8px;padding:0 20px}.rotate-phone{color:#d9cfb8;animation:rotate-hint 2.4s var(--ease) infinite}@keyframes rotate-hint{0%,25%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rotate-phone{animation:none}}@media (height<=520px) and (orientation:landscape){.hud{min-width:168px}.hud-head{column-gap:10px;padding:6px 10px}.hud-lv{font-size:10px}.hud-blinds{font-size:12.5px}.hud-blinds em{font-size:10px}.hud-time{font-size:19px}.topright{top:calc(6px + var(--safe-t));right:calc(8px + var(--safe-r));gap:4px}.topright .btn.round{width:30px;height:30px}.topright .btn.round svg{width:15px;height:15px}.topright .btn.pill{width:30px;height:30px;padding:0}.topright .btn.pill span{display:none}.dock{width:min(480px,52%);bottom:calc(6px + var(--safe-b));padding:6px 8px}.turn{gap:4px}.presets{gap:4px;margin-top:2px}.chip-btn{height:22px;padding:0 8px;font-size:11px}.amount-row{gap:8px}.amount-in{width:82px;height:28px;font-size:13px}.slider{height:22px}.hint{min-height:0;font-size:11px}.hint:not(.show){display:none}.btns{gap:5px}.act{border-radius:9px;height:34px;font-size:13px}.act kbd,.act .kbd,.pre-title{display:none}.prebox{height:30px;padding:0 10px 0 8px;font-size:12.5px}.bubble{padding:5px 10px;font-size:12px}.chipface{width:34px;height:34px;font-size:10px}.amount-row{display:none}.turnbar span{font-size:10px;top:auto;bottom:6px;right:4px}}