: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}}.shell--match{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left))}.shell--match .match-shell{width:min(100%,1080px)}.match-header--table{align-items:center;margin-bottom:16px}.match-header--table h1{font-size:clamp(2.1rem,8vw,4rem)}.match-header__status{align-items:center;gap:8px;display:flex}.state-version{color:#897a66;font-variant-numeric:tabular-nums;font-size:.72rem}.card-table{gap:12px;display:grid}.table-opponent,.hand-zone,.table-guidance,.match-controls{background:#1e1710c2;border:1px solid #b38f5b3d;border-radius:16px;box-shadow:inset 0 1px #fff4da08}.table-opponent{grid-template-columns:1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.player-ribbon{justify-content:space-between;align-items:center;gap:16px;display:flex}.player-ribbon .section-kicker{margin-bottom:3px}.player-ribbon strong{font-size:.95rem;display:block}.player-counts{color:#a69780;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px;font-size:.72rem;display:flex}.player-counts span{background:#0a080647;border:1px solid #b38f5b33;border-radius:999px;padding:4px 7px}.opponent-hand{align-items:center;min-width:92px;display:flex}.card-back{background:linear-gradient(135deg,#0000 42%,#d5b27833 43% 57%,#0000 58%),#2a2118;border:1px solid #765c39;border-radius:4px;width:24px;height:34px;margin-left:-14px;box-shadow:0 3px 8px #0000003d}.card-back:first-child{margin-left:0}.opponent-hand strong{color:#cdbb9f;margin-left:7px;font-size:.75rem}.route-table{background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 50% 46%,#82582d2e,#0000 46%),#18120d;border:1px solid #b38f5b33;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;display:grid;box-shadow:inset 0 0 80px #0000004d,0 16px 48px #0003}.lane-pair{grid-template-rows:minmax(150px,auto) auto minmax(150px,auto);gap:7px;min-width:0;display:grid}.route-strip{background:#312519ad;border:1px solid #b491602e;border-radius:13px;min-width:0;padding:9px}.route-strip--own{background:#3b2b1bc7}.route-strip__header{color:#a7957c;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.66rem;font-weight:700;display:flex}.route-metrics{align-items:center;gap:5px;display:flex}.route-metrics strong{color:#f0e7d5;font-variant-numeric:tabular-nums;font-size:1rem}.route-status,.route-direction,.route-suit{color:#aa9a83;letter-spacing:0;text-transform:none;background:#0d0a0766;border-radius:6px;place-items:center;min-height:20px;padding:2px 5px;font-size:.58rem;display:inline-grid}.route-status--in_range{color:#d8e2ba;background:#627e4b38}.route-status--overloaded{color:#ebbaaa;background:#994c3933}.route-cards{scrollbar-width:thin;scrollbar-color:#5e4b34 transparent;align-items:center;min-height:86px;padding:5px 2px 7px;display:flex;overflow:auto hidden}.route-node{flex:none;margin-right:-7px;padding-right:10px;position:relative}.route-empty{color:#716554;margin:auto;font-size:.7rem}.playing-card{color:#20170f;background:radial-gradient(circle at 50% 45%,#8b683b14,#0000 36%),#ede2c8;border:1px solid #c9b58f;border-radius:8px;flex:none;width:58px;height:82px;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}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:5px;left:6px}.playing-card__corner strong{font-size:.74rem}.playing-card__corner span{margin-top:2px;font-size:.62rem}.playing-card__corner--bottom{inset:auto 6px 5px auto;transform:rotate(180deg)}.playing-card__suit{font-size:1.45rem;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:3;border-color:#f1c777;transform:translateY(-10px)scale(1.04);box-shadow:0 12px 24px #00000061,0 0 0 3px #e2b97557}.playing-card--target:not(:disabled){z-index:2;border-color:#dec178;animation:1.2s ease-in-out infinite legal-target-pulse;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{pointer-events:none;flex-direction:column-reverse;gap:2px;display:flex;position:absolute;bottom:2px;right:0}.modifier-chip{color:#251b12;background:#d7c7a4;border:1px solid #d2ba8bad;border-radius:5px;justify-content:space-between;align-items:center;width:27px;min-height:18px;padding:2px 4px;font-size:.58rem;font-weight:800;display:flex;box-shadow:0 2px 5px #00000047}.route-place-target{color:#e8d2aa;cursor:pointer;background:#ae7f441f;border:1px dashed #c49a5d;border-radius:9px;width:100%;min-height:34px;margin-top:6px;font-size:.7rem;font-weight:700;animation:1.2s ease-in-out infinite route-target-pulse}@keyframes route-target-pulse{50%{background:#ae7f4438}}.route-place-target:disabled{opacity:.45;cursor:default}.route-destructive{gap:5px;margin-top:6px;display:flex}.route-disband,.route-confirm,.route-cancel{color:#ab9a81;cursor:pointer;background:0 0;border:1px solid #9d7b4966;border-radius:7px;flex:1;min-height:28px;padding:4px 6px;font-size:.62rem}.route-confirm{color:#e8b2a6;background:#8b392b29;border-color:#be5a4599}.route-cancel{color:#d4c1a3}.lane-marker{color:#776b59;text-transform:uppercase;letter-spacing:.08em;background:#08060561;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;min-height:28px;padding:4px 9px;font-size:.62rem;display:flex}.lane-marker strong{color:#9b8d78}.lane-marker--yours{color:#afc594;background:#556d4329}.lane-marker--yours strong{color:#cfe0b8}.lane-marker--rival{color:#d2a58f;background:#7e473724}.lane-marker--rival strong{color:#e3baa6}.table-guidance{justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.table-guidance .section-kicker{margin-bottom:3px}.table-guidance strong{font-size:.88rem;line-height:1.35;display:block}.table-rejection{color:#e5ae9d;text-align:right;max-width:40ch;margin:0;font-size:.75rem;line-height:1.35}.hand-zone{padding:8px 10px 10px}.hand-fan{scrollbar-width:thin;scrollbar-color:#5e4b34 transparent;align-items:flex-end;gap:5px;min-height:132px;padding:18px 4px 8px;display:flex;overflow:auto visible}.hand-fan .playing-card{border-radius:10px;width:78px;height:112px}.hand-fan .playing-card__corner{top:7px;left:8px}.hand-fan .playing-card__corner--bottom{inset:auto 8px 7px auto}.hand-fan .playing-card__corner strong{font-size:.92rem}.hand-fan .playing-card__corner span{font-size:.78rem}.hand-fan .playing-card__suit{font-size:2rem}.hand-controls{justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:4px 2px 0;display:flex}.hand-controls .button{min-height:36px;padding:7px 11px;font-size:.72rem}.match-controls{min-height:48px;padding:7px 10px}.surrender-control{color:#b4a48c;justify-content:flex-end;align-items:center;gap:8px;font-size:.73rem;display:flex}.surrender-control .button{min-height:34px;padding:6px 10px;font-size:.7rem}.button--danger{color:#f1c0b5;background:#5c2c23;border-color:#a24f3f}.button--danger:hover:not(:disabled){background:#6d3328;border-color:#c26753}.control-recovery,.match-result{margin-top:12px;padding:16px}.control-recovery{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-recovery p{color:#e2bd83;margin:0}.match-result h2{margin-bottom:8px}.match-result .button{width:100%}@media (width<=700px){.route-table{grid-template-columns:1fr;padding:8px}.lane-pair{grid-template-rows:auto auto auto}.route-strip{min-height:126px}.route-cards{min-height:84px}.table-opponent{grid-template-columns:minmax(0,1fr) auto}.player-ribbon{display:block}.player-ribbon .player-counts{margin-top:6px}.table-guidance{display:block}.table-rejection{text-align:left;margin-top:7px}}@media (width<=440px){.shell--match{padding-top:max(12px, env(safe-area-inset-top))}.match-header--table{margin-bottom:10px}.match-header__status{justify-items:end;display:grid}.table-opponent,.table-guidance,.hand-zone,.match-controls{border-radius:13px}.route-table{border-radius:14px}.hand-fan{min-height:122px}.hand-fan .playing-card{width:70px;height:102px}.hand-controls{align-items:flex-end}.surrender-control{flex-wrap:wrap}}::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{background:linear-gradient(135deg,#73522b1f,#0000 44%),#1e1710eb;border-color:#c79e6061;gap:16px;margin-top:14px;display:grid;overflow:hidden}.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.6rem,7vw,2.6rem)}.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:8px;display:grid}.result-lane{background:#0907053d;border:1px solid #b38f5b3d;border-radius:12px;gap:4px;min-width:0;padding:10px;display:grid}.result-lane__name{color:#9f8f77;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.result-lane strong{color:#efe2cb;font-size:1rem}.result-lane__score{color:#c7b79e;font-variant-numeric:tabular-nums;font-size:.78rem}.result-lane__score small{color:#887a67;font-size:.62rem}.rematch-card{background:#36281980;border:1px solid #b38f5b3d;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.rematch-card p{color:#c9b99f;margin:3px 0 0;font-size:.82rem}.rematch-card .button{flex:none}.match-result__exit{justify-self:start}@media (width<=600px){.result-lanes{grid-template-columns:1fr}.result-lane{grid-template-columns:auto 1fr auto;align-items:center}.result-lane strong{text-align:center}.rematch-card{display:grid}.rematch-card .button,.match-result__exit{width:100%}}.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}}