:root{color:#f0e7d5;font-synthesis:none;text-rendering:optimizelegibility;--app-viewport-stable-height:100dvh;--app-content-safe-top:env(safe-area-inset-top,0px);--app-content-safe-right:env(safe-area-inset-right,0px);--app-content-safe-bottom:env(safe-area-inset-bottom,0px);--app-content-safe-left:env(safe-area-inset-left,0px);background:#120f0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#9c70372e,#0000 42%),linear-gradient(#17120d 0%,#100d09 100%);min-width:320px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{min-height:var(--app-viewport-stable-height,100dvh);padding-top:calc(22px + var(--app-content-safe-top));padding-right:calc(18px + var(--app-content-safe-right));padding-bottom:calc(24px + var(--app-content-safe-bottom));padding-left:calc(18px + var(--app-content-safe-left))}.shell--centered{place-items:center;display:grid}.play-layout,.match-shell{width:min(100%,720px);margin:0 auto}.panel{background:linear-gradient(145deg,#2a2016f7,#1c1610fa);border:1px solid #b38f5b5c;border-radius:20px;box-shadow:0 18px 60px #00000042,inset 0 1px #fff4da0a}.hero-panel{width:min(100%,560px);padding:32px}.play-card{padding:clamp(24px,6vw,38px)}.play-header,.match-header{justify-content:space-between;align-items:flex-start;gap:18px;margin:4px 0 24px;display:flex}.eyebrow,.section-kicker{letter-spacing:.15em;text-transform:uppercase;color:#c8a976;margin:0 0 8px;font-size:.72rem;font-weight:700}h1{letter-spacing:.045em;margin:0;font-size:clamp(2.55rem,12vw,4.8rem);line-height:.92}h2{margin:0 0 12px;font-size:clamp(1.55rem,6vw,2.25rem);line-height:1.08}.status,.muted{color:#cfc1aa;line-height:1.6}.status{max-width:38ch;margin:20px 0 0}.muted{margin:0 0 22px}.footnote{color:#8f826f;margin:24px 0 0;font-size:.82rem;line-height:1.45}.action-stack{gap:10px;margin-top:24px;display:grid}.button{color:#f0e7d5;cursor:pointer;background:#302619;border:1px solid #6a5639;border-radius:13px;min-height:50px;padding:13px 18px;transition:transform .12s,background .12s,border-color .12s}.button:active:not(:disabled){transform:translateY(1px)scale(.995)}.button:hover:not(:disabled){background:#3a2d1d;border-color:#9d7b49}.button:disabled{opacity:.55;cursor:default}.button--primary{color:#1b130a;background:linear-gradient(#d5b278,#b98b4f);border-color:#c7a064;font-weight:800}.button--primary:hover:not(:disabled){background:linear-gradient(#dfbd83,#c29455)}.button--quiet{background:0 0}.notice{color:#dfcfb6;background:#b98b4f17;border-left:3px solid #b98b4f;border-radius:8px;margin:18px 0 0;padding:11px 13px;line-height:1.45}.notice--warn{background:#c46b5617;border-left-color:#c46b56}.queue-card{text-align:center}.route-spinner{justify-content:center;gap:8px;margin:2px 0 24px;display:flex}.route-spinner span{background:#6e5738;border-radius:999px;width:42px;height:6px;animation:1.15s ease-in-out infinite pulse-route}.route-spinner span:nth-child(2){animation-delay:.12s}.route-spinner span:nth-child(3){animation-delay:.24s}@keyframes pulse-route{50%{background:#c49a5d;transform:translateY(-4px)}}.invite-box{background:#08070552;border:1px dashed #6a5639;border-radius:12px;margin-top:20px;padding:14px}.invite-box__label{color:#8f826f;text-transform:uppercase;letter-spacing:.11em;margin-bottom:7px;font-size:.7rem;display:block}.invite-box code{overflow-wrap:anywhere;color:#e1d0b5;font-size:.75rem;line-height:1.45;display:block}.connection-pill{color:#cfc1aa;background:#211a12;border:1px solid #6a5639;border-radius:999px;flex:none;padding:8px 11px;font-size:.76rem}.connection-pill--online{color:#cce0ba;border-color:#60794f}.connection-pill--reconnecting{color:#e1c18c;border-color:#9b7540}.match-loading,.transport-note{padding:28px}.match-loading{text-align:center}.match-summary{grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:14px;padding:1px;display:grid;overflow:hidden}.match-summary>div{background:#110d097a;padding:16px}.match-summary strong{margin-top:4px;display:block}.lane-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.lane-card{background:#261d14c7;border:1px solid #b38f5b4a;border-radius:15px;padding:15px 12px}.lane-card__name{color:#a8977e;text-transform:uppercase;letter-spacing:.1em;margin-bottom:13px;font-size:.72rem;display:block}.lane-values{text-align:center;grid-template-columns:1fr auto 1fr;align-items:end;font-size:1.55rem;font-weight:800;display:grid}.lane-values small{color:#8f826f;text-transform:uppercase;margin-bottom:3px;font-size:.62rem;font-weight:600;display:block}.lane-vs{color:#756957;text-transform:uppercase;padding-bottom:3px;font-size:.62rem;font-weight:600}@media (width<=520px){.play-header,.match-header{align-items:center}.match-summary,.lane-grid{grid-template-columns:1fr}.lane-card{grid-template-columns:1fr 1.4fr;align-items:center;display:grid}.lane-card__name{margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.card-table{grid-template-rows:auto minmax(0,1fr) auto auto;gap:5px;min-height:0;display:grid;position:relative;overflow:hidden}.table-opponent{z-index:3;background:linear-gradient(#3f2d1dc2,#221911e6);border:1px solid #b38f5b3d;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:6px 10px;display:grid;position:relative;box-shadow:inset 0 1px #fff4da09}.player-ribbon{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.player-ribbon .section-kicker{margin-bottom:1px}.player-ribbon strong{color:#dbc9aa;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;line-height:1.1;display:block;overflow:hidden}.player-counts{color:#9f907a;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px;font-size:.61rem;display:flex}.player-counts span{background:#0a08063d;border:1px solid #b38f5b2b;border-radius:999px;padding:2px 5px}.opponent-hand{justify-content:flex-end;align-items:center;min-width:76px;display:flex}.card-back{background:linear-gradient(135deg,#0000 42%,#d5b27833 43% 57%,#0000 58%),#2a2118;border:1px solid #765c39;border-radius:4px;width:20px;height:28px;margin-left:-12px;box-shadow:0 3px 8px #0000003d}.card-back:first-child{margin-left:0}.opponent-hand strong{color:#cdbb9f;margin-left:5px;font-size:.66rem}.route-table{isolation:isolate;overscroll-behavior:none;touch-action:manipulation;background:linear-gradient(90deg,#fff3d305,#0000 24%,#00000014),radial-gradient(circle at 50% 48%,#8c5b2b38,#0000 46%),repeating-linear-gradient(8deg,#ffffff03 0 1px,#0000 1px 18px),#17110c;border:1px solid #b38f5b3d;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-width:0;min-height:0;padding:5px 4px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #00000052,0 12px 36px #00000029}.route-table:before,.route-table:after{z-index:-1;pointer-events:none;content:"";position:absolute}.route-table:before{border:1px solid #c1975c12;border-radius:11px;inset:7px}.route-table:after{border:1px solid #bc8d4e17;border-radius:50%;width:42px;height:42px;bottom:10px;right:12px;transform:rotate(-12deg);box-shadow:inset 0 0 0 5px #bc8d4e06,inset 0 0 0 9px #0000000e}.lane-pair{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:3px;min-width:0;min-height:0;padding:0 4px;display:grid;position:relative}.lane-pair+.lane-pair{border-left:1px solid #b7915b1c}.lane-pair:before{z-index:-1;content:"";background:repeating-linear-gradient(#be92563d 0 7px,#0000 7px 14px);width:2px;position:absolute;top:12px;bottom:12px;left:50%;transform:translate(-50%)}.route-strip{z-index:1;background:linear-gradient(#3a2a1b42,#1e160f24);border:1px solid #bb946012;border-radius:9px;flex-direction:column;min-width:0;min-height:0;padding:4px 3px;display:flex;position:relative;overflow:hidden}.route-strip--rival{background:linear-gradient(#2b201757,#21181124)}.route-strip--own{background:linear-gradient(#3e2c1b24,#48321d5c)}.route-strip__header{color:#9f8e77;letter-spacing:.045em;text-transform:uppercase;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:.52rem;font-weight:750;line-height:1;display:flex}.route-strip__header>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.route-strip--rival .route-strip__header{order:2;margin-top:2px}.route-strip--own .route-strip__header{order:0;margin-bottom:2px}.route-metrics{justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.route-metrics strong{color:#f1e5cf;font-variant-numeric:tabular-nums;text-shadow:0 1px 7px #00000073;font-size:.92rem;line-height:1}.route-status,.route-direction,.route-suit{color:#aa9a83;letter-spacing:0;text-transform:none;background:#0d0a076b;border:1px solid #be97611a;border-radius:999px;place-items:center;min-height:15px;padding:1px 3px;font-size:.43rem;line-height:1;display:inline-grid}.route-direction,.route-suit{min-width:15px;padding-inline:2px;font-size:.58rem}.route-status--in_range{color:#d7e4b9;background:#627e4b3d;border-color:#89a5633d}.route-status--overloaded{color:#ebbaaa;background:#994c3933;border-color:#ae59443d}.route-cards{overscroll-behavior:none;touch-action:manipulation;flex-direction:column;flex:auto;align-items:center;min-width:0;min-height:0;padding:3px 1px;display:flex;position:relative;overflow:hidden}.route-strip--rival .route-cards{order:1;justify-content:flex-end}.route-strip--own .route-cards{order:1;justify-content:flex-start}.route-node{flex:none;margin:0;padding:0 10px 0 0;position:relative}.route-node+.route-node{margin-top:-42px}.route-strip--dense .route-node+.route-node{margin-top:-47px}.route-strip--very-dense .route-node+.route-node{margin-top:-51px}.route-empty{color:#746755;letter-spacing:.03em;text-align:center;text-transform:uppercase;border:1px dashed #bc925924;border-radius:999px;margin:auto;padding:4px 5px;font-size:.46rem;line-height:1.1}.playing-card{color:#20170f;background:radial-gradient(circle at 50% 45%,#8b683b14,#0000 36%),#ede2c8;border:1px solid #c9b58f;border-radius:7px;flex:none;width:52px;height:74px;padding:0;transition:transform .13s,box-shadow .13s,border-color .13s,opacity .13s;display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 5px 12px #00000047,inset 0 0 0 2px #5f452614}.route-cards .playing-card{width:clamp(40px,5.8vw,52px);height:clamp(57px,8.2vw,74px)}button.playing-card{cursor:pointer}button.playing-card:disabled{cursor:default}.playing-card--hearts,.playing-card--diamonds{color:#9e342b}.playing-card--joker{color:#554128;background:radial-gradient(circle at 50% 45%,#6746761c,#0000 38%),#ece0c5}.playing-card__corner{text-align:center;line-height:.86;display:grid;position:absolute;top:4px;left:5px}.playing-card__corner strong{font-size:.66rem}.playing-card__corner span{margin-top:1px;font-size:.54rem}.playing-card__corner--bottom{inset:auto 5px 4px auto;transform:rotate(180deg)}.playing-card__suit{font-size:1.18rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playing-card--selectable:not(:disabled){border-color:#e2bd7d;box-shadow:0 7px 18px #0000004d,0 0 0 2px #d0a45b33}.playing-card--selectable:not(:disabled):hover{transform:translateY(-4px)}.playing-card--selected{z-index:12;border-color:#f1c777;transform:translateY(-9px)scale(1.035);box-shadow:0 12px 24px #00000061,0 0 0 3px #e2b97557}.playing-card--target:not(:disabled){z-index:15;border-color:#dec178;animation:1.2s ease-in-out infinite legal-target-pulse;transform:translate(5px)scale(1.04);box-shadow:0 7px 18px #00000052,0 0 0 3px #caaa5b7a}@keyframes legal-target-pulse{50%{box-shadow:0 8px 18px #00000052,0 0 0 5px #caaa5b33}}.modifier-stack{z-index:16;pointer-events:none;flex-direction:column-reverse;gap:1px;display:flex;position:absolute;bottom:2px;right:0}.modifier-chip{color:#251b12;background:#d7c7a4;border:1px solid #d2ba8bad;border-radius:4px;justify-content:space-between;align-items:center;width:22px;min-height:15px;padding:1px 3px;font-size:.48rem;font-weight:800;display:flex;box-shadow:0 2px 5px #00000047}.route-place-target{z-index:20;color:#f0d7ab;cursor:pointer;background:#604323bd;border:1px dashed #c49a5d;border-radius:7px;min-height:0;margin:0;font-size:.52rem;font-weight:750;line-height:1.2;animation:1.2s ease-in-out infinite route-target-pulse;position:absolute;inset:27px 2px 2px;box-shadow:inset 0 0 24px #d3a45d14}@keyframes route-target-pulse{50%{background:#80582bd1}}.route-place-target:disabled{cursor:default;opacity:.45}.route-destructive{z-index:18;gap:2px;margin:0;display:flex;position:absolute;bottom:2px;left:2px;right:2px}.route-disband,.route-confirm,.route-cancel{color:#96866f;cursor:pointer;background:#140e0ac2;border:1px solid #9d7b4952;border-radius:999px;flex:1;min-width:0;min-height:21px;padding:2px 3px;font-size:.45rem;line-height:1.05}.route-confirm{color:#e8b2a6;background:#642a21cc;border-color:#be5a4585}.route-cancel{color:#d4c1a3}.lane-marker{z-index:4;color:#7f725f;letter-spacing:.07em;text-align:center;text-transform:uppercase;background:linear-gradient(#3a2b1cf5,#18120df5);border:1px solid #af89553d;border-radius:7px;place-items:center;min-width:0;min-height:26px;padding:2px;font-size:.39rem;line-height:1;display:grid;position:relative;box-shadow:0 3px 10px #00000047,inset 0 1px #ffefce0a}.lane-marker strong{color:#a99a83;letter-spacing:.025em;margin-top:1px;font-size:.49rem}.lane-marker--yours{background:linear-gradient(#3a482beb,#1c2316f5);border-color:#7a975b52}.lane-marker--yours strong{color:#d0e1b8}.lane-marker--rival{background:linear-gradient(#533025eb,#2b1b15f5);border-color:#a35c464d}.lane-marker--rival strong{color:#e2b7a1}.table-guidance{background:#1a130d61;border-top:1px solid #b38f5b26;border-bottom:1px solid #b38f5b1c;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:4px 8px;display:flex}.table-guidance .section-kicker{margin-bottom:1px}.table-guidance strong{color:#d7c5a8;font-size:.72rem;line-height:1.15;display:block}.table-rejection{color:#e5ae9d;text-align:right;max-width:34ch;margin:0;font-size:.62rem;line-height:1.2}.waiting-match-actions{align-items:center;gap:5px;display:flex}.waiting-match-actions span{color:#baa68a;white-space:nowrap;font-size:.61rem}.waiting-match-actions .button{min-height:29px;padding:4px 7px;font-size:.61rem}.hand-zone{background:linear-gradient(#2319111f,#2e201466);border-top:1px solid #b38f5b1a;min-height:92px;padding:3px 6px 4px;overflow:hidden}.hand-fan{perspective:700px;justify-content:center;align-items:flex-end;gap:0;min-height:76px;padding:8px 18px 3px;display:flex;overflow:visible}.hand-fan .playing-card{width:60px;height:86px;transform:translateY(var(--fan-lift,0)) rotate(var(--fan-angle,0));transform-origin:50% 118%;border-radius:8px;margin-left:-16px}.hand-fan .playing-card__corner{top:5px;left:6px}.hand-fan .playing-card__corner--bottom{inset:auto 6px 5px auto}.hand-fan .playing-card__corner strong{font-size:.72rem}.hand-fan .playing-card__corner span{font-size:.58rem}.hand-fan .playing-card__suit{font-size:1.35rem}.hand-controls{justify-content:space-between;align-items:center;gap:6px;min-height:28px;padding-top:1px;display:flex}.hand-controls .button{min-height:28px;padding:4px 7px;font-size:.6rem}.discard-pile{flex:none;align-items:center;width:44px;height:32px;display:flex;position:relative}.table-menu{z-index:35;position:absolute;bottom:5px;right:6px}.table-menu>summary{color:#d7c3a3;cursor:pointer;background:#1c140ef0;border:1px solid #b38f5b4d;border-radius:999px;place-items:center;width:34px;height:34px;font-size:1rem;list-style:none;display:grid;box-shadow:0 8px 20px #00000042}.table-menu>summary::-webkit-details-marker{display:none}.table-menu[open]>summary{background:#302116;border-color:#d2a86780}.table-menu__panel{background:#1d150ffa;border:1px solid #b38f5b57;border-radius:13px;gap:8px;width:min(280px,100vw - 24px);padding:10px;display:grid;position:absolute;bottom:40px;right:0;box-shadow:0 18px 50px #0000006b}.table-feel-toggle{color:#9f9079;cursor:pointer;background:#100c0947;border:1px solid #9d7b4957;border-radius:999px;min-height:31px;padding:4px 8px;font-size:.6rem}.surrender-control{color:#a99981;flex-wrap:wrap;align-items:center;gap:5px;font-size:.61rem;display:flex}.surrender-control .button{min-height:30px;padding:4px 8px;font-size:.61rem}.button--danger{color:#f1c0b5;background:#5c2c23;border-color:#a24f3f}.button--danger:hover:not(:disabled){background:#6d3328;border-color:#c26753}@media (width<=700px){.card-table{gap:4px}.table-opponent{gap:6px;min-height:40px;padding:5px 7px}.player-ribbon{display:block}.player-ribbon .player-counts{margin-top:3px}.route-table{border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 3px}.lane-pair{gap:2px;padding-inline:2px}.route-strip{border-radius:7px;padding:3px 1px}.route-strip__header{flex-wrap:wrap;gap:2px 3px;font-size:.45rem}.route-strip__header>span:first-child{max-width:42px}.route-metrics strong{font-size:.82rem}.route-status,.route-direction,.route-suit{min-height:14px;padding:1px 2px;font-size:.39rem}.route-direction,.route-suit{min-width:14px;font-size:.54rem}.route-cards .playing-card{border-radius:5px;width:40px;height:57px}.route-node{padding-right:8px}.route-node+.route-node{margin-top:-38px}.route-strip--dense .route-node+.route-node{margin-top:-43px}.route-strip--very-dense .route-node+.route-node{margin-top:-47px}.modifier-chip{width:19px;min-height:13px;font-size:.42rem}.lane-marker{min-height:24px;font-size:.36rem}.lane-marker strong{font-size:.45rem}.table-guidance{min-height:34px;padding:3px 6px}.table-guidance strong{font-size:.68rem}.hand-zone{min-height:84px;padding-inline:4px}.hand-fan{min-height:69px;padding:7px 16px 2px}.hand-fan .playing-card{width:56px;height:80px;margin-left:-17px}}@media (width<=440px){.opponent-piles .discard-pile,.table-opponent .player-counts span:last-child{display:none}.route-status{text-overflow:ellipsis;white-space:nowrap;max-width:30px;overflow:hidden}.route-empty{max-width:54px;padding-inline:4px;font-size:.42rem}.table-guidance{gap:5px}.table-rejection{max-width:20ch}.waiting-match-actions span{display:none}.hand-zone{min-height:80px}.hand-fan{justify-content:center;padding-inline:12px}.hand-fan .playing-card{width:53px;height:76px;margin-left:-18px}.hand-controls .player-counts span:last-child{display:none}}@media (height<=700px) and (width<=700px){.table-opponent{min-height:36px}.player-ribbon .section-kicker,.opponent-hand .card-back:nth-child(n+5){display:none}.table-guidance{min-height:31px}.hand-zone{min-height:72px}.hand-fan{min-height:60px;padding-top:4px}.hand-fan .playing-card{width:48px;height:69px;margin-left:-17px}.hand-controls{min-height:24px}}@media (prefers-reduced-motion:reduce){.playing-card,.table-feel-toggle{transition-duration:.01ms}.playing-card--target:not(:disabled),.route-place-target{animation:none}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-group(*){animation-duration:.26s;animation-timing-function:cubic-bezier(.2,.72,.24,1)}.card-table{--table-motion-fast:.15s;--table-motion-medium:.26s}.opponent-piles,.hand-status{align-items:center;gap:10px;display:flex}.discard-pile{flex:none;align-items:center;min-width:54px;height:54px;display:flex;position:relative}.discard-pile__cards{width:42px;height:52px;display:block;position:relative}.discard-pile__empty{color:#776b59;letter-spacing:.04em;text-transform:uppercase;border:1px dashed #b38f5b47;border-radius:5px;place-items:center;font-size:.48rem;display:grid;position:absolute;inset:7px 4px}.discard-pile .playing-card{pointer-events:none;border-radius:5px;width:32px;height:46px;position:absolute;top:3px;left:4px}.discard-pile .playing-card:nth-last-child(3){transform:translate(-3px,1px)rotate(-5deg)}.discard-pile .playing-card:nth-last-child(2){transform:translate(2px,-1px)rotate(3deg)}.discard-pile .playing-card:last-child{transform:translate(4px,-2px)rotate(1deg)}.discard-pile .playing-card__corner{top:3px;left:4px}.discard-pile .playing-card__corner strong{font-size:.52rem}.discard-pile .playing-card__corner span{font-size:.46rem}.discard-pile .playing-card__corner--bottom,.discard-pile .playing-card__suit{display:none}.discard-pile__count{z-index:5;color:#d6c5a8;font-variant-numeric:tabular-nums;background:#1c1510;border:1px solid #b38f5b57;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.58rem;display:grid;position:absolute;bottom:1px;right:0}.hand-fan{perspective:700px;justify-content:center;gap:0;padding-inline:28px}.hand-fan .playing-card{transform:translateY(var(--fan-lift,0)) rotate(var(--fan-angle,0));transform-origin:50% 118%;margin-left:-17px}.hand-fan .playing-card:first-child{margin-left:0}.hand-fan .playing-card--selectable:not(:disabled):hover{transform:translateY(calc(var(--fan-lift,0px) - 5px)) rotate(var(--fan-angle,0deg))}.hand-fan .playing-card--selected,.hand-fan .playing-card--selected:hover{z-index:20;transform:translateY(-14px)rotate(0)scale(1.055)}.route-node{animation:route-card-settle var(--table-motion-medium) cubic-bezier(.2, .72, .24, 1) both}.modifier-chip{transform-origin:50% 80%;animation:.21s cubic-bezier(.2,.72,.24,1) both modifier-attach}.card-back{animation:.19s cubic-bezier(.2,.72,.24,1) both hidden-card-arrive}.route-metrics>strong{text-align:center;min-width:1.4em}.route-status--in_range{animation:.36s ease-out both route-ready}.table-rejection{animation:.21s ease-out both rejection-nudge}.match-controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.table-feel-controls{flex-wrap:wrap;gap:6px;display:flex}.table-feel-toggle{color:#9f9079;cursor:pointer;min-height:34px;transition:border-color var(--table-motion-fast) ease, color var(--table-motion-fast) ease, background var(--table-motion-fast) ease, transform var(--table-motion-fast) ease;background:#100c0947;border:1px solid #9d7b4957;border-radius:999px;padding:5px 9px;font-size:.64rem}.table-feel-toggle[aria-pressed=true]{color:#dfcba9;background:#9f713a1f;border-color:#cea66780}.table-feel-toggle:hover:not(:disabled){transform:translateY(-1px)}.table-feel-toggle:disabled{cursor:default;opacity:.45}@keyframes route-card-settle{0%{opacity:.4;transform:translateY(-7px)scale(1.035)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modifier-attach{0%{opacity:.2;transform:translateY(-7px)rotate(5deg)scale(1.12)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes hidden-card-arrive{0%{opacity:0;transform:translate(9px)rotate(4deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes route-ready{0%{box-shadow:0 0 #93af6f00}45%{box-shadow:0 0 0 4px #93af6f21}to{box-shadow:0 0 #93af6f00}}@keyframes rejection-nudge{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(2px)}}.card-table[data-motion=reduced] .route-node,.card-table[data-motion=reduced] .modifier-chip,.card-table[data-motion=reduced] .card-back,.card-table[data-motion=reduced] .route-status--in_range,.card-table[data-motion=reduced] .table-rejection{animation:none}.card-table[data-motion=reduced] .playing-card,.card-table[data-motion=reduced] .table-feel-toggle{transition-duration:.01ms}@media (width<=700px){.hand-fan{justify-content:flex-start}.opponent-piles{gap:6px}.match-controls{align-items:flex-end}}@media (width<=440px){.hand-fan{padding-inline:20px}.hand-fan .playing-card{margin-left:-15px}.opponent-piles .discard-pile{display:none}.hand-status{align-items:flex-end}.match-controls{flex-direction:column;align-items:stretch}.table-feel-controls{order:2}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:.01ms!important}::view-transition-old(*){animation-duration:.01ms!important}::view-transition-new(*){animation-duration:.01ms!important}}.rules-overlay{z-index:50;padding:max(16px, env(safe-area-inset-top)) 14px max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 20% 0,#744d232e,#0000 36rem),linear-gradient(#1a140ef5,#0e0b09fa);position:fixed;inset:0;overflow-y:auto}.rules-guide{background:linear-gradient(135deg,#fff7e20d,#0000 35%),#211b15fa;border:1px solid #dcb97e2e;border-radius:24px;width:min(980px,100%);margin:0 auto;overflow:hidden;box-shadow:0 28px 80px #0000006b}.rules-guide__header,.rules-guide__footer{background:linear-gradient(#fff8e20a,#0000);justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex}.rules-guide__header h1{margin:4px 0 8px}.rules-guide__header .muted{max-width:58ch;margin:0}.rules-guide__footer{border-top:1px solid #dcb97e1f;justify-content:flex-end}.rules-jump{scrollbar-width:none;gap:8px;padding:0 22px 18px;display:flex;overflow-x:auto}.rules-jump::-webkit-scrollbar{display:none}.rules-jump a{color:inherit;background:#fff8e20a;border:1px solid #dcb97e29;border-radius:999px;flex:none;padding:8px 11px;font-size:.82rem;text-decoration:none}.rules-jump a:focus-visible,.rules-jump a:hover{background:#fff8e214;border-color:#dcb97e6b}.rules-guide__content{gap:18px;padding:0 22px 24px;display:grid}.rules-section,.rules-summary{background:#100d0b85;border:1px solid #dcb97e1f;border-radius:20px;padding:22px;scroll-margin-top:16px}.rules-section h2,.rules-summary h2{margin:4px 0 12px}.rules-section h3{margin:0 0 8px;font-size:1rem}.rules-section p,.rules-summary li,.rules-list li{color:#eee2ccc7;line-height:1.58}.rules-section p strong,.rules-summary strong,.rules-list strong{color:#fff5def0}.rules-list,.rules-summary ol{gap:8px;margin:12px 0 0;padding-left:22px;display:grid}.rules-face-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.rules-face-card{background:#fff8e208;border:1px solid #dcb97e1a;border-radius:16px;min-width:0;padding:16px}.rules-face-card>p{margin-bottom:0}.rules-example{background:linear-gradient(135deg,#7d53271f,#0000 60%),#08070673;border:1px solid #dcb97e24;border-radius:16px;gap:11px;margin:18px 0 2px;padding:15px;display:grid;overflow:hidden}.rules-example__stage{background:repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 42px),#36261885;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:112px;padding:10px;display:flex}.rules-example figcaption{gap:3px;display:grid}.rules-example figcaption strong{color:#fff4dbf0}.rules-example figcaption span{color:#e6d8c0ad;font-size:.86rem;line-height:1.45}.guide-route,.guide-joker-row,.guide-attachment,.guide-lane-compare{justify-content:center;align-items:center;gap:8px;display:flex}.guide-opening-grid{grid-template-columns:auto auto;align-items:center;gap:8px 14px;display:grid}.guide-opening-grid>span{color:#f1e2c5a8;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.guide-card{aspect-ratio:.7;color:#24201a;background:linear-gradient(145deg,#ffffffbf,#e8dbbee6),#efe2c5;border:1px solid #251c1466;border-radius:9px;flex:none;justify-content:center;align-items:center;width:62px;display:inline-flex;position:relative;box-shadow:0 5px 12px #00000038,inset 0 0 0 2px #ffffff4d}.guide-card--hearts,.guide-card--diamonds{color:#9a302b}.guide-card--modifier{width:48px;transform:rotate(5deg)}.guide-card--removed{opacity:.38;filter:grayscale(.55)}.guide-card--removed:after{content:"";background:#bd4839e0;height:2px;position:absolute;inset:47% -7px auto;transform:rotate(-24deg);box-shadow:0 0 0 1px #2514102e}.guide-card--protected{outline-offset:2px;outline:2px solid #b79a53d1}.guide-card__corner{justify-items:center;font-size:.72rem;line-height:.85;display:grid;position:absolute;top:5px;left:6px}.guide-card__suit{opacity:.86;font-size:1.65rem}.guide-arrow{color:#ebd19dc2;font-size:1.15rem;font-weight:700}.guide-total,.guide-note{color:#f3e2c1d1;letter-spacing:.02em;background:#fff8e212;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:700}.guide-total--ready{background:#6f82493d;border:1px solid #acb77659}.guide-attachment{padding-right:18px;position:relative}.guide-attachment .guide-card--modifier{margin-top:29px;margin-left:-23px}.guide-lane-score{color:#f3e2c1cc;background:#fff8e20d;border:1px solid #dcb97e2e;border-radius:18px;place-items:center;width:62px;height:62px;font-size:1.45rem;font-weight:800;display:grid}.guide-lane-score--winner{color:#e6efbeeb;background:#6b7f4342;border-color:#a8b96f6b}.guide-versus{color:#ebd19d7a;letter-spacing:.12em;font-size:.72rem;font-weight:800}.rules-summary{background:linear-gradient(135deg,#79552b1f,#0000 58%),#100d0bad}.rules-help-button{white-space:nowrap}@media (width<=720px){.rules-overlay{background:#15110dfc;padding-inline:0}.rules-guide{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.rules-guide__header{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#211b15f5;align-items:center;padding:16px;position:sticky;top:0}.rules-guide__header .muted{display:none}.rules-jump{padding-inline:16px}.rules-guide__content{padding-inline:12px}.rules-section,.rules-summary{padding:17px}.rules-face-grid{grid-template-columns:1fr}.rules-example__stage{min-height:104px;padding-inline:5px}.guide-card{width:54px}.guide-card--modifier{width:43px}.guide-route,.guide-joker-row{gap:5px}.guide-arrow{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.rules-overlay{scroll-behavior:auto}}.match-result-overlay{z-index:80;padding-top:calc(12px + var(--app-content-safe-top));padding-right:max(12px, var(--app-content-safe-right));padding-bottom:calc(12px + var(--app-content-safe-bottom));padding-left:max(12px, var(--app-content-safe-left));isolation:isolate;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.match-result-backdrop{z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0705b8;position:absolute;inset:0}.match-result{width:min(100%,440px);max-height:min(680px, calc(var(--app-viewport-stable-height,100dvh) - 24px));overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(135deg,#73522b24,#0000 44%),#1e1710fa;border-color:#c79e606b;gap:14px;margin:0;padding:clamp(16px,4vw,22px);display:grid;position:relative;overflow:hidden auto;box-shadow:0 24px 80px #00000094,inset 0 1px #fff4da0d}.match-result__heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.match-result__heading h2{margin:3px 0 6px;font-size:clamp(1.7rem,7vw,2.5rem)}.match-result__heading p{margin:0}.match-result__stamp{color:#d7b57e;letter-spacing:.16em;text-transform:uppercase;border:1px solid #caa15f7a;border-radius:7px;flex:none;padding:8px 10px;font-size:.7rem;font-weight:800;transform:rotate(3deg)}.result-lanes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.result-lane{background:#09070542;border:1px solid #b38f5b3d;border-radius:11px;gap:3px;min-width:0;padding:9px 8px;display:grid}.result-lane__name{color:#9f8f77;letter-spacing:.08em;text-transform:uppercase;font-size:.64rem}.result-lane strong{color:#efe2cb;font-size:.94rem}.result-lane__score{color:#c7b79e;font-variant-numeric:tabular-nums;font-size:.7rem;line-height:1.25}.result-lane__score small{color:#887a67;font-size:.56rem}.rematch-card{background:#36281980;border:1px solid #b38f5b3d;border-radius:13px;gap:10px;padding:11px;display:grid}.rematch-card p{color:#c9b99f;margin:3px 0 0;font-size:.8rem;line-height:1.35}.rematch-card .button,.match-result__exit{width:100%}@media (width<=600px){.match-result-overlay{padding-top:calc(10px + var(--app-content-safe-top));padding-right:max(10px, var(--app-content-safe-right));padding-bottom:calc(10px + var(--app-content-safe-bottom));padding-left:max(10px, var(--app-content-safe-left))}.match-result{max-height:calc(var(--app-viewport-stable-height,100dvh) - 20px);border-radius:16px;gap:12px;padding:16px}.match-result__heading{gap:12px}.match-result__heading h2{font-size:clamp(1.65rem,9vw,2.2rem)}.match-result__stamp{padding:6px 8px;font-size:.62rem}.result-lanes{gap:5px}.result-lane{padding:7px 6px}.result-lane__name{font-size:.56rem}.result-lane strong{font-size:.82rem}.result-lane__score{font-size:.62rem}.result-lane__score small{font-size:.5rem;display:block}}@media (height<=620px){.match-result{gap:9px;padding:13px}.match-result__heading h2{margin-bottom:3px}.rematch-card{gap:7px;padding:9px}.rematch-card .section-kicker{margin-bottom:3px}}@media (prefers-reduced-motion:reduce){.match-result-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.match-deadlines{flex-wrap:wrap;gap:8px;margin:-4px 0 12px;display:flex}.match-deadline{color:#c2b49f;background:#1e1710d1;border:1px solid #b38f5b47;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;min-width:132px;padding:7px 10px;font-size:.72rem;display:flex}.match-deadline strong{color:#f0e7d5;font-variant-numeric:tabular-nums}.match-deadline--reconnect{background:#58361f57;border-color:#bf84566b}.match-deadline--urgent{color:#efc0b4;background:#742f2657;border-color:#c25441b3}.match-deadline--urgent strong{color:#ffd5ca}@media (width<=640px){.match-deadlines{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.match-deadline{min-width:0}}@media (width<=420px){.match-deadlines{grid-template-columns:1fr}}.shell--match{box-sizing:border-box;height:var(--app-viewport-stable-height,100dvh);min-height:0;padding-top:calc(8px + var(--app-content-safe-top));padding-right:max(8px, var(--app-content-safe-right));padding-bottom:calc(10px + var(--app-content-safe-bottom));padding-left:max(8px, var(--app-content-safe-left));overflow:hidden}.shell--match .match-shell{flex-direction:column;width:min(100%,1080px);height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.match-header--table{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 0 6px;display:grid}.match-header__brand{min-width:0}.match-header--table .eyebrow{margin-bottom:2px;font-size:.58rem}.match-header--table h1{font-size:clamp(1.25rem,5vw,1.8rem);line-height:1}.match-header__status{justify-content:flex-end;align-items:center;gap:5px;display:flex}.match-header__status .connection-pill{white-space:nowrap;align-items:center;min-height:30px;padding:4px 8px;font-size:.66rem;display:inline-flex}.match-header__status .rules-help-button{white-space:nowrap;border-radius:10px;min-height:32px;padding:5px 9px;font-size:.68rem}.connection-pill--stopped{color:#e0bd87;border-color:#8f6740}.match-control-notice{background:#4e331b6b;border:1px solid #b7854b6b;border-radius:12px;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:grid;box-shadow:inset 0 1px #fff4da09}.match-control-notice strong,.match-control-notice span{display:block}.match-control-notice strong{color:#ead1a9;font-size:.76rem;line-height:1.2}.match-control-notice span{color:#ac9a81;margin-top:2px;font-size:.63rem;line-height:1.25}.match-control-notice .button{min-height:36px;padding:6px 9px;font-size:.68rem}.match-deadlines{scrollbar-width:none;flex-wrap:nowrap;flex:none;gap:5px;margin:0 0 5px;display:flex;overflow-x:auto}.match-deadlines::-webkit-scrollbar{display:none}.match-deadline{flex:none;min-width:max-content;padding:4px 7px;font-size:.62rem}.match-shell>.card-table{flex:auto;min-height:0}@media (width<=440px){.shell--match{padding-top:calc(5px + var(--app-content-safe-top));padding-right:max(5px, var(--app-content-safe-right));padding-bottom:calc(6px + var(--app-content-safe-bottom));padding-left:max(5px, var(--app-content-safe-left))}.match-header--table{margin-bottom:5px}.match-header--table .eyebrow{display:none}.match-header--table h1{font-size:1.12rem}.match-header__status{gap:4px}.match-header__status .connection-pill{min-height:28px;padding:3px 7px}.match-header__status .rules-help-button{min-height:30px;padding:4px 7px}.match-control-notice{grid-template-columns:1fr;gap:6px}.match-control-notice .button{width:100%}.match-deadlines{margin-bottom:4px}}@media (height<=680px){.match-header--table{margin-bottom:4px}.match-header--table .eyebrow,.match-header__status .connection-pill{display:none}.match-deadline{padding-block:3px}}