.arena-page,.arena-hub{min-width:0;color:var(--text-primary);font-family:var(--font-body)}.arena-page *,.arena-hub *{box-sizing:border-box}.arena-page{display:flex;flex-direction:column;gap:var(--space-lg)}.arena-hub{display:flex;flex-direction:column;gap:var(--space-md)}.arena-section-heading,.arena-form-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.arena-link{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;color:var(--text-secondary);text-decoration:none;font:inherit;font-size:.875rem;background:none;border:0;padding:0;cursor:pointer}.arena-button,.arena-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:.625rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.arena-button-primary{color:var(--cta-text);background:var(--cta);border-color:var(--cta)}.arena-button-danger{color:var(--danger);border-color:var(--danger)}.arena-icon-button{width:44px;padding:var(--space-xs);flex:0 0 44px}.arena-page :is(button,a,input,select,textarea):focus-visible,.arena-hub :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.arena-page :is(button,input,select):disabled,.arena-hub button:disabled{opacity:.45;cursor:not-allowed}.arena-page button:active:not(:disabled),.arena-hub button:active:not(:disabled){background:var(--surface-pressed)}.arena-page .arena-button-primary:active:not(:disabled),.arena-hub .arena-button-primary:active:not(:disabled){background:var(--cta-dark)}.arena-panel{min-width:0;border:1px solid var(--border-glow);border-radius:var(--radius-2xl);background:var(--surface-card);box-shadow:0 8px 32px var(--shadow-ink),inset 0 1px 0 var(--surface-line-faint);overflow-wrap:anywhere}.arena-top-bar{gap:var(--space-md);margin-bottom:0}.arena-page>.play-section-menu{margin-bottom:0}.arena-page .rank-filter-bar{margin-bottom:var(--space-md)}.arena-top-bar .play-top-heading{min-width:0}.arena-top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.6rem}.arena-top-link,.arena-top-cta{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;white-space:nowrap}.arena-top-cta,.arena-top-cta:hover{color:var(--cta-text)}.arena-top-cta-hidden{visibility:hidden}.arena-section-heading{padding:var(--space-lg);border-bottom:1px solid var(--border-light)}.arena-panel h2{margin:0;font-family:var(--font-heading);font-size:1.0625rem;font-weight:600;line-height:1.5}.arena-section-heading p{margin:.375rem 0 0;max-width:42rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.arena-muted{color:var(--text-secondary);font-size:var(--fs-control);line-height:1.6}.arena-stack{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.arena-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.arena-empty{padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--text-secondary);font-size:.875rem;line-height:1.7}.arena-empty p{margin:.5rem 0}.arena-empty h2{color:var(--text-primary)}.arena-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text-secondary);font-size:.875rem;line-height:1.6}.arena-notice-error{border-color:var(--danger);color:var(--danger-light);background:var(--danger-surface)}.arena-panel>.arena-notice{margin:var(--space-md)}.arena-status{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;color:var(--text-secondary);font-size:var(--fs-label);line-height:1.5}.arena-status:before{content:"";width:6px;height:6px;border-radius:var(--radius-round);background:currentColor}.arena-status-ready,.arena-status-completed,.arena-status-active,.arena-status-ranked{color:var(--success-light)}.arena-status-running,.arena-status-validating{color:var(--cta-light)}.arena-status-rejected,.arena-status-failed,.arena-status-bot_failure,.arena-status-infrastructure_failure{color:var(--danger-light)}.arena-current{padding:.1875rem .5rem;color:var(--cta-light);background:var(--accent-surface);border-radius:var(--radius-xs);font-size:var(--fs-small);font-weight:600;white-space:nowrap}.arena-console-grid{display:grid;grid-template-columns:minmax(13rem,.3fr) minmax(0,1fr);align-items:start;gap:var(--space-lg)}.arena-bot-list{overflow:hidden}.arena-bot-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;text-align:left;width:100%;min-height:82px;gap:.25rem var(--space-sm);padding:var(--space-md) var(--space-lg);border:0;border-bottom:1px solid var(--border-glow);color:var(--text-primary);background:none;font:inherit;font-size:var(--fs-body-lg);cursor:pointer}.arena-bot-choice:last-child{border-bottom:0}.arena-bot-choice small{grid-column:1;color:var(--text-secondary);font-size:var(--fs-label)}.arena-bot-choice>svg{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--text-secondary)}.arena-bot-choice[aria-pressed=true]{background:var(--accent-surface);box-shadow:inset 3px 0 var(--cta)}.arena-bot-choice[aria-pressed=true]>span{color:var(--cta-light)}.arena-bot-settings{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-glow)}.arena-bot-settings label{flex:0 0 9rem;min-width:9rem}.arena-bot-settings p{margin:0}.arena-form{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.arena-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:var(--space-md)}.arena-form label,.arena-bot-settings label,.arena-secret label{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;color:var(--text-secondary);font-size:var(--fs-control);font-weight:500}.arena-panel :is(input:not([type=range]):not([type=file]),select,textarea){min-width:0;width:100%;min-height:44px;background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:.625rem .75rem;font-family:var(--font-body);font-size:var(--fs-body-lg);line-height:1.5}.arena-panel input::placeholder{color:var(--text-muted)}.arena-file-field{position:relative;display:flex;align-items:center;gap:var(--space-md);min-height:124px;padding:var(--space-lg);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-inset);color:var(--text-secondary)}.arena-file-field.has-file{border-style:solid;border-color:var(--success)}.arena-file-field.has-file>svg{color:var(--success-light)}.arena-file-copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.arena-file-copy label{color:var(--text-primary);font-size:.875rem}.arena-file-copy span{font-size:var(--fs-control)}.arena-file-field>input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.arena-file-field:focus-within{outline:2px solid var(--focus-ring);outline-offset:3px}.arena-version-list,.arena-match-list,.arena-key-list,.arena-evaluation-list{list-style:none;margin:0;padding:0}.arena-version-row{padding:var(--space-lg);border-bottom:1px solid var(--border-glow)}.arena-version-row:last-child{border-bottom:0}.arena-version-heading{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.arena-version-heading strong{font-size:var(--fs-body-lg)}.arena-version-heading time{margin-left:auto;color:var(--text-secondary);font-size:var(--fs-label)}.arena-version-row .arena-actions{margin-top:var(--space-md)}.arena-match-row,.arena-key-row{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-bottom:1px solid var(--border-glow)}.arena-match-row:last-child,.arena-key-row:last-child{border-bottom:0}.arena-match-names,.arena-key-row>div:first-child{flex:1;min-width:0}.arena-match-names{display:flex;flex-direction:column;gap:.375rem}.arena-match-title{color:var(--text-primary);font-size:var(--fs-body-lg);font-weight:500;line-height:1.7}.arena-key-row p{margin:.25rem 0 0}.arena-key-row strong{font-size:var(--fs-body-lg)}.arena-secret{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.arena-secret p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.arena-secret textarea{font-family:var(--font-mono);resize:vertical;min-height:84px;overflow-wrap:anywhere}.arena-evaluation-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-lg);border:0;border-bottom:1px solid var(--border-glow);padding:var(--space-lg);text-align:left;font:inherit;color:var(--text-primary);background:none;cursor:pointer}.arena-evaluation-row>span:first-child{display:flex;flex:1;flex-direction:column;gap:var(--space-xs)}.arena-evaluation-row strong{font-weight:600;font-size:var(--fs-body-lg)}.arena-evaluation-row time{color:var(--text-secondary);font-size:var(--fs-control)}.arena-evaluation-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);font-size:.875rem}.arena-progress{display:block;width:calc(100% - 3rem);margin:0 var(--space-lg) var(--space-md);height:5px;accent-color:var(--cta)}.arena-replay-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,.4fr);gap:var(--space-lg);align-items:start}.arena-replay-board{overflow:hidden}.arena-replay-position{aspect-ratio:1;background:var(--bg-dark)}.arena-replay-position .board-container{width:100%;height:100%;padding:0}.arena-replay-position svg.board-svg{width:100%;height:100%;max-height:none}.arena-replay-controls{padding:var(--space-md);border-top:1px solid var(--border-light)}.arena-replay-controls input{width:100%;min-height:32px;accent-color:var(--cta);cursor:pointer}.arena-replay-buttons{display:flex;gap:var(--space-xs);justify-content:center;margin:var(--space-xs) 0}.arena-replay-controls output{display:block;text-align:center;font-size:var(--fs-label);color:var(--text-secondary);font-variant-numeric:tabular-nums}.arena-replay-seats{list-style:none;padding:var(--space-md) var(--space-lg);margin:0}.arena-replay-seats li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) 0;font-size:var(--fs-control)}.arena-replay-seats strong{font-weight:500;flex:1}.arena-seat-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--text-secondary)}.arena-seat-red .arena-seat-dot{background:var(--color-red)}.arena-seat-blue .arena-seat-dot{background:var(--color-blue)}.arena-seat-green .arena-seat-dot{background:var(--color-green)}.arena-seat-orange .arena-seat-dot{background:var(--color-orange)}.arena-current-move{padding:var(--space-lg)}.arena-current-move h2{margin:var(--space-xs) 0}.arena-current-move p{margin:var(--space-xs) 0 0;font-size:.875rem}.arena-docs-layout{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:var(--space-xl);align-items:start;padding:var(--space-xl)}.arena-docs-nav{display:flex;flex-direction:column;position:sticky;top:var(--space-lg);gap:var(--space-xs)}.arena-docs-nav a{min-height:44px;color:var(--text-secondary);text-decoration:none;padding:.625rem .75rem;font-size:.875rem;line-height:1.5}.arena-docs-content{min-width:0;max-width:52rem}.arena-docs-content section{padding-bottom:var(--space-xl);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-light);scroll-margin-top:var(--space-lg)}.arena-docs-content h2{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-md)}.arena-docs-content h3{font-size:var(--fs-base);margin:var(--space-lg) 0 var(--space-sm)}.arena-docs-content p,.arena-docs-content li{color:var(--text-secondary);font-size:var(--fs-body-lg);line-height:1.8}.arena-docs-content p{margin:0 0 var(--space-md)}.arena-docs-content ol{padding-left:1.4rem}.arena-docs-content a:not(.arena-button){color:var(--cta-light)}.arena-docs-content .arena-button{max-width:100%;margin-bottom:var(--space-md);white-space:normal;text-align:center}.arena-code{position:relative;min-width:0;border:1px solid var(--border-light);background:var(--surface-inset);border-radius:var(--radius-lg);margin:var(--space-md) 0}.arena-code pre{max-width:100%;overflow-x:auto;margin:0;padding:3.25rem var(--space-lg) var(--space-lg);color:var(--text-primary);font:.8125rem/1.75 var(--font-mono);-moz-tab-size:2;tab-size:2}.arena-code button{position:absolute;top:.5rem;right:.75rem;min-height:32px;font-size:var(--fs-label)}.arena-docs-fields{margin:var(--space-md) 0}.arena-docs-fields>div{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-glow)}.arena-docs-fields dt{font:.8125rem/1.8 var(--font-mono)}.arena-docs-fields dd{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.7}.arena-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(hover:hover){.arena-page .arena-link:hover,.arena-hub .arena-link:hover,.arena-docs-nav a:hover{color:var(--cta-light)}.arena-button:hover:not(:disabled),.arena-icon-button:hover:not(:disabled),.arena-bot-choice:hover,.arena-evaluation-row:hover{background:var(--surface-hover)}.arena-button-primary:hover:not(:disabled){color:var(--cta-text);background:var(--cta-light)}.arena-file-field:hover{border-color:var(--text-secondary)}}@media(max-width:1023px){.arena-console-grid,.arena-replay-layout{grid-template-columns:minmax(0,1fr)}.arena-replay-layout>.arena-stack{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.arena-docs-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.arena-docs-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 var(--space-xs);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-md)}.arena-panel :is(input:not([type=range]):not([type=file]),select,textarea){font-size:var(--fs-base)}}@media(max-width:639px){.arena-page{gap:var(--space-md)}.play-page.arena-page>.arena-top-bar{flex-direction:column;align-items:stretch}.play-page.arena-page .arena-top-actions{justify-content:flex-start;flex-wrap:wrap}.arena-top-link,.arena-top-cta{padding:.5rem .9rem;font-size:var(--fs-body-sm)}.arena-docs-layout{padding:var(--space-md)}.arena-section-heading{align-items:flex-start;padding:var(--space-md)}.arena-section-heading:has(>h2){align-items:center}.arena-section-heading>.arena-button{padding:.625rem .75rem}.arena-section-heading>.arena-button>svg{display:none}.arena-form,.arena-secret,.arena-version-row,.arena-match-row,.arena-key-row,.arena-current-move{padding:var(--space-md)}.arena-form-footer{flex-wrap:wrap;gap:var(--space-xs)}.arena-form-footer>.arena-button{margin-left:auto}.arena-file-field{padding:var(--space-md)}.arena-bot-settings{flex-direction:column;align-items:stretch;padding:var(--space-md);gap:var(--space-sm)}.arena-bot-settings label{flex-basis:auto}.arena-version-heading time{flex-basis:100%;margin-left:0}.arena-version-row .arena-actions{gap:var(--space-xs) var(--space-sm)}.arena-match-row,.arena-key-row{flex-wrap:wrap;gap:var(--space-xs) var(--space-md)}.arena-match-names,.arena-key-row>div:first-child{flex-basis:100%}.arena-match-row>a{margin-left:auto}.arena-key-row>.arena-link{margin-left:auto}.arena-evaluation-row{padding:var(--space-md);gap:var(--space-sm)}.arena-evaluation-summary{flex-wrap:wrap;padding:var(--space-md)}.arena-replay-layout>.arena-stack{display:flex}.arena-docs-fields>div{grid-template-columns:minmax(0,1fr);gap:.25rem}.arena-code pre{padding-right:var(--space-md);padding-left:var(--space-md)}}@media(prefers-reduced-motion:reduce){.arena-page *,.arena-hub *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url(/assets/xx-zm_JmrXl.svg)}.fi-xx.fis{background-image:url(/assets/xx-DHLZWhOc.svg)}.fi-ad{background-image:url(/assets/ad-B18i8NGa.svg)}.fi-ad.fis{background-image:url(/assets/ad-Blhdm5jl.svg)}.fi-ae{background-image:url(/assets/ae-CZRtWSox.svg)}.fi-ae.fis{background-image:url(/assets/ae-CnWpkG7H.svg)}.fi-af{background-image:url(/assets/af-C77Rf6cE.svg)}.fi-af.fis{background-image:url(/assets/af-Bc2fqp73.svg)}.fi-ag{background-image:url(/assets/ag-C8MykuG2.svg)}.fi-ag.fis{background-image:url(/assets/ag-B50eCdjH.svg)}.fi-ai{background-image:url(/assets/ai-Dmedkf4v.svg)}.fi-ai.fis{background-image:url(/assets/ai-BhrGqTjA.svg)}.fi-al{background-image:url(/assets/al-10QRkakw.svg)}.fi-al.fis{background-image:url(/assets/al-CxA7yomf.svg)}.fi-am{background-image:url(/assets/am-DMt4_dd4.svg)}.fi-am.fis{background-image:url(/assets/am-Brwuaa2u.svg)}.fi-ao{background-image:url(/assets/ao-tXuRa6vm.svg)}.fi-ao.fis{background-image:url(/assets/ao-CAGuVnyg.svg)}.fi-aq{background-image:url(/assets/aq-CF5jO-0h.svg)}.fi-aq.fis{background-image:url(/assets/aq-UDjN-zV6.svg)}.fi-ar{background-image:url(/assets/ar-Be8Ju1cG.svg)}.fi-ar.fis{background-image:url(/assets/ar-NyCpd6W6.svg)}.fi-as{background-image:url(/assets/as-Dekqy8Of.svg)}.fi-as.fis{background-image:url(/assets/as-BTEVCXG-.svg)}.fi-at{background-image:url(/assets/at-DGA_6m5E.svg)}.fi-at.fis{background-image:url(/assets/at-D-LsLSdx.svg)}.fi-au{background-image:url(/assets/au-DAHDIuPI.svg)}.fi-au.fis{background-image:url(/assets/au-kL8f0uMB.svg)}.fi-aw{background-image:url(/assets/aw-W0PWLK5p.svg)}.fi-aw.fis{background-image:url(/assets/aw-CLCX8uk5.svg)}.fi-ax{background-image:url(/assets/ax-DvLIy84U.svg)}.fi-ax.fis{background-image:url(/assets/ax-wECm_RRW.svg)}.fi-az{background-image:url(/assets/az-Bk-bYNxy.svg)}.fi-az.fis{background-image:url(/assets/az-z2IthT8Q.svg)}.fi-ba{background-image:url(/assets/ba-WdDiSMvP.svg)}.fi-ba.fis{background-image:url(/assets/ba-CiiOt6u0.svg)}.fi-bb{background-image:url(/assets/bb-DJxbaxmT.svg)}.fi-bb.fis{background-image:url(/assets/bb-DC5IaaX4.svg)}.fi-bd{background-image:url(/assets/bd-BF9t1-60.svg)}.fi-bd.fis{background-image:url(/assets/bd-DvPoLH3C.svg)}.fi-be{background-image:url(/assets/be-CLLkK3PN.svg)}.fi-be.fis{background-image:url(/assets/be-Dtq4MkQz.svg)}.fi-bf{background-image:url(/assets/bf-YclsoDuF.svg)}.fi-bf.fis{background-image:url(/assets/bf-DCbfaYlw.svg)}.fi-bg{background-image:url(/assets/bg-GUQenraa.svg)}.fi-bg.fis{background-image:url(/assets/bg-cWragUdK.svg)}.fi-bh{background-image:url(/assets/bh-BQqEGq6F.svg)}.fi-bh.fis{background-image:url(/assets/bh-DgfmyT2n.svg)}.fi-bi{background-image:url(/assets/bi-CRmKY6RQ.svg)}.fi-bi.fis{background-image:url(/assets/bi-C8Dazs_i.svg)}.fi-bj{background-image:url(/assets/bj-14PhO9bM.svg)}.fi-bj.fis{background-image:url(/assets/bj-BOF1aYv0.svg)}.fi-bl{background-image:url(/assets/bl-4CI2YcwX.svg)}.fi-bl.fis{background-image:url(/assets/bl-Ci30-2xD.svg)}.fi-bm{background-image:url(/assets/bm-BeYgB2z9.svg)}.fi-bm.fis{background-image:url(/assets/bm-DvNWWcPM.svg)}.fi-bn{background-image:url(/assets/bn-B6T3O78g.svg)}.fi-bn.fis{background-image:url(/assets/bn-CPQcA8Ol.svg)}.fi-bo{background-image:url(/assets/bo-CcUiMqkJ.svg)}.fi-bo.fis{background-image:url(/assets/bo-Dry0C6UA.svg)}.fi-bq{background-image:url(/assets/bq-BYpdxEeT.svg)}.fi-bq.fis{background-image:url(/assets/bq-SWpsjb2t.svg)}.fi-br{background-image:url(/assets/br-Cu5YU29T.svg)}.fi-br.fis{background-image:url(/assets/br-Dr5rMAMb.svg)}.fi-bs{background-image:url(/assets/bs-7Gd_oriM.svg)}.fi-bs.fis{background-image:url(/assets/bs-CcXnDJaD.svg)}.fi-bt{background-image:url(/assets/bt-BTo4qm10.svg)}.fi-bt.fis{background-image:url(/assets/bt-SxWnbWW0.svg)}.fi-bv{background-image:url(/assets/bv-wM9JLv4R.svg)}.fi-bv.fis{background-image:url(/assets/bv-Jqog7euh.svg)}.fi-bw{background-image:url(/assets/bw-n5ZaAnGL.svg)}.fi-bw.fis{background-image:url(/assets/bw-DOFTOZyN.svg)}.fi-by{background-image:url(/assets/by-C621sBpd.svg)}.fi-by.fis{background-image:url(/assets/by-u4o0VQKP.svg)}.fi-bz{background-image:url(/assets/bz-BCKHR4_q.svg)}.fi-bz.fis{background-image:url(/assets/bz-CoBdB-p8.svg)}.fi-ca{background-image:url(/assets/ca-PYUrLVUV.svg)}.fi-ca.fis{background-image:url(/assets/ca-B8J8Wc6a.svg)}.fi-cc{background-image:url(/assets/cc-BNT6Xjzk.svg)}.fi-cc.fis{background-image:url(/assets/cc-Bl3UDHUt.svg)}.fi-cd{background-image:url(/assets/cd-BGclsrP6.svg)}.fi-cd.fis{background-image:url(/assets/cd-CwCQH0-t.svg)}.fi-cf{background-image:url(/assets/cf-DRetLmp-.svg)}.fi-cf.fis{background-image:url(/assets/cf-CvgcTRoz.svg)}.fi-cg{background-image:url(/assets/cg-CwIyG6SE.svg)}.fi-cg.fis{background-image:url(/assets/cg-DxMYgdKd.svg)}.fi-ch{background-image:url(/assets/ch-sfriZoF1.svg)}.fi-ch.fis{background-image:url(/assets/ch-Do8WoVrp.svg)}.fi-ci{background-image:url(/assets/ci-C8Q8IYTn.svg)}.fi-ci.fis{background-image:url(/assets/ci-Cn5asHD7.svg)}.fi-ck{background-image:url(/assets/ck-DfXMUOTo.svg)}.fi-ck.fis{background-image:url(/assets/ck-VjQ-vT4C.svg)}.fi-cl{background-image:url(/assets/cl-BgYYb4qP.svg)}.fi-cl.fis{background-image:url(/assets/cl-B2rf9gTF.svg)}.fi-cm{background-image:url(/assets/cm-D4yjdmKT.svg)}.fi-cm.fis{background-image:url(/assets/cm-B0XEK3Gu.svg)}.fi-cn{background-image:url(/assets/cn-DifnnI3t.svg)}.fi-cn.fis{background-image:url(/assets/cn-sZmOitVP.svg)}.fi-co{background-image:url(/assets/co-DV591zMm.svg)}.fi-co.fis{background-image:url(/assets/co-BRjxMuCM.svg)}.fi-cr{background-image:url(/assets/cr-BlYVN-_Q.svg)}.fi-cr.fis{background-image:url(/assets/cr-CcuKkUIo.svg)}.fi-cu{background-image:url(/assets/cu-L6XVZNgo.svg)}.fi-cu.fis{background-image:url(/assets/cu-Bd4PmZCn.svg)}.fi-cv{background-image:url(/assets/cv-CPsfcOfk.svg)}.fi-cv.fis{background-image:url(/assets/cv-BYvkBxIi.svg)}.fi-cw{background-image:url(/assets/cw-BbrnximR.svg)}.fi-cw.fis{background-image:url(/assets/cw-DDrVSims.svg)}.fi-cx{background-image:url(/assets/cx-DpYD6n6U.svg)}.fi-cx.fis{background-image:url(/assets/cx-zaaWd3zl.svg)}.fi-cy{background-image:url(/assets/cy-bZuP8hmf.svg)}.fi-cy.fis{background-image:url(/assets/cy-DJKnEFYW.svg)}.fi-cz{background-image:url(/assets/cz-WWBC5Aeb.svg)}.fi-cz.fis{background-image:url(/assets/cz-CgTuLLXv.svg)}.fi-de{background-image:url(/assets/de-B-2o-4Z9.svg)}.fi-de.fis{background-image:url(/assets/de-D365bacb.svg)}.fi-dj{background-image:url(/assets/dj-hp_BwbmO.svg)}.fi-dj.fis{background-image:url(/assets/dj-C7tvpAUy.svg)}.fi-dk{background-image:url(/assets/dk-DmS9BCZB.svg)}.fi-dk.fis{background-image:url(/assets/dk-2cglAULc.svg)}.fi-dm{background-image:url(/assets/dm-Cbhezfe1.svg)}.fi-dm.fis{background-image:url(/assets/dm-DPPHwW2M.svg)}.fi-do{background-image:url(/assets/do-B86d445t.svg)}.fi-do.fis{background-image:url(/assets/do-DeRnbj4d.svg)}.fi-dz{background-image:url(/assets/dz-Dytc1TFu.svg)}.fi-dz.fis{background-image:url(/assets/dz-EwXBYPv9.svg)}.fi-ec{background-image:url(/assets/ec-CaVOFQ3t.svg)}.fi-ec.fis{background-image:url(/assets/ec-cwfBJlvF.svg)}.fi-ee{background-image:url(/assets/ee-DufrxGIR.svg)}.fi-ee.fis{background-image:url(/assets/ee-B0tgUOEC.svg)}.fi-eg{background-image:url(/assets/eg-YC70hswZ.svg)}.fi-eg.fis{background-image:url(/assets/eg-DwOkwyQ0.svg)}.fi-eh{background-image:url(/assets/eh-0awM4TVj.svg)}.fi-eh.fis{background-image:url(/assets/eh-CsiwG8bE.svg)}.fi-er{background-image:url(/assets/er-X83uml6t.svg)}.fi-er.fis{background-image:url(/assets/er-Cn365Y3V.svg)}.fi-es{background-image:url(/assets/es-d5m8M5h8.svg)}.fi-es.fis{background-image:url(/assets/es-BuSGTZm_.svg)}.fi-et{background-image:url(/assets/et-DwdlzOIx.svg)}.fi-et.fis{background-image:url(/assets/et-cfPInayI.svg)}.fi-fi{background-image:url(/assets/fi-DWUIkfjL.svg)}.fi-fi.fis{background-image:url(/assets/fi-Brjq_KK6.svg)}.fi-fj{background-image:url(/assets/fj-DEAVMg38.svg)}.fi-fj.fis{background-image:url(/assets/fj-u3dAPoew.svg)}.fi-fk{background-image:url(/assets/fk-nuUF_Ak3.svg)}.fi-fk.fis{background-image:url(/assets/fk-B-RvQ4Hz.svg)}.fi-fm{background-image:url(/assets/fm-B4Z83GL0.svg)}.fi-fm.fis{background-image:url(/assets/fm-DwHuWFwM.svg)}.fi-fo{background-image:url(/assets/fo-DFjwyWur.svg)}.fi-fo.fis{background-image:url(/assets/fo-ClIne8bc.svg)}.fi-fr{background-image:url(/assets/fr-DVvUyOqI.svg)}.fi-fr.fis{background-image:url(/assets/fr-C1eGzDWr.svg)}.fi-ga{background-image:url(/assets/ga-BklUhLH_.svg)}.fi-ga.fis{background-image:url(/assets/ga-CgNkrnfv.svg)}.fi-gb{background-image:url(/assets/gb-DTXiLQoe.svg)}.fi-gb.fis{background-image:url(/assets/gb-DSer7Jgn.svg)}.fi-gd{background-image:url(/assets/gd-CO-whzUe.svg)}.fi-gd.fis{background-image:url(/assets/gd-m2vU81NR.svg)}.fi-ge{background-image:url(/assets/ge-B2RiL-Ih.svg)}.fi-ge.fis{background-image:url(/assets/ge-DFOl98HB.svg)}.fi-gf{background-image:url(/assets/gf-DWl5zcw0.svg)}.fi-gf.fis{background-image:url(/assets/gf-DFQqfs-j.svg)}.fi-gg{background-image:url(/assets/gg-jdOQS2nU.svg)}.fi-gg.fis{background-image:url(/assets/gg-vhR8-Yxm.svg)}.fi-gh{background-image:url(/assets/gh-r3LP_X7q.svg)}.fi-gh.fis{background-image:url(/assets/gh-6yUjim7M.svg)}.fi-gi{background-image:url(/assets/gi-BJKE9SzW.svg)}.fi-gi.fis{background-image:url(/assets/gi-ZBwZ45zU.svg)}.fi-gl{background-image:url(/assets/gl-CHaBnMib.svg)}.fi-gl.fis{background-image:url(/assets/gl-D6qP-fnE.svg)}.fi-gm{background-image:url(/assets/gm-Bu99atwn.svg)}.fi-gm.fis{background-image:url(/assets/gm-DI7EpeCC.svg)}.fi-gn{background-image:url(/assets/gn-1dJNy9oQ.svg)}.fi-gn.fis{background-image:url(/assets/gn-kt7YA1XT.svg)}.fi-gp{background-image:url(/assets/gp-DNyt_wTA.svg)}.fi-gp.fis{background-image:url(/assets/gp-BqGRs8a4.svg)}.fi-gq{background-image:url(/assets/gq-Cag8QTk2.svg)}.fi-gq.fis{background-image:url(/assets/gq-CPnMO1hT.svg)}.fi-gr{background-image:url(/assets/gr-C5PU0p9p.svg)}.fi-gr.fis{background-image:url(/assets/gr-COThnT__.svg)}.fi-gs{background-image:url(/assets/gs-DiiNa0F5.svg)}.fi-gs.fis{background-image:url(/assets/gs-DOgYbHsY.svg)}.fi-gt{background-image:url(/assets/gt-CJo5DI-7.svg)}.fi-gt.fis{background-image:url(/assets/gt-BLpn5qMn.svg)}.fi-gu{background-image:url(/assets/gu-Di1JYREk.svg)}.fi-gu.fis{background-image:url(/assets/gu-SbvrH0uZ.svg)}.fi-gw{background-image:url(/assets/gw-D249VY33.svg)}.fi-gw.fis{background-image:url(/assets/gw-BTWe96TV.svg)}.fi-gy{background-image:url(/assets/gy-CcVYUM2E.svg)}.fi-gy.fis{background-image:url(/assets/gy-Dl6DrQIH.svg)}.fi-hk{background-image:url(/assets/hk-CUNIaSX0.svg)}.fi-hk.fis{background-image:url(/assets/hk-omO_-Nil.svg)}.fi-hm{background-image:url(/assets/hm-Dh6t_Tj3.svg)}.fi-hm.fis{background-image:url(/assets/hm-fgV6xItx.svg)}.fi-hn{background-image:url(/assets/hn-CRjyS_bm.svg)}.fi-hn.fis{background-image:url(/assets/hn-GhlpqqjC.svg)}.fi-hr{background-image:url(/assets/hr-fzLfaANM.svg)}.fi-hr.fis{background-image:url(/assets/hr-BpiVVBoV.svg)}.fi-ht{background-image:url(/assets/ht-DIMg4gti.svg)}.fi-ht.fis{background-image:url(/assets/ht-pweRl6ZP.svg)}.fi-hu{background-image:url(/assets/hu-7Q5wwIIi.svg)}.fi-hu.fis{background-image:url(/assets/hu-Bm8S5mAU.svg)}.fi-id{background-image:url(/assets/id-DiSP6Fmm.svg)}.fi-id.fis{background-image:url(/assets/id-CJiY5UnY.svg)}.fi-ie{background-image:url(/assets/ie-ChAXClx3.svg)}.fi-ie.fis{background-image:url(/assets/ie-DhxI4aJv.svg)}.fi-il{background-image:url(/assets/il-_56OEGLa.svg)}.fi-il.fis{background-image:url(/assets/il-CeFQotKl.svg)}.fi-im{background-image:url(/assets/im--VPIqfkF.svg)}.fi-im.fis{background-image:url(/assets/im-Dd9p-0-T.svg)}.fi-in{background-image:url(/assets/in-Cdwu6Bq7.svg)}.fi-in.fis{background-image:url(/assets/in-BrINBvML.svg)}.fi-io{background-image:url(/assets/io-13HOfeJD.svg)}.fi-io.fis{background-image:url(/assets/io-BImhNBcd.svg)}.fi-iq{background-image:url(/assets/iq-Dp8HDzo2.svg)}.fi-iq.fis{background-image:url(/assets/iq-CZIXYTmc.svg)}.fi-ir{background-image:url(/assets/ir-cCIgaNf6.svg)}.fi-ir.fis{background-image:url(/assets/ir-Q03Mij62.svg)}.fi-is{background-image:url(/assets/is-CZjefTNV.svg)}.fi-is.fis{background-image:url(/assets/is-Cdq2ElPF.svg)}.fi-it{background-image:url(/assets/it-Br7q0Zh6.svg)}.fi-it.fis{background-image:url(/assets/it-lvp2tGC_.svg)}.fi-je{background-image:url(/assets/je-DyWbhIiC.svg)}.fi-je.fis{background-image:url(/assets/je-vXe0Dr49.svg)}.fi-jm{background-image:url(/assets/jm-CItSr3iX.svg)}.fi-jm.fis{background-image:url(/assets/jm-CLL-w5oS.svg)}.fi-jo{background-image:url(/assets/jo-BAF1FGbm.svg)}.fi-jo.fis{background-image:url(/assets/jo-CiGTAWEd.svg)}.fi-jp{background-image:url(/assets/jp-BIMmfxpO.svg)}.fi-jp.fis{background-image:url(/assets/jp-B5RfAVGb.svg)}.fi-ke{background-image:url(/assets/ke-C8foqndp.svg)}.fi-ke.fis{background-image:url(/assets/ke-b02kYgZN.svg)}.fi-kg{background-image:url(/assets/kg-B0FsxZiL.svg)}.fi-kg.fis{background-image:url(/assets/kg-CjfitMyT.svg)}.fi-kh{background-image:url(/assets/kh-BeWfuE30.svg)}.fi-kh.fis{background-image:url(/assets/kh-BBvObpUS.svg)}.fi-ki{background-image:url(/assets/ki-p_fAQGbS.svg)}.fi-ki.fis{background-image:url(/assets/ki-fuIMkEYQ.svg)}.fi-km{background-image:url(/assets/km-B5tqtGG7.svg)}.fi-km.fis{background-image:url(/assets/km-D0jmlyBf.svg)}.fi-kn{background-image:url(/assets/kn-DVPxDkNY.svg)}.fi-kn.fis{background-image:url(/assets/kn-CHJJOZkG.svg)}.fi-kp{background-image:url(/assets/kp-CrDKzoxe.svg)}.fi-kp.fis{background-image:url(/assets/kp-BsOq20Ii.svg)}.fi-kr{background-image:url(/assets/kr-BCXH1Hao.svg)}.fi-kr.fis{background-image:url(/assets/kr-KUIaWHQD.svg)}.fi-kw{background-image:url(/assets/kw-fSBzmd30.svg)}.fi-kw.fis{background-image:url(/assets/kw-CIaYkhdM.svg)}.fi-ky{background-image:url(/assets/ky-Dpsu1myA.svg)}.fi-ky.fis{background-image:url(/assets/ky-BqaZHuhf.svg)}.fi-kz{background-image:url(/assets/kz-CwKXYZ8s.svg)}.fi-kz.fis{background-image:url(/assets/kz-Dkyx6q-p.svg)}.fi-la{background-image:url(/assets/la-CuJflhIW.svg)}.fi-la.fis{background-image:url(/assets/la-cXlqIhGg.svg)}.fi-lb{background-image:url(/assets/lb-BSjpYEoo.svg)}.fi-lb.fis{background-image:url(/assets/lb-DqFaKN7K.svg)}.fi-lc{background-image:url(/assets/lc-CNvab8Ae.svg)}.fi-lc.fis{background-image:url(/assets/lc-DoQpaup4.svg)}.fi-li{background-image:url(/assets/li-CHdhvNcr.svg)}.fi-li.fis{background-image:url(/assets/li-CMlf0YU8.svg)}.fi-lk{background-image:url(/assets/lk-DUkgV9Tq.svg)}.fi-lk.fis{background-image:url(/assets/lk-DSQoDxn_.svg)}.fi-lr{background-image:url(/assets/lr-B84vu3Ds.svg)}.fi-lr.fis{background-image:url(/assets/lr-Zj2ZOITC.svg)}.fi-ls{background-image:url(/assets/ls-5Xk3Mxq5.svg)}.fi-ls.fis{background-image:url(/assets/ls-B-MSA_Nj.svg)}.fi-lt{background-image:url(/assets/lt-DoukV-Sm.svg)}.fi-lt.fis{background-image:url(/assets/lt-CU4QmtZ-.svg)}.fi-lu{background-image:url(/assets/lu-DOI02Msy.svg)}.fi-lu.fis{background-image:url(/assets/lu-CCDqjGZj.svg)}.fi-lv{background-image:url(/assets/lv-C-KfY8Yc.svg)}.fi-lv.fis{background-image:url(/assets/lv-DjyqV19Q.svg)}.fi-ly{background-image:url(/assets/ly-BWpTK3ux.svg)}.fi-ly.fis{background-image:url(/assets/ly-B0G7qBy-.svg)}.fi-ma{background-image:url(/assets/ma-BTRNTRUj.svg)}.fi-ma.fis{background-image:url(/assets/ma-BNn_BSaU.svg)}.fi-mc{background-image:url(/assets/mc-PK078JHl.svg)}.fi-mc.fis{background-image:url(/assets/mc-JhJMKfOk.svg)}.fi-md{background-image:url(/assets/md-DRlxvNwm.svg)}.fi-md.fis{background-image:url(/assets/md-DTi94M3M.svg)}.fi-me{background-image:url(/assets/me-Cv4Gwqah.svg)}.fi-me.fis{background-image:url(/assets/me-CfGorN3b.svg)}.fi-mf{background-image:url(/assets/mf-BaAGWwAq.svg)}.fi-mf.fis{background-image:url(/assets/mf-DC-GBYih.svg)}.fi-mg{background-image:url(/assets/mg-C168LHXW.svg)}.fi-mg.fis{background-image:url(/assets/mg-DDrNyYWg.svg)}.fi-mh{background-image:url(/assets/mh-gxuIp6Wk.svg)}.fi-mh.fis{background-image:url(/assets/mh--hJdVdXy.svg)}.fi-mk{background-image:url(/assets/mk-D9SIMr-a.svg)}.fi-mk.fis{background-image:url(/assets/mk-Cx9Yf_ZD.svg)}.fi-ml{background-image:url(/assets/ml-DVf6ujpi.svg)}.fi-ml.fis{background-image:url(/assets/ml-BBMGMlrT.svg)}.fi-mm{background-image:url(/assets/mm-lwT09MQ0.svg)}.fi-mm.fis{background-image:url(/assets/mm-DB0gzm_2.svg)}.fi-mn{background-image:url(/assets/mn-CgXyw0O9.svg)}.fi-mn.fis{background-image:url(/assets/mn-CNIDYiAG.svg)}.fi-mo{background-image:url(/assets/mo-BAtCjuYA.svg)}.fi-mo.fis{background-image:url(/assets/mo-CZPe8QjC.svg)}.fi-mp{background-image:url(/assets/mp-CrOApEqW.svg)}.fi-mp.fis{background-image:url(/assets/mp-CuaQmCLf.svg)}.fi-mq{background-image:url(/assets/mq-BFnJ22KI.svg)}.fi-mq.fis{background-image:url(/assets/mq-Dt7FKNYb.svg)}.fi-mr{background-image:url(/assets/mr-D6G1wpeZ.svg)}.fi-mr.fis{background-image:url(/assets/mr-Cqt475iO.svg)}.fi-ms{background-image:url(/assets/ms-DxciGbUu.svg)}.fi-ms.fis{background-image:url(/assets/ms-B-w7hFKu.svg)}.fi-mt{background-image:url(/assets/mt-YqzKx9xl.svg)}.fi-mt.fis{background-image:url(/assets/mt-YDa8zgzO.svg)}.fi-mu{background-image:url(/assets/mu-mcq7cUFl.svg)}.fi-mu.fis{background-image:url(/assets/mu-B2mIIRce.svg)}.fi-mv{background-image:url(/assets/mv-BynAllfM.svg)}.fi-mv.fis{background-image:url(/assets/mv-BXI4x8em.svg)}.fi-mw{background-image:url(/assets/mw-C15nc1xZ.svg)}.fi-mw.fis{background-image:url(/assets/mw-DkelfrL9.svg)}.fi-mx{background-image:url(/assets/mx-Cc8Ccfe8.svg)}.fi-mx.fis{background-image:url(/assets/mx-CvCwYHGF.svg)}.fi-my{background-image:url(/assets/my-Co4JeeyE.svg)}.fi-my.fis{background-image:url(/assets/my-BR3vHt6_.svg)}.fi-mz{background-image:url(/assets/mz-Drlr_USV.svg)}.fi-mz.fis{background-image:url(/assets/mz-Bo6u1S_s.svg)}.fi-na{background-image:url(/assets/na-D79ffb4Z.svg)}.fi-na.fis{background-image:url(/assets/na-0wFvily3.svg)}.fi-nc{background-image:url(/assets/nc-5j7wEmDR.svg)}.fi-nc.fis{background-image:url(/assets/nc-Bw50_tBz.svg)}.fi-ne{background-image:url(/assets/ne-B1jPOYkl.svg)}.fi-ne.fis{background-image:url(/assets/ne-Cium2f5G.svg)}.fi-nf{background-image:url(/assets/nf-Dl00mlk2.svg)}.fi-nf.fis{background-image:url(/assets/nf-DGrQb42O.svg)}.fi-ng{background-image:url(/assets/ng-su4NM9If.svg)}.fi-ng.fis{background-image:url(/assets/ng-CLL1nzMk.svg)}.fi-ni{background-image:url(/assets/ni-CcFCSQxm.svg)}.fi-ni.fis{background-image:url(/assets/ni-BX2WCaNt.svg)}.fi-nl{background-image:url(/assets/nl-BnOa6UiA.svg)}.fi-nl.fis{background-image:url(/assets/nl-DKN85plC.svg)}.fi-no{background-image:url(/assets/no-qf2JPO73.svg)}.fi-no.fis{background-image:url(/assets/no-67wnnm5y.svg)}.fi-np{background-image:url(/assets/np-CIuq5GKd.svg)}.fi-np.fis{background-image:url(/assets/np-B4k6qJKf.svg)}.fi-nr{background-image:url(/assets/nr-DERIdzkN.svg)}.fi-nr.fis{background-image:url(/assets/nr-SnI60Bgd.svg)}.fi-nu{background-image:url(/assets/nu-BfgWvGcd.svg)}.fi-nu.fis{background-image:url(/assets/nu-Dm-LLXct.svg)}.fi-nz{background-image:url(/assets/nz-5vODdBjz.svg)}.fi-nz.fis{background-image:url(/assets/nz-CaLnugvK.svg)}.fi-om{background-image:url(/assets/om-DcqxRdQL.svg)}.fi-om.fis{background-image:url(/assets/om-nN8zP2Bu.svg)}.fi-pa{background-image:url(/assets/pa-BLNN9G2-.svg)}.fi-pa.fis{background-image:url(/assets/pa-BzRYvRsl.svg)}.fi-pe{background-image:url(/assets/pe-BLqhuu1C.svg)}.fi-pe.fis{background-image:url(/assets/pe--eye3JWr.svg)}.fi-pf{background-image:url(/assets/pf-C8ahG68q.svg)}.fi-pf.fis{background-image:url(/assets/pf-e6q_5ubr.svg)}.fi-pg{background-image:url(/assets/pg-BAYpbp9Z.svg)}.fi-pg.fis{background-image:url(/assets/pg-nBvUkq7v.svg)}.fi-ph{background-image:url(/assets/ph-BEzTn62K.svg)}.fi-ph.fis{background-image:url(/assets/ph-B10ogxgQ.svg)}.fi-pk{background-image:url(/assets/pk-CWMEc3ad.svg)}.fi-pk.fis{background-image:url(/assets/pk-BnahYzav.svg)}.fi-pl{background-image:url(/assets/pl-o38JROoc.svg)}.fi-pl.fis{background-image:url(/assets/pl-jl6riBSr.svg)}.fi-pm{background-image:url(/assets/pm-CHiP5UmZ.svg)}.fi-pm.fis{background-image:url(/assets/pm-CatGySkp.svg)}.fi-pn{background-image:url(/assets/pn-DgxdtieE.svg)}.fi-pn.fis{background-image:url(/assets/pn-BPAlH32D.svg)}.fi-pr{background-image:url(/assets/pr-B4tMV0xm.svg)}.fi-pr.fis{background-image:url(/assets/pr-DjaQzs0K.svg)}.fi-ps{background-image:url(/assets/ps-DO8YKYeS.svg)}.fi-ps.fis{background-image:url(/assets/ps-CEUcLi5W.svg)}.fi-pt{background-image:url(/assets/pt-DZ2ADgIR.svg)}.fi-pt.fis{background-image:url(/assets/pt-BTevY6N2.svg)}.fi-pw{background-image:url(/assets/pw-CQP52WMX.svg)}.fi-pw.fis{background-image:url(/assets/pw-DOQyn2PV.svg)}.fi-py{background-image:url(/assets/py-mNzh0mZC.svg)}.fi-py.fis{background-image:url(/assets/py-BKi5dxWt.svg)}.fi-qa{background-image:url(/assets/qa-Dkmpc78M.svg)}.fi-qa.fis{background-image:url(/assets/qa-CekFoc-3.svg)}.fi-re{background-image:url(/assets/re-Bk4ipYK1.svg)}.fi-re.fis{background-image:url(/assets/re-Bg1MZWMt.svg)}.fi-ro{background-image:url(/assets/ro-CoSeqKY1.svg)}.fi-ro.fis{background-image:url(/assets/ro-C2av9jVe.svg)}.fi-rs{background-image:url(/assets/rs-BfwKwXtn.svg)}.fi-rs.fis{background-image:url(/assets/rs-CnTO3ehk.svg)}.fi-ru{background-image:url(/assets/ru-D-4tNwXt.svg)}.fi-ru.fis{background-image:url(/assets/ru-DbUtf_DX.svg)}.fi-rw{background-image:url(/assets/rw-D7nbSYKI.svg)}.fi-rw.fis{background-image:url(/assets/rw-CcIfVufE.svg)}.fi-sa{background-image:url(/assets/sa-Dh79zbT9.svg)}.fi-sa.fis{background-image:url(/assets/sa-DnlyVVKx.svg)}.fi-sb{background-image:url(/assets/sb-BDTYjcbk.svg)}.fi-sb.fis{background-image:url(/assets/sb-Dv-Gc94i.svg)}.fi-sc{background-image:url(/assets/sc-CRNsSLg9.svg)}.fi-sc.fis{background-image:url(/assets/sc-DFTNEfqs.svg)}.fi-sd{background-image:url(/assets/sd-ClziNjGr.svg)}.fi-sd.fis{background-image:url(/assets/sd-BwHx54f9.svg)}.fi-se{background-image:url(/assets/se-8C923vhy.svg)}.fi-se.fis{background-image:url(/assets/se-DHad7SFX.svg)}.fi-sg{background-image:url(/assets/sg-DGYIMG0G.svg)}.fi-sg.fis{background-image:url(/assets/sg-DisnRdSe.svg)}.fi-sh{background-image:url(/assets/sh-DNImvbrE.svg)}.fi-sh.fis{background-image:url(/assets/sh-DBww0RCW.svg)}.fi-si{background-image:url(/assets/si-BMKT-Tec.svg)}.fi-si.fis{background-image:url(/assets/si-BDW--7ta.svg)}.fi-sj{background-image:url(/assets/sj-BFFEGknm.svg)}.fi-sj.fis{background-image:url(/assets/sj-AM0BJ0qg.svg)}.fi-sk{background-image:url(/assets/sk-K9BNIYAO.svg)}.fi-sk.fis{background-image:url(/assets/sk-8lQCLAqV.svg)}.fi-sl{background-image:url(/assets/sl-DxLJY5vJ.svg)}.fi-sl.fis{background-image:url(/assets/sl-C0dI8IsG.svg)}.fi-sm{background-image:url(/assets/sm-DGBIRFB_.svg)}.fi-sm.fis{background-image:url(/assets/sm-BKrUHzrq.svg)}.fi-sn{background-image:url(/assets/sn-S8ipNF1U.svg)}.fi-sn.fis{background-image:url(/assets/sn-C4abx9Xn.svg)}.fi-so{background-image:url(/assets/so-DlzA2Fco.svg)}.fi-so.fis{background-image:url(/assets/so-BpxKZJzu.svg)}.fi-sr{background-image:url(/assets/sr-Co7OKBh3.svg)}.fi-sr.fis{background-image:url(/assets/sr-CfMKAfua.svg)}.fi-ss{background-image:url(/assets/ss-CxVEpdPD.svg)}.fi-ss.fis{background-image:url(/assets/ss-C_PPJ8V2.svg)}.fi-st{background-image:url(/assets/st-C1Nd1c3V.svg)}.fi-st.fis{background-image:url(/assets/st-AMcb9FhJ.svg)}.fi-sv{background-image:url(/assets/sv-CJIHhYwF.svg)}.fi-sv.fis{background-image:url(/assets/sv-RZ39q5hO.svg)}.fi-sx{background-image:url(/assets/sx-nDhIaDNb.svg)}.fi-sx.fis{background-image:url(/assets/sx-RKKs0ph6.svg)}.fi-sy{background-image:url(/assets/sy-DwSud114.svg)}.fi-sy.fis{background-image:url(/assets/sy-Dpn5i9ke.svg)}.fi-sz{background-image:url(/assets/sz-qxMwa2gs.svg)}.fi-sz.fis{background-image:url(/assets/sz-D39eIL5d.svg)}.fi-tc{background-image:url(/assets/tc-dtelpZmc.svg)}.fi-tc.fis{background-image:url(/assets/tc-CJHJmJj1.svg)}.fi-td{background-image:url(/assets/td-BsuVhZpT.svg)}.fi-td.fis{background-image:url(/assets/td-Ddv_29rE.svg)}.fi-tf{background-image:url(/assets/tf-Co33RhQH.svg)}.fi-tf.fis{background-image:url(/assets/tf-DSn8VxE3.svg)}.fi-tg{background-image:url(/assets/tg-CP1-sc35.svg)}.fi-tg.fis{background-image:url(/assets/tg-BpRxi4F-.svg)}.fi-th{background-image:url(/assets/th-tzq84hgd.svg)}.fi-th.fis{background-image:url(/assets/th-DK2zZyMY.svg)}.fi-tj{background-image:url(/assets/tj-b-aWfOTb.svg)}.fi-tj.fis{background-image:url(/assets/tj-BWWBVTk9.svg)}.fi-tk{background-image:url(/assets/tk-CDucsEss.svg)}.fi-tk.fis{background-image:url(/assets/tk-CZEI6mqd.svg)}.fi-tl{background-image:url(/assets/tl-wpo93AGk.svg)}.fi-tl.fis{background-image:url(/assets/tl-zghdr7_K.svg)}.fi-tm{background-image:url(/assets/tm-C_WSgUcv.svg)}.fi-tm.fis{background-image:url(/assets/tm-DGBJvQay.svg)}.fi-tn{background-image:url(/assets/tn-BcKCZULf.svg)}.fi-tn.fis{background-image:url(/assets/tn-DcO8DL80.svg)}.fi-to{background-image:url(/assets/to-D8uVsoxb.svg)}.fi-to.fis{background-image:url(/assets/to-6m55WaQo.svg)}.fi-tr{background-image:url(/assets/tr-Cd6FO9Bg.svg)}.fi-tr.fis{background-image:url(/assets/tr-Dgwi_nfe.svg)}.fi-tt{background-image:url(/assets/tt-CTnr7aY5.svg)}.fi-tt.fis{background-image:url(/assets/tt-f6m2xq_2.svg)}.fi-tv{background-image:url(/assets/tv-DDqkVT-n.svg)}.fi-tv.fis{background-image:url(/assets/tv-MqebyrVm.svg)}.fi-tw{background-image:url(/assets/tw-d-Mf-0VT.svg)}.fi-tw.fis{background-image:url(/assets/tw-BGxVDCOL.svg)}.fi-tz{background-image:url(/assets/tz-BjLtHeil.svg)}.fi-tz.fis{background-image:url(/assets/tz-BUVjlfC1.svg)}.fi-ua{background-image:url(/assets/ua-Bq0XgQqK.svg)}.fi-ua.fis{background-image:url(/assets/ua-BquxXKta.svg)}.fi-ug{background-image:url(/assets/ug-ByL2ejGl.svg)}.fi-ug.fis{background-image:url(/assets/ug-CQ8d5RQC.svg)}.fi-um{background-image:url(/assets/um-Bhke9Eic.svg)}.fi-um.fis{background-image:url(/assets/um-DreQrsBl.svg)}.fi-us{background-image:url(/assets/us-C73uVeEr.svg)}.fi-us.fis{background-image:url(/assets/us-DAM9Utrf.svg)}.fi-uy{background-image:url(/assets/uy-DD6peej-.svg)}.fi-uy.fis{background-image:url(/assets/uy-B2Qs7aGx.svg)}.fi-uz{background-image:url(/assets/uz-C2f-Cubn.svg)}.fi-uz.fis{background-image:url(/assets/uz-rmSB_IKB.svg)}.fi-va{background-image:url(/assets/va-B9-hqIE-.svg)}.fi-va.fis{background-image:url(/assets/va-s7kyhqIM.svg)}.fi-vc{background-image:url(/assets/vc-COpmFovN.svg)}.fi-vc.fis{background-image:url(/assets/vc-DaYqUZD4.svg)}.fi-ve{background-image:url(/assets/ve-BSqnIB9l.svg)}.fi-ve.fis{background-image:url(/assets/ve-L4X6NQ3q.svg)}.fi-vg{background-image:url(/assets/vg-C7xY6pic.svg)}.fi-vg.fis{background-image:url(/assets/vg-ClZ-0KpG.svg)}.fi-vi{background-image:url(/assets/vi-BC_zcciE.svg)}.fi-vi.fis{background-image:url(/assets/vi-BSdsyIxY.svg)}.fi-vn{background-image:url(/assets/vn-BEAEijd0.svg)}.fi-vn.fis{background-image:url(/assets/vn-CsUBJx2L.svg)}.fi-vu{background-image:url(/assets/vu-D6k0NQlg.svg)}.fi-vu.fis{background-image:url(/assets/vu-BIFa5Beu.svg)}.fi-wf{background-image:url(/assets/wf-DrxpOO_G.svg)}.fi-wf.fis{background-image:url(/assets/wf-BC64oop4.svg)}.fi-ws{background-image:url(/assets/ws-vzJNwdVm.svg)}.fi-ws.fis{background-image:url(/assets/ws-IVFNwTc1.svg)}.fi-ye{background-image:url(/assets/ye-BwST9gXC.svg)}.fi-ye.fis{background-image:url(/assets/ye-Ir8OtngQ.svg)}.fi-yt{background-image:url(/assets/yt-DIfEG0ex.svg)}.fi-yt.fis{background-image:url(/assets/yt-BGlbbiEn.svg)}.fi-za{background-image:url(/assets/za-Jz40JTrv.svg)}.fi-za.fis{background-image:url(/assets/za-BUKoH9qm.svg)}.fi-zm{background-image:url(/assets/zm-BmsW91ne.svg)}.fi-zm.fis{background-image:url(/assets/zm-D8B-0kdx.svg)}.fi-zw{background-image:url(/assets/zw-U0m7oJ5e.svg)}.fi-zw.fis{background-image:url(/assets/zw-CSuuaw9K.svg)}.fi-arab{background-image:url(/assets/arab-C4CYPgyC.svg)}.fi-arab.fis{background-image:url(/assets/arab-C-KgnQEz.svg)}.fi-asean{background-image:url(/assets/asean-WMtZ-US_.svg)}.fi-asean.fis{background-image:url(/assets/asean-CmuWHvfA.svg)}.fi-cefta{background-image:url(/assets/cefta-2dDBYygd.svg)}.fi-cefta.fis{background-image:url(/assets/cefta-CdOByeeI.svg)}.fi-cp{background-image:url(/assets/cp-K_ay05Q_.svg)}.fi-cp.fis{background-image:url(/assets/cp-k6oDAflT.svg)}.fi-dg{background-image:url(/assets/dg-CJPJrjiZ.svg)}.fi-dg.fis{background-image:url(/assets/dg-DqkWLbnk.svg)}.fi-eac{background-image:url(/assets/eac-CwGQsyAM.svg)}.fi-eac.fis{background-image:url(/assets/eac-h4QKADRE.svg)}.fi-es-ct{background-image:url(/assets/es-ct-CVyhLp7O.svg)}.fi-es-ct.fis{background-image:url(/assets/es-ct-DdzobtBd.svg)}.fi-es-ga{background-image:url(/assets/es-ga-D9xG2hYr.svg)}.fi-es-ga.fis{background-image:url(/assets/es-ga-DXhVZ333.svg)}.fi-es-pv{background-image:url(/assets/es-pv-CO3NM2SE.svg)}.fi-es-pv.fis{background-image:url(/assets/es-pv-DMotQiZd.svg)}.fi-eu{background-image:url(/assets/eu-Brdgz8ab.svg)}.fi-eu.fis{background-image:url(/assets/eu-BE2G-Ars.svg)}.fi-gb-eng{background-image:url(/assets/gb-eng-C8iDhGHN.svg)}.fi-gb-eng.fis{background-image:url(/assets/gb-eng-DTHmDHq3.svg)}.fi-gb-nir{background-image:url(/assets/gb-nir-D4gikpNq.svg)}.fi-gb-nir.fis{background-image:url(/assets/gb-nir-vEp1ZXy6.svg)}.fi-gb-sct{background-image:url(/assets/gb-sct-fW5q01ek.svg)}.fi-gb-sct.fis{background-image:url(/assets/gb-sct-D5L2FKKv.svg)}.fi-gb-wls{background-image:url(/assets/gb-wls-Bxz9hxvX.svg)}.fi-gb-wls.fis{background-image:url(/assets/gb-wls-CK0XlKT-.svg)}.fi-ic{background-image:url(/assets/ic-CSo4d8tH.svg)}.fi-ic.fis{background-image:url(/assets/ic-tiZZSA7Y.svg)}.fi-pc{background-image:url(/assets/pc-BJpYiA9b.svg)}.fi-pc.fis{background-image:url(/assets/pc-D9OuqgOn.svg)}.fi-sh-ac{background-image:url(/assets/sh-ac-FjwY7RYr.svg)}.fi-sh-ac.fis{background-image:url(/assets/sh-ac-D-aE2xRW.svg)}.fi-sh-hl{background-image:url(/assets/sh-hl-CqtQPzWZ.svg)}.fi-sh-hl.fis{background-image:url(/assets/sh-hl-CgxUDvtv.svg)}.fi-sh-ta{background-image:url(/assets/sh-ta-CPJublpi.svg)}.fi-sh-ta.fis{background-image:url(/assets/sh-ta-BFo5zkKU.svg)}.fi-un{background-image:url(/assets/un-Bqg4Cbbh.svg)}.fi-un.fis{background-image:url(/assets/un-DabL4p35.svg)}.fi-xk{background-image:url(/assets/xk-Bj15g7cp.svg)}.fi-xk.fis{background-image:url(/assets/xk-Cdz2uTvR.svg)}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/open-sans-variable.woff2) format("woff2")}:root{--bg-dark: #11151B;--bg-dark-rgb: 17,21,27;--bg-medium: #283241;--bg-panel: #202733;--bg-card: #202733;--bg-deep: #0b0f14;--panel-rgb: 32,39,51;--panel-mid-rgb: 26,32,48;--panel-deep-rgb: 20,26,40;--board-navy-bg: #1450a8;--cta: #F2C230;--cta-light: #FFD75E;--cta-dark: #B8860B;--cta-text: #160900;--cta-rgb: 242,194,48;--cta-muted: #D4AF37;--cta-muted-rgb: 212,175,55;--cta-ui: 212,175,55;--gold: var(--cta);--gold-light: var(--cta-light);--gold-muted: var(--cta-muted);--gold-dark: var(--cta-dark);--gold-text: var(--cta-text);--gold-rgb: var(--cta-rgb);--gold-ui: var(--cta-ui);--hex-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M30 0L60 15v22L30 52 0 37V15z' fill='none' stroke='%23D4AF37' stroke-width='.5'/%3E%3C/svg%3E");--text-primary: #F7F4EC;--nav-text: #F2EFE2;--text-light: var(--text-primary);--text-secondary: #C9C3B8;--text-dimmed: rgba(255,255,255,.6);--text-muted: #918B82;--text-primary-rgb: 247,244,236;--accent-highlight: #f8d969;--accent-highlight-rgb: 248,217,105;--accent-glow-rgb: 255,215,0;--accent-ck: #f1cd64;--accent-ck-rgb: 241,205,100;--accent-luck: #26c2a3;--accent-variant: #f2a7d8;--accent-variant-rgb: 214,100,180;--scrim-rgb: 10,16,32;--text-faint: rgba(255,255,255,.4);--text-nondefault: #ffd84d;--border: #3A4656;--border-light: rgba(200,220,240,.18);--border-glow: var(--surface-line-faint);--overlay: rgba(2,4,8,.55);--shadow: var(--shadow-ink);--shadow-1: 0 1px 2px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.25);--shadow-2: 0 2px 6px rgba(0,0,0,.3), 0 10px 28px rgba(0,0,0,.35);--shadow-3: 0 4px 12px rgba(0,0,0,.35), 0 24px 64px rgba(0,0,0,.5);--edge-top: inset 0 1px 0 var(--surface-line-faint);--surface-fill-faint: rgba(255,255,255,.04);--surface-fill-soft: rgba(255,255,255,.06);--surface-fill: rgba(255,255,255,.1);--surface-fill-strong: rgba(255,255,255,.16);--surface-line-faint: rgba(255,255,255,.06);--surface-line: rgba(255,255,255,.1);--surface-line-strong: rgba(255,255,255,.15);--surface-line-bold: rgba(255,255,255,.22);--text-soft: rgba(255,255,255,.72);--text-bright: rgba(255,255,255,.85);--shadow-ink-faint: rgba(0,0,0,.1);--shadow-ink-soft: rgba(0,0,0,.2);--shadow-ink: rgba(0,0,0,.35);--shadow-ink-deep: rgba(0,0,0,.5);--recess-soft: rgba(0,0,0,.15);--recess: rgba(0,0,0,.25);--recess-strong: rgba(0,0,0,.4);--scrim-soft: rgba(0,0,0,.35);--scrim: rgba(0,0,0,.65);--scrim-heavy: rgba(0,0,0,.9);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-micro: .1s;--dur-fast: .14s;--dur-med: .24s;--dur-slow: .42s;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--surface-inset: #171C24;--surface-hover: #252E3B;--surface-pressed: #141920;--accent-surface: rgba(var(--cta-rgb), .1);--accent-surface-strong: rgba(var(--cta-rgb), .18);--success-surface: rgba(79, 180, 119, .1);--danger-surface: rgba(220, 107, 104, .1);--info-surface: rgba(101, 167, 216, .1);--focus-ring: var(--cta-light);--color-accent-ink: var(--cta-text);--color-transparent: transparent;--radius-xxs: 2px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 16px;--radius-hero: 20px;--radius-pill: 999px;--radius-round: 50%;--z-tooltip: 600;--z-modal-popover: 10010;--success: #4FB477;--success-light: #4ade80;--success-dark: #0D7438;--success-rgb: 79,180,119;--danger: #DC6B68;--danger-light: #f87171;--danger-dark: #DC2626;--danger-rgb: 220,107,104;--warn: #F59E0B;--warn-rgb: 245,158,11;--info: #65A7D8;--info-rgb: 101,167,216;--reward-gold: #e0b149;--reward-gold-rgb: 224,177,73;--reward-gold-light: #ffe8a3;--reward-gold-border: #f4cb65;--reward-gold-border-rgb: 244,203,101;--reward-gold-text: #2a1d00;--reward-gold-track-bg: #1a1300;--discord: #5865F2;--discord-hover: #4752C4;--page-bg: var(--bg-dark);--page-bg-rgb: var(--bg-dark-rgb);--page-bg-deep-rgb: var(--panel-deep-rgb);--panel-bg: linear-gradient(165deg, rgba(var(--panel-rgb),.95) 0%, rgba(var(--panel-mid-rgb),.85) 50%, rgba(var(--panel-deep-rgb),.75) 100%);--surface-card-image: linear-gradient(165deg, rgba(var(--panel-rgb),.35) 0%, rgba(var(--panel-mid-rgb),.3) 50%, rgba(var(--panel-deep-rgb),.22) 100%);--surface-card-hover-image: linear-gradient(rgba(0,0,0,.32), rgba(0,0,0,.32)), var(--surface-card-image);--surface-strong-image: linear-gradient(165deg, rgba(var(--panel-rgb),.55), rgba(var(--panel-deep-rgb),.65));--surface-strip-image: linear-gradient(180deg, rgba(var(--panel-rgb),.4), rgba(var(--panel-deep-rgb),.28));--surface-panel-image: linear-gradient(165deg, rgba(var(--panel-rgb),.97) 0%, rgba(var(--panel-mid-rgb),.98) 50%, rgba(var(--panel-deep-rgb),.99) 100%);--surface-card: var(--surface-card-image);--surface-card-hover: var(--surface-card-hover-image);--surface-strong: var(--surface-strong-image);--surface-strip: var(--surface-strip-image);--surface-panel: var(--surface-panel-image);--font-heading: "Open Sans", sans-serif;--font-body: "Open Sans", sans-serif;--font-trust-display: "IBM Plex Sans Variable", sans-serif;--font-mono: monospace;--fs-micro: .55rem;--fs-tiny: .6rem;--fs-caption: .65rem;--fs-small: .7rem;--fs-label: .75rem;--fs-control: .8rem;--fs-body-sm: .85rem;--fs-body: .9rem;--fs-body-lg: .95rem;--fs-base: 1rem;--fs-lead: 1.1rem;--fs-h4: 1.2rem;--fs-h3: 1.35rem;--fs-h2: 1.5rem;--fs-h1: 1.8rem;--card-border-top: rgba(255, 255, 255, .18);--card-border-left: rgba(255, 255, 255, .08);--card-border-bottom: rgba(0, 0, 0, .25);--card-inset-top: inset 0 1px 0 rgba(255, 255, 255, .18);--card-inset-bottom: inset 0 -1px 0 rgba(0, 0, 0, .12);--game-panel-bg: rgba(0, 0, 0, .32);--game-panel-border: 1px solid rgba(200, 220, 240, .18);--glass-border: rgba(255,255,255,.06);--glass-glow: 0 0 8px rgba(255, 255, 255, .04);--popup-bg: var(--overlay);--panel-blur: blur(12px);--panel-radius: 12px;--panel-pad: 1.25rem 1.35rem;--panel-gap: 1rem;--page-gap: 1rem}.hx-panel{display:flex;flex-direction:column;gap:var(--panel-gap);padding:var(--panel-pad);border-radius:var(--panel-radius);background:var(--bg-panel);border:1px solid var(--glass-border);box-shadow:var(--shadow-1);min-width:0}.hx-panel-tight{padding:1rem 1.1rem;gap:.75rem}.hx-kicker{display:inline-flex;color:var(--cta-light);font-size:var(--fs-small);font-weight:800;letter-spacing:.08em;text-transform:uppercase}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes spin-border{to{--border-angle: 360deg}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,select,[contenteditable=true],.chat-box-messages,.game-log-entries,.legal-page,.legal-card,.ranked-info-page,.ranked-info-page *,.invite-link-input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}@keyframes tap-bounce{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@media(hover:hover){button:active,a:active,[role=button]:active,.clickable:active,.hud-build-available:active,.trade-box-selector-card:active,.trade-box-card:active,.hud-devcard-picker-card:active,.hud-devcard-picker-choice:active,.hud-discard-stack:active,.hud-discard-card:active,.trade-box-stack:active,.t-card:active,.play-mt-card:active,.t-evt-row:active,.t-evt-hero:active,.t-rail-row:active{animation:tap-bounce .25s cubic-bezier(.34,1.56,.64,1)}.game-page button:active,.game-page a:active,.game-page [role=button]:active,.game-page .clickable:active,.game-page .hud-build-available:active,.game-page .trade-box-selector-card:active,.game-page .trade-box-card:active,.game-page .hud-devcard-picker-card:active,.game-page .hud-devcard-picker-choice:active,.game-page .hud-discard-stack:active,.game-page .hud-discard-card:active,.game-page .trade-box-stack:active,.practice-page button:active,.draft-page button:active{animation:none}}html{overflow-x:hidden;overflow-x:clip;overscroll-behavior:none}body{font-family:var(--font-body);background:var(--page-bg);color:var(--text-light);min-height:100vh;overflow-x:hidden;overflow-x:clip;overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.01em;text-wrap:balance}button{font-family:var(--font-heading);cursor:pointer}input,textarea,select{font-family:var(--font-body)}select option{background:var(--bg-panel);color:var(--text-secondary)}::selection{background:rgba(var(--cta-rgb),.35);color:#fff}:focus-visible{outline:2px solid rgba(var(--cta-rgb),.7);outline-offset:2px;border-radius:var(--radius-xs)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-fill-strong);border-radius:var(--radius-xs);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#ffffff3d}.route-fallback{width:100%;min-height:240px;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}@keyframes page-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.play-page,.stats-page,.ranked-info-page,.gamehistory-page-container{animation:page-rise var(--dur-slow) var(--ease-out) both}@media(prefers-reduced-motion:reduce){.play-page,.stats-page,.ranked-info-page,.gamehistory-page-container{animation:none}}.product-note-modal{width:min(480px,calc(100vw - 28px));display:flex;flex-direction:column;gap:.8rem}.product-note-copy{color:var(--text-secondary);font-size:var(--fs-body);line-height:1.45;margin:0}.product-note-label{color:var(--text-secondary);font-size:var(--fs-label);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.product-note-row{display:flex;align-items:center;gap:.75rem}.product-note-row .product-note-label{flex:0 0 84px;margin:0}.product-note-row .product-note-select{flex:1}.product-note-input,.product-note-select,.product-note-textarea,.community-inline-form input,.community-interest-form select,.community-interest-form textarea{box-sizing:border-box;width:100%;border:1px solid var(--border-light);border-radius:var(--radius-md);background:rgba(var(--panel-deep-rgb),.85);color:var(--text-primary);padding:.72rem .8rem;font:inherit;outline:none}.product-note-textarea,.community-interest-form textarea{resize:vertical;min-height:92px}.product-note-input:focus,.product-note-select:focus,.product-note-textarea:focus,.community-inline-form input:focus,.community-interest-form select:focus,.community-interest-form textarea:focus{border-color:rgba(var(--cta-rgb),.62);box-shadow:0 0 0 3px rgba(var(--cta-rgb),.12)}.product-note-textarea:disabled{opacity:.72;cursor:not-allowed}.saveboard-code-row{display:flex;align-items:stretch;gap:.5rem}.saveboard-code-row .btn-catan-secondary{flex:0 0 auto}.saveboard-code-input{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-control);white-space:nowrap;overflow-x:auto}.update-modal.boardsel-modal{max-width:560px;width:min(94vw,560px)}.update-modal-overlay.prefabsel-overlay{z-index:10000}.boardsel-saved-list{max-height:193px;overflow-y:auto;padding-right:2px}.boardsel-prefab-buttons{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.5rem}.boardsel-prefab-buttons .btn-catan-secondary{flex:1 1 auto;padding:.5rem .7rem;font-size:var(--fs-small);white-space:nowrap}.prefabsel-filter-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}.prefabsel-filter-label{font-size:var(--fs-caption);font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.prefabsel-select{flex:1 1 auto;min-width:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:var(--recess);color:var(--text-secondary);border-radius:var(--radius-pill);padding:.55rem 1.9rem .55rem .95rem;font:inherit;font-size:var(--fs-control);font-weight:600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.4)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;cursor:pointer}.prefabsel-select option{background:#1a1a2e;color:#fff}.update-modal.prefabsel-modal{max-width:880px;width:min(94vw,880px)}.prefabsel-cols{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:.7rem;align-items:start}.chalsel-modal{max-width:560px}.chalsel-list{max-height:60vh;overflow-y:auto;padding-right:2px}.chalsel-list .chalsel-row{display:block;padding:.55rem .7rem}.chalsel-list .chalsel-row>span{overflow:visible;white-space:normal}.chalsel-list .chalsel-row-head strong{color:#fff;font-weight:700;font-size:var(--fs-body-lg);overflow:visible;white-space:normal}.chalsel-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.chalsel-row-head strong{font-size:var(--fs-body)}.chalsel-tag{flex-shrink:0;font-size:var(--fs-caption);letter-spacing:.06em;text-transform:uppercase;padding:1px 7px;border-radius:var(--radius-pill);background:var(--surface-fill-soft);color:var(--text-muted)}.chalsel-tag-live{background:#50c87826;color:#7fd89f}.chalsel-tag-variant{background:rgba(var(--accent-variant-rgb),.18);color:var(--accent-variant);border:1px solid rgba(var(--accent-variant-rgb),.32);text-transform:none;letter-spacing:.02em;font-size:var(--fs-small);cursor:help}.chalsel-row-tags{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem}.chalsel-toolbar{display:flex;align-items:center;gap:.4rem;margin:0 0 .55rem;font-size:var(--fs-control);color:var(--text-secondary)}.chalsel-toolbar-label{margin-right:.15rem}.chalsel-sort-btn{padding:.2rem .65rem;border-radius:var(--radius-pill);border:1px solid var(--surface-line-strong);background:var(--surface-fill-soft);color:var(--text-secondary);font:inherit;font-size:var(--fs-label);cursor:pointer;min-height:28px}.chalsel-sort-btn[aria-pressed=true]{border-color:rgba(var(--cta-rgb),.6);background:rgba(var(--cta-rgb),.16);color:#fff}.chalsel-list .chalsel-row-rule{display:block;margin-top:.2rem;color:var(--text-primary);font-size:var(--fs-body-sm);white-space:normal}.chalsel-list .chalsel-row-details{display:flex;flex-wrap:wrap;gap:.15rem .9rem;margin-top:.3rem;font-size:var(--fs-label);color:var(--text-secondary)}.chalsel-row-details span{white-space:nowrap}.chalsel-list .chalsel-row.selected{border-color:rgba(var(--cta-rgb),.6);background:rgba(var(--cta-rgb),.14);box-shadow:inset 3px 0 0 var(--cta)}.chalsel-note{margin:.6rem 0 0;font-size:var(--fs-control);color:var(--text-muted)}.prefabsel-list{max-height:430px;overflow-y:auto;padding-right:2px}.prefabsel-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.35rem}.prefabsel-row .sandbox-saved-load,.prefabsel-row .sandbox-saved-load strong,.prefabsel-row .sandbox-saved-load span{display:block}.prefabsel-row .sandbox-saved-load span{margin-top:.12rem}.prefabsel-row .sandbox-saved-load.selected{border-color:rgba(var(--cta-rgb),.6);background:rgba(var(--cta-rgb),.14);box-shadow:inset 3px 0 0 var(--cta)}.prefabsel-load-btn{align-self:center}.prefabsel-preview{display:flex;flex-direction:column;gap:.5rem;min-height:430px}.prefabsel-preview-board{position:relative;flex:1 1 auto;min-height:0;aspect-ratio:1 / 1;max-height:430px;margin:0 auto;width:100%}.prefabsel-preview-board .board-svg{transform:scale(1.25)}.prefabsel-preview .prefabsel-preview-hint{margin:auto;text-align:center}.prefabsel-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.prefabsel-preview-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-control);font-weight:800}.prefabsel-preview-load{flex:0 0 auto;padding:.5rem 1rem}@media(max-width:700px){.prefabsel-cols{grid-template-columns:minmax(0,1fr)}.prefabsel-preview{order:-1;min-height:0}.prefabsel-preview-board,.prefabsel-list{max-height:240px}}.boardsel-saved-row{display:flex;align-items:stretch;gap:.35rem}.boardsel-saved-row>.sandbox-saved-load{flex:1 1 auto}.boardsel-saved-row .sandbox-saved-delete,.boardsel-saved-row .sandbox-saved-icon{height:auto}.boardsel-code-btn{align-self:center}.sandbox-save-modal .botsetup-section-title{margin-bottom:.45rem}.saveboard-hint{margin:.35rem 0 0;color:var(--text-muted);font-size:var(--fs-small);line-height:1.4}.saveboard-hint strong{color:var(--text-secondary)}.sandbox-saved-load.saveboard-target{align-items:center;justify-content:flex-start;gap:.55rem}.sandbox-saved-load.saveboard-target input[type=radio]{flex:0 0 auto;margin:0;accent-color:var(--cta)}.sandbox-saved-load.saveboard-target strong{flex:1 1 auto}.sandbox-saved-load.saveboard-target.selected{border-color:rgba(var(--cta-rgb),.6);background:rgba(var(--cta-rgb),.14);box-shadow:inset 3px 0 0 var(--cta)}@media(max-width:480px){.sandbox-saved-load.saveboard-target{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.55rem}.sandbox-saved-load.saveboard-target input[type=radio]{grid-row:1 / span 2}.sandbox-saved-load.saveboard-target span{grid-column:2}}.update-modal.botsetup-modal.share-sandbox-modal{max-width:560px;width:min(94vw,560px)}.share-sandbox-modal .botsetup-section-title{margin-bottom:.45rem}.share-sandbox-points{margin:0;padding-left:1.1rem;text-align:left;color:var(--text-secondary);font-size:var(--fs-body-sm);line-height:1.45}.share-sandbox-points li+li{margin-top:.35rem}.saveboard-hands-note{margin:0;color:var(--text-muted);font-size:var(--fs-control);line-height:1.4}.product-note-error{margin:0;color:#fecaca;font-size:var(--fs-body-sm)}.product-note-success{padding:.8rem;border:1px solid rgba(74,222,128,.32);border-radius:var(--radius-md);background:#4ade801f;color:#bbf7d0;font-weight:800}.product-note-primary{align-self:flex-end}.update-modal.feedback-modal{box-sizing:border-box;width:min(920px,calc(100vw - 28px));max-width:calc(100vw - 28px);gap:.7rem;text-align:left;padding:1.35rem 1.5rem;overflow-x:hidden}.feedback-modal-capture-hidden{visibility:hidden}.feedback-modal-head,.feedback-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.feedback-icon-button{width:34px;height:34px;border:1px solid rgba(var(--text-primary-rgb),.14);border-radius:var(--radius-md);background:rgba(var(--text-primary-rgb),.06);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.feedback-icon-button:hover,.feedback-inline-btn:hover,.feedback-record-btn:hover{color:#fff;border-color:rgba(var(--cta-rgb),.44)}.feedback-inline-btn:disabled,.feedback-record-btn:disabled{opacity:.45;cursor:not-allowed}.feedback-inline-btn:disabled:hover,.feedback-record-btn:disabled:hover{color:var(--text-secondary);border-color:rgba(var(--text-primary-rgb),.12)}.feedback-field{display:flex;flex-direction:column;gap:.38rem}.feedback-form-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:.9rem;align-items:start}.feedback-form-col{display:flex;flex-direction:column;gap:.65rem}.feedback-heads-up{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start;border:1px solid rgba(251,191,36,.28);border-radius:var(--radius-md);background:#fbbf241a;color:#fde68a;padding:.58rem .7rem;font-size:var(--fs-control);line-height:1.35}.feedback-heads-up strong{color:#fff7cc;white-space:nowrap}.feedback-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}.feedback-choice,.feedback-inline-btn,.feedback-record-btn{border:1px solid rgba(var(--text-primary-rgb),.12);border-radius:var(--radius-md);background:rgba(var(--text-primary-rgb),.055);color:var(--text-secondary);font:inherit;font-size:var(--fs-control);font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:32px;padding:.38rem .5rem}.feedback-choice-active{background:rgba(var(--cta-rgb),.18);border-color:rgba(var(--cta-rgb),.52);color:#fff}.feedback-recorder{border:1px solid rgba(var(--text-primary-rgb),.1);border-radius:var(--radius-md);background:rgba(var(--text-primary-rgb),.035);padding:.5rem}.feedback-record-btn{width:100%;justify-content:flex-start}.feedback-record-live,.feedback-record-done,.feedback-shot-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.feedback-record-live{color:#fecaca;font-weight:800;font-variant-numeric:tabular-nums}.feedback-record-dot{width:10px;height:10px;border-radius:var(--radius-round);background:#ef4444;box-shadow:0 0 #ef444480;animation:feedback-record-pulse 1.1s ease-in-out infinite}@keyframes feedback-record-pulse{50%{box-shadow:0 0 0 8px #ef444400}}.feedback-record-done audio{flex:1 1 180px;min-width:0;height:34px}.feedback-note-textarea{min-height:118px;max-height:180px}.feedback-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:.42rem;max-height:156px;overflow:auto}.feedback-thumb{position:relative;aspect-ratio:4 / 3;border:1px solid rgba(var(--text-primary-rgb),.12);border-radius:var(--radius-md);overflow:hidden;background:var(--recess)}.feedback-thumb img{width:100%;height:100%;object-fit:cover;display:block}.feedback-thumb button{position:absolute;top:5px;right:5px;width:24px;height:24px;border:1px solid var(--surface-line-bold);border-radius:var(--radius-sm);background:#030712c2;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.feedback-actions{position:sticky;bottom:-1.35rem;z-index:1;margin:0 -1.5rem -1.35rem;padding:.75rem 1.5rem;border-top:1px solid rgba(var(--text-primary-rgb),.1);background:linear-gradient(180deg,#061024eb,#061024fa)}.feedback-snip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;cursor:crosshair;background:#02061733}.feedback-snip-overlay-capturing{cursor:default;background:transparent}.feedback-snip-hint{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:.55rem .8rem;border-radius:var(--radius-md);background:#030712e6;border:1px solid rgba(var(--text-primary-rgb),.16);color:#fff;font-size:var(--fs-body-sm);font-weight:800;pointer-events:none}.feedback-snip-rect{position:fixed;border:2px solid #fff;background:rgba(var(--cta-rgb),.16);box-shadow:0 0 0 9999px #0206176b;pointer-events:none}@media(max-width:860px){.update-modal.feedback-modal{width:min(100%,calc(100vw - 18px));max-width:calc(100vw - 18px);padding:1.2rem}.feedback-form-grid,.feedback-heads-up,.feedback-type-grid{grid-template-columns:1fr}.feedback-section-head{flex-direction:column}.feedback-actions{bottom:-1.2rem;margin:0 -1.2rem -1.2rem;padding:.75rem 1.2rem}}@media(prefers-reduced-motion:reduce){.feedback-record-dot{animation:none}}.profile-error{margin-top:1rem;padding:.625rem 1rem;border-radius:var(--radius-sm);background:rgba(var(--danger-rgb),.15);color:var(--danger);font-size:var(--fs-body);text-align:center}.form-hint{font-size:var(--fs-body);color:var(--text-dimmed);font-style:italic;margin-top:-.1rem}.watch-message{margin-top:1rem}.feedback-widget-button{position:fixed;width:56px;height:56px;border:1px solid var(--surface-line-strong);border-radius:var(--radius-round);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.28),transparent 34%),linear-gradient(145deg,#2f7d66,#163b59);color:#fff;box-shadow:0 14px 30px var(--shadow-ink),0 0 0 1px #0c14202e;display:inline-flex;align-items:center;justify-content:center;z-index:8000;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}body.modal-open .feedback-widget-button:not(.feedback-widget-tutorial-sample):not(.feedback-widget-button-tutorial){display:none}.feedback-widget-button:active{cursor:grabbing}.feedback-widget-button:hover{transform:translateY(-1px);box-shadow:0 18px 34px var(--shadow-ink),0 0 0 3px #2f7d662e}.feedback-widget-button:focus-visible{outline:3px solid rgba(255,255,255,.68);outline-offset:3px}.feedback-widget-button-tutorial{animation:feedback-widget-pulse 1.8s ease-in-out infinite}.feedback-widget-tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;box-sizing:border-box;display:grid;place-items:center;padding:1rem;background:#03071294;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.feedback-widget-tutorial-modal{position:relative;box-sizing:border-box;width:min(520px,calc(100vw - 28px));border:1px solid var(--surface-line-strong);border-radius:var(--radius-md);background:linear-gradient(180deg,#091a2ffa,#061024fa);color:var(--text-primary);box-shadow:0 24px 70px var(--shadow-ink-deep);padding:1.6rem}.feedback-widget-tutorial-close{position:absolute;top:.72rem;right:.72rem;width:34px;height:34px;border:1px solid var(--surface-line-strong);border-radius:var(--radius-md);background:var(--surface-fill-soft);color:#f8fafcc7;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.feedback-widget-tutorial-close:hover{color:#fff;border-color:#ffffff52}.feedback-widget-tutorial-modal h2{margin:0;color:#fff;font-size:clamp(1.8rem,5vw,2.45rem);line-height:1.02;letter-spacing:0}.feedback-widget-tutorial-sample{position:static;cursor:default;flex:0 0 auto}.feedback-widget-tutorial-sample:hover{transform:none}.feedback-widget-tutorial-modal p{margin:.72rem 0 0;color:#f8fafcd1;font-size:var(--fs-base);line-height:1.55}.feedback-widget-tutorial-demo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:center;margin-top:1.1rem;padding:.9rem;border:1px solid var(--surface-line-strong);border-radius:var(--radius-md);background:var(--surface-fill-soft)}.feedback-widget-tutorial-copy strong,.feedback-widget-tutorial-copy span{display:block}.feedback-widget-tutorial-copy strong{color:#fff;font-size:var(--fs-body-lg)}.feedback-widget-tutorial-copy span{margin-top:.28rem;color:#f8fafcbd;font-size:var(--fs-body);line-height:1.42}.feedback-widget-tutorial-dismiss{width:100%;margin-top:1.2rem;justify-content:center}@media(max-width:520px){.feedback-widget-tutorial-modal{padding:1.35rem}.feedback-widget-tutorial-demo{grid-template-columns:1fr}}@keyframes feedback-widget-pulse{0%,to{box-shadow:0 14px 30px var(--shadow-ink),0 0 #2f7d6657}50%{box-shadow:0 18px 36px var(--shadow-ink),0 0 0 12px #2f7d6600}}@media(prefers-reduced-motion:reduce){.feedback-widget-button-tutorial{animation:none;box-shadow:0 18px 34px var(--shadow-ink),0 0 0 4px #2f7d6638}}.btn-catan{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.3rem;background:var(--cta);color:var(--cta-text);border:none;border-radius:var(--radius-md);font-size:var(--fs-body-sm);font-weight:800;letter-spacing:.04em;cursor:pointer;transition:background var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out);text-transform:uppercase;box-shadow:0 1px 3px var(--shadow-ink);-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-catan:hover:not(:disabled){transform:translateY(-1px);background:var(--cta-light)}.btn-catan:active:not(:disabled){transform:translateY(0);filter:brightness(.97)}.btn-catan:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-catan-secondary{padding:.65rem 1.4rem;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--fs-body-lg);font-weight:600;color:var(--text-secondary);background:var(--surface-fill-faint);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--edge-top);transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--ease-out)}.btn-catan-secondary:hover:not(:disabled){border-color:var(--text-muted);color:#fff;background:var(--surface-fill-soft);transform:translateY(-1px)}.btn-catan-secondary:active:not(:disabled){transform:translateY(0)}.btn-catan-secondary:disabled{opacity:.3;cursor:not-allowed}.btn-catan-sm{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .8rem;background:var(--cta);color:var(--cta-text);border:none;border-radius:var(--radius-xs);font-size:var(--fs-label);font-weight:700;cursor:pointer;transition:background .2s;text-transform:uppercase;box-shadow:0 1px 2px var(--shadow-ink-soft)}.btn-catan-sm:hover:not(:disabled){background:var(--cta-light)}.btn-catan-sm:disabled{opacity:.4;cursor:not-allowed}.btn-cancel{padding:.6rem 1.2rem;background:#ffffff4d;color:var(--gold-text);border:1.5px solid rgba(92,46,8,.35);border-radius:var(--radius-sm);font-size:var(--fs-body-sm);cursor:pointer;transition:background .2s,color .2s}.btn-cancel:hover{background:#ffffff8c;color:var(--gold-text)}.btn-create{width:100%;font-size:var(--fs-base);padding:.8rem}.btn-start{width:100%;font-size:var(--fs-base);padding:.8rem;background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);border-color:var(--success-light);color:#fff}.btn-join{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);border-color:var(--success-light);color:#fff}.game-mode-badge{display:inline-block;box-sizing:border-box;max-width:100%;font-size:var(--fs-caption);font-weight:600;padding:.1rem .4rem;border-radius:var(--radius-xs);background:var(--surface-fill);color:var(--text-dimmed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.game-mode-badge-stack{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%}.game-mode-badge.mode-ranked{color:var(--warn);background:rgba(var(--warn-rgb),.15)}.game-mode-badge.mode-private{color:var(--reward-gold-light);background:rgba(var(--reward-gold-rgb),.18)}.game-mode-badge.mode-tournament{color:var(--cta-muted);background:rgba(var(--cta-ui),.15)}.game-mode-badge.mode-bots{color:#91d7e8;background:#4ea4c029}.game-mode-badge.mode-variant{color:var(--accent-variant);background:rgba(var(--accent-variant-rgb),.18)}.game-mode-badge.mode-challenge,.game-mode-badge.mode-beat-the-bot{color:#fdd73f;background:#fdd73f29}.mode-badge-icon{display:inline-block;width:1.15em;height:1.15em;margin-right:.3em;vertical-align:-.2em;flex-shrink:0}.game-mode-badge.mode-puzzle{color:#b9a7ff;background:#9678ff29}.btn-danger{padding:.55rem 1.25rem;background:rgba(var(--danger-rgb),.15);border:1px solid rgba(var(--danger-rgb),.4);border-radius:var(--radius-lg);color:var(--danger);font-size:var(--fs-body-sm);font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.btn-danger:hover{background:rgba(var(--danger-rgb),.25);border-color:rgba(var(--danger-rgb),.6)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.watch-play-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:none;border-radius:var(--radius-round);background:linear-gradient(135deg,var(--cta) 0%,var(--cta-dark) 100%);color:var(--cta-text);box-shadow:0 2px 8px rgba(var(--cta-rgb),.25);cursor:pointer;transition:transform .18s,box-shadow .18s}.watch-play-btn-sm{width:36px;height:36px}.watch-play-btn svg{margin-left:2px}.watch-play-btn:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 14px rgba(var(--cta-rgb),.4)}.watch-observe-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid rgba(var(--cta-rgb),.55);border-radius:var(--radius-round);background:rgba(var(--cta-rgb),.1);color:var(--cta);cursor:pointer;transition:background .18s,transform .18s}.watch-observe-btn:hover{background:rgba(var(--cta-rgb),.2);transform:translateY(-1px)}.true-random-mark{display:inline-flex;align-items:center;gap:var(--space-xs);min-width:0;color:inherit;font:inherit;line-height:1.2;white-space:nowrap}.true-random-mark.is-compact{gap:var(--space-2xs)}.true-random-brandmark{width:1.1em;height:1.1em;flex:0 0 1.1em;display:inline-block;background:currentColor;-webkit-mask:var(--hexed-brandmark-image) center / contain no-repeat;mask:var(--hexed-brandmark-image) center / contain no-repeat}.friend-selector-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:#00000094}.friend-selector-backdrop.friend-invite-backdrop{z-index:990}.friend-selector-modal{width:min(460px,100%);padding:1rem;border:1px solid var(--surface-line-strong);border-radius:var(--radius-md);background:radial-gradient(ellipse at 18% -12%,rgba(var(--cta-rgb),.14),transparent 48%),var(--surface-panel);box-shadow:0 24px 80px var(--shadow-ink-deep),inset 0 1px 0 var(--surface-line-faint)}.friend-selector-modal h3{margin:0 0 .85rem}.friend-private-lobby-note{margin:-.45rem 0 .75rem;color:var(--text-dimmed);font-size:var(--fs-control);line-height:1.35}.friend-selector-modal select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-opacity='0.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center,#00000052;border:1px solid var(--border-glow);border-radius:var(--radius-md);color:var(--text-bright);padding:.55rem 2.2rem .55rem .75rem;font:inherit;font-weight:700;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.friend-selector-modal select:hover{border-color:#ffffff52;background-color:var(--recess-strong)}.friend-selector-modal select:focus-visible{outline:none;border-color:rgba(var(--info-rgb, 96, 165, 250),.6);box-shadow:0 0 0 2px rgba(var(--info-rgb, 96, 165, 250),.2)}.friend-selector-modal select option{background:#1d1d2b;color:#eee}.friend-selector-actions{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.9rem}.lobby-reduced-table-changes{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.lobby-reduced-table-changes li{padding:.4rem .6rem;border-radius:var(--radius-sm);background:var(--surface-fill-soft);font-size:var(--fs-body)}.friends-manage-modal{width:min(680px,100%);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;gap:.65rem;padding:var(--panel-pad);border:1px solid var(--surface-line-strong);border-radius:var(--panel-radius);background:radial-gradient(ellipse at 18% -12%,rgba(var(--cta-rgb),.14),transparent 48%),var(--surface-panel);box-shadow:0 24px 80px var(--shadow-ink-deep),inset 0 1px 0 var(--surface-line-faint)}.friends-manage-lede{margin:0;color:var(--text-muted);font-size:var(--fs-body)}.friends-manage-modal .friend-private-lobby-note,.friends-manage-modal .community-inline-form{margin:0}.friends-manage-top-end{display:flex;align-items:center;gap:8px;min-width:0}.friends-manage-close{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:-.35rem -.5rem -.35rem 0;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--fs-lead);line-height:1;cursor:pointer}.friends-manage-close:hover,.friends-manage-close:focus-visible{color:var(--text-primary);background:var(--surface-fill-soft)}.friends-manage-error{margin:0;color:var(--danger);font-size:var(--fs-body)}.friends-manage-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -.35rem;padding:0 .35rem .1rem}.friends-manage-body>.community-empty-state{margin-top:.15rem}.friends-manage-modal .friend-selector-actions{margin-top:.25rem}.friend-groups{container:friend-groups / inline-size;display:grid;grid-template-columns:auto fit-content(16rem) minmax(6.5rem,1fr) auto;column-gap:.65rem;row-gap:.5rem}.friend-groups .friend-group,.friend-groups .friend-list{display:contents}.friend-groups .friend-group-title{grid-column:1 / -1}.friend-groups .friend-group+.friend-group>.friend-group-title{margin-top:1.3rem}.friend-row.friend-card{grid-column:1 / -1;grid-template-columns:40px minmax(0,13rem) minmax(6.5rem,1fr) auto;grid-template-columns:subgrid;align-items:center}.friend-card .player-nameplate-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card-status{display:flex;align-items:center;min-width:0}.friend-card .friend-status-label{flex:1 1 auto;min-width:0;white-space:normal}.friend-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}@container friend-groups (max-width: 520px){.friend-row.friend-card{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"avatar name actions" "avatar status actions";row-gap:.3rem}.friend-card>.friend-avatar{grid-area:avatar}.friend-card>.friend-identity{grid-area:name}.friend-card>.friend-card-status{grid-area:status}.friend-card>.friend-card-actions{grid-area:actions}}@container friend-groups (max-width: 440px){.friend-row.friend-card{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"avatar name" "avatar status" "avatar actions";align-items:start}.friend-card .friend-card-actions{justify-content:flex-start}}@supports not (container-type: inline-size){@media(max-width:600px){.friend-row.friend-card{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"avatar name actions" "avatar status actions";row-gap:.3rem}.friend-card>.friend-avatar{grid-area:avatar}.friend-card>.friend-identity{grid-area:name}.friend-card>.friend-card-status{grid-area:status}.friend-card>.friend-card-actions{grid-area:actions}}@media(max-width:520px){.friend-row.friend-card{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"avatar name" "avatar status" "avatar actions";align-items:start}.friend-card .friend-card-actions{justify-content:flex-start}}}.friend-presence{display:inline-flex;align-items:center;gap:.35rem;min-width:0;font-size:var(--fs-control);font-weight:600;color:var(--text-soft);white-space:nowrap}.friend-presence-dot{flex:0 0 auto;width:8px;height:8px;border-radius:var(--radius-round);background:var(--success-light, var(--success))}.friend-presence-offline{color:var(--text-faint)}.friend-presence-offline .friend-presence-dot{background:transparent;border:1.5px solid rgba(255,255,255,.35)}.friend-presence-playing .friend-presence-dot,.friend-presence-lobby .friend-presence-dot{background:var(--warn)}.friend-invite-btn{flex:0 0 auto;padding:.4rem .9rem;font-size:var(--fs-body-sm)}.friend-invite-sent{flex:0 0 auto;font-size:var(--fs-body-sm);font-weight:700;color:var(--success-light, var(--success));padding-right:.4rem;white-space:nowrap}.friends-nav-btn{display:inline-grid;place-items:center;flex:none;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-dimmed);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,background-color .15s ease}.friends-nav-btn:hover,.friends-nav-btn:focus-visible{color:#fff;background:var(--surface-fill-soft)}.friends-nav-btn .menu-icon,.friends-nav-btn svg{display:block;object-fit:contain}.sidebar-friends-btn{width:28px;height:28px;margin-right:.15rem}.sidebar-friends-btn .menu-icon,.sidebar-friends-btn svg{width:22px;height:22px}.mobile-top-friends-btn{width:34px;height:34px}.mobile-top-friends-btn .menu-icon,.mobile-top-friends-btn svg{width:28px;height:28px}.role-badge-list{display:inline-flex;flex-wrap:wrap;gap:.25rem;align-items:center}.role-badge{display:inline-flex;align-items:center;min-height:1.25rem;padding:.12rem .45rem;border:1px solid var(--surface-line-strong);border-radius:var(--radius-xs);font-size:var(--fs-caption);font-weight:700;line-height:1;letter-spacing:.02em;color:var(--text-secondary, var(--text-soft));background:var(--surface-fill-soft);white-space:nowrap}.role-badge-compact{min-height:1rem;padding:.08rem .3rem;font-size:var(--fs-micro)}.role-badge-you{color:var(--gold-light, #f2cd6a)}.role-badge-bot{color:#aab8ca}.role-badge-admin{color:#ff9d9d}.role-badge-elite{color:#003d46;background:#b9f2ff;border-color:#00d4e8}.role-badge-organizer{color:#7fe0ac}.role-badge-premium{color:#cbb0f7}.role-badge-champ{color:#f2cd6a}.role-badge-og{color:#cfd6de}.role-badge-friend{color:#84dde3}.role-badge-tester{color:#f7c08a}.role-badge-observer{color:#9ec5ff}.role-badge-moderator{color:#ffc48a}.role-badge-disabled{opacity:.6}.role-badge-admin{opacity:.55}.player-nameplate-badges{display:inline-flex;flex-wrap:wrap;gap:.25rem;align-items:center}.level-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.25rem;min-width:1.25rem;padding:.12rem .4rem;border:1px solid var(--reward-gold-border);border-bottom-color:#00000059;border-right-color:#00000059;border-radius:var(--radius-xs);font-size:var(--fs-caption);font-weight:800;line-height:1;color:var(--reward-gold-text);background:linear-gradient(180deg,var(--reward-gold-light),var(--reward-gold));white-space:nowrap}.level-badge-compact{min-height:1rem;min-width:1rem;padding:.08rem .3rem;font-size:var(--fs-micro)}.elo-badge{display:inline-flex;align-items:center;min-height:1.45rem;padding:.15rem .5rem;border:0;border-radius:var(--radius-xs);font-size:var(--fs-body-sm);font-weight:800;line-height:1;color:#fff;background:#4b5563;white-space:nowrap}.elo-badge-compact{min-height:1.18rem;padding:.11rem .38rem;font-size:var(--fs-small)}.player-portrait-level-badge{position:absolute;right:3px;bottom:3px;z-index:1;line-height:0}.player-nameplate{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.18rem;min-width:0;max-width:100%;color:inherit;text-align:left}.player-nameplate-inline{flex-direction:row;align-items:center;gap:.3rem}.player-nameplate-inline .player-nameplate-badges{flex-wrap:nowrap;flex-shrink:0}.player-nameplate-fixed{width:100%}.player-nameplate-fixed .player-nameplate-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-nameplate-fixed .player-nameplate-badges{flex-wrap:nowrap;overflow:hidden;width:100%;max-width:100%}.player-nameplate-fixed .role-badge-list{flex:0 0 auto;flex-wrap:nowrap}.fixed-role-badges{display:inline-flex;flex-wrap:nowrap;overflow:hidden;width:100%;max-width:100%}.fixed-role-badges .role-badge-list{flex:0 0 auto;flex-wrap:nowrap}.player-nameplate-clickable{border:0;background:transparent;padding:0;cursor:pointer;font:inherit}.player-nameplate-clickable:hover .player-nameplate-name{text-decoration:underline}.player-nameplate-name{display:block;max-width:100%;overflow-wrap:anywhere;font-weight:800}.player-nameplate-compact .player-nameplate-name{font-size:var(--fs-control)}.player-card{display:flex;align-items:center;gap:1rem;width:100%}.player-card-avatar{position:relative;width:5rem;height:5rem;flex:0 0 auto;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-fill-soft)}.player-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}.player-card-avatar-btn .player-card-avatar{overflow:visible}.player-card-avatar-btn .player-card-avatar img{border-radius:var(--radius-md);overflow:hidden}.player-card-main{min-width:0;display:grid;gap:.4rem}.player-card-title-row{display:flex;align-items:center;gap:.5rem;min-width:0}.player-card-name{margin:0;font-size:1.45rem;overflow-wrap:anywhere}.player-card-country{font-size:var(--fs-h4)}.player-card-level-chip{display:inline-flex;align-items:center;padding:.2rem .6rem;border:1px solid var(--reward-gold-border);border-radius:var(--radius-sm);font-size:var(--fs-control);font-weight:800;letter-spacing:.03em;color:var(--reward-gold-text);background:linear-gradient(180deg,var(--reward-gold-light),var(--reward-gold));white-space:nowrap}.player-card-xp-row{display:flex;align-items:center;gap:.6rem;margin-top:.15rem}.player-card-xp-track{flex:1 1 auto;min-width:6rem;height:.55rem;border-radius:var(--radius-pill);background:var(--surface-fill);overflow:hidden}.player-card-xp-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--reward-gold),var(--reward-gold-light));transition:width .4s ease}.player-card-xp-label{flex:0 0 auto;font-size:var(--fs-small);color:var(--text-muted);white-space:nowrap}.player-stats-card{display:grid;gap:1rem;padding:1.1rem}.player-stats-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.player-stats-header h3{margin:0}.player-stats-error{margin:0;color:var(--text-muted);font-size:var(--fs-body-sm)}.player-stats-total{font-size:var(--fs-control);font-weight:700;color:var(--text-secondary);padding:.2rem .6rem;border-radius:var(--radius-pill);background:var(--surface-fill-soft);white-space:nowrap}.player-stats-modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(240px,calc((100% - 1.5rem) / 3)),1fr));gap:.75rem}.player-stats-mode-row{display:grid;gap:.4rem;min-width:0}.player-stats-mode-row .league-card{width:100%;min-width:0}.player-stats-mode-summary{color:var(--text-secondary);font-size:var(--fs-body-lg);min-width:0}.player-record{display:grid;gap:.35rem}.player-record-nums{display:flex;align-items:baseline;justify-content:flex-end;gap:.65rem;font-variant-numeric:tabular-nums;font-size:var(--fs-control);color:var(--text-secondary)}.player-record-w b{color:var(--success-light)}.player-record-l b{color:var(--danger-light)}.player-record-pct{min-width:2.4em;text-align:right;font-weight:700;color:var(--text-primary)}.player-card-avatar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;border:0;background:transparent;cursor:pointer;position:relative;border-radius:var(--radius-round)}.player-card-avatar-btn:focus-visible{outline:2px solid var(--cta);outline-offset:2px}.player-card-avatar-edit{position:absolute;inset:auto 0 0 auto;width:1.35rem;height:1.35rem;border-radius:var(--radius-round);display:grid;place-items:center;background:var(--cta);color:var(--cta-text);box-shadow:var(--shadow-1);opacity:0;transform:translate(10%,10%);transition:opacity var(--dur-fast) var(--ease-out)}.player-card-avatar-btn:hover .player-card-avatar-edit,.player-card-avatar-btn:focus-visible .player-card-avatar-edit{opacity:1}.player-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:min(8vh,4rem) 1rem 2rem;background:var(--scrim);overflow:auto;animation:player-viewer-overlay-in .15s ease-out}.player-viewer-modal{width:min(820px,100%);border:1px solid var(--surface-line-strong);border-radius:var(--panel-radius);background:var(--panel-bg, #1d2430);box-shadow:var(--shadow-3);animation:player-viewer-modal-in .2s cubic-bezier(.2,.8,.3,1);transform-origin:top center}@keyframes player-viewer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes player-viewer-modal-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}.player-viewer-body .player-viewer-intro,.player-viewer-body .player-stats-modes,.player-viewer-body .player-medals-card,.player-viewer-body .badges-flow,.player-viewer-body .badges-grid,.player-viewer-body .badges-empty{animation:player-viewer-content-in .22s ease-out}@keyframes player-viewer-content-in{0%{opacity:0}to{opacity:1}}.player-viewer-loading{display:grid;gap:.85rem}.player-viewer-loading-hero{height:148px;border-radius:var(--radius-md)}.player-viewer-loading-stats{height:196px;border-radius:var(--radius-2xl)}.player-viewer-loading-badges{height:128px;border-radius:var(--radius-2xl)}.player-stats-row-skel{height:58px;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){.player-viewer-overlay,.player-viewer-modal,.player-viewer-body .player-viewer-intro,.player-viewer-body .player-stats-modes,.player-viewer-body .player-medals-card,.player-viewer-body .badges-flow,.player-viewer-body .badges-grid,.player-viewer-body .badges-empty{animation:none}}.player-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--surface-line)}.player-viewer-header h2{margin:0}.player-viewer-actions{display:inline-flex;align-items:center;gap:.5rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.25rem;border:1px solid var(--surface-line-strong);border-radius:var(--radius-md);padding:0 .65rem;color:var(--text-primary);background:var(--surface-fill-soft);cursor:pointer}.icon-btn-square{width:2.25rem;padding:0}.player-viewer-body{display:grid;gap:.85rem;padding:.9rem}.player-viewer-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem}.player-viewer-hero{padding:1rem;border:1px solid var(--border-glow);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:0 8px 32px var(--shadow-ink),inset 0 1px 0 var(--surface-line-faint)}.player-medals-card{display:grid;gap:.75rem;padding:1.1rem}.player-medals-card h3{margin:0}.role-edit-card{display:grid;gap:.9rem;padding:1.1rem}.role-edit-card h3{margin:0}.role-edit-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:var(--radius-md);background:var(--surface-fill-soft)}.role-edit-readonly{opacity:.8}.player-reports-card{display:grid;gap:.5rem;padding:1.1rem}.player-reports-card h3{margin:0;font-size:var(--fs-body);color:var(--text-muted)}.player-report-row{display:grid;gap:.25rem;padding:.5rem;border-radius:var(--radius-md);background:var(--surface-fill-soft)}.player-report-head{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;align-items:baseline}.player-report-when{font-size:var(--fs-small);color:var(--text-muted)}.player-report-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:var(--fs-label);color:var(--text-muted)}.player-report-meta a{color:var(--cta-light)}.player-report-meta a:hover{color:var(--cta)}.player-report-notes{margin:0;font-size:var(--fs-control);overflow-wrap:anywhere}.player-diagnostics{display:grid;gap:.5rem;padding-top:1rem;border-top:1px solid var(--surface-line)}.player-diagnostics h3{margin:0;font-size:var(--fs-body);color:var(--text-muted)}.player-diagnostics button{display:grid;grid-template-columns:5rem minmax(0,1fr) auto auto;gap:.5rem;align-items:center;width:100%;border:0;border-radius:var(--radius-md);padding:.55rem;color:inherit;background:var(--surface-fill-soft);text-align:left}.player-diagnostics button:disabled{cursor:default;opacity:.75}.player-diagnostics code{overflow-wrap:anywhere}.community-search-row{width:100%;border:0;color:inherit;text-align:left;cursor:pointer}@media(max-width:640px){.player-viewer-intro{grid-template-columns:1fr}.player-card{align-items:flex-start}.player-card-avatar{width:4rem;height:4rem}.player-viewer-overlay{padding:.5rem}}.league-crest{--league-crest-dim: grayscale(0);filter:var(--league-crest-dim) drop-shadow(0 0 var(--league-crest-glow, 7px) rgba(var(--gold-rgb),.34)) drop-shadow(0 0 var(--league-crest-rim, 2px) rgba(var(--gold-rgb),.6))}.rank-league-mini,.rank-bot-mini{--league-crest-glow: 5px;--league-crest-rim: 1.5px}.league-emblem.league-crest,.rank-tier-icon.league-crest,.rank-league-mini.league-crest,.rank-bot-mini.league-crest,.ri-league-icon.league-crest{filter:var(--league-crest-dim)}@media(max-width:767px){.rank-league-mini,.rank-bot-mini{--league-crest-glow: 4px}}.confetti-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:2}.confetti-piece{position:absolute;top:50%;left:50%;width:var(--confetti-size);height:calc(var(--confetti-size) * .4);background:hsl(var(--confetti-hue),85%,60%);opacity:0;animation:confettiBurst var(--confetti-duration) ease-out var(--confetti-delay) forwards}@keyframes confettiBurst{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) translate(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--confetti-rotate)) translate(var(--confetti-dx),var(--confetti-dy))}}@media(prefers-reduced-motion:reduce){.confetti-piece{animation:none;opacity:0}}.daily-stats-card{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:10px 20px 9px;background:var(--surface-fill-faint);border:1px solid var(--surface-line);border-radius:var(--radius-2xl);box-shadow:0 4px 20px var(--shadow-ink-faint);animation:daily-stats-fade-in .45s var(--ease-out) backwards}.daily-stats-counts{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;column-gap:18px;row-gap:2px}.daily-stats-item{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.daily-stats-num{font-family:var(--font-heading);font-size:18px;font-weight:600;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}.daily-stats-word{font-size:14px;font-weight:600;color:var(--text-muted)}.daily-stats-caption{font-family:var(--font-heading);font-size:11px;font-weight:600;color:var(--text-muted)}@keyframes daily-stats-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.daily-stats-card{animation:none}}.feature-card{display:flex;flex-direction:column;gap:.3rem;padding:.45rem .55rem;border:1px solid rgba(var(--info-rgb),.22);border-radius:var(--radius-md);background:var(--surface-strip);box-shadow:inset 0 1px 0 var(--surface-line-faint);color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease}a.feature-card:hover{border-color:rgba(var(--info-rgb),.45)}a.feature-card:focus-visible{outline:2px solid rgba(var(--info-rgb),.7);outline-offset:2px}.feature-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.feature-card-title{margin:0;font-size:var(--fs-control);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.feature-card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.feature-card-body{min-width:0}.feature-card-cta{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;margin-top:-.15rem;font-size:var(--fs-small);font-weight:600;color:rgba(var(--info-rgb),.95)}.feature-card.challenge-card{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr;gap:.15rem;height:142px;padding:.4rem .6rem;border:1px solid rgba(185,138,44,.6);background-color:#12303f;background-image:url(/assets/challenge-board-bg-DrIFd9Nj.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:var(--text-primary)}a.feature-card.challenge-card:hover{border-color:rgba(var(--cta-muted-rgb),.9)}a.feature-card.challenge-card:focus-visible{outline:2px solid rgba(var(--cta-muted-rgb),.8)}.challenge-card .feature-card-title{color:var(--cta-muted);font-size:var(--fs-small);letter-spacing:.1em;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.9)}.challenge-card .feature-card-body{display:flex;flex-direction:column;min-width:0}.challenge-card-stats{margin:auto 0;width:fit-content;max-width:100%;display:flex;flex-direction:column;gap:.1rem;padding:.28rem .45rem;background:#000000d6;border:1px solid rgba(var(--cta-muted-rgb),.32);border-radius:var(--radius-sm);font-size:var(--fs-small)}.challenge-card-stats>div{display:flex;align-items:baseline;gap:.4rem}.challenge-card-stats dt{min-width:5.2rem;color:#f8f4e89e}.challenge-card-stats dd{margin:0;font-weight:700;color:var(--text-primary)}.challenge-card-players,.challenge-card-rank{margin-left:.4rem;font-weight:600;font-size:var(--fs-caption);color:#f8f4e899}.challenge-card .challenge-countdown{font-size:var(--fs-caption);font-weight:700;color:var(--cta-muted);background:#000000b8;border:1px solid rgba(var(--cta-muted-rgb),.32);border-radius:var(--radius-xs);padding:1px 5px;white-space:nowrap}.challenge-card-name{margin:0;font-size:var(--fs-body-lg);font-weight:700;line-height:1.2;color:var(--text-primary);text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.95);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-card.gotd-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head" "body cta";grid-template-rows:auto 1fr;column-gap:.5rem;row-gap:.3rem;padding:.4rem .55rem .45rem;height:142px;border:1px solid rgba(185,138,44,.6);background-color:#0d1116;background-image:url(/assets/gotd-board-bg-DDyCRfto.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:var(--text-primary)}a.feature-card.gotd-card:hover{border-color:rgba(var(--cta-muted-rgb),.9)}a.feature-card.gotd-card:focus-visible{outline:2px solid rgba(var(--cta-muted-rgb),.8)}.gotd-card .feature-card-head{grid-area:head;position:relative}.gotd-card .feature-card-body{grid-area:body;position:relative;min-width:0;align-self:start}.gotd-card .feature-card-cta{grid-area:cta;position:relative;align-self:end;margin:0}.gotd-card .game-mode-badge{background:#000000b8;border:1px solid rgba(var(--cta-muted-rgb),.32);color:#f0e6d2}.gotd-card .feature-card-title{color:var(--cta-muted);font-size:var(--fs-small);letter-spacing:.1em;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.9)}.gotd-standings{list-style:none;margin:0;padding:.28rem .4rem;background:#000000d6;border:1px solid rgba(var(--cta-muted-rgb),.32);border-radius:var(--radius-sm);display:grid;grid-template-columns:auto minmax(0,max-content) max-content;justify-content:start;align-items:center;column-gap:.35rem;row-gap:.05rem;max-width:100%}.gotd-row{display:contents}.gotd-row .player-nameplate{min-width:0}.gotd-row .player-nameplate-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-label);text-shadow:0 1px 3px rgba(0,0,0,.85)}.gotd-row-winner .player-nameplate-name{color:#f4d98a;font-weight:700}.gotd-seat{width:3px;align-self:stretch;min-height:.95rem;border-radius:var(--radius-xxs);background:transparent;flex-shrink:0}.gotd-vp{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-label);color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.85)}.gotd-vp-unit{margin-left:1px;font-size:var(--fs-tiny);font-weight:600;opacity:.6}a.feature-card.gotd-card:hover .watch-play-btn{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 14px rgba(var(--cta-rgb),.4)}.gotd-card .level-badge,.gotd-card .elo-badge{min-height:1.05rem;min-width:1.05rem;padding:.1rem .32rem;font-size:var(--fs-small)}@media(prefers-reduced-motion:reduce){a.feature-card.gotd-card:hover .watch-play-btn{transform:none}}.feature-card.news-feature-card{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr;gap:.15rem;height:142px;padding:.4rem .6rem;border:1px solid rgba(185,138,44,.6);background-color:#141c26}.news-feature-card .feature-card-cta{position:absolute;right:.6rem;bottom:.45rem;margin:0}.feature-card.news-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/brand/hexed-mark-cutout-gold.svg);background-repeat:no-repeat;background-position:center 52%;background-size:auto 118px;opacity:.16;pointer-events:none}.feature-card.news-feature-card>:not(.feature-card-cta){position:relative}.news-feature-card .feature-card-title{color:var(--cta-muted);font-size:var(--fs-small);letter-spacing:.1em;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.9)}.news-feature-card-date{font-size:var(--fs-small);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}a.feature-card.news-feature-card:hover{border-color:rgba(var(--cta-muted-rgb),.9)}.news-feature-card .feature-card-body{min-height:0;overflow:hidden;display:flex;align-items:center}.news-feature-card-list{list-style:none;width:100%;max-height:100%;overflow:hidden;margin:0;padding:0 2.4rem 0 0;line-height:1.35}.news-feature-card-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body-sm);font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.9)}.challenge-countdown{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--fs-control);font-variant-numeric:tabular-nums;padding:3px 10px;border-radius:var(--radius-pill);background:var(--surface-fill-soft);color:var(--text-muted);white-space:nowrap}.challenge-countdown svg{color:var(--gold-muted);flex-shrink:0}.challenge-countdown-expired{color:#7fd89f}.tournament-banners{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);background:rgba(var(--panel-deep-rgb),.97)}.tournament-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px max(20px,env(safe-area-inset-right,0px)) 10px max(20px,env(safe-area-inset-left,0px));background:rgba(var(--panel-deep-rgb),.97);border-bottom:1px solid rgba(var(--success-rgb),.25);box-shadow:0 2px 12px var(--shadow-ink)}.tournament-banner-text{font-size:14px;font-weight:600;color:var(--success-light);letter-spacing:.3px}.tournament-banner-narrow{display:none}@media(max-width:480px){.tournament-banner-wide{display:none}.tournament-banner-narrow{display:inline}}.tournament-banner-red{background:linear-gradient(135deg,rgba(var(--danger-rgb),.25),#7f1d1d59);border-bottom-color:rgba(var(--danger-rgb),.3)}.tournament-banner-red .tournament-banner-text{color:var(--danger-light)}.tournament-banner-dismiss{background:var(--surface-fill);border:1px solid var(--surface-line-bold);border-radius:var(--radius-sm);color:var(--text-dimmed);font-size:22px;cursor:pointer;padding:2px 8px;line-height:1;transition:all .15s}.tournament-banner-dismiss:hover{background:rgba(var(--danger-rgb),.25);color:var(--danger-light);border-color:rgba(var(--danger-rgb),.4)}body:has(.tournament-banners) .lobby-waiting{transform:translateY(calc(env(safe-area-inset-top,0px) + 70px))}.news-banner{border-bottom-color:rgba(var(--cta-rgb),.35)}.news-banner .tournament-banner-text{color:var(--cta-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.news-banner-more{color:var(--text-secondary);font-weight:600}.legal-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.legal-card{background:var(--panel-bg);border:1.5px solid rgba(var(--info-rgb),.35);border-radius:var(--radius-3xl);padding:clamp(1.5rem,3vw,3rem);width:min(90vw,700px);box-shadow:0 20px 60px var(--shadow-ink-deep);color:var(--text-secondary);line-height:1.7}.legal-back-btn{background:none;border:none;color:var(--text-dimmed);font-family:var(--font-heading);font-size:var(--fs-body-lg);cursor:pointer;padding:0;margin-bottom:.75rem;transition:color .15s}.legal-back-btn:hover{color:var(--cta-light)}.legal-card h1{font-family:var(--font-heading);font-size:var(--fs-h1);color:var(--cta-light);margin-bottom:.5rem}.legal-card h2{font-family:var(--font-heading);font-size:var(--fs-lead);color:#fffffff2;margin-top:1.5rem;margin-bottom:.4rem}.legal-card p,.legal-card li{font-size:var(--fs-body-lg);color:var(--text-secondary);-webkit-user-select:text;user-select:text}.legal-card p+p{margin-top:.85rem}.legal-card h1,.legal-card h2,.legal-card h3,.legal-card strong,.legal-card a{-webkit-user-select:text;user-select:text}.legal-card ul{padding-left:1.2rem;margin:.5rem 0}.legal-card a,.terms-notice a{color:#60a5fa}.legal-card a:hover,.terms-notice a:hover{color:#93c5fd}.legal-updated{font-size:var(--fs-control);color:var(--text-muted);margin-bottom:1rem}.discord-legal-page{padding:max(1rem,var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px))) max(1rem,var(--discord-safe-area-inset-right, env(safe-area-inset-right, 0px))) max(1rem,var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))) max(1rem,var(--discord-safe-area-inset-left, env(safe-area-inset-left, 0px)));align-items:flex-start}.discord-legal-card{width:min(100%,700px);min-width:0;overflow-wrap:anywhere}.discord-legal-back{display:inline-flex;align-items:center;gap:.4rem;min-height:44px}.discord-legal-card a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.home-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1000px 620px at 18% -12%,rgba(var(--cta-rgb),.11),transparent 58%),radial-gradient(900px 700px at 92% 108%,rgba(59,130,246,.08),transparent 55%),var(--bg-dark);padding-bottom:env(safe-area-inset-bottom,0px)}.home-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hex-pattern);background-size:60px 52px;opacity:.07;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25) 55%,transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25) 55%,transparent 90%);pointer-events:none}.home-page>*{position:relative}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:1200px;margin:0 auto;padding:calc(.9rem + env(safe-area-inset-top,0px)) clamp(1rem,4vw,2.5rem) .9rem}.home-brand{display:inline-flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;min-width:0}.home-brand img{display:block;flex-shrink:0}.home-brand-wordmark{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:#f2efe2}.home-nav-signin{flex-shrink:0;padding:.55rem 1.1rem;font-size:var(--fs-body);white-space:nowrap}.home-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:clamp(.5rem,2vw,1.25rem) clamp(1rem,4vw,2.5rem) 0}.home-hero{display:grid;grid-template-columns:minmax(20rem,24rem) minmax(0,600px);grid-template-rows:auto auto auto;grid-template-areas:"title title" "cta   board" "today replay";justify-content:center;align-items:start;column-gap:clamp(1.5rem,5vw,4.5rem)}.home-hero-solo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"title" "cta" "today"}.home-title{grid-area:title;margin:0 0 clamp(.75rem,2.5vh,1.5rem);text-align:center;font-family:var(--font-heading);font-size:clamp(1.9rem,.9rem + 2.3vw,2.9rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--text-primary);text-wrap:balance}.home-cta{grid-area:cta;display:flex;flex-direction:column;gap:.9rem;min-width:0;padding-top:clamp(0rem,4vh,2.5rem)}.home-hero-solo .home-cta,.home-hero-solo .home-today{justify-self:center;width:100%;max-width:24rem;padding-top:0}.home-hero-solo .home-today{align-items:center}.home-hero-solo .home-row-label{text-align:center}.home-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;width:100%;min-height:64px;padding:.9rem 1.4rem;font-size:1.15rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.home-cta-icon{display:inline-flex;width:30px;height:30px;flex-shrink:0}.home-cta-icon .menu-icon,.home-cta-icon svg{width:100%;height:100%}.home-hero-board{grid-area:board;position:relative;isolation:isolate;justify-self:center;width:100%;max-width:600px;margin:0}.home-hero-board:after{content:"";position:absolute;left:50%;bottom:4%;width:72%;height:80px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(var(--cta-rgb),.16),transparent 70%);filter:blur(10px);pointer-events:none;z-index:-1}.home-board-frame,.home-board-skeleton{position:relative;width:100%;aspect-ratio:1000 / 1020}.home-board-svg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s var(--ease-out)}.home-board-frame.is-ready .home-board-svg{opacity:1}.home-board-frame .home-board-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s var(--ease-out)}.home-board-frame.is-ready .home-board-skeleton{opacity:0;pointer-events:none}.home-board-svg .board-container{padding:0;will-change:auto;transform:none}.home-board-svg .board-svg{max-height:none;will-change:auto;transform:none}.home-board-skeleton:before{content:"";position:absolute;top:9%;right:8%;bottom:9%;left:8%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--hex-pattern),linear-gradient(160deg,rgba(var(--cta-rgb),.1),rgba(var(--panel-rgb),.55));background-size:60px 52px,auto;animation:home-board-pulse 1.8s ease-in-out infinite}@keyframes home-board-pulse{0%,to{opacity:.55}50%{opacity:.9}}@keyframes home-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes home-dice-fade-in{0%{opacity:0;transform:translateY(6px) scale(.72)}to{opacity:1;transform:scale(.72)}}.home-row .feature-card,.home-today .home-row-label{animation:home-fade-in .45s var(--ease-out) backwards}.home-board-dice{animation:home-dice-fade-in .45s var(--ease-out) backwards}@media(prefers-reduced-motion:reduce){.home-board-skeleton:before{animation:none}.home-board-svg,.home-board-frame .home-board-skeleton{transition:none}.home-row .feature-card,.home-today .home-row-label,.home-board-dice{animation:none}}.home-board-dice{position:absolute;right:3%;bottom:5%;transform:scale(.72);transform-origin:bottom right;pointer-events:none}.home-row{display:flex;flex-direction:column;gap:.75rem;min-width:0;margin-top:.75rem}.home-today{grid-area:today}.home-hero:not(.home-hero-solo) .home-today{align-items:center}.home-hero:not(.home-hero-solo) .home-today .home-row-label{text-align:center}.home-replay{grid-area:replay;align-items:center}.home-today:not(:has(.feature-card)){display:none}.home-row-label{margin:0;font-family:var(--font-heading);font-size:var(--fs-control);font-weight:800;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dimmed)}.home-row .feature-card{flex:0 0 auto;width:318px;max-width:100%;min-width:0}.home-footer.page-footer{width:100%;max-width:1200px;margin:clamp(2rem,5vw,3.5rem) auto 0;padding:1.5rem clamp(1rem,4vw,2.5rem) 1.5rem}@media(min-width:901px){.home-hero-board{width:min(100%,max(20rem,calc((100vh - 23rem) / 1.02)))}}@media(max-width:900px){.home-hero,.home-hero-solo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"title" "cta" "board" "replay" "today"}.home-hero-solo{grid-template-areas:"title" "cta" "today"}.home-cta,.home-today{justify-self:center;width:100%;max-width:26rem;padding-top:0}.home-hero-board{max-width:520px;margin-top:1.5rem}.home-today{align-items:center;margin-top:1.5rem}.home-row-label{text-align:center}}@media(max-width:420px){.home-brand-wordmark{display:none}.home-brand{flex-shrink:0}.home-nav-signin{flex-shrink:1;min-width:0;padding:.5rem .85rem;font-size:var(--fs-control);line-height:1.2;white-space:normal;text-align:center}}.home-daily-stats{align-self:center;margin-top:.35rem}@media(min-width:901px){.home-cta:has(.home-daily-stats-gotd){align-self:stretch}.home-daily-stats-gotd{margin-top:auto}}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main{--surface-card: var(--surface-card-image), var(--glass-base);--surface-card-hover: var(--surface-card-hover-image), var(--glass-base);--surface-strong: var(--surface-strong-image), var(--glass-base);--surface-strip: var(--surface-strip-image), var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main :is(.play-hero-card,.t-evt-hero,.t-hero,.ri-hero,.watch-card-skeleton){background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .play-page-redesign .play-lobbies-anchor.play-flow-section{background:transparent}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .play-mode-toggle{background-image:linear-gradient(#00000059,#00000059);background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .play-rank-card{background-image:linear-gradient(rgba(var(--cta-rgb),.07),rgba(var(--cta-rgb),.07));background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .play-rank-card-unplaced{background-image:linear-gradient(#ffffff0b,#ffffff0b)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .t-your-table{background-image:linear-gradient(rgba(var(--cta-ui),.06),rgba(var(--cta-ui),.06));background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main :is(.play-top-bar .btn-catan-secondary,.btn-catan-secondary.play-change-mode){background-image:linear-gradient(#ffffff08,#ffffff08);background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main :is(.play-top-bar .btn-catan-secondary,.btn-catan-secondary.play-change-mode):hover:not(:disabled){background-image:linear-gradient(#ffffff14,#ffffff14)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .rank-filter-bar{background-image:linear-gradient(#ffffff0d,#ffffff0d);background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main :is(.rank-table-wrap,.cr-table-wrap,.cr-note,.t-countdown,.t-list-panel,.daily-stats-card,.library-row-skeleton){background-image:linear-gradient(#ffffff0a,#ffffff0a);background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .t-round-selector{background-image:linear-gradient(#00000026,#00000026);background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .watch-empty{background-image:linear-gradient(#ffffff08,#ffffff08);background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .watch-card-won{background-image:linear-gradient(rgba(var(--success-rgb),.05),rgba(var(--success-rgb),.05));background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .stats-tabs{background-image:linear-gradient(#0003,#0003);background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .prefabsel-select{background-color:var(--glass-base)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-page{--scene-dim-top: .62;--scene-dim-mid: .4;--scene-dim-bottom: .58;--glass-base: rgba(var(--bg-dark-rgb), .72);background:transparent}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-page:before{background-color:var(--bg-dark);background-image:linear-gradient(180deg,rgba(var(--bg-dark-rgb),var(--scene-dim-top)),rgba(var(--bg-dark-rgb),var(--scene-dim-mid)) 45%,rgba(var(--bg-dark-rgb),var(--scene-dim-bottom))),url(/images/menu-background-static.webp?v=2);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;-webkit-mask-image:none;mask-image:none;z-index:-1}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .practice-section-panel{background:var(--surface-card)}:root:is([data-theme=land-of-hexed],[data-theme=v3]) .lobby-main .puzzle-category-card{background-color:var(--glass-base)}.sandbox-mini-btn{border:1px solid rgba(var(--cta-rgb),.34);border-radius:var(--radius-pill);background:rgba(var(--cta-rgb),.12);color:var(--cta);font-family:var(--font-heading);font-size:var(--fs-tiny);font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .62rem;cursor:pointer;transition:background .15s,color .15s}.sandbox-mini-btn:hover{background:rgba(var(--cta-rgb),.22);color:var(--cta-light, var(--cta))}.sandbox-saved-empty{margin:0;color:var(--text-muted);font-size:var(--fs-control);line-height:1.35}.sandbox-saved-list{display:flex;flex-direction:column;gap:.4rem}.sandbox-saved-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:.35rem}.sandbox-saved-load{min-width:0;text-align:left;border:1px solid var(--surface-line);border-radius:var(--radius-sm);background:var(--surface-fill-soft);color:var(--text-primary);padding:.5rem .58rem;cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.sandbox-saved-load strong,.sandbox-saved-load span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sandbox-saved-load strong{min-width:0;font-size:var(--fs-control)}.sandbox-saved-load span{flex:0 0 auto;color:var(--text-muted);font-size:var(--fs-caption)}@media(max-width:480px){.sandbox-saved-load,.sandbox-saved-load strong,.sandbox-saved-load span{display:block}.sandbox-saved-load span{margin-top:.12rem}}.sandbox-saved-delete,.sandbox-saved-icon{flex:0 0 30px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--surface-line);border-radius:var(--radius-sm);background:var(--surface-fill-soft);color:#ffd4d4;cursor:pointer}.sandbox-saved-icon{color:var(--text-secondary)}.sandbox-saved-icon:hover:not(:disabled){color:var(--text-primary)}.sandbox-code-import{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;align-items:stretch}.sandbox-code-use-btn{min-width:58px;min-height:44px;padding-inline:.8rem}.sandbox-code-input{min-width:0;border:1px solid var(--surface-line);border-radius:var(--radius-sm);background:var(--surface-fill-soft);color:var(--text-primary);padding:.42rem .55rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-small);outline:none}.sandbox-code-input:focus{border-color:#f5a82380}.sandbox-mini-btn:disabled{opacity:.5;cursor:not-allowed}.articles-page{display:flex;flex-direction:column;gap:1.1rem;min-height:calc(100vh - 64px)}.community-head h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.02;margin:.22rem 0 .65rem}.community-head p{color:var(--text-secondary);line-height:1.5;max-width:680px}.community-panel,.article-row{border:1px solid var(--surface-line);border-radius:var(--radius-md);background:rgba(var(--panel-mid-rgb),.72);padding:1rem;box-shadow:0 12px 28px var(--shadow-ink-faint)}.community-panel h3,.article-row h3{margin:.28rem 0 .45rem;font-size:var(--fs-lead)}.community-panel p,.article-row p{margin:0;color:var(--text-secondary);line-height:1.45}.learn-kicker{display:inline-flex;color:var(--cta-light);font-size:var(--fs-small);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.articles-list{display:grid;gap:.75rem}.article-meta{display:flex;gap:.65rem;color:var(--cta-light);font-size:var(--fs-small);font-weight:900;text-transform:uppercase}@media(max-width:900px){.articles-page{padding-bottom:72px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hud-build-available,.hud-devcards,.hud-resources,.game-log,.chat-box{position:relative}.hud-build-available,.game-log,.chat-box{overflow:hidden}.hud-build-available:after,.hud-devcards:after,.hud-resources:after,.game-log:after,.chat-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 1px 0 var(--surface-line-bold),inset 0 -1px 0 var(--shadow-ink-faint);pointer-events:none;border-radius:inherit;z-index:0}.sidebar-action-error{display:block;font-size:var(--fs-small);color:var(--danger, #e05);padding:.1rem 1rem .4rem;opacity:.85}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:99999;padding:calc(6px + env(safe-area-inset-top,0px)) 16px 6px;background:var(--danger-dark);color:#fff;text-align:center;font-family:var(--font-heading);font-size:var(--fs-body-sm);font-weight:700;letter-spacing:.5px}.update-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;box-sizing:border-box;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;z-index:9999;animation:overlay-fade var(--dur-med) ease both}.update-modal-overlay>*{margin:auto}@media(max-width:767px),(max-height:500px)and (orientation:landscape){body:has(.mobile-tab-bar) .update-modal-overlay{padding-top:calc(var(--mobile-top-bar-h) + env(safe-area-inset-top,0px));padding-bottom:calc(52px + max(16px,env(safe-area-inset-bottom,0px)))}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.update-modal{background:radial-gradient(ellipse at 50% -20%,rgba(var(--cta-rgb),.08),transparent 55%),linear-gradient(170deg,var(--bg-panel),var(--bg-dark));border:1px solid rgba(var(--cta-ui),.3);border-radius:18px;padding:2.5rem 3rem;text-align:center;width:min(100%,400px);max-width:400px;max-height:100%;overflow:auto;box-shadow:var(--shadow-3),var(--edge-top);animation:modal-pop var(--dur-med) var(--ease-spring) both}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.update-modal-overlay,.update-modal{animation:none}}.update-modal-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .75rem}.update-modal-text{font-size:var(--fs-body-lg);color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.update-modal-btn{padding:.7rem 2rem;font-size:var(--fs-base)}.update-modal.premium-beta-notice-modal{width:min(100%,640px);max-width:640px}.update-modal.premium-beta-notice-modal.is-gift-intro{overflow:visible}.premium-beta-notice-actions{position:relative;display:flex;align-items:flex-end;justify-content:center}.premium-beta-notice-dismiss{position:absolute;right:0;bottom:0;margin-right:-.35rem;margin-bottom:-.35rem;padding:.38rem .75rem;font-size:var(--fs-control);opacity:.72}.premium-beta-notice-dismiss:hover,.premium-beta-notice-dismiss:focus-visible{opacity:1}.queue-botfill-prompt-actions{display:flex;flex-direction:column;align-items:center;gap:.55rem;margin-top:1.2rem}.queue-botfill-prompt-actions .update-modal-btn{margin:0;width:min(16rem,100%)}.queue-botfill-prompt-dismiss{margin-top:.2rem;padding:.3rem .5rem;font-size:var(--fs-control);background:none;border:none;box-shadow:none;text-decoration:underline;text-underline-offset:.2em;opacity:.6}.queue-botfill-prompt-dismiss:hover,.queue-botfill-prompt-dismiss:focus-visible{background:none;border:none;box-shadow:none;opacity:1}.premium-beta-gift-intro{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.premium-beta-gift{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;cursor:pointer;line-height:0;border-radius:var(--radius-xl)}.premium-beta-gift:disabled{cursor:default}.premium-beta-gift:focus-visible{outline:2px solid var(--cta);outline-offset:6px}.premium-beta-gift-icon{width:128px;height:128px;overflow:visible;filter:drop-shadow(0 10px 22px rgba(0,0,0,.4));animation:premium-beta-gift-idle 2.4s ease-in-out infinite;transform-origin:50% 90%}.premium-beta-gift:hover .premium-beta-gift-icon{animation-duration:.9s}.premium-beta-gift-lid{transform-origin:50% 58px}.premium-beta-gift-bow{transform-origin:60px 40px}.premium-beta-gift.is-opening .premium-beta-gift-icon{animation:none}.premium-beta-gift.is-opening .premium-beta-gift-lid{animation:premium-beta-gift-lid-off .9s ease-in forwards}.premium-beta-gift.is-opening .premium-beta-gift-bow{animation:premium-beta-gift-bow-off .9s ease-in forwards}.premium-beta-gift.is-opening .premium-beta-gift-box{animation:premium-beta-gift-shake .45s ease-in-out}@keyframes premium-beta-gift-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes premium-beta-gift-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-3deg)}75%{transform:translate(3px) rotate(3deg)}}@keyframes premium-beta-gift-lid-off{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-70px) rotate(-24deg);opacity:0}}@keyframes premium-beta-gift-bow-off{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-110px) scale(1.2);opacity:0}}@media(prefers-reduced-motion:reduce){.premium-beta-gift-icon,.premium-beta-gift.is-opening .premium-beta-gift-lid,.premium-beta-gift.is-opening .premium-beta-gift-bow,.premium-beta-gift.is-opening .premium-beta-gift-box{animation:none}}.observed-tutorial-modal{width:min(100%,640px);max-width:640px}.observed-tutorial-modal .observed-tutorial-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:.9rem;border:1px solid rgba(var(--cta-rgb),.4);border-radius:var(--radius-round);background:rgba(var(--cta-rgb),.12);color:var(--cta)}.observed-tutorial-modal .update-modal-text{margin-bottom:.9rem}.observed-tutorial-modal .resign-confirm-actions{margin-top:1.2rem;justify-content:center}.pause-tutorial-modal{width:min(100%,560px);max-width:560px}.pause-tutorial-modal .pause-tutorial-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:.9rem;border:1px solid rgba(var(--cta-rgb),.4);border-radius:var(--radius-round);background:rgba(var(--cta-rgb),.12);color:var(--cta)}.pause-tutorial-modal .update-modal-text{margin-bottom:.9rem}.pause-tutorial-modal .pause-tutorial-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.2rem}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.display-name-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-sizing:border-box;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}.display-name-card{max-width:440px;width:100%;margin:1rem;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:2.25rem 2.5rem;background:rgba(var(--panel-mid-rgb),.85);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:0 8px 32px var(--shadow-ink-deep);text-align:center;animation:modal-slide-up .4s cubic-bezier(.16,1,.3,1) both}.display-name-logo{margin-bottom:1.5rem;display:flex;justify-content:center}.display-name-logo img{width:92px;height:92px}.display-name-title{font-family:var(--font-heading),sans-serif;font-size:1.6rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:.01em}.display-name-desc{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem}.display-name-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.display-name-form .form-field label{color:var(--text-secondary)}.display-name-form .form-field input{background:var(--surface-fill);border-color:var(--border-glow);color:#fff}.display-name-form .form-field input::placeholder{color:var(--text-faint)}.display-name-form .form-field input:focus{border-color:rgba(var(--cta-rgb),.5);box-shadow:0 0 0 2px rgba(var(--cta-rgb),.12);outline:none}.display-name-form .btn-catan{width:100%}.display-name-meta{display:flex;justify-content:space-between;align-items:center}.display-name-meta .form-hint{margin:0}.display-name-counter{font-size:var(--fs-label);color:var(--text-faint);font-variant-numeric:tabular-nums}.display-name-counter.at-limit{color:var(--danger)}@media(max-width:480px){.display-name-card{padding:2rem 1.5rem;margin:.5rem}.display-name-logo img{width:80px;height:80px}.display-name-title{font-size:1.3rem}}.lobby-page{--mobile-top-bar-h: 48px;position:relative;min-height:100vh;display:flex;background:radial-gradient(1100px 520px at 18% -8%,rgba(var(--cta-rgb),.07),transparent 60%),radial-gradient(900px 600px at 105% 110%,rgba(59,130,246,.06),transparent 55%),var(--page-bg)}.lobby-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--hex-pattern);background-size:60px 52px;opacity:.08;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25) 55%,transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25) 55%,transparent 90%);pointer-events:none;z-index:0}.sidebar{position:fixed;top:0;left:0;width:140px;height:100vh;height:100dvh;box-sizing:border-box;background:linear-gradient(180deg,rgba(var(--page-bg-deep-rgb),.92),rgba(var(--page-bg-rgb),.98) 45%,rgba(var(--page-bg-rgb),1));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border-glow);display:flex;flex-direction:column;align-items:center;padding:calc(1rem + env(safe-area-inset-top,0px)) 0 env(safe-area-inset-bottom,0px);z-index:80;box-shadow:4px 0 32px var(--shadow-ink),inset -1px 0 0 var(--surface-line-faint)}.sidebar-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding-bottom:.8rem;margin-bottom:0;border-bottom:1px solid var(--border-glow);width:100%;cursor:default;position:relative}.sidebar-logo-text{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-base);letter-spacing:-.01em;color:var(--nav-text);position:relative}.sidebar-logo:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(var(--cta-rgb),.14),transparent 70%);pointer-events:none}.sidebar-logo img{width:44px;height:44px;display:block;position:relative;filter:drop-shadow(0 2px 10px rgba(var(--cta-rgb),.25))}.sidebar-nav{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-height:0;width:100%;padding:4px .4rem 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--info-rgb),.25) transparent}.sidebar-indicator{position:absolute;left:.4rem;right:.4rem;background:linear-gradient(180deg,rgba(var(--cta-rgb),.13),rgba(var(--cta-rgb),.05));border:1px solid rgba(var(--cta-rgb),.22);box-shadow:inset 0 1px 0 var(--surface-line-faint),0 2px 12px rgba(var(--cta-rgb),.1);border-radius:var(--radius-xl);pointer-events:none;z-index:0}.sidebar-indicator:before{content:"";position:absolute;left:-.4rem;top:50%;transform:translateY(-50%);width:3px;height:55%;border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:linear-gradient(180deg,var(--cta-light),var(--cta-dark));box-shadow:0 0 10px rgba(var(--cta-rgb),.7)}.sidebar-indicator-animated{transition:top .32s var(--ease-spring),height .32s var(--ease-spring),opacity .2s ease}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(var(--info-rgb),.25);border-radius:var(--radius-xxs)}.sidebar-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;padding:.7rem .5rem;border-radius:var(--radius-xl);background:transparent;border:none;color:var(--nav-text);font-family:var(--font-heading);font-size:var(--fs-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-med) ease,color var(--dur-med) ease;text-decoration:none;flex-shrink:0;position:relative;z-index:1}.sidebar-item:hover{background:var(--surface-fill-soft);color:var(--text-primary)}.sidebar-item.active{background:transparent;color:var(--cta-light)}.sidebar-item svg{width:38px;height:38px;min-height:38px;opacity:.55;transition:opacity var(--dur-med) ease,filter .3s ease,transform var(--dur-med) var(--ease-spring);flex-shrink:0}.sidebar-item:hover svg{opacity:1;transform:translateY(-1px)}.sidebar-item.active svg{opacity:1;filter:drop-shadow(0 0 9px rgba(var(--cta-rgb),.55));transform:scale(1.1)}.sidebar-item-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0}.sidebar-item-badge{position:absolute;top:-6px;right:-10px;background:var(--danger);color:#fff;font-family:var(--font-heading);font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 0 0 2px var(--shadow-ink);pointer-events:none;z-index:2}.nav-badge-inline{flex:none;background:var(--danger);color:#fff;font-family:var(--font-heading);font-size:11px;font-weight:700;line-height:1;min-width:18px;height:18px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;padding:0 5px;pointer-events:none}.sidebar-divider{height:1px;background:rgba(var(--info-rgb),.22);margin:.5rem .6rem;flex-shrink:0}.sidebar-item-coming-soon{opacity:.7;position:relative;overflow:hidden;cursor:default;pointer-events:none}.coming-soon-badge{position:absolute;top:7px;right:-20px;font-family:var(--font-heading);font-size:var(--fs-tiny);text-transform:uppercase;background:linear-gradient(135deg,var(--cta-light),var(--cta),var(--cta-dark));color:var(--cta-text);padding:3px 26px;font-weight:900;line-height:1.6;transform:rotate(35deg);transform-origin:center;box-shadow:0 0 8px rgba(var(--cta-rgb),.6),0 2px 6px var(--shadow-ink)}.sidebar-divider-language{align-self:stretch;margin-top:0}.sidebar-language{display:flex;align-items:center;gap:.3rem;width:100%;padding:.3rem .45rem;box-sizing:border-box;color:var(--text-dimmed);flex-shrink:0}.sidebar-language-select{flex:1;min-width:0;max-width:100%;padding:.2rem .15rem;border:0;background:transparent;color:var(--text-soft);font-family:inherit;font-size:var(--fs-small);cursor:pointer}.sidebar-language-select:hover,.sidebar-language-select:focus-visible{color:#fff}.sidebar-language-select option{background:var(--bg-panel);color:#fff}.language-select-globe{position:relative;display:flex;align-items:center;flex:1;min-width:0}.language-select-globe>svg{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none;transition:color .15s ease}.language-select-globe>select{padding-left:calc(14px + .45rem)}.language-select-globe:hover>svg,.language-select-globe:focus-within>svg{color:#fff}.sidebar-profile{border-top:1px solid rgba(var(--info-rgb),.2);width:100%;padding:.4rem;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-profile .sidebar-item{text-transform:uppercase}.sidebar-guest-cta{display:grid;justify-items:center;gap:.42rem;width:100%;padding:.35rem;color:var(--text-bright);font-size:var(--fs-small);text-align:center}.sidebar-guest-portrait{display:grid;place-items:center;width:46px;height:46px;background:rgba(var(--info-rgb),.13);color:var(--text-secondary);clip-path:polygon(50% 1.5%,92.1% 25.9%,92.1% 74.5%,50% 98.9%,7.9% 74.5%,7.9% 25.9%)}.sidebar-guest-portrait svg{width:24px;height:24px}.sidebar-guest-cta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-guest-actions{display:grid;gap:.35rem;width:100%}.sidebar-guest-actions .btn-catan,.sidebar-guest-actions .btn-catan-secondary{width:100%;min-height:44px;font-size:var(--fs-small);padding:.38rem .3rem}.lobby-main{margin-left:140px;flex:1;padding:calc(2rem + env(safe-area-inset-top,0px)) 1rem 1rem;min-height:100vh;min-width:0}.platform-card{background:var(--surface-card);border:1px solid var(--border-glow);border-radius:var(--radius-2xl);box-shadow:0 8px 32px var(--shadow-ink),inset 0 1px 0 var(--surface-line-faint)}.play-page{max-width:1100px;margin:0;padding:1.5rem 2rem}.lobby-main .play-page,.lobby-main .stats-page,.lobby-main .ranked-info-page,.lobby-main .gamehistory-page-container,.lobby-main .watch-page,.lobby-main .articles-page{margin-left:auto;margin-right:auto}.play-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.play-discord-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-base);font-weight:600;color:var(--discord);text-decoration:none;transition:opacity .2s}.play-discord-btn:hover{opacity:.75}.play-stats-bar{display:flex;gap:1.5rem;align-items:center;font-size:var(--fs-body-sm);color:var(--text-dimmed);white-space:nowrap}.play-stats-pill{display:flex;gap:1.25rem;padding:.5rem 1rem;background:var(--surface-fill-soft);border:1px solid var(--border-glow);border-radius:var(--radius-pill);font-size:var(--fs-control);color:var(--text-dimmed);white-space:nowrap;align-items:center}.play-stats-pill .play-stat-value{color:#fff;font-weight:700}.play-stat-dot{display:inline-block;width:6px;height:6px;border-radius:var(--radius-round);background:var(--success-light);margin-right:.35rem}.play-stat-dot-pulse{display:inline-block;width:7px;height:7px;border-radius:var(--radius-round);background:var(--success-light);margin-right:.4rem;animation:statPulse 2s ease-in-out infinite}@keyframes statPulse{0%,to{opacity:1;box-shadow:0 0 rgba(var(--success-rgb),.4)}50%{opacity:.7;box-shadow:0 0 6px 2px rgba(var(--success-rgb),.3)}}.play-stat-value{font-weight:700;color:#fffffff2;margin-right:.25rem}.play-error{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:rgba(var(--danger-rgb),.15);border:1px solid rgba(var(--danger-rgb),.3);border-radius:var(--radius-lg);color:var(--danger-light);font-size:var(--fs-body-sm);margin-bottom:1rem}.play-error button{background:none;border:none;color:var(--danger-light);font-size:var(--fs-h4);cursor:pointer;padding:0 .25rem}.premium-prompt{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;margin:0 0 1rem;background:var(--surface-card);border:1px solid rgba(var(--cta-rgb),.22);border-radius:var(--radius-md);box-shadow:0 10px 28px var(--shadow-ink-soft)}.premium-prompt-copy{min-width:0}.premium-eyebrow{display:block;margin-bottom:.3rem;color:var(--text-faint);font-family:var(--font-heading);font-size:var(--fs-tiny);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.premium-title{margin:0 0 .25rem;color:#fffffff2;font-size:1.05rem;font-weight:800}.premium-text,.premium-error{margin:0;color:var(--text-dimmed);font-size:var(--fs-body-sm);line-height:1.45}.premium-error{margin-top:.45rem;color:var(--danger-light)}.premium-action{flex-shrink:0;padding:.58rem 1rem;font-size:var(--fs-control);white-space:nowrap}.premium-prompt-compact{display:block;padding:.55rem 0;margin:0;background:transparent;border:none;border-radius:0;box-shadow:none}.premium-prompt-compact .premium-title{font-size:var(--fs-body-sm)}.premium-prompt-compact .premium-text,.premium-prompt-compact .premium-error{font-size:var(--fs-label)}.premium-prompt-compact .premium-action{width:100%;margin-top:.7rem}@media(max-width:640px){.premium-prompt{align-items:stretch;flex-direction:column}.premium-action{width:100%}}.play-top-heading{display:flex;flex-direction:column}.play-top-title{font-family:var(--font-heading);font-size:var(--fs-h1);font-weight:800;color:#fff;margin:0;line-height:1}.play-top-subtitle{font-size:var(--fs-body-sm);color:var(--text-muted);margin-top:4px}.play-hero-card{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 18% -10%,rgba(var(--cta-rgb),.28),transparent 52%),radial-gradient(ellipse at 95% 120%,rgba(59,130,246,.1),transparent 50%),linear-gradient(160deg,rgba(var(--panel-rgb),.65),rgba(var(--panel-deep-rgb),.5));border:1px solid rgba(var(--cta-ui),.3);border-radius:22px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 24px 70px var(--shadow-ink),0 0 0 1px var(--surface-line-faint),inset 0 1px 0 var(--surface-line-faint)}.play-hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hex-pattern);background-size:56px 48px;opacity:.1;-webkit-mask-image:linear-gradient(100deg,rgba(0,0,0,.9),transparent 65%);mask-image:linear-gradient(100deg,rgba(0,0,0,.9),transparent 65%);pointer-events:none;z-index:-1}.play-hero-inner{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:end}.play-hero-left{display:flex;flex-direction:column;align-items:flex-start}.play-hero-title{font-family:var(--font-heading);font-size:clamp(2.2rem,4.5vw,3rem);font-weight:800;background:linear-gradient(180deg,#fff 30%,#ffffffb8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .75rem;letter-spacing:-.02em;text-align:left}.play-hero-stats{display:flex;gap:1.75rem;padding:.9rem 1.4rem;background:rgba(var(--bg-dark-rgb),.45);border:1px solid var(--border-glow);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--edge-top)}.play-hero-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.play-hero-stat-value{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-heading);font-size:var(--fs-h2);font-weight:800;color:#fff;line-height:1}.play-hero-stat-label{font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:var(--font-heading)}.play-hero-desc{font-size:var(--fs-base);color:var(--text-dimmed);max-width:440px;margin:0 0 1.5rem;line-height:1.5;text-align:left}.play-hero-queue{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-body-sm);color:var(--text-dimmed);margin-bottom:1.5rem}.play-hero-queue-count{color:var(--success-light);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-lead)}.play-hero-countdown{font-size:var(--fs-body-sm);color:var(--text-muted);margin-top:-.5rem;margin-bottom:1rem}.play-hero-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.05rem 2.7rem;font-size:1.05rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-xl);box-shadow:inset 0 1px #ffffff73,inset 0 -2px #5a2d0040,0 4px 18px rgba(var(--cta-rgb),.4),0 1px 2px var(--shadow-ink)}.play-hero-btn:hover:not(:disabled){box-shadow:inset 0 1px #ffffff80,inset 0 -2px #5a2d0040,0 8px 32px rgba(var(--cta-rgb),.55),0 2px 4px var(--shadow-ink)}.play-hero-btn-icon{font-size:var(--fs-body)}.play-mode-toggle{display:inline-flex;padding:3px;background:var(--recess-strong);border:1px solid rgba(var(--cta-ui),.2);border-radius:var(--radius-md);margin-bottom:1.25rem}.play-mode-toggle-sm{margin-bottom:0;padding:2px;border-radius:var(--radius-sm)}.play-mode-toggle-sm .play-mode-btn{padding:.3rem .7rem;min-width:0;font-size:var(--fs-control);border-radius:var(--radius-xs)}.play-mode-btn{padding:.45rem 1.1rem;min-width:84px;font-size:var(--fs-control);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-heading);transition:background .15s,color .15s}.play-mode-btn:hover:not(.active){color:var(--text-secondary)}.play-mode-btn.active{background:transparent;color:var(--cta-text);box-shadow:none}.toggle-indicator{position:absolute;top:3px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--cta),var(--cta-dark));box-shadow:0 2px 8px rgba(var(--cta-rgb),.4);pointer-events:none;z-index:0}.toggle-indicator-animated{transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}@keyframes tab-fade-in{0%{opacity:0}to{opacity:1}}.tab-content-fade{animation:tab-fade-in .2s ease both}.play-mode-btn{position:relative;z-index:1}.play-hero-atmosphere{position:absolute;bottom:-10%;right:-8%;width:52%;max-width:620px;pointer-events:none;opacity:.18;filter:saturate(1.1);mask-image:radial-gradient(ellipse at 30% 70%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 30% 70%,#000 20%,transparent 75%)}.play-newplayer-callout{background:linear-gradient(135deg,rgba(var(--cta-rgb),.18),rgba(var(--cta-ui),.08));border:1px solid rgba(var(--cta-rgb),.3);border-radius:var(--radius-2xl);padding:1.25rem 1.5rem;margin-bottom:2rem}.play-newplayer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.play-newplayer-title{font-family:var(--font-heading);font-size:var(--fs-lead);font-weight:700;color:#fff;margin:0 0 .25rem}.play-newplayer-desc{font-size:var(--fs-body-sm);color:var(--text-dimmed);margin:0;line-height:1.4}.play-newplayer-btn{white-space:nowrap;flex-shrink:0}@media(max-width:600px){.play-newplayer-inner{flex-direction:column;text-align:center;gap:1rem}}.play-section-title{display:flex;align-items:center;gap:.6rem;font-family:var(--font-heading);font-size:var(--fs-label);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin:0 0 1rem}.play-section-title:before{content:"";width:16px;height:3px;border-radius:var(--radius-xxs);background:linear-gradient(90deg,var(--cta),transparent);flex-shrink:0}.scroll-row-wrapper{position:relative}.scroll-row-arrow{position:absolute;top:0;bottom:0;z-index:2;width:44px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.scroll-row-arrow svg{width:22px;height:22px;filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}.scroll-row-left{left:-12px;background:linear-gradient(to right,rgba(var(--bg-dark-rgb),.95) 0%,rgba(var(--bg-dark-rgb),.7) 60%,transparent 100%)}.scroll-row-right{right:-12px;background:linear-gradient(to left,rgba(var(--bg-dark-rgb),.95) 0%,rgba(var(--bg-dark-rgb),.7) 60%,transparent 100%)}.scroll-row-arrow:hover{color:#fff}.scroll-row-left:hover{background:linear-gradient(to right,rgba(var(--bg-dark-rgb),1) 0%,rgba(var(--bg-dark-rgb),.85) 60%,transparent 100%)}.scroll-row-right:hover{background:linear-gradient(to left,rgba(var(--bg-dark-rgb),1) 0%,rgba(var(--bg-dark-rgb),.85) 60%,transparent 100%)}.play-my-tournaments{margin-bottom:1.75rem}.play-section-count{font-size:var(--fs-caption);color:var(--success-light);letter-spacing:1.5px;margin-left:8px}.play-section-link{font-family:var(--font-heading);font-size:var(--fs-small);font-weight:600;color:var(--cta-muted);background:none;border:none;cursor:pointer;letter-spacing:1px;margin-left:auto;text-transform:none}.play-section-link:hover{color:var(--cta)}.play-my-tournaments-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.play-my-tournaments-row::-webkit-scrollbar{display:none}.play-mt-card{min-width:280px;max-width:360px;flex-shrink:0;padding:18px 22px;background:var(--surface-card);border:1px solid rgba(var(--success-rgb),.2);border-left:3px solid var(--success-light);border-radius:var(--radius-xl);cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s}.play-mt-card:hover{background:var(--surface-card-hover);border-color:rgba(var(--success-rgb),.4);border-left-color:var(--success-light);box-shadow:0 8px 24px var(--shadow-ink-soft)}.play-mt-card-upcoming{border-color:rgba(var(--cta-ui),.2);border-left:3px solid var(--cta-muted)}.play-mt-card-upcoming:hover{border-color:rgba(var(--cta-ui),.4);border-left-color:var(--cta-muted)}.play-mt-card-upcoming .play-mt-seats-fill{background:linear-gradient(90deg,var(--cta-muted),var(--cta))}.play-mt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.play-mt-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 10px;border-radius:var(--radius-xs);background:rgba(var(--success-rgb),.15);color:var(--success-light)}.play-mt-badge-live{background:rgba(var(--success-rgb),.18);color:var(--success-light);padding-left:18px;position:relative}.play-mt-badge-live:before{content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:var(--radius-round);background:var(--success-light);animation:t-pulse 1.5s ease-in-out infinite}@keyframes t-pulse{0%,to{opacity:1}50%{opacity:.3}}.play-mt-badge-ci{background:rgba(var(--success-rgb),.15);color:var(--success-light)}.play-mt-card-upcoming .play-mt-badge{background:rgba(var(--cta-ui),.15);color:var(--cta-muted)}.play-mt-card-upcoming .play-mt-badge-registered,.play-mt-card-upcoming .play-mt-badge-ci{background:rgba(var(--success-rgb),.15);color:var(--success-light)}.play-mt-card-upcoming .play-mt-badge-checkin{background:rgba(var(--cta-ui),.2);color:var(--cta-muted)}.play-mt-badge-checkin{background:rgba(var(--cta-ui),.2);color:var(--cta-muted);animation:t-pulse 1.5s ease-in-out infinite}.play-mt-mode{font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:var(--radius-xs);background:var(--surface-fill-soft);color:var(--text-muted)}.play-mt-name{font-family:var(--font-heading);font-size:16px;font-weight:700;color:#fff;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-mt-countdown{font-family:var(--font-heading);font-size:12px;font-weight:700;color:var(--cta);margin-bottom:12px;letter-spacing:.3px}.play-mt-date{color:var(--text-faint);margin-right:6px}.play-mt-seats-bar{height:3px;background:var(--surface-fill-soft);border-radius:var(--radius-xxs);margin-bottom:12px;overflow:hidden}.play-mt-seats-fill{height:100%;background:linear-gradient(90deg,var(--success-light),var(--success-light));border-radius:var(--radius-xxs);transition:width .3s}.play-mt-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-faint)}.play-mt-seats{font-weight:600}.play-mt-link{color:var(--cta-muted);font-weight:600;font-size:12px}.play-mt-link:hover{color:var(--cta)}.play-upcoming{margin-bottom:1.75rem}.play-upcoming .play-section-title{display:flex;align-items:center}.play-upcoming-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.play-upcoming-row::-webkit-scrollbar{display:none}.play-upcoming-card{min-width:320px;flex-shrink:0;display:flex;align-items:center;gap:0;padding:0;border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;background:var(--surface-card);border:1px solid var(--border-glow);transition:border-color .2s,box-shadow .2s}.play-upcoming-card:hover{background:var(--surface-card-hover);border-color:rgba(var(--cta-ui),.3);box-shadow:0 8px 24px var(--shadow-ink-soft)}.play-upcoming-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:68px;padding:14px 0;background:rgba(var(--cta-ui),.06);align-self:stretch}.play-upcoming-day{font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-top:2px}.play-upcoming-num{font-family:var(--font-heading);font-size:26px;font-weight:700;color:#fff;line-height:1}.play-upcoming-month{font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--cta-muted);margin-bottom:2px}.play-upcoming-time{font-family:var(--font-heading);font-size:11px;font-weight:700;color:var(--cta-muted);margin-top:4px;letter-spacing:.3px}.play-upcoming-divider{width:1px;align-self:stretch;background:var(--surface-line-faint)}.play-upcoming-info{flex:1;min-width:0;padding:14px 16px}.play-upcoming-name{font-family:var(--font-heading);font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.play-upcoming-meta{font-size:13px;color:var(--text-faint);margin-bottom:8px}.play-upcoming-seats-bar{height:3px;background:var(--surface-fill-soft);border-radius:var(--radius-xxs);overflow:hidden}.play-upcoming-seats-fill{height:100%;background:linear-gradient(90deg,var(--cta-muted),var(--cta));border-radius:var(--radius-xxs);transition:width .3s}.play-upcoming-urgent{border-color:rgba(var(--warn-rgb),.35)}.play-upcoming-urgent .play-upcoming-date{background:rgba(var(--warn-rgb),.1)}.play-upcoming-urgent .play-upcoming-day,.play-upcoming-urgent .play-upcoming-time{color:var(--warn)}.play-upcoming-urgent .play-upcoming-seats-fill{background:linear-gradient(90deg,var(--warn),var(--warn))}.play-upcoming-urgent-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:var(--radius-xs);font-family:var(--font-heading);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(var(--warn-rgb),.2);color:var(--warn);animation:t-pulse 1.5s ease-in-out infinite}.play-upcoming-register{margin-top:8px;padding:5px 14px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(var(--cta-ui),.2);color:var(--cta);transition:background .15s,color .15s}.play-upcoming-register:hover{background:rgba(var(--cta-ui),.35);color:#fff}.play-upcoming-register:disabled{opacity:.5;cursor:default}.play-upcoming-registered{display:inline-block;margin-top:8px;font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--success-light)}.play-scroll-hint{display:flex;flex-direction:column;align-items:center;gap:2px;margin:-.5rem 0 0}.play-scroll-hint-text{font-family:var(--font-heading);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dimmed)}.play-scroll-hint-arrow{animation:scroll-hint-bounce 1.8s ease-in-out infinite;color:var(--text-dimmed)}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.play-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem}.play-card{position:relative;overflow:hidden;background:var(--surface-card);border:1px solid var(--border-glow);border-radius:var(--radius-3xl);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-1),var(--edge-top);transition:border-color var(--dur-med),transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}.play-card:hover{border-color:rgba(var(--cta-rgb),.35);transform:translateY(-3px);box-shadow:var(--shadow-2),var(--edge-top),0 0 24px rgba(var(--cta-rgb),.07)}.play-card-mode{position:absolute;top:12px;right:12px;font-family:var(--font-heading);font-size:var(--fs-caption);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--cta-rgb),.9);background:rgba(var(--cta-rgb),.1);border:1px solid rgba(var(--cta-rgb),.3);border-radius:var(--radius-pill);padding:3px 10px;line-height:1.4}.play-card-art{position:absolute;bottom:-18px;right:-14px;width:110px;height:110px;object-fit:contain;opacity:.32;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 35% 35%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 35% 35%,#000 30%,transparent 78%);transition:opacity var(--dur-med),transform var(--dur-med) var(--ease-out)}.play-card:hover .play-card-art{opacity:.55;transform:rotate(-4deg) scale(1.1) translateY(-4px)}.play-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.play-card-icon svg{width:22px;height:22px}.play-card-icon.matchmake-icon-red{background:#dc503c33;color:#ef7b5b}.play-card-icon.matchmake-icon-blue{background:#508cdc33;color:#6bb3f0}.play-card-icon.matchmake-icon-green{background:#3cb46433;color:#5cc98a}.play-card-icon.matchmake-icon-yellow{background:rgba(var(--cta-rgb),.2);color:var(--cta)}.play-card-mobile-only,.play-hero-card-mobile{display:none}@media(max-width:767px){.play-card-mobile-only{display:flex}.play-hero-card-desktop{display:none}.play-hero-card-mobile{display:flex;flex-direction:column;align-items:center;text-align:center}.play-hero-card-mobile .play-hero-btn{align-self:center;width:100%;max-width:360px}.play-top-bar .play-stats-pill{font-size:var(--fs-small);padding:.35rem .75rem;gap:.75rem}}.play-card-title{font-family:var(--font-heading);font-size:var(--fs-h4);font-weight:700;color:#fff;margin:0}.play-card-desc{font-size:var(--fs-body);color:var(--text-muted);line-height:1.5;margin:0;flex:1}.play-card-btn{margin-top:.75rem;padding:.5rem 1.25rem;font-size:var(--fs-body-sm);align-self:flex-start;background:transparent;color:var(--text-dimmed);border:1px solid var(--border);box-shadow:none}.play-card-btn:hover:not(:disabled){background:var(--surface-fill-soft);color:var(--text-primary);border-color:var(--border-light);box-shadow:none;transform:none}@media(max-width:767px){.play-card-art{display:none}.play-cards-row{grid-template-columns:1fr;gap:.6rem}.play-cards-row>.play-card{flex-direction:row;align-items:center;gap:.85rem;padding:.85rem 1rem}.play-card-icon{margin-bottom:0;flex-shrink:0}.play-card-title{font-size:var(--fs-base)}.play-card-desc{font-size:var(--fs-control);line-height:1.35;flex:1}.play-cards-row>.play-card>.play-card-title,.play-cards-row>.play-card>.play-card-desc{flex:0 1 auto}.play-cards-row>.play-card{flex-wrap:wrap}.play-card-icon+.play-card-title{flex:1 1 0;min-width:0}.play-card-desc{flex:1 1 100%;margin-left:52px;margin-top:-.15rem}.play-card-btn{margin-top:0;padding:.35rem .7rem;font-size:var(--fs-label);align-self:center;flex-shrink:0;order:2}.scroll-row-arrow{display:none}.play-my-tournaments-row{gap:10px}.play-mt-card{min-width:240px;max-width:300px;padding:14px 16px}.play-mt-name{font-size:14px}.play-mt-countdown{font-size:11px;margin-bottom:8px}.play-mt-date,.play-mt-bottom,.play-mt-seats{font-size:11px}.play-upcoming-row{gap:10px}.play-upcoming-card{min-width:260px}.play-upcoming-date{min-width:56px;padding:10px 0}.play-upcoming-day{font-size:9px}.play-upcoming-num{font-size:22px}.play-upcoming-time{font-size:10px}.play-upcoming-info{padding:10px 12px}.play-upcoming-name{font-size:13px}.play-upcoming-meta{font-size:11px}.play-upcoming-register{font-size:10px;padding:4px 10px}}.play-page-redesign{max-width:1180px;padding-top:1.25rem}.play-page-redesign .play-top-bar{margin-bottom:1rem;gap:1rem}.play-page-redesign .play-top-subtitle{margin:.35rem 0 0;max-width:620px;color:var(--text-dimmed);line-height:1.45}.play-page-redesign .play-discord-btn{padding:.55rem .8rem;border:1px solid rgba(88,101,242,.28);border-radius:var(--radius-md);background:#5865f214;font-size:var(--fs-body-sm)}.play-top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.65rem;flex:0 0 auto}.play-page-redesign .play-top-actions{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-end}.play-recent-cta{min-height:42px;padding:0 1.1rem;white-space:nowrap}.play-type-line{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .75rem;width:100%}.play-section-line>.play-section-navigation{flex:1 1 100%}.play-page-redesign .play-type-line .play-recent-cta-row{margin:0 0 0 auto;align-self:center}.play-recent-cta-title{display:none}@container play-page (max-width: 839px){.play-recent-cta-row{display:none}.play-recent-cta-title{display:inline-flex}}@container play-page (max-width: 419px){.play-recent-cta-title{display:none}.play-recent-cta-row{display:inline-flex;order:-1;flex:1 1 100%;margin-left:0}}.play-layout-toggle{margin-bottom:0;padding:2px;border-color:var(--surface-line);background:var(--recess)}.play-layout-toggle .play-mode-btn{min-width:72px;padding:.34rem .62rem;border-radius:var(--radius-xs);font-size:var(--fs-small);letter-spacing:0;text-transform:none}.play-section-menu{display:flex;align-items:stretch;gap:.3rem;margin:0 0 1rem}.play-selector-content{min-width:0}.play-section-row{display:flex;flex-direction:column;gap:.65rem;margin:0 0 1rem}.play-section-line{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.65rem .75rem}.play-section-row .play-section-menu{margin:0}.play-section-navigation{display:flex;flex-direction:column;gap:.65rem;max-width:100%}.play-section-navigation .terms-notice{max-width:23rem}.play-mode-row,.play-type-row{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;max-width:100%}.play-flow-detail{margin:.3rem 0 0;color:var(--text-muted);font-size:var(--fs-control);line-height:1.35}.play-section-line>.feature-card{flex:0 0 318px;max-width:100%;min-width:0;margin-left:auto}.page-back-link{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:32px;color:var(--text-secondary);font-size:var(--fs-control);text-decoration:none}.page-back-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media(hover:hover){.page-back-link:hover{color:var(--cta-light)}}.library-gotd-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border:1px solid rgba(214,158,46,.55);border-radius:var(--radius-xs);background:#d69e2e29;color:#e8b451;font-size:var(--fs-tiny);font-weight:800;letter-spacing:.05em;line-height:1.5;white-space:nowrap}.play-section-menu-tabs{width:fit-content;max-width:100%;padding:4px;border:1px solid rgba(var(--info-rgb),.22);border-radius:var(--radius-md);background:var(--surface-strip);box-shadow:inset 0 1px 0 var(--surface-line-faint)}.play-section-menu-btn.sidebar-item{flex:0 0 116px;width:116px;min-height:72px;flex-direction:column;gap:.32rem;justify-content:center;padding:.5rem .35rem;border-radius:var(--radius-sm);white-space:normal}.play-section-menu-btn.sidebar-item svg{width:38px;height:38px;min-height:38px}.play-section-menu-btn.sidebar-item>.menu-icon{width:48px;height:48px;min-height:48px;object-fit:contain}.play-section-menu-btn.sidebar-item span{display:block;max-width:100%;line-height:1.1;text-align:center}.play-section-menu-btn.sidebar-item{position:relative}.play-section-menu-btn.sidebar-item .play-section-menu-badge{position:absolute;top:4px;left:calc(50% + 6px);display:inline-flex;max-width:none;overflow:visible;font-size:11px;letter-spacing:0;line-height:1;box-shadow:0 0 0 2px var(--shadow-ink);z-index:2}.play-section-menu-btn.sidebar-item.active{background:linear-gradient(180deg,rgba(var(--cta-rgb),.16),rgba(var(--cta-rgb),.06));box-shadow:inset 0 1px 0 var(--surface-line-faint),0 2px 10px rgba(var(--cta-rgb),.12)}.play-section-menu-btn.sidebar-item.active svg{transform:none}.play-section-menu-btn.sidebar-item:focus-visible{outline:2px solid rgba(var(--cta-rgb),.58);outline-offset:2px}.play-section-menu-wide{width:fit-content;max-width:100%;padding:4px;border:1px solid rgba(var(--info-rgb),.22);border-radius:var(--radius-md);background:var(--surface-strip);box-shadow:inset 0 1px 0 var(--surface-line-faint)}.play-section-menu-wide .play-section-menu-btn.sidebar-item{flex:0 0 auto;width:auto;min-width:150px;min-height:56px;flex-direction:row;justify-content:flex-start;gap:.6rem;padding:.4rem 1rem .4rem .6rem;border-radius:var(--radius-sm);font-size:var(--fs-body-lg);font-weight:800;letter-spacing:0;text-transform:none;white-space:nowrap}.play-section-menu-wide .play-section-menu-btn.sidebar-item svg{width:32px;height:32px;min-height:32px}.play-section-menu-wide .play-section-menu-btn.sidebar-item>.menu-icon{width:40px;height:40px;min-height:40px}.play-section-menu-wide .play-section-menu-btn.sidebar-item span{text-align:left}.play-section-menu-wide .play-section-menu-btn.sidebar-item .play-section-menu-badge{top:3px;left:36px}.play-stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.1rem;align-items:start;margin:0 0 1rem}.play-stage-main{min-width:0;display:flex;flex-direction:column;gap:.75rem}.play-stage-side{display:flex;flex-direction:column;gap:.75rem;min-width:0;align-self:stretch}.play-stage-context{display:flex;flex-direction:column;gap:.75rem;min-width:0;margin-top:var(--play-side-offset, 0px);transition:margin-top .22s var(--ease-out)}@media(prefers-reduced-motion:reduce){.play-stage-context{transition:none}}.play-stage-context:empty{display:none}.play-stage-side .play-rank-aside{flex:none;min-width:0}.play-stage-side>.feature-card{flex:none;max-width:100%}.play-stage-side-foot{display:flex;margin-top:auto}.play-stage-side-foot .feature-card{width:318px;max-width:100%}.play-stage-side-foot:empty{display:none}.play-side-leaderboard{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;text-decoration:none}.play-side-leaderboard .menu-icon,.play-side-leaderboard svg{width:26px;height:26px}.game-mode-list{display:flex;flex-direction:column;gap:.5rem}.game-mode-card{display:flex;align-items:center;gap:.85rem;width:100%;padding:.7rem .9rem;border:1px solid var(--border-glow);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-1),var(--edge-top);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}.game-mode-card:hover:not(:disabled):not(.active){border-color:var(--surface-line-strong);background:var(--surface-card-hover)}.game-mode-card.active{border-color:rgba(var(--cta-rgb),.55);background:linear-gradient(135deg,rgba(var(--cta-rgb),.14) 0%,transparent 40%),var(--surface-card);box-shadow:0 2px 10px rgba(var(--cta-rgb),.12),var(--edge-top)}.game-mode-card:disabled{cursor:default;opacity:.7}.game-mode-card:focus-visible{outline:2px solid rgba(var(--cta-rgb),.58);outline-offset:2px}.game-mode-card-icon{flex:0 0 auto;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid var(--surface-line-faint);border-radius:var(--radius-md);background:var(--recess)}.game-mode-card.active .game-mode-card-icon{border-color:rgba(var(--cta-rgb),.35);background:linear-gradient(180deg,rgba(var(--cta-rgb),.16),rgba(var(--cta-rgb),.06))}.game-mode-card-icon .menu-icon,.game-mode-card-icon svg{width:44px;height:44px}.game-mode-card-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.game-mode-card-name{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:800}.game-mode-card.active .game-mode-card-name{color:var(--cta-light)}.game-mode-card-detail{color:var(--text-muted);font-size:var(--fs-control);line-height:1.35}.game-mode-card-pending{min-height:74px;opacity:.4;pointer-events:none}.play-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.55rem .6rem .55rem .9rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-card)}.play-stage-settings{flex:1 1 320px;min-width:0;display:flex;flex-direction:column}.play-stage-settings .play-queue-row{padding:.35rem 0}.play-stage-ctas{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;margin-left:auto}.play-stage-ctas .play-queue-meta{width:100%;justify-content:flex-end}.play-stage-ctas .play-primary-action,.play-stage-ctas .play-secondary-action{margin-top:0;align-self:auto}.play-stage-ctas .play-queue-cta-btn{min-width:200px}.play-opponents-card{display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1rem;border:1px solid var(--border-glow);border-radius:var(--radius-lg);background:var(--surface-card)}.play-opponents-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-body-lg)}.play-opponents-copy{color:var(--text-faint);font-size:var(--fs-control);line-height:1.4}.play-opponents-roster{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.play-opponents-roster img{width:56px;height:56px;margin:0;border-radius:var(--radius-lg)}.play-lobby-mode-line{margin:0 0 1rem}.play-lobby-mode{display:flex;align-items:center;gap:.75rem;flex:1 1 420px;max-width:560px;min-width:0}.play-lobby-mode .game-mode-card{flex:1 1 auto}.play-change-mode{flex:0 0 auto;white-space:nowrap}.play-mode-modal{width:min(720px,calc(100vw - 2rem));max-width:none}.play-mode-modal .game-mode-list{margin:.75rem 0 1rem}@media(max-width:719px),(max-height:500px){.play-stage{grid-template-columns:minmax(0,1fr)}.play-stage-context{margin-top:0;transition:none}.play-section-line>.play-section-navigation{flex:1 1 100%}.play-type-row .play-section-menu.play-section-menu-wide{width:calc(100% + 1rem);max-width:560px;margin:0 -.5rem;flex-wrap:nowrap;padding:3px 0}@container play-page (min-width: 780px){.play-recent-cta-row{display:inline-flex;order:0;flex:none;margin-left:auto}.play-recent-cta-title{display:none}}.play-type-row .play-section-menu.play-section-menu-wide .play-section-menu-btn.sidebar-item{flex:1 1 0;min-width:0;min-height:0;flex-direction:column;justify-content:center;gap:2px;padding:.35rem 0}.play-type-row .play-section-menu.play-section-menu-wide .play-section-menu-btn.sidebar-item>.menu-icon{width:32px;height:32px;min-height:32px}.play-type-row .play-section-menu.play-section-menu-wide .play-section-menu-btn.sidebar-item svg{width:26px;height:26px;min-height:26px}.play-type-row .play-section-menu.play-section-menu-wide .play-section-menu-btn.sidebar-item span{overflow:visible;text-overflow:clip;max-width:100%;font-family:var(--font-heading);font-size:min(10.5px,2.45vw);font-weight:600;letter-spacing:0;text-align:center}.play-type-row .play-section-menu.play-section-menu-wide .play-section-menu-btn.sidebar-item .play-section-menu-badge{top:2px;left:calc(50% + 8px)}.play-type-row .play-section-menu.play-section-menu-wide:has(.play-section-menu-btn:nth-child(5)) .play-section-menu-btn.sidebar-item span{font-size:min(9.5px,2.2vw)}.play-stage-settings .play-queue-row{flex-wrap:nowrap}.play-stage-settings .play-queue-row-label{flex:1 1 auto;min-width:0}.play-stage-ctas{width:100%}.play-stage-ctas .play-queue-cta-btn{flex:1 1 auto}.play-lobby-mode{flex-basis:100%;max-width:none;flex-direction:column;align-items:stretch}}.play-flow-section{position:relative;isolation:isolate;overflow:hidden;margin-bottom:1rem;padding:1rem;border:1px solid var(--border-glow);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:var(--shadow-1),var(--edge-top)}.play-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.play-flow-head h2,.play-bots-col-left h2,.play-tournament-strip h2{margin:.2rem 0 0;color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-h4);letter-spacing:0}.play-flow-kicker,.play-mode-eyebrow{color:var(--cta);font-family:var(--font-heading);font-size:var(--fs-small);font-weight:800;letter-spacing:0;text-transform:uppercase}.play-flow-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;justify-content:flex-end}.play-page-redesign .play-mode-btn{letter-spacing:0}.play-mini-stats{display:inline-flex;align-items:center;gap:.75rem;padding:.42rem .65rem;border:1px solid var(--surface-line-faint);border-radius:var(--radius-md);background:var(--recess-soft);color:var(--text-faint);font-size:var(--fs-control);white-space:nowrap}.play-mini-stats span{display:inline-flex;align-items:center}.play-matchmaking-section{background:linear-gradient(135deg,rgba(var(--cta-rgb),.12),rgba(var(--panel-rgb),.35) 36%,rgba(var(--panel-deep-rgb),.28))}.play-matchmaking-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:var(--hex-pattern);background-size:62px 54px;opacity:.08;-webkit-mask-image:linear-gradient(110deg,rgba(0,0,0,.9),rgba(0,0,0,.35) 48%,transparent 78%);mask-image:linear-gradient(110deg,rgba(0,0,0,.9),rgba(0,0,0,.35) 48%,transparent 78%)}.play-matchmaking-section:after{content:"";position:absolute;inset:auto 1rem 0;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(var(--cta-rgb),.45),rgba(var(--danger-rgb),.26),transparent)}.play-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.play-queue-panel{display:flex;flex-direction:column;max-width:640px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--recess);overflow:hidden}.play-queue-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.15rem}.play-queue-row+.play-queue-row{border-top:1px solid var(--surface-line-faint)}.play-queue-row-label{display:flex;flex-direction:column;gap:.15rem;min-width:0}.play-queue-row-label strong{color:var(--text-primary);font-size:var(--fs-body-lg)}.play-queue-row-label span{color:var(--text-faint);font-size:var(--fs-control)}.play-queue-row-disabled .play-queue-row-label strong,.play-queue-row-disabled .play-queue-row-label span{opacity:.45}.play-queue-switch{flex-shrink:0;position:relative;width:44px;height:24px;border-radius:var(--radius-pill);border:1px solid var(--surface-line-strong);background:var(--surface-fill-soft);cursor:pointer;transition:background .18s ease,border-color .18s ease;padding:0}.play-queue-switch.on{background:rgba(var(--cta-rgb),.55);border-color:rgba(var(--cta-rgb),.7)}.play-queue-switch:disabled{opacity:.35;cursor:not-allowed}.play-queue-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-round);background:#fff;box-shadow:0 1px 3px var(--shadow-ink);transition:transform .18s var(--ease-out)}.play-queue-switch.on .play-queue-switch-knob{transform:translate(20px)}.play-queue-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.15rem;border-top:1px solid var(--surface-line-faint);background:linear-gradient(180deg,rgba(var(--cta-rgb),.05),transparent)}.play-queue-cta-btn{min-width:220px}.play-queue-meta{display:inline-flex;align-items:center;gap:.9rem;color:var(--text-faint);font-size:var(--fs-control);white-space:nowrap}.play-queue-meta span{display:inline-flex;align-items:center}.play-setup-body{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1.1rem}.play-setup-body .play-queue-panel{flex:1 1 380px}.play-rank-aside{flex:0 1 320px;min-width:260px;display:flex;flex-direction:column}.play-rank-card{position:relative;flex:1;display:flex;flex-direction:column;gap:.75rem;padding:.9rem 1rem;border:1px solid rgba(var(--cta-rgb),.26);border-radius:var(--radius-lg);background:rgba(var(--cta-rgb),.07);min-width:0}.play-rank-card-unplaced{border-color:var(--surface-line);background:var(--surface-fill-faint)}.play-rank-player{display:flex;align-items:center;gap:.65rem;min-width:0}.play-rank-portrait{width:42px;height:42px;flex:0 0 auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.play-rank-player-id{min-width:0;display:grid;gap:.12rem}.play-rank-player-name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-base);display:flex;align-items:center;gap:.4rem;min-width:0}.play-rank-player-name>:first-child{min-width:0}.play-rank-flag{font-size:var(--fs-body-sm);flex:0 0 auto}.play-rank-player-sub{color:var(--text-muted);font-size:var(--fs-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-rank-player-sub b{color:var(--text-secondary);font-weight:700}.play-rank-league{display:flex;align-items:center;gap:.65rem;padding-top:.75rem;border-top:1px solid var(--surface-line-faint);min-width:0}.play-rank-emblem{width:52px;height:52px;flex:0 0 auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.play-rank-card-unplaced .play-rank-emblem{opacity:.7;--league-crest-dim: grayscale(.2)}.play-rank-card-unplaced .play-bots-emblem{filter:grayscale(.2)}.play-bots-emblem{display:flex;align-items:center;justify-content:center;color:var(--cta)}.play-bots-emblem svg,.play-bots-emblem img{width:100%;height:100%;object-fit:contain}.play-rank-league-copy{min-width:0;display:grid;gap:.1rem}.play-rank-league-copy strong{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-base);letter-spacing:0}.play-rank-league-copy span{color:var(--text-muted);font-size:var(--fs-label)}.play-rank-elo{margin-left:auto;flex:0 0 auto;display:grid;justify-items:end;gap:.05rem}.play-rank-elo b{color:var(--cta);font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.play-rank-elo span{color:var(--text-faint);font-family:var(--font-heading);font-size:var(--fs-tiny);font-weight:800;letter-spacing:.08em}.play-rank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.75rem;border-top:1px solid var(--surface-line-faint)}.play-rank-stat{display:grid;gap:.15rem;min-width:0}.play-rank-stat-label{color:var(--text-faint);font-family:var(--font-heading);font-size:var(--fs-tiny);font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.play-rank-stat-value{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--fs-base);font-weight:700;font-variant-numeric:tabular-nums}.play-rank-trend{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--surface-line-faint);display:grid;gap:.3rem}.play-rank-trend svg{width:100%;height:46px;display:block}.play-rank-trend-caption{display:flex;align-items:baseline;justify-content:space-between;color:var(--text-faint);font-family:var(--font-heading);font-size:var(--fs-tiny);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.play-rank-trend-caption b{font-size:var(--fs-control);font-variant-numeric:tabular-nums}.play-rank-net-up{color:var(--success-light)}.play-rank-net-down{color:var(--danger-light)}.play-rank-trend-empty span{display:block;padding:.6rem 0;color:var(--text-faint);font-size:var(--fs-label);text-align:center}.league-card{position:relative;display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;min-height:58px;padding:.6rem .5rem .6rem .4rem;border:1px solid rgba(var(--cta-rgb),.26);border-radius:var(--radius-md);background:rgba(var(--cta-rgb),.1)}.league-trend{flex:1 1 0;display:flex;justify-content:flex-end;min-width:0;container:league-trend / inline-size}.league-trend svg{width:72px;max-width:100%;height:26px;opacity:.9}@container league-trend (max-width: 40px){.league-trend svg{display:none}}.league-card-unranked{border-color:var(--surface-line);background:var(--surface-fill-soft)}.league-emblem{width:60px;height:60px;display:block;flex:0 0 auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.league-card-unranked .league-emblem{opacity:.7;--league-crest-dim: grayscale(.2)}.league-mode-badge{position:absolute;top:.42rem;right:.5rem;padding:.14rem .36rem;border:1px solid rgba(var(--cta-rgb),.2);border-radius:var(--radius-xs);color:var(--cta);background:rgba(var(--cta-rgb),.1);font-size:var(--fs-tiny);font-weight:700;letter-spacing:.04em;line-height:1}.league-copy{min-width:0;display:grid;gap:.1rem}.league-copy strong{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-base);letter-spacing:0}.league-copy em{color:var(--text-muted);font-size:var(--fs-control);font-style:normal;white-space:normal}.league-rating{display:flex;align-items:center;gap:.4rem}.league-rating .elo-badge{min-height:1.5rem;padding:.17rem .52rem;font-size:var(--fs-body);font-weight:700}.league-result-delta{font-family:var(--font-heading);font-size:var(--fs-body);font-weight:800;font-variant-numeric:tabular-nums}.league-rank{position:absolute;right:.65rem;bottom:.45rem;color:var(--text-muted);font-size:var(--fs-small);font-weight:700;line-height:1}.play-mode-card{position:relative;overflow:hidden;min-height:230px;padding:1.05rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--recess-soft);display:flex;flex-direction:column;gap:.65rem;transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s}.play-mode-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2),0 0 28px rgba(var(--cta-rgb),.08)}.play-mode-card-ranked{border-color:rgba(var(--cta-rgb),.34);background:radial-gradient(ellipse at 88% 14%,rgba(var(--cta-rgb),.06),transparent 44%),linear-gradient(160deg,rgba(var(--panel-rgb),.26),rgba(var(--panel-deep-rgb),.38) 62%)}.play-mode-card-casual{border-color:rgba(var(--danger-rgb),.26);background:radial-gradient(ellipse at 88% 14%,rgba(var(--danger-rgb),.05),transparent 44%),linear-gradient(160deg,rgba(var(--panel-rgb),.26),rgba(var(--panel-deep-rgb),.38) 64%)}.play-mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.play-mode-card .play-card-mode{position:static;border-radius:var(--radius-sm);letter-spacing:0;color:var(--text-secondary);background:var(--surface-fill-soft);border-color:var(--surface-line)}.play-mode-card h3{margin:.2rem 0 0;color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-h2);letter-spacing:0}.play-card-table{width:min(100%,245px);min-height:52px;display:flex;align-items:center;gap:.5rem;margin:.1rem 0 0}.play-table-seat{width:28px;height:28px;border-radius:var(--radius-round);border:2px solid var(--surface-line-strong);background:var(--surface-fill);box-shadow:0 8px 20px var(--shadow-ink-soft)}.play-seat-you{background:var(--cta)}.play-seat-field{background:var(--color-pink)}.play-card-table-casual .play-table-seat:nth-child(2){background:var(--color-pink)}.play-card-table-casual .play-table-seat:nth-child(3){background:var(--color-green)}.play-card-table-casual .play-table-seat:nth-child(4){background:var(--color-teal)}.play-mode-card p,.play-tournament-strip p{margin:0;color:var(--text-muted);font-size:var(--fs-body);line-height:1.5}.play-primary-action,.play-secondary-action{margin-top:auto;align-self:flex-start;min-height:40px;border-radius:var(--radius-md);letter-spacing:0;text-transform:none}.play-secondary-action{padding:.55rem .9rem}.play-page-redesign .play-lobbies-anchor.play-flow-section{padding:0;border:none;background:transparent;box-shadow:none}.play-page-redesign .play-lobbies,.play-page-redesign .play-lobby-create-card,.play-page-redesign .play-lobby-card,.play-page-redesign .play-lobby-empty,.play-page-redesign .play-lobby-well{border-radius:var(--radius-md)}.play-page-redesign .play-lobbies{padding:1rem}.play-page-redesign .play-lobbies-title{font-size:var(--fs-h4)}.play-page-redesign .play-lobby-create-card{position:relative;overflow:hidden;border-color:var(--surface-line);background:radial-gradient(ellipse at 88% 0%,rgba(var(--cta-rgb),.035),transparent 42%),var(--surface-card);min-height:0}.play-bots-section .play-queue-panel{max-width:640px}.play-bots-section .play-bot-roster{flex-shrink:0}.play-newplayer-badge{display:inline-flex;width:fit-content;margin-top:.65rem;padding:.22rem .5rem;border-radius:var(--radius-sm);color:var(--success-light);background:rgba(var(--success-rgb),.12);border:1px solid rgba(var(--success-rgb),.2);font-size:var(--fs-label);font-weight:700}.page-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-glow)}.page-footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.75rem}.page-footer a,.page-footer-build{font-size:var(--fs-label);color:var(--text-muted)}.page-footer a{text-decoration:none}.page-footer a:hover{color:var(--text-secondary)}.page-footer-build{white-space:nowrap}.page-footer-disclaimer{max-width:60rem;margin:0;text-align:center;font-size:var(--fs-small);line-height:1.5;color:var(--text-muted)}.page-footer-sep{width:3px;height:3px}.landing-footer.page-footer{margin-top:0;padding:1rem 0 1.5rem;border-top:0}.play-bots-bottom-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.play-bots-size-toggle .play-mode-btn{min-width:58px}.play-bots-bottom-row .play-primary-action,.play-bots-bottom-row .play-secondary-action{margin-top:0;white-space:nowrap}.play-tournament-strip{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;margin-bottom:1.4rem;padding:1rem;border:1px solid rgba(var(--cta-rgb),.22);border-radius:var(--radius-md);background:radial-gradient(ellipse at 8% 50%,rgba(var(--cta-rgb),.2),transparent 42%),linear-gradient(160deg,rgba(var(--cta-rgb),.08),#0000002e 72%)}.play-tournament-strip:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,rgba(var(--cta-rgb),.55),transparent 75%)}.play-tournament-date{width:76px;min-height:84px;display:grid;place-items:center;align-content:center;gap:.08rem;border:1px solid rgba(var(--cta-rgb),.28);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(var(--cta-rgb),.22),rgba(var(--cta-rgb),.07));box-shadow:inset 0 1px 0 var(--surface-line)}.play-tournament-date span,.play-tournament-date em{color:var(--cta);font-family:var(--font-heading);font-size:var(--fs-small);font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:0}.play-tournament-date strong{color:var(--text-primary);font-family:var(--font-heading);font-size:1.55rem;line-height:1}.play-tournament-strip p{margin-top:.35rem}.play-tournament-metrics{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.play-tournament-metrics span{display:inline-flex;align-items:center;gap:.3rem;padding:.42rem .6rem;border:1px solid var(--surface-line-faint);border-radius:var(--radius-md);background:var(--recess-soft);color:var(--text-faint);font-size:var(--fs-control)}.play-tournament-metrics strong{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-base)}.play-tournament-strip .play-secondary-action{align-self:center;margin-top:0}@media(max-width:900px){.play-flow-head,.play-bots-section,.play-tournament-strip{grid-template-columns:1fr}.play-flow-head{flex-direction:column}.play-flow-actions,.play-tournament-metrics{justify-content:flex-start}.play-match-grid{grid-template-columns:1fr}.play-bots-section{align-items:flex-start}.play-setup-body{flex-direction:column}.play-setup-body .play-queue-panel,.play-rank-aside{flex-basis:auto;width:100%;max-width:100%}}@media(max-width:640px),(max-height:500px){.play-page-redesign{padding:1rem}.play-page-redesign .play-top-subtitle{display:none}.play-page.play-page-redesign>.play-top-bar{align-items:center;flex-wrap:wrap}.play-page-redesign .play-top-actions{display:contents}.play-page-redesign .play-recent-cta{width:auto}.play-page-redesign .play-recent-cta-title,.play-page-redesign .play-discord-btn{margin-left:auto}.play-page-redesign .play-recent-cta-title+.play-discord-btn{margin-left:0}.play-layout-toggle{width:100%}.play-layout-toggle .play-mode-btn{flex:1 1 0}.play-section-menu{gap:.2rem}.play-section-menu-btn.sidebar-item{flex:0 1 76px;width:auto;min-width:76px;padding:.5rem .2rem}.play-section-menu:not(:has(.play-section-menu-btn:nth-child(4))){width:340px;max-width:100%}.play-section-menu:not(:has(.play-section-menu-btn:nth-child(4))) .play-section-menu-btn.sidebar-item{flex-basis:108px}.play-mode-row .play-section-menu.play-section-menu-tabs,.play-type-row .play-section-menu.play-section-menu-tabs{width:fit-content}.play-mode-row .play-section-menu .play-section-menu-btn.sidebar-item,.play-type-row .play-section-menu .play-section-menu-btn.sidebar-item{flex-basis:76px}.play-section-menu:has(.play-section-menu-btn:nth-child(5)){overflow-x:auto;scrollbar-width:none}.play-section-menu:has(.play-section-menu-btn:nth-child(5))::-webkit-scrollbar{display:none}.play-section-menu:has(.play-section-menu-btn:nth-child(5)) .play-section-menu-btn.sidebar-item{min-width:60px}.play-type-row .play-section-menu.play-section-menu-tabs .play-section-menu-btn.sidebar-item{min-width:min-content}.play-section-menu-btn.sidebar-item span{overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-tiny);letter-spacing:.02em}.play-primary-action,.play-secondary-action,.play-tournament-strip .play-secondary-action{box-sizing:border-box;width:100%}.play-flow-section,.play-tournament-strip{padding:.85rem}.play-flow-actions,.play-flow-actions .play-mode-toggle-sm,.play-mini-stats{width:100%}.play-mini-stats{justify-content:space-between;white-space:normal}.play-mode-card{min-height:0}.play-queue-row{flex-wrap:wrap}.play-queue-cta{flex-direction:column;align-items:stretch}.play-queue-cta-btn{min-width:0}.play-queue-meta{justify-content:space-between;white-space:normal}.play-bots-bottom-row{flex-direction:column;align-items:flex-start}.play-bots-size-toggle{width:100%;align-items:stretch}.play-bots-size-toggle .play-mode-btn{flex:1 1 0}}@keyframes skel-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:800px 100%;animation:skel-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}.skel-hero{height:180px;border-radius:var(--radius-xl);margin-bottom:1.5rem}.skel-card{min-width:280px;height:140px;border-radius:var(--radius-xl);flex-shrink:0}.skel-upcoming-card{min-width:320px;height:100px;border-radius:var(--radius-xl);flex-shrink:0}.skel-row{display:flex;gap:12px;overflow:hidden;margin-bottom:1.5rem}.skel-section-title{width:160px;height:14px;margin-bottom:12px}.skel-table-row{height:44px;border-radius:var(--radius-sm);margin-bottom:6px}.skel-filter-bar{height:36px;width:300px;border-radius:var(--radius-md);margin-bottom:1rem}.skel-tab-bar{display:flex;gap:8px;margin-bottom:1.5rem}.skel-tab{width:80px;height:32px;border-radius:var(--radius-sm)}.skel-stat-box{width:70px;height:52px;border-radius:var(--radius-md)}.skel-text{height:12px;border-radius:var(--radius-xs)}.skel-text-sm{height:10px;border-radius:var(--radius-xs)}@media(max-width:767px){.skel-hero{height:140px}.skel-card{min-width:240px;height:120px}.skel-upcoming-card{min-width:260px;height:90px}}.practice-page{display:grid;grid-template-columns:1fr 260px;height:100%;padding:0 0 env(safe-area-inset-bottom,0px);box-sizing:border-box;overflow:hidden}.lobby-main:has(.practice-page){padding:0;min-height:0;height:100dvh;box-sizing:border-box;overflow:hidden}.lobby-main:has(.practice-page) .active-game-banner{margin-top:calc(.75rem + env(safe-area-inset-top,0px));margin-left:max(.75rem,env(safe-area-inset-left,0px));margin-right:max(.75rem,env(safe-area-inset-right,0px))}.lobby-page:has(.practice-page){min-height:0;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none}body:has(.practice-page){overflow:hidden;overscroll-behavior:none;position:fixed;width:100%;height:100%}.practice-page{background:var(--board-navy-bg)}.practice-dark{background:var(--board-navy-bg)!important}.practice-board-col{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;touch-action:none;isolation:isolate}.practice-board-col .board-container{padding:0!important}.practice-board-col .board-svg{transform:translate(-20px);overflow:visible}.practice-board-col .vertex-spot{transform:scale(1.4)}.practice-dark-toggle{position:absolute;top:calc(.75rem + env(safe-area-inset-top,0px));left:.75rem;z-index:10;width:32px!important;height:32px!important;border-radius:var(--radius-sm)!important}.practice-welcome-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.practice-page{position:relative}.practice-welcome-card{max-width:400px;margin:1rem;padding:1.5rem 1.75rem;background:rgba(var(--panel-mid-rgb),.85);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:0 8px 32px var(--shadow-ink-deep);text-align:center}.practice-welcome-title{font-family:var(--font-heading),sans-serif;font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:.01em}.practice-welcome-features{list-style:none;padding:0;margin:0 0 1.25rem;text-align:left}.practice-welcome-features li{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.4;padding:.25rem 0 .25rem 1.4rem;position:relative}.practice-welcome-features li:before{content:"";position:absolute;left:0;top:.55rem;width:7px;height:7px;border-radius:var(--radius-round);background:var(--cta)}.practice-welcome-card .btn-catan{width:100%}.practice-board-area{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.practice-sidebar{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .5rem .5rem calc(.5rem + 12px);overflow-y:auto}.practice-phase-banner{background:var(--game-panel-bg, var(--recess));border:1px solid var(--glass-border, var(--border-glow));border-radius:var(--radius-md);padding:.55rem .6rem;text-align:center}.practice-phase-text{font-family:var(--font-heading),sans-serif;font-size:var(--fs-body-sm);font-weight:700;color:#faf9f5;letter-spacing:.01em}.practice-players{display:flex;flex-direction:column;gap:.5rem}.practice-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.practice-stat-count{font-family:var(--font-heading),sans-serif;font-size:var(--fs-label);font-weight:700;color:var(--text-muted);line-height:1}.practice-sidebar-controls{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;background:var(--game-panel-bg, var(--recess));border:1px solid var(--glass-border, var(--border-glow));border-radius:var(--radius-md);padding:.75rem}.practice-layout-toggle{display:flex;background:var(--surface-fill);border-radius:var(--radius-md);overflow:hidden}.practice-layout-btn{flex:1;padding:.4rem .5rem;font-size:var(--fs-control);font-weight:600;color:var(--text-dimmed);background:transparent;border:none;cursor:pointer;transition:all .15s;font-family:var(--font-heading),sans-serif;text-align:center}.practice-layout-btn:hover{color:var(--text-secondary)}.practice-layout-btn.active{color:var(--text-primary);background:var(--surface-fill)}.practice-btn{width:100%;padding:.45rem 0;font-size:var(--fs-control);font-weight:600;color:var(--text-secondary);background:var(--surface-fill);border:1px solid var(--surface-line-strong);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;font-family:var(--font-heading),sans-serif;text-align:center}.practice-btn:hover:not(:disabled){background:var(--surface-fill);color:var(--text-primary)}.practice-btn:disabled{opacity:.45;cursor:default}.practice-btn-new{background:rgba(var(--cta-rgb),.15);border-color:rgba(var(--cta-rgb),.3);color:var(--cta)}.practice-btn-new:hover{background:rgba(var(--cta-rgb),.25)!important;color:var(--cta-light)!important}.sandbox-color-swatch{width:18px;height:18px;border-radius:var(--radius-round);border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s}.sandbox-color-swatch:hover{transform:scale(1.2)}.sandbox-color-swatch.selected{border-color:#fff}.sandbox-context-editor{display:flex;flex-direction:column;gap:0;color:var(--text-secondary)}.sandbox-context-popup{position:fixed;z-index:820;width:min(280px,calc(100vw - 24px));max-height:min(70vh,420px);max-height:min(70dvh,420px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#0c1222f5;border:1px solid var(--border, var(--surface-line));border-radius:var(--radius-lg);box-shadow:0 12px 36px var(--shadow-ink-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.sandbox-context-popup .sandbox-context-editor{background:transparent;border:none;border-radius:0}.sandbox-context-empty{padding:.7rem;background:var(--surface-fill-faint);border-radius:var(--radius-lg)}.sandbox-board-hint{margin:0;color:var(--text-muted);font-size:var(--fs-control);line-height:1.35}.sandbox-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;padding:.75rem .8rem .65rem}.sandbox-context-headcopy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.sandbox-context-kicker{display:block;color:var(--cta);font-family:var(--font-heading),sans-serif;font-size:var(--fs-small);font-weight:800;letter-spacing:0;text-transform:uppercase}.sandbox-context-editor h3{margin:0;color:var(--text-primary);font-family:var(--font-heading),sans-serif;font-size:var(--fs-base);font-weight:700;line-height:1.2;text-transform:capitalize}.sandbox-context-editor p{margin:0;color:var(--text-muted);font-size:var(--fs-control);line-height:1.35}.sandbox-context-close{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-fill-soft);border:1px solid var(--surface-line);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-base);line-height:1;cursor:pointer;transition:background .15s,color .15s}.sandbox-context-close:hover{color:var(--text-primary);background:var(--surface-fill)}.sandbox-context-row{display:flex;flex-direction:column;gap:.4rem;padding:.65rem .8rem;border-top:1px solid var(--surface-line-faint)}.sandbox-context-row-label{color:var(--text-faint);font-family:var(--font-heading),sans-serif;font-size:var(--fs-small);font-weight:700;letter-spacing:.03em;text-transform:uppercase}.sandbox-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sandbox-editor-wide-btn{width:100%;min-height:36px;border:1px solid var(--surface-line-strong);border-radius:var(--radius-md);background:var(--surface-fill-soft);color:var(--text-secondary);font-family:var(--font-heading),sans-serif;font-size:var(--fs-control);font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sandbox-editor-wide-btn:hover:not(:disabled){background:var(--surface-fill);border-color:var(--surface-line-bold);color:var(--text-primary)}.sandbox-editor-wide-btn:disabled{opacity:.4;cursor:default}.sandbox-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.sandbox-number-chip{min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--surface-line);border-radius:var(--radius-sm);background:var(--surface-fill-soft);color:var(--text-secondary);font-family:var(--font-heading),sans-serif;font-weight:800;font-size:var(--fs-body-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.sandbox-number-chip small{color:var(--text-faint);font-size:var(--fs-tiny);letter-spacing:0}.sandbox-number-chip:hover:not(.selected){border-color:#ffffff47;background:var(--surface-fill);color:var(--text-primary)}.sandbox-number-chip.selected{border-color:transparent;background:linear-gradient(135deg,var(--cta),var(--cta-dark));color:var(--cta-text);box-shadow:0 2px 8px rgba(var(--cta-rgb),.35)}.sandbox-number-chip.selected small{color:var(--cta-text);opacity:.75}.sandbox-segment-row{display:flex;padding:3px;gap:2px;background:var(--recess);border:1px solid var(--surface-line);border-radius:var(--radius-md)}.sandbox-segment-row button{flex:1;min-height:30px;min-width:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:var(--font-heading),sans-serif;font-size:var(--fs-small);font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background .15s,color .15s}.sandbox-segment-row button:hover:not(.selected):not(:disabled){color:var(--text-secondary)}.sandbox-segment-row button.selected{background:linear-gradient(135deg,var(--cta),var(--cta-dark));color:var(--cta-text);box-shadow:0 2px 8px rgba(var(--cta-rgb),.35)}.sandbox-segment-row button:disabled{opacity:.4;cursor:not-allowed}.sandbox-editor-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sandbox-editor-player-swatch{min-height:30px;display:grid;place-items:center;border:2px solid var(--surface-line-strong);border-radius:var(--radius-sm);color:#fffffff2;cursor:pointer;transition:transform .12s,border-color .12s}.sandbox-editor-swatch-check{display:grid;place-items:center;width:15px;height:15px;border-radius:var(--radius-round);background:#0a0e16d1;box-shadow:0 0 0 1px #ffffff80}.sandbox-editor-player-swatch:hover{transform:translateY(-1px);border-color:#ffffff73}.sandbox-editor-player-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff38}.sandbox-editor-player-swatch:disabled{opacity:.36;cursor:not-allowed;filter:grayscale(.35)}.sandbox-editor-player-swatch:disabled:hover{transform:none;border-color:var(--surface-line-strong)}.sandbox-switch{display:inline-flex;align-items:center;gap:.45rem;padding:.2rem 0;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-heading),sans-serif;font-size:var(--fs-label);font-weight:700;cursor:pointer;transition:color .15s}.sandbox-switch:hover{color:var(--text-primary)}.sandbox-switch-track{width:30px;height:16px;border-radius:var(--radius-md);background:var(--surface-fill-strong);position:relative;transition:background .15s;flex-shrink:0}.sandbox-switch-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:var(--radius-round);background:var(--text-dimmed);transition:left .15s,background .15s}.sandbox-switch.on .sandbox-switch-track{background:rgba(var(--cta-rgb),.45)}.sandbox-switch.on .sandbox-switch-knob{left:16px;background:var(--cta)}.sandbox-eval-status,.sandbox-eval-caption{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:28px;padding:.38rem .7rem;border:1px solid var(--surface-line-strong);border-radius:var(--radius-pill);background:rgba(var(--panel-deep-rgb),.88);color:rgba(var(--text-primary-rgb),.88);box-shadow:0 8px 22px #00000047;font-family:var(--font-heading),sans-serif;font-size:var(--fs-label);font-weight:800;letter-spacing:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sandbox-eval-status{width:100%}.sandbox-eval-caption{margin:.35rem auto 0;display:flex;width:max-content;max-width:100%;min-height:22px;padding:.24rem .55rem;font-size:var(--fs-caption);color:rgba(var(--text-primary-rgb),.72)}.sandbox-eval-dot{width:7px;height:7px;border-radius:var(--radius-round);background:var(--warning, #f2a93b);box-shadow:0 0 #f2a93b59;animation:sandbox-eval-pulse 1.1s ease-in-out infinite;flex-shrink:0}.sandbox-eval-dot.ready{background:var(--success, #34c759);animation:none}.sandbox-eval-dot.paused{animation:none}.sandbox-eval-dot.error,.sandbox-eval-dot.unavailable{background:var(--danger, #e35d5d);animation:none}@keyframes sandbox-eval-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}.sandbox-seat-list{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0 .25rem}.sandbox-seat-row{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;background:var(--game-panel-bg, var(--recess));border:2px solid var(--glass-border, var(--border-glow));border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-heading),sans-serif;font-size:var(--fs-body);font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.sandbox-seat-row:hover{background:var(--surface-fill-soft)}.sandbox-seat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sandbox-seat-you{font-size:var(--fs-caption);font-weight:800;letter-spacing:.08em;color:var(--cta)}.sandbox-seat-cards{flex-shrink:0;padding:.14rem .5rem;border:1px solid rgba(var(--cta-rgb),.3);border-radius:var(--radius-pill);background:rgba(var(--cta-rgb),.1);color:var(--cta);font-size:var(--fs-tiny);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.sandbox-hand-modal{max-width:640px;width:min(94vw,640px)}.sandbox-hand-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.45rem}.sandbox-hand-seat{display:flex;align-items:center;gap:.45rem;min-width:0;padding:.4rem .5rem;border:2px solid var(--surface-line);border-radius:var(--radius-md);background:var(--surface-fill-faint);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--fs-control);font-weight:700;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,color .15s}.sandbox-hand-seat:hover{background:var(--surface-fill-soft);color:var(--text-primary)}.sandbox-hand-seat.selected{background:rgba(var(--cta-rgb),.1);color:var(--text-primary)}.sandbox-hand-seat-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sandbox-hand-seat-count{flex-shrink:0;min-width:22px;padding:.1rem .32rem;border-radius:var(--radius-pill);background:var(--surface-fill-soft);color:var(--text-muted);font-size:var(--fs-caption);font-weight:900;text-align:center}.sandbox-hand-seat.selected .sandbox-hand-seat-count{background:rgba(var(--cta-rgb),.2);color:var(--cta)}.sandbox-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.sandbox-card-tile{display:flex;flex-direction:column;align-items:center;gap:.28rem;padding:.55rem .4rem .5rem;border:1px solid var(--surface-line);border-radius:var(--radius-md);background:var(--surface-fill-faint);box-shadow:inset 0 1px 0 var(--surface-line-faint);transition:border-color .15s,background .15s}.sandbox-card-tile:hover{border-color:var(--surface-line-strong);background:var(--surface-fill-soft)}.sandbox-card-tile.has-cards{border-color:rgba(var(--cta-rgb),.42);background:rgba(var(--cta-rgb),.08)}.sandbox-card-art{width:42px;height:auto;border-radius:var(--radius-xs);filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));pointer-events:none}.sandbox-card-name{font-family:var(--font-heading);font-size:var(--fs-tiny);font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);text-align:center;line-height:1.15}.sandbox-card-pool{font-size:var(--fs-tiny);font-weight:700;color:var(--text-faint)}.sandbox-card-stepper{display:flex;align-items:center;gap:.3rem}.sandbox-card-stepper button{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--surface-line-strong);border-radius:var(--radius-sm);background:var(--surface-fill-soft);color:var(--text-secondary);font-size:var(--fs-body-lg);font-weight:800;line-height:1;cursor:pointer;transition:all .12s}.sandbox-card-stepper button:hover:not(:disabled){border-color:rgba(var(--cta-rgb),.5);background:rgba(var(--cta-rgb),.16);color:var(--cta)}.sandbox-card-stepper button:disabled{opacity:.3;cursor:default}.sandbox-card-count{min-width:20px;text-align:center;font-family:var(--font-heading);font-size:var(--fs-body);font-weight:900;color:var(--text-primary)}.sandbox-card-tile.has-cards .sandbox-card-count{color:var(--cta)}@media(max-width:640px){.sandbox-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sandbox-hand-seats{grid-template-columns:repeat(2,minmax(0,1fr))}}.sandbox-start-error{margin:.5rem 0 0;color:var(--danger, #e5484d);font-size:var(--fs-control)}.sandbox-start-actions{flex-wrap:wrap}.sandbox-start-hint{margin:.6rem 0 0;font-size:var(--fs-small);color:var(--text-faint);text-align:center}.sandbox-chip{padding:.32rem .6rem;background:var(--surface-fill-soft);border:1px solid var(--surface-line);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-heading),sans-serif;font-size:var(--fs-small);font-weight:700;text-transform:capitalize;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.sandbox-chip:hover:not(.selected){background:var(--surface-fill);border-color:var(--surface-line-bold);color:var(--text-primary)}.sandbox-chip.selected{border-color:transparent;background:linear-gradient(135deg,var(--cta),var(--cta-dark));color:var(--cta-text);box-shadow:0 2px 8px rgba(var(--cta-rgb),.35)}.sandbox-chip-num{min-width:30px;text-align:center}@media(max-width:1024px){.practice-page{grid-template-columns:1fr;grid-template-rows:1fr auto;height:100%}.practice-sidebar{flex-direction:row;flex-wrap:wrap;gap:.3rem;padding:.3rem .5rem;overflow:hidden;flex-shrink:0}.practice-phase-banner{width:100%;padding:.35rem .5rem}.practice-players{flex-direction:row;flex:1;min-width:0;gap:.25rem}.practice-players .opponent-panel-wrap{flex:1;min-width:0}.practice-players .opponent-panel{gap:.3rem;padding:.2rem .3rem .2rem 0}.practice-players .opp-left-bottom{display:none}.practice-players .opp-player-name{font-size:var(--fs-small)}.practice-players .opp-right{padding:0}.practice-players .practice-stat-count{font-size:var(--fs-caption)}.practice-players .practice-stat svg{width:16px;height:14px}.practice-sidebar-controls{flex-direction:row;flex-wrap:wrap;width:100%;margin-top:0;padding:.4rem;gap:.25rem}.practice-layout-toggle{flex:1;min-width:0}.practice-btn{min-width:0}.practice-btn-new{flex-basis:100%}}.draft-page{display:grid;grid-template-columns:1fr 320px;height:100vh;height:100dvh;padding:0 0 env(safe-area-inset-bottom,0px);box-sizing:border-box;overflow:hidden;position:relative;background:var(--board-navy-bg)}.draft-page.practice-dark{background:var(--board-navy-bg)!important}.lobby-main:has(.draft-page){padding:0;min-height:0;height:100dvh;box-sizing:border-box;overflow:hidden}.lobby-page:has(.draft-page){min-height:0;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none}body:has(.draft-page){overflow:hidden;overscroll-behavior:none;position:fixed;width:100%;height:100%}.draft-board-col{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;touch-action:none;isolation:isolate}.draft-board-col .board-container{padding:0!important}.draft-board-col .board-svg{transform:translate(-20px);overflow:visible}.draft-sidebar{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .5rem .5rem calc(.5rem + 12px);overflow-y:auto}.draft-phase-banner{background:var(--game-panel-bg, var(--recess));border:1px solid var(--glass-border, var(--border-glow));border-radius:var(--radius-md);padding:.55rem .6rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.draft-phase-text{font-family:var(--font-heading),sans-serif;font-size:var(--fs-lead);font-weight:700;color:#faf9f5;letter-spacing:.01em}.draft-phase-desc{font-size:var(--fs-body-sm);color:var(--text-muted);line-height:1.4}.draft-countdown{font-family:var(--font-heading),sans-serif;font-size:1.3rem;font-weight:800;color:var(--cta);letter-spacing:.02em}.draft-players{display:flex;flex-direction:column;gap:.5rem}.draft-players .opp-main{flex-basis:45%;min-width:130px}.draft-seed-badge{font-family:var(--font-heading),sans-serif;font-size:var(--fs-small);font-weight:800;opacity:.75;margin-right:.25rem}.draft-you-badge{font-size:var(--fs-tiny);font-weight:800;letter-spacing:.06em;margin-left:.3rem;opacity:.85}.opp-right.draft-pick-right{display:flex;align-items:center;justify-content:center;flex:0 1 5rem;width:5rem;min-width:0;max-width:100%;min-height:36px}.draft-pick-select{min-width:0;max-width:100%;box-sizing:border-box;width:100%;padding:.35rem .5rem;font-size:var(--fs-control);font-weight:600;color:#faf9f5;background:rgba(var(--cta-rgb),.15);border:1px solid rgba(var(--cta-rgb),.4);border-radius:var(--radius-sm);cursor:pointer;outline:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.draft-pick-select:focus{border-color:var(--cta);box-shadow:0 0 0 2px rgba(var(--cta-rgb),.25)}.draft-pick-select option{background:#1a2340;color:#faf9f5}.draft-pick-locked{font-family:var(--font-heading),sans-serif;font-size:var(--fs-base);font-weight:800;color:var(--cta);letter-spacing:.02em}.draft-picking{font-size:var(--fs-control);font-weight:600;color:var(--text-dimmed);animation:draft-pulse 1.5s ease-in-out infinite}@keyframes draft-pulse{0%,to{opacity:.6}50%{opacity:1}}.draft-waiting{font-size:var(--fs-control);font-weight:600;color:var(--text-faint)}@media(max-width:1024px){.draft-page{grid-template-columns:1fr 280px;grid-template-rows:1fr;height:100vh;height:100dvh}.draft-sidebar{gap:.4rem;padding:.4rem;overflow-y:auto}.draft-phase-banner{padding:.4rem .5rem}.draft-phase-text{font-size:var(--fs-body-lg)}.draft-phase-desc{font-size:var(--fs-label)}.draft-countdown{font-size:var(--fs-lead)}.draft-players .opp-main{flex-basis:auto;min-width:0}.draft-pick-select{font-size:var(--fs-label);padding:.3rem .35rem}}.queue-popup-drag-handle{position:absolute;top:-22px;left:50%;transform:translate(-50%);width:50px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--surface-fill-strong);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-muted);cursor:grab;touch-action:none;z-index:2}.queue-popup-drag-handle svg{width:24px;height:8px}.queue-popup{position:fixed;bottom:1.5rem;right:1.5rem;width:340px;background:rgba(var(--bg-dark-rgb),.97);border:1px solid var(--surface-line-strong);border-radius:var(--radius-2xl);padding:1.25rem 1.5rem;z-index:500;box-shadow:0 12px 40px #0009;animation:queueSlideUp .3s ease-out}.queue-popup:before{border-radius:var(--radius-2xl);content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hex-pattern);background-size:60px 52px;opacity:.05;pointer-events:none;z-index:0}.queue-popup>*:not(.queue-popup-drag-handle){position:relative;z-index:1}.queue-popup-ranked{border-color:rgba(var(--cta-ui),.25);box-shadow:0 12px 40px #0009,0 0 20px rgba(var(--cta-ui),.06)}.queue-popup-casual{border-color:#64b4ff33}.queue-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;touch-action:none}.queue-popup-header-left{display:flex;align-items:center;gap:.5rem}.queue-popup-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--cta);animation:statPulse 2s ease-in-out infinite}.queue-popup-type{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-secondary)}.queue-popup-mode-badge{font-size:var(--fs-small);font-weight:700;color:var(--text-dimmed);letter-spacing:1.5px;border:1px solid var(--border-glow);border-radius:var(--radius-sm);padding:.2rem .6rem}.queue-popup-slots{display:flex;gap:.6rem;margin-bottom:1.25rem}.queue-slot{width:60px;height:60px;border-radius:var(--radius-lg);border:1.5px dashed var(--border-glow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-faint)}.queue-slot svg{width:24px;height:24px}.queue-slot-portrait{width:40px;height:40px;object-fit:contain;flex-shrink:0}.queue-slot:not(.queue-slot-you) .queue-slot-portrait{width:46px;height:46px}.queue-slot-filled{border-style:solid;border-color:var(--border);color:var(--text-muted)}.queue-slot-you{border-color:rgba(var(--cta-ui),.6);border-style:solid;background:rgba(var(--cta-ui),.12);color:var(--cta-muted)}.queue-slot-label{font-size:var(--fs-micro);font-weight:700;letter-spacing:1px;color:var(--cta-muted)}.queue-popup-stats{display:flex;justify-content:space-between;margin-bottom:1rem;text-align:center}.queue-popup-stat{display:flex;flex-direction:column;gap:.15rem;flex:1}.queue-popup-stat-label{font-size:var(--fs-tiny);font-weight:600;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase}.queue-popup-stat-value{font-size:1.3rem;font-weight:800;color:var(--text-secondary);font-variant-numeric:tabular-nums}.queue-popup-stat-gold{color:var(--cta)}.queue-popup-stat-sub{font-size:var(--fs-tiny);color:var(--text-faint)}.queue-popup-spinner{width:100%;height:3px;background:var(--surface-fill);border-radius:var(--radius-xxs);margin-bottom:1rem;overflow:hidden;position:relative}.queue-popup-spinner:after{content:"";position:absolute;left:0;top:0;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--cta),transparent);border-radius:var(--radius-xxs);animation:queueScan 1.5s ease-in-out infinite}.queue-popup-discord{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;margin-bottom:.75rem;background:#5865f21f;border:1px solid rgba(88,101,242,.3);border-radius:var(--radius-lg);text-decoration:none;transition:background .2s,border-color .2s}.queue-popup-discord:hover{background:#5865f233;border-color:#5865f280}.queue-popup-discord-icon{width:18px;height:18px;flex-shrink:0;color:var(--discord)}.queue-popup-discord-text{font-size:var(--fs-control);font-weight:600;color:var(--text-secondary);flex:1}.queue-popup-discord-arrow{width:14px;height:14px;color:var(--text-faint);flex-shrink:0}.queue-popup-cancel{width:100%;padding:.55rem;background:var(--surface-fill);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-dimmed);font-size:var(--fs-body-sm);font-weight:600;cursor:pointer;transition:color .2s,background .2s}.queue-popup-cancel:hover{background:var(--surface-fill);color:var(--text-secondary)}@keyframes queueSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes queueScan{0%{left:-40%}to{left:100%}}.matchmake-icon-blue{color:#60a5fa;filter:drop-shadow(0 2px 8px rgba(96,165,250,.3))}.matchmake-icon-green{color:var(--success-light);filter:drop-shadow(0 2px 8px rgba(var(--success-rgb),.3))}.matchmake-icon-red{color:var(--danger-light);filter:drop-shadow(0 2px 8px rgba(var(--danger-rgb),.3))}.landing-page{min-height:100vh;background:radial-gradient(1000px 600px at 22% -10%,rgba(var(--cta-rgb),.1),transparent 58%),radial-gradient(900px 700px at 88% 105%,rgba(59,130,246,.08),transparent 55%),var(--bg-dark);display:flex;flex-direction:column;position:relative}.landing-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--hex-pattern);background-size:60px 52px;opacity:.08;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 60%,transparent 95%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 60%,transparent 95%);pointer-events:none;z-index:0}.landing-page>*{position:relative;z-index:1}.landing-page>.landing-content{z-index:auto}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:calc(1rem + env(safe-area-inset-top,0px)) 4rem 1rem 1rem}.landing-nav-logo{display:flex;align-items:center;gap:.65rem}.landing-nav-logo img{display:block}.landing-nav-wordmark{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-h3);letter-spacing:-.02em;color:#f2efe2}.landing-nav-links{display:flex;align-items:center;gap:2rem}.landing-nav-link{font-family:var(--font-heading);font-size:var(--fs-body);color:var(--text-dimmed);cursor:pointer;transition:color .2s}.landing-nav-link:hover{color:#fffffff2}.landing-nav-cta{padding:.5rem 1.2rem!important;font-size:var(--fs-body-sm)!important}.landing-content{flex:1;display:flex;align-items:center;justify-content:center;gap:4rem;padding:3rem 4rem;max-width:1200px;margin:0 auto;width:100%}.landing-left{flex:1;max-width:540px;display:flex;flex-direction:column;align-items:center}.landing-season-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid rgba(var(--success-rgb),.4);border-radius:var(--radius-hero);font-family:var(--font-heading);font-size:var(--fs-small);font-weight:700;text-transform:uppercase;color:var(--success-light);margin-bottom:2rem}.landing-badge-dot{width:8px;height:8px;background:var(--success-light);border-radius:var(--radius-round);animation:pulse-badge-dot 2s ease-in-out infinite}@keyframes pulse-badge-dot{0%,to{opacity:1}50%{opacity:.4}}.landing-headline{margin:0 0 1.5rem;line-height:1.1}.landing-headline span{display:block;font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;font-style:italic}.landing-headline-white{color:#fff}.landing-headline-gold{color:var(--gold)}.landing-headline-muted{color:var(--text-muted);font-style:normal}.landing-description{font-size:1.05rem;line-height:1.7;color:var(--text-dimmed);margin-bottom:2.5rem;max-width:420px}.landing-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:420px}.landing-buttons.slide-in{animation:landing-buttons-enter .5s cubic-bezier(.4,0,.2,1) both}@keyframes landing-buttons-enter{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.landing-btn-google{width:100%;position:relative;padding:1rem 1.5rem!important;font-size:1.05rem!important;font-weight:700!important;letter-spacing:.02em!important;border-radius:var(--radius-xl)!important;background:linear-gradient(160deg,var(--cta-light) 0%,var(--cta) 40%,var(--cta-dark) 100%)!important;border:1px solid var(--surface-line-bold)!important;box-shadow:0 2px 4px var(--shadow-ink-soft),0 8px 24px rgba(var(--cta-rgb),.35),inset 0 1px 0 var(--surface-line-bold),inset 0 -1px 0 var(--shadow-ink-faint)!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease!important;overflow:hidden}.landing-btn-google:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%);border-radius:inherit;pointer-events:none}.landing-btn-google:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 4px 8px var(--shadow-ink-soft),0 12px 32px rgba(var(--cta-rgb),.45),inset 0 1px 0 var(--surface-line-bold),inset 0 -1px 0 var(--shadow-ink-faint)!important}.landing-btn-google:active{transform:translateY(0) scale(.99);transition-duration:.08s!important}.landing-btn-discord{width:100%;padding:1rem 1.5rem!important;font-size:1.05rem!important;letter-spacing:.02em!important;border-radius:var(--radius-xl)!important;background:linear-gradient(160deg,#6d78e8,var(--discord) 40%,#4752c4)!important;color:#fff!important;border:1px solid var(--surface-line-strong)!important;box-shadow:0 2px 4px var(--shadow-ink-soft),0 8px 24px #5865f24d,inset 0 1px 0 var(--surface-line-strong),inset 0 -1px 0 var(--shadow-ink-faint)!important}.landing-btn-discord:hover{box-shadow:0 4px 8px var(--shadow-ink-soft),0 12px 32px #5865f273,inset 0 1px 0 var(--surface-line-strong),inset 0 -1px 0 var(--shadow-ink-faint)!important}.landing-btn-discord svg{margin-top:-1px}.landing-btn-apple{width:100%;padding:1rem 1.5rem!important;font-size:1.05rem!important;letter-spacing:.02em!important;border-radius:var(--radius-xl)!important;background:linear-gradient(160deg,#2a2a2a,#111 40%,#000)!important;color:#fff!important;border:1px solid var(--surface-line-strong)!important;box-shadow:0 2px 4px var(--shadow-ink),0 8px 24px var(--shadow-ink),inset 0 1px 0 var(--surface-line),inset 0 -1px 0 var(--shadow-ink-soft)!important}.landing-btn-apple:after{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 50%)}.landing-btn-apple:hover{box-shadow:0 4px 8px var(--shadow-ink),0 12px 32px var(--shadow-ink-deep),inset 0 1px 0 var(--surface-line),inset 0 -1px 0 var(--shadow-ink-soft)!important}.landing-btn-apple svg{margin-top:-1px}.landing-btn-guest{width:100%;padding:1rem 1.5rem!important;font-size:1.05rem!important;letter-spacing:.02em!important;border-radius:var(--radius-xl)!important;background:linear-gradient(160deg,#ffffff24,#ffffff0f 40%,#ffffff08)!important;color:#ffffffeb!important;border:1px solid var(--surface-line-bold)!important;box-shadow:0 2px 4px var(--shadow-ink-soft),inset 0 1px 0 var(--surface-line)!important}.landing-btn-guest:hover{background:linear-gradient(160deg,#fff3,#ffffff1a 40%,#ffffff0d)!important;box-shadow:0 4px 8px var(--shadow-ink-soft),inset 0 1px 0 var(--surface-line-strong)!important}.landing-btn-guest svg{margin-top:-1px}.landing-right{flex-shrink:0}.landing-board-img{display:block;width:580px;height:auto;opacity:0;transition:opacity .4s ease}.landing-board-img.loaded{opacity:1}.landing-board-live{width:580px;height:580px;overflow:hidden;position:relative;touch-action:none;animation:board-float 9s ease-in-out infinite}.landing-right{position:relative;z-index:401}.landing-right:after{content:"";position:absolute;left:50%;bottom:-7%;transform:translate(-50%);width:78%;height:90px;background:radial-gradient(ellipse,rgba(var(--cta-rgb),.18),transparent 70%);filter:blur(8px);pointer-events:none;z-index:-1}@keyframes board-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.landing-board-live{animation:none}}.landing-board-live .board-container{padding-left:0}.landing-board-live .board-svg{max-height:100%}.landing-dice-overlay{position:absolute;bottom:2rem;right:1.5rem;z-index:10}.landing-board-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5;background:#0a0a12;transition:opacity .6s ease}.landing-board-loading.hidden{opacity:0;pointer-events:none}.demo-splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);z-index:400;transition:opacity .5s ease}.demo-splash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hex-pattern);background-size:60px 52px;opacity:.09}.demo-splash.done{opacity:0;pointer-events:none}.landing-splash-heading{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:401;white-space:nowrap;will-change:transform;margin-bottom:2.5rem}.landing-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.25rem}.landing-pill{padding:.4rem 1rem;border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(-12px) scale(.9);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.landing-pills.visible .landing-pill{opacity:1;transform:translateY(0) scale(1)}.landing-pills.visible .landing-pill:nth-child(1){transition-delay:0s}.landing-pills.visible .landing-pill:nth-child(2){transition-delay:.04s}.landing-pills.visible .landing-pill:nth-child(3){transition-delay:.08s}.landing-pills.visible .landing-pill:nth-child(4){transition-delay:.12s}.landing-pill-blue{background:linear-gradient(135deg,rgba(var(--info-rgb),.22),rgba(var(--info-rgb),.08));color:var(--info);border:1px solid rgba(var(--info-rgb),.3);box-shadow:0 2px 16px rgba(var(--info-rgb),.2),inset 0 1px 0 var(--surface-line-faint)}.landing-pill-gold{background:linear-gradient(135deg,rgba(var(--gold-rgb),.22),rgba(var(--gold-rgb),.08));color:var(--gold-light);border:1px solid rgba(var(--gold-rgb),.3);box-shadow:0 2px 16px rgba(var(--gold-rgb),.2),inset 0 1px 0 var(--surface-line-faint)}.landing-pill-green{background:linear-gradient(135deg,rgba(var(--success-rgb),.22),rgba(var(--success-rgb),.08));color:var(--success-light);border:1px solid rgba(var(--success-rgb),.3);box-shadow:0 2px 16px rgba(var(--success-rgb),.2),inset 0 1px 0 var(--surface-line-faint)}.landing-pill-coral{background:linear-gradient(135deg,rgba(var(--danger-rgb),.22),rgba(var(--danger-rgb),.08));color:var(--danger-light);border:1px solid rgba(var(--danger-rgb),.3);box-shadow:0 2px 16px rgba(var(--danger-rgb),.2),inset 0 1px 0 var(--surface-line-faint)}@supports not (backdrop-filter: blur(1px)){.landing-pill{backdrop-filter:none;-webkit-backdrop-filter:none}.landing-pill-blue{background:rgba(var(--info-rgb),.25)}.landing-pill-gold{background:rgba(var(--gold-rgb),.25)}.landing-pill-green{background:rgba(var(--success-rgb),.25)}.landing-pill-coral{background:rgba(var(--danger-rgb),.25)}}.demo-splash-line{opacity:0;transition:opacity 1s ease}.demo-splash-line.visible{opacity:1}.demo-splash-welcome{font-family:var(--font-heading);font-size:1.4rem;color:var(--text-dimmed);font-weight:300;letter-spacing:.08em;text-transform:uppercase}.demo-splash-brand{font-family:var(--font-heading);font-size:4.8rem;font-weight:900;background:linear-gradient(180deg,var(--cta-light) 15%,var(--cta) 55%,#C77E16 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;filter:drop-shadow(0 2px 22px rgba(var(--cta-rgb),.35))}.demo-splash-sub{margin-top:12px;height:2rem;overflow:hidden}.demo-splash-sub span{font-size:1.3rem;color:var(--text-muted);font-weight:300;font-style:italic}.revolve-text{display:inline-block}.revolve-text.in{animation:revolve-in .5s cubic-bezier(.22,1,.36,1) both}.revolve-text.out{animation:revolve-out .25s ease-in both}@keyframes revolve-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes revolve-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.hidden-during-splash{opacity:0!important;pointer-events:none}.landing-nav,.landing-content,.landing-stats,.landing-footer{transition:opacity .6s ease}.landing-right{transition:opacity 1s ease}.landing-waitlist-btn{position:static;padding:11px 18px;min-height:44px;border-radius:var(--radius-xl);border:1px solid rgba(214,168,75,.55);background:linear-gradient(180deg,#e3b95e,#c99a3c);color:#241a06;font-size:14px;font-weight:800;letter-spacing:.01em;cursor:pointer;z-index:500;transition:transform .12s ease,filter .12s ease}.landing-waitlist-btn:hover{filter:brightness(1.06)}.landing-waitlist-btn:active{transform:scale(.985)}@media(prefers-reduced-motion:reduce){.demo-splash{display:none}.landing-splash-heading{transform:none}.demo-splash-line,.landing-pill{opacity:1;transform:none;transition:none}.revolve-text{animation:none;opacity:1;transform:none}.landing-buttons{opacity:1}.landing-buttons.slide-in{animation:none;opacity:1}.hidden-during-splash{opacity:1!important;pointer-events:auto}}.landing-stats{display:flex;justify-content:center;gap:4rem;padding:2rem 3rem;border-top:1px solid var(--border-glow)}.landing-stat{text-align:center}.landing-stat-value{display:block;font-family:var(--font-heading);font-size:var(--fs-h1);font-weight:900;color:#fff}.landing-stat-label{display:block;font-family:var(--font-heading);font-size:var(--fs-small);font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-top:.2rem}.landing-footer{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:1rem 0 1.5rem}.landing-footer a{font-size:var(--fs-label);color:var(--text-muted);text-decoration:none}.landing-footer a:hover{color:var(--text-secondary)}.landing-footer-sep{width:3px;height:3px;border-radius:var(--radius-round);background:#ffffff59}.profile-footer{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-glow)}.profile-footer a{font-size:var(--fs-label);color:var(--text-muted);text-decoration:none}.profile-footer a:hover{color:var(--text-secondary)}.profile-footer-sep{width:3px;height:3px;border-radius:var(--radius-round);background:#ffffff59}@media(max-width:1100px){.landing-content{flex-direction:column;text-align:center;padding:2rem;gap:2rem}.landing-left{max-width:100%}.landing-headline span{font-size:2.5rem}.landing-description{margin:0 auto 2rem}.landing-buttons{margin:0 auto;width:100%;max-width:420px}.landing-board-img{width:90vw;max-width:480px}.landing-board-live{width:90vw;max-width:480px;height:auto;aspect-ratio:1 / 1}.landing-stats{gap:2rem}.landing-nav{padding:calc(1rem + env(safe-area-inset-top,0px)) 1.5rem 1rem}.landing-nav-links{gap:1rem}.demo-splash-brand{font-size:3.5rem}.demo-splash-welcome{font-size:var(--fs-h4)}.demo-splash-sub span{font-size:var(--fs-lead)}.landing-right{width:100%;display:flex;justify-content:center}}.lobby-form{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field label{font-size:var(--fs-control);font-weight:600;color:var(--gold-text);text-transform:uppercase;font-family:var(--font-heading)}.form-field input{width:100%;padding:.6rem .9rem;background:#fff6;border:1.5px solid rgba(92,46,8,.3);border-radius:var(--radius-sm);color:var(--gold-text);font-size:var(--fs-base);transition:border-color .2s}.form-field input:focus{outline:none;border-color:#8b5e20;box-shadow:0 0 0 2px #8b5e2033}.form-field input::placeholder{color:var(--text-faint)}.color-picker{display:flex;gap:.75rem;padding:.25rem 0;flex-wrap:wrap}.color-option{width:36px;height:36px;border-radius:var(--radius-round);border:3px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 2px 8px var(--shadow-ink)}.color-option:hover{transform:scale(1.15)}.color-selected{border-color:var(--gold-light)!important;transform:scale(1.15);box-shadow:0 0 12px var(--gold-light)}.game-page{display:grid;grid-template-columns:200px 1fr;grid-template-rows:minmax(0,1fr);min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--board-navy-bg);isolation:isolate}html:has(.game-page){overflow:hidden}body:has(.game-page){min-height:0}.board-water{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:block;background-repeat:repeat;background-position:0 0;pointer-events:none;opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.game-page.dark-mode{background:#000;gap:0}.opponents-column{grid-column:2;grid-row:1;position:relative;z-index:1;padding:16px 16px 16px calc(.5rem + 12px);background:transparent;border-left:none;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:.5rem}.opponents-column>*{position:relative;z-index:1}.opponents-column>*:not(.log-chat-region){flex-shrink:0}.board-eval-overlay{position:absolute;top:20px;left:calc(var(--menubar-end, 470px) + 16px);right:.75rem;z-index:30;pointer-events:none;display:flex;justify-content:center}.board-eval-overlay .eval-bar{pointer-events:auto;width:min(100%,640px)}.replay-eval-overlay{position:absolute;top:20px;left:calc(var(--menubar-end, 470px) + 16px);right:.75rem;z-index:30;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}.replay-eval-overlay .eval-bar{pointer-events:auto;width:100%;max-width:640px}.eval-bar-toggle{pointer-events:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid rgba(var(--text-primary-rgb),.18);background:rgba(var(--scrim-rgb),.82);color:var(--text-primary);cursor:pointer;transition:background .15s ease,opacity .15s ease}.eval-bar-toggle:hover{background:#141c30f2}.eval-bar{width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.eval-bar-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;padding:0 .1rem;font-family:var(--font-heading)}.eval-bar-title{color:rgba(var(--text-primary-rgb),.92);font-size:var(--fs-caption);font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.eval-bar-subtitle{color:rgba(var(--text-primary-rgb),.58);font-size:var(--fs-tiny);font-weight:800;white-space:nowrap}.eval-bar-track{display:flex;width:100%;height:26px;border-radius:var(--radius-pill);overflow:hidden;background:var(--recess-strong);border:1px solid var(--surface-line-strong);box-shadow:0 2px 10px var(--shadow-ink-soft)}.eval-bar-seg{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;transition:width .6s cubic-bezier(.22,1,.36,1);overflow:hidden}.eval-bar-seg+.eval-bar-seg{border-left:1px solid rgba(0,0,0,.45)}.eval-bar-seg-me{box-shadow:inset 0 0 0 2px #ffffff59}.eval-bar-pct{font-size:var(--fs-small);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none}.eval-bar-legend{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0;padding:0 .1rem;color:rgba(var(--text-primary-rgb),.72);font-size:var(--fs-caption);font-weight:800;line-height:1.15}.eval-bar-legend>span{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:142px;white-space:nowrap}.eval-bar-legend b{overflow:hidden;text-overflow:ellipsis;font-weight:850}.eval-bar-legend em{color:rgba(var(--text-primary-rgb),.86);font-style:normal;font-variant-numeric:tabular-nums}.eval-bar-legend i,.eval-bar-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:var(--radius-round);box-shadow:0 0 0 1px #0000006b,0 0 0 2px #ffffff24}.eval-bar-legend-me{color:#fff}.resign-btn{width:100%;padding:.45rem 0;background:#c82d2d99;border:1px solid rgba(220,60,60,.8);border-radius:var(--radius-sm);color:#fff;font-size:var(--fs-label);font-weight:600;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.resign-btn:hover{background:#dc3232cc;border-color:#f04646e6}.resign-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:9999}.resign-confirm-popup{background:var(--glass-bg, rgba(20, 25, 35, .95));border:1px solid var(--border-glow);border-radius:var(--radius-xl);padding:1.5rem 2rem;text-align:center;max-width:340px;box-shadow:0 8px 32px var(--shadow-ink-deep)}.resign-confirm-popup p{margin:0 0 .25rem;color:var(--text-primary);font-size:var(--fs-body-lg);font-weight:600}.resign-confirm-sub{color:var(--text-faint)!important;font-size:var(--fs-control)!important;font-weight:400!important;margin-bottom:1.25rem!important}.resign-confirm-actions{display:flex;gap:.75rem;justify-content:center}.resign-confirm-yes,.resign-confirm-no{padding:.5rem 1.5rem;border-radius:var(--radius-sm);font-size:var(--fs-body-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .2s}.resign-confirm-yes{background:#b4282899;color:#fff;border-color:#b42828cc}.resign-confirm-yes:hover{background:#c82828cc}.resign-confirm-no{background:var(--surface-fill-soft);color:var(--text-dimmed);border-color:var(--border-glow)}.resign-confirm-no:hover{background:var(--surface-fill-strong)}.board-column{grid-column:1;grid-row:1;position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;overflow:visible}.board-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-left:22px;padding-right:52px;will-change:transform;transform:translateZ(0);backface-visibility:hidden}@media(min-width:1200px)and (max-width:1400px)and (orientation:landscape)and (hover:none)and (pointer:coarse){.game-page{padding-top:calc(env(safe-area-inset-top,0px) + 12px);box-sizing:border-box}.utils-bar{left:24px}}.board-svg{width:100%;height:100%;max-height:98vh;max-width:100%;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.board-column .board-svg{transform:translateZ(0) translate(clamp(0px,2.2vw,36px))}.board-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-style:italic}.hex-selectable polygon:first-child{transition:filter .2s;will-change:filter}.hex-selectable:hover polygon:first-child{filter:brightness(1.3)}.vertex-spot{animation:spot-pulse 1.8s ease-in-out infinite;transform-origin:center}.vertex-pick-ring{animation:spot-pulse 1.8s ease-in-out infinite;transform-origin:center;cursor:pointer}.vertex-pick-ring:hover circle:first-child,.vertex-pick-target:hover .vertex-pick-ring circle:first-child{stroke:#fff}.vertex-spot .spot-default{opacity:1}.vertex-spot .spot-hover,.vertex-spot:hover .spot-default{opacity:0}.vertex-spot:hover .spot-hover{opacity:1}.vertex-spot-active{opacity:1!important;pointer-events:auto!important}.vertex-spot-active .spot-default{opacity:0!important}.vertex-spot-active .spot-hover{opacity:1!important}.ghost-piece{opacity:0;pointer-events:none}.ghost-piece.ghost-visible{animation:ghost-fade-in .12s ease-in-out forwards}@keyframes ghost-fade-in{0%{opacity:0}to{opacity:.45}}.ghost-piece.ghost-held{animation:ghost-held-in .12s ease-in-out forwards}@keyframes ghost-held-in{0%{opacity:0}to{opacity:.6}}@keyframes ghost-fly-up{0%{opacity:.5}to{opacity:0}}.ghost-piece.ghost-fly{animation:ghost-fly-up .22s ease-out forwards}@keyframes build-preview-fade-in{0%{opacity:0;transform:none}to{opacity:1;transform:none}}.build-preview-layer.build-preview-fade-in{animation:build-preview-fade-in .5s ease-out both!important;will-change:opacity}.vertex-spot:hover{filter:brightness(1.4) drop-shadow(0 0 6px rgba(var(--accent-glow-rgb),.7))}.vertex-spot-active{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,255,255,.8))!important}.sandbox-edit-layer{pointer-events:all}.sandbox-edit-hotspot{cursor:pointer}.sandbox-edit-hotspot>circle:first-child{fill:#040d1e57;stroke:var(--text-faint);stroke-width:2;transition:fill .12s,stroke .12s;pointer-events:all}.sandbox-edit-hotspot-core{fill:#fff4c7;stroke:#201504b8;stroke-width:1;pointer-events:none}.sandbox-edit-hotspot:hover>circle:first-child{fill:rgba(var(--cta-rgb),.24);stroke:rgba(var(--cta-rgb),.86)}.sandbox-edit-hotspot-hex>circle:first-child{stroke:rgba(var(--success-rgb),.7)}.sandbox-edit-hotspot-number>circle:first-child{stroke:rgba(var(--cta-rgb),.7)}.sandbox-edit-hotspot-port>circle:first-child{stroke:rgba(var(--info-rgb),.78)}.sandbox-edit-hotspot-edge>circle:first-child{stroke:#ffffff52}.sandbox-edit-hotspot-vertex>circle:first-child{stroke:#ffffff80}.sandbox-edit-layer-hidden .sandbox-edit-hotspot>circle:first-child{fill:#fff0;stroke:transparent}.sandbox-edit-layer-hidden .sandbox-edit-hotspot-core{opacity:0}@media(hover:hover)and (pointer:fine){.sandbox-edit-layer-hidden .sandbox-edit-hotspot:hover>circle:first-child{fill:rgba(var(--cta-rgb),.24);stroke:rgba(var(--cta-rgb),.86)}}.spot-hover-only{opacity:.65;pointer-events:none;animation:spot-pulse-ambient 3.6s ease-in-out infinite}.vertex-hover-build:hover .spot-hover-only{opacity:1;animation:spot-pulse 1.8s ease-in-out infinite}.spot-hover-only .spot-default{opacity:1}.spot-hover-only .spot-hover,.vertex-hover-build:hover .spot-hover-only .spot-default{opacity:0}.vertex-hover-build:hover .spot-hover-only .spot-hover{opacity:1}@keyframes spot-pulse-ambient{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:.85;transform:scale(1.15)}}@keyframes spot-pulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.vertex-pulse{animation:spot-pulse 1.8s ease-in-out infinite}.edge-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.building-pop{opacity:0;transform:translateY(-90px);animation:buildingDrop .8s cubic-bezier(.22,1.4,.36,1) both;will-change:transform,opacity;backface-visibility:hidden}.build-preview-layer{animation:previewAppear .2s ease-out both}@keyframes previewAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes tradeOfferAppear{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes tradeOfferSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}@keyframes buildingDrop{0%{transform:translateY(-90px);opacity:0}15%{opacity:1}70%{transform:translateY(2px)}to{transform:translateY(0);opacity:1}}.road-drop{opacity:0;transform:translateY(-70px);animation:roadDrop .4s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity;backface-visibility:hidden}@keyframes roadDrop{0%{transform:translateY(-70px);opacity:0}15%{opacity:1}to{transform:translateY(0);opacity:1}}@keyframes settlementScale{0%,to{filter:drop-shadow(0 0 2px rgba(var(--accent-glow-rgb),.4))}50%{filter:drop-shadow(0 0 10px rgba(var(--accent-glow-rgb),.9))}}.settlement-upgrade-on-hover{transform-box:fill-box;transform-origin:center;will-change:transform;backface-visibility:hidden;filter:drop-shadow(0 0 5px rgba(var(--accent-glow-rgb),.6))}.vertex-hover-upgrade:hover .settlement-upgrade-on-hover{animation:settlementScale 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.vertex-spot,.spot-hover-only,.vertex-hover-build:hover .spot-hover-only,.vertex-pick-ring,.vertex-pulse,.edge-pulse,.settlement-upgrade-on-hover,.vertex-hover-upgrade:hover .settlement-upgrade-on-hover{animation:none}.vertex-hover-upgrade:hover .settlement-upgrade-on-hover{filter:drop-shadow(0 0 10px rgba(var(--accent-glow-rgb),.9))}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:.3rem .55rem;background:#140a00e6;color:#f5e6c8;font-size:var(--fs-control);font-weight:600;border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;transition-delay:0s;z-index:100}[data-tooltip]:hover:after{opacity:1;transition-delay:.3s}:root[data-native-title][data-pointer=mouse] [data-tooltip][title]:after{content:none}.tap-tip{position:fixed;z-index:var(--z-tooltip);pointer-events:none;padding:.3rem .55rem;background:#140a00e6;color:#f5e6c8;font-size:var(--fs-control);font-weight:600;border-radius:var(--radius-xs);width:max-content;max-width:calc(100vw - 16px)}.devcard-card[data-tooltip]:after{bottom:calc(100% + 17px)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.devcard-card{position:relative;display:flex;align-items:center;justify-content:center;width:57px;height:74px;border-radius:var(--radius-sm);box-shadow:0 2px 6px var(--shadow-ink-soft);transition:transform .2s,box-shadow .2s;cursor:default;border:.5px solid rgba(0,0,0,.55);border-bottom:none;background:var(--devcard-dark)}.devcard-card:before{content:"";position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;border-radius:var(--radius-xs);background:var(--devcard-dark);z-index:0}.devcard-card>*{position:relative;z-index:1}.devcard-playable{cursor:pointer}.devcard-playable:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(var(--accent-glow-rgb),.4),var(--card-inset-top),var(--card-inset-bottom)}.devcard-active{box-shadow:0 0 14px rgba(var(--accent-glow-rgb),.6),var(--card-inset-top),var(--card-inset-bottom);transform:translateY(-2px)}@keyframes devcard-arrive{0%{transform:translateY(-50px);opacity:0}40%{opacity:1}70%{transform:translateY(4px)}85%{transform:translateY(-2px)}to{transform:translateY(0)}}.devcard-arrive{animation:devcard-arrive .6s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 0 20px rgba(var(--accent-glow-rgb),.5)}.devcard-graphic{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.devcard-emoji{font-size:1.7rem}.devcard-icon{display:block}.devcard-count{position:absolute;top:-7px;right:-7px;width:23px;height:23px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-body);font-weight:800;color:#111;background:#fffffff7;border:1.5px solid rgba(0,0,0,.22);border-radius:var(--radius-round);line-height:1;font-family:var(--font-heading)}@keyframes card-land-squish{0%{transform:scale(.7,.8) rotate(-5deg)}30%{transform:scale(1.12,.9) rotate(3deg)}55%{transform:scale(.95,1.06) rotate(-1.5deg)}75%{transform:scale(1.03,.97) rotate(.5deg)}to{transform:scale(1) rotate(0)}}@keyframes tradeBoxSlideIn{0%{opacity:0;transform:translateY(24px) scale(var(--hud-stack-scale, 1))}to{opacity:1;transform:translateY(0) scale(var(--hud-stack-scale, 1))}}@keyframes tradeBoxSlideOut{0%{opacity:1;transform:translateY(0) scale(var(--hud-stack-scale, 1))}to{opacity:0;transform:translateY(24px) scale(var(--hud-stack-scale, 1))}}.trade-mystery-divider{width:1px;align-self:stretch;background:var(--surface-line-strong);margin:0 6px;flex-shrink:0}.trade-mystery-toggle.active{outline:2px solid var(--gold-light);outline-offset:1px;border-radius:var(--radius-xs)}.trade-offers-stack{position:absolute;top:12px;right:12px;z-index:55;display:flex;flex-direction:column;width:340px;gap:6px;max-height:calc(100% - 24px);overflow-y:auto;scrollbar-width:thin;transform:scale(var(--hud-stack-scale, 1));transform-origin:top right}.trade-offers-stack.trade-offers-stack-upper-left{--trade-offers-top: 64px;top:var(--trade-offers-top);right:auto;left:12px;max-height:calc(100% - var(--trade-offers-top) - 12px);transform-origin:top left}.game-page:has(.hud-mode-badge) .trade-offers-stack.trade-offers-stack-upper-left{--trade-offers-top: 96px}.game-page:has(.trade-offers-stack-upper-left):has(.trade-box) .hud-overlay{z-index:56}.trade-offer-card{background:var(--popup-bg);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border:var(--game-panel-border);border-radius:var(--radius-md);padding:.4rem .5rem;animation:tradeOfferAppear .25s ease-out both;transform-origin:top center;will-change:transform,opacity;box-shadow:var(--glass-glow),0 2px 8px var(--shadow-ink-soft);font-family:var(--font-body);font-size:var(--fs-control);color:var(--text-secondary)}.trade-offer-card.closing{animation:tradeOfferSlideOut .25s ease-in both;pointer-events:none}.trade-offer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.trade-offer-who{display:flex;align-items:center;gap:4px}.trade-circle-dot-sm{width:10px;height:10px;border-radius:var(--radius-round);border:var(--game-panel-border)}.trade-offer-name{font-family:var(--font-heading);font-size:var(--fs-caption);font-weight:700;color:var(--text-secondary)}.trade-offer-expiry{margin-left:6px;font-size:var(--fs-tiny);font-variant-numeric:tabular-nums;color:var(--text-secondary);opacity:.8}.trade-offer-cancel{background:none;border:none;cursor:pointer;font-size:var(--fs-control);color:#999;padding:0 2px}.trade-offer-cancel:hover{color:var(--danger-dark)}.trade-offer-embargo{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-4px -4px -4px 0;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:#999;cursor:pointer}.trade-offer-embargo:hover,.trade-offer-embargo:focus-visible{color:var(--danger-dark);background:#0000000f}@media(pointer:coarse){.trade-offer-embargo{width:44px;height:44px;margin:-14px -12px -14px 0}}.trade-offer-body{display:flex;gap:8px;align-items:center}.trade-offer-resources{flex:1;min-width:0;max-width:calc(100% - 60px)}.trade-offer-give-row,.trade-offer-want-row{display:flex;align-items:center;gap:6px;margin-bottom:3px;padding:3px 6px;border-radius:var(--radius-xs)}.trade-offer-give-row{background:rgba(var(--danger-rgb),.15)}.trade-offer-want-row{background:rgba(var(--success-rgb),.15)}.trade-offer-res-list{display:flex;gap:4px;flex-wrap:wrap}.trade-offer-circles{display:flex;flex-direction:column;gap:7px;align-items:center;flex:0 0 auto;margin:0 auto}.trade-player-tile{width:32px;height:32px;border-radius:var(--radius-sm);border:.5px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px var(--shadow-ink),inset 0 2px 0 var(--surface-line-bold),inset 0 -2px 4px var(--shadow-ink-soft),inset -1px 0 3px var(--shadow-ink-faint),inset 1px 0 0 var(--surface-line-faint);transition:transform .2s ease}.trade-tile-clickable{cursor:pointer;animation:trade-tile-pulse 1.5s ease-in-out infinite}.trade-tile-clickable:hover{transform:scale(1.15)}.trade-tile-unaffordable{opacity:.35!important;cursor:not-allowed;filter:grayscale(.6)}@keyframes trade-tile-pulse{0%,to{box-shadow:0 0 4px rgba(var(--success-rgb),.3),inset 0 1px 0 var(--surface-line-strong)}50%{box-shadow:0 0 10px rgba(var(--success-rgb),.6),inset 0 1px 0 var(--surface-line-strong)}}.trade-tile-icon{font-size:var(--fs-lead);font-weight:900;line-height:1;pointer-events:none}.trade-tile-pending{opacity:.5}.trade-offer-actions{display:flex;gap:10px;margin-top:.3rem;flex-wrap:wrap;align-items:center}.trade-waiting-confirm{flex-basis:100%;font-size:var(--fs-caption);font-style:italic;color:var(--text-secondary)}.trade-offer-not-for-you{justify-content:flex-start}.trade-offer-targeted-note{flex-basis:100%;font-size:var(--fs-caption);font-style:italic;color:var(--text-secondary);opacity:.85}.trade-accept-btn{background:#22a55b;border-color:#22a55b;color:#fff;box-shadow:0 1px 2px var(--shadow-ink-soft)}.trade-accept-btn:hover:not(:disabled){background:#2bbd6a;border-color:#2bbd6a;transform:translateY(-1px)}.trade-respond-btn:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed;box-shadow:none;transform:none}.trade-respond-btn-chosen:disabled{opacity:.9;filter:none;cursor:default;box-shadow:inset 0 0 0 2px #ffffffb3}.trade-respond-btn-slot{visibility:hidden;pointer-events:none}.trade-respond-note{flex-basis:100%;font-size:var(--fs-caption);font-style:italic;color:var(--text-secondary)}.trade-deny-btn{background:var(--danger-dark);border-color:var(--danger-dark);color:#fff;box-shadow:0 1px 2px var(--shadow-ink-soft)}.trade-deny-btn:hover:not(:disabled){background:var(--danger);border-color:var(--danger);transform:translateY(-1px)}.trade-counter-btn{background:var(--cta);border-color:var(--cta);color:var(--cta-text);box-shadow:0 1px 2px var(--shadow-ink-soft)}.trade-counter-btn:hover:not(:disabled){background:var(--cta-light);border-color:var(--cta-light);transform:translateY(-1px)}.trade-fly-particle{position:fixed;pointer-events:none;z-index:2000;font-size:1.3rem;animation:tradeFly .8s cubic-bezier(.25,.1,.25,1) forwards}@keyframes tradeFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.6);opacity:0}}@keyframes timer-pill-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes turn-timer-roll-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}.turn-timer-roll-pulse{animation:turn-timer-roll-pulse 1.4s ease-in-out infinite}@keyframes hex-flash{0%{opacity:1}66.7%{opacity:1}to{opacity:0}}@keyframes hex-glow{0%{opacity:1;filter:drop-shadow(0 0 14px rgba(255,255,255,1))}66.7%{opacity:1;filter:drop-shadow(0 0 18px rgba(255,255,255,.8))}to{opacity:0;filter:drop-shadow(0 0 0px rgba(255,255,255,0))}}.hex-number-token-blocked{opacity:.5}@keyframes hex-dim-in{0%{opacity:0}to{opacity:1}}@keyframes hex-trace{0%{stroke-dashoffset:468}to{stroke-dashoffset:0}}.robber-place-dot{animation:robber-dot-pulse 1.2s ease-in-out infinite;cursor:pointer;pointer-events:auto;will-change:transform,opacity;backface-visibility:hidden}@keyframes robber-dot-pulse{0%,to{transform:scale(.8);opacity:.75}50%{transform:scale(1.15);opacity:1}}.dice-row{display:flex;gap:.75rem}.dice-row-ck{gap:.25rem}.die{filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));transition:transform .1s}.die-svg{display:block;width:62px;height:62px}.dice-total{font-family:var(--font-heading);font-size:var(--fs-body);font-weight:700;color:var(--gold-text)}.dice-seven,.dice-total-seven{color:var(--danger-dark);animation:redPulse 1s ease-in-out 2}@keyframes redPulse{0%,to{color:var(--danger-dark)}50%{color:#ff6b6b}}@keyframes discard-pulse{0%,to{box-shadow:0 0 #b91c1c66}50%{box-shadow:0 0 12px 4px #b91c1c4d}}@keyframes discard-timer-flash{0%,to{opacity:1}50%{opacity:.5}}.modal-join{max-width:380px}.achievement-banner{position:fixed;top:48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:.875rem 1.75rem .875rem 1.25rem;background:var(--surface-panel);border:1.5px solid rgba(var(--accent-glow-rgb),.4);border-radius:var(--radius-2xl);z-index:200;box-shadow:0 8px 32px var(--shadow-ink-deep),0 0 0 1px var(--surface-line-faint) inset,0 1px 0 var(--surface-line-faint) inset;animation:achievementSlide .5s cubic-bezier(.22,1,.36,1),achievementFade 5s ease-in-out;pointer-events:none}.achievement-road,.achievement-army{border-color:#eab30880;box-shadow:0 8px 32px var(--shadow-ink-deep),0 0 24px #eab30826,0 0 0 1px var(--surface-line-faint) inset,0 1px 0 var(--surface-line-faint) inset}.achievement-icon-wrap{font-size:1.75rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.achievement-content{display:flex;flex-direction:column;gap:.15rem}.achievement-label{color:var(--text-muted);font-size:var(--fs-small);font-weight:600;text-transform:uppercase;letter-spacing:1.2px}.achievement-road .achievement-label,.achievement-army .achievement-label{color:#eab308b3}.achievement-player{color:#fff;font-size:1.15rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4);letter-spacing:.3px}@keyframes achievementSlide{0%{transform:translate(-50%) translateY(-120%) scale(.9);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes achievementFade{0%,80%{opacity:1}to{opacity:0}}.robber-banner{position:fixed;top:48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:#b91c1cf2;border:none;border-radius:25px;z-index:100;box-shadow:0 2px 8px var(--shadow-ink);animation:slideDown .3s ease-out;transition:top .3s ease}.robber-banner.banner-shifted{top:7.5rem}.robber-banner.banner-shifted-2{top:11rem}.ck-battle-banner{animation:slideDown .3s ease-out;color:#fff}.ck-battle-banner.ck-battle-won{background:#1f5c3af5}.ck-battle-banner.ck-battle-lost{background:#7a221af5}.ck-battle-text{display:flex;flex-direction:column;gap:2px;line-height:1.25}.ck-battle-text strong{font-size:var(--fs-body-lg)}.ck-battle-text span{font-size:var(--fs-control);opacity:.9}.ck-pick-banner{background:#1f2f42f5;border:1px solid rgba(140,170,205,.45)}.ck-pick-count{color:var(--text-soft);font-size:var(--fs-control);font-weight:700;font-variant-numeric:tabular-nums}.ck-waiting-banner{background:#1f2f42f5;border:1px solid rgba(140,170,205,.45)}.ck-waiting-seconds{padding:1px 8px;border-radius:var(--radius-pill);background:var(--surface-fill-strong);color:#fff;font-size:var(--fs-control);font-weight:800;font-variant-numeric:tabular-nums}.ck-pick-cancel{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:var(--radius-2xl);padding:.2rem .75rem;font-size:var(--fs-control);font-weight:700;cursor:pointer}.ck-pick-cancel:hover{background:var(--surface-fill-strong)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.robber-icon{font-size:var(--fs-h4)}.pause-vote-banner{position:fixed;top:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--popup-bg, rgba(0,0,0,.45));-webkit-backdrop-filter:var(--panel-blur, blur(12px));backdrop-filter:var(--panel-blur, blur(12px));border:var(--game-panel-border, 1px solid rgba(200,220,240,.18));border-radius:var(--radius-xl);z-index:150;box-shadow:0 4px 20px var(--shadow-ink);animation:slideDown .3s ease-out;min-width:300px}.pause-vote-header{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary)}.pause-vote-title{font-size:var(--fs-body-lg);font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex:1}.pause-vote-tally{display:flex;align-items:center;justify-content:center;gap:.35rem}.pause-vote-tally .trade-player-tile{width:36px;height:36px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;border:2px solid;background:var(--recess)}.pause-vote-tally .trade-player-tile.vote-yes{background:rgba(var(--success-rgb),.15)}.pause-vote-tally .trade-player-tile.vote-no{background:rgba(var(--danger-rgb),.15)}.pause-vote-pending{color:var(--text-faint);font-size:var(--fs-label);font-weight:700}.pause-vote-count{font-size:var(--fs-small);font-weight:600;color:var(--text-muted);margin-left:.25rem}.pause-vote-actions{display:flex;gap:.4rem}.pause-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:140;pointer-events:none}.pause-overlay-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2.5rem;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--game-panel-border, 1px solid rgba(200,220,240,.18));border-radius:var(--radius-2xl);box-shadow:0 8px 40px var(--shadow-ink-deep);color:var(--text-secondary);pointer-events:auto}.pause-overlay-text{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pause-overlay-timer{font-size:var(--fs-h2);font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.pause-overlay-timer.urgent{color:var(--danger)}.connection-banner{position:fixed;top:0;left:0;right:0;padding:.4rem;background:rgba(var(--danger-rgb),.9);color:#fff;font-family:var(--font-heading);font-size:var(--fs-label);font-weight:600;text-transform:uppercase;text-align:center;z-index:2000;animation:pulse-banner 1.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-reconnect{background:var(--surface-fill-strong);border:1px solid rgba(255,255,255,.5);color:#fff;padding:.15rem .6rem;border-radius:var(--radius-xs);font-family:var(--font-heading);font-size:var(--fs-caption);font-weight:600;text-transform:uppercase;cursor:pointer;transition:background .2s}.btn-reconnect:hover{background:#ffffff59}.syncing-banner{background:rgba(var(--warn-rgb),.9);animation:none}@keyframes pulse-banner{0%,to{opacity:1}50%{opacity:.7}}.active-game-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.25rem;margin:.75rem auto 1rem;max-width:520px;background:linear-gradient(135deg,rgba(var(--success-rgb),.35),rgba(var(--success-rgb),.22));border:1px solid rgba(var(--success-rgb),.6);border-radius:50px;animation:banner-slide-in .3s ease-out;box-shadow:0 2px 16px rgba(var(--success-rgb),.25)}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.active-game-banner-content{display:flex;align-items:center;gap:.6rem;min-width:0}.active-game-banner-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--success-light);flex-shrink:0;animation:banner-dot-pulse 1.5s ease-in-out infinite}@keyframes banner-dot-pulse{0%,to{box-shadow:0 0 rgba(var(--success-rgb),.5)}50%{box-shadow:0 0 0 4px rgba(var(--success-rgb),0)}}.active-game-banner-text{font-size:var(--fs-body-sm);color:var(--success-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-game-banner-players{color:rgba(var(--success-rgb),.5);font-size:var(--fs-control)}.active-game-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.active-game-banner .btn-catan-sm,.active-game-banner-dismiss{min-height:44px}.active-game-banner-dismiss{background:none;border:none;color:var(--text-faint);font-size:var(--fs-base);cursor:pointer;padding:.2rem;line-height:1;transition:color .2s}.active-game-banner-dismiss:hover{color:var(--text-secondary)}.active-game-banner-two-actions{max-width:640px;border-radius:18px}.active-game-banner-two-actions .active-game-banner-text{white-space:normal}.active-game-banner .active-game-banner-leave{background:transparent;color:var(--success-light);border:1px solid rgba(var(--success-rgb),.6);box-shadow:none}.active-game-banner .active-game-banner-leave:hover{background:rgba(var(--success-rgb),.15)}@media(max-width:420px){.active-game-banner{align-items:flex-start;gap:.5rem;margin-inline:.75rem;padding:.5rem .75rem}.active-game-banner-text{white-space:normal}.active-game-banner-actions{gap:.25rem}}.spectator-back-btn{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));z-index:1000;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#0f0f19d9;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-body-sm);font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,border-color .15s}.spectator-back-btn:hover{background:#0f0f19f2;border-color:var(--text-faint)}.utils-bar{position:fixed;top:14px;left:14px;z-index:700;display:flex;flex-direction:row;align-items:stretch;gap:2px;background:rgba(var(--scrim-rgb),.88);border:1px solid rgba(var(--text-primary-rgb),.14);border-radius:var(--radius-lg);padding:4px 6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px var(--shadow-ink)}.utils-bar-main{display:flex;align-items:center;gap:8px}.utils-bar-separator{flex:none;width:1px;height:20px;margin:0 2px;background:rgba(var(--text-primary-rgb),.22)}.utils-bar-settings-only{padding:4px}.utils-bar-settings-only .utils-bar-main{gap:0}.utils-hamburger-btn,.utils-settings-btn{padding:6px 9px}.menu-hamburger-panel,.menu-info-panel{position:absolute;top:calc(100% + 10px);left:0;width:min(360px,calc(100vw - 28px));max-height:min(72vh,720px);overflow:hidden auto;z-index:400;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.utils-info-btn{padding:6px 9px}.utils-info-vp-header{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--text-secondary);padding:2px 0 6px}.utils-info-vp-trophy{display:inline-flex;align-items:center;color:#e6b800}.utils-info-vp-icon{display:inline-flex;align-items:center;margin-left:5px;color:#e6b800;vertical-align:middle}.utils-info-vp-icon svg{width:13px;height:13px}.utils-info-value:has(.utils-info-vp-icon){display:inline-flex;align-items:center}.menu-settings-top-panel{left:auto;right:0;min-width:250px;max-height:min(72vh,720px);overflow:hidden auto}.menu-stack-section{display:flex;flex-direction:column;gap:.4rem}.menu-stack-section+.menu-stack-section{border-top:1px solid rgba(var(--text-primary-rgb),.12);padding-top:.6rem}.menu-stack-title{font-family:var(--font-heading);font-size:var(--fs-caption);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--text-primary-rgb),.5)}.menu-stack-item.menu-stack-group .menu-stack-group-chevron{margin-left:auto;flex-shrink:0;transition:transform .15s}.menu-stack-item.menu-stack-group[aria-expanded=true] .menu-stack-group-chevron{transform:rotate(180deg)}.menu-stack-subgroup{display:flex;flex-direction:column;gap:4px;margin-left:10px;padding-left:8px;border-left:2px solid rgba(var(--cta-rgb),.35)}.menu-stack-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid rgba(var(--text-primary-rgb),.1);border-radius:var(--radius-sm);background:rgba(var(--text-primary-rgb),.05);color:var(--text-secondary);font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:7px 10px;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s}.menu-stack-item:hover{background:rgba(var(--text-primary-rgb),.12);color:var(--text-primary);border-color:rgba(var(--text-primary-rgb),.2)}.menu-stack-item:disabled,.menu-stack-item[disabled]{opacity:.45;cursor:not-allowed;background:rgba(var(--text-primary-rgb),.03);color:rgba(var(--text-primary-rgb),.55)}.menu-stack-item:disabled:hover,.menu-stack-item[disabled]:hover{background:rgba(var(--text-primary-rgb),.03);color:rgba(var(--text-primary-rgb),.55);border-color:rgba(var(--text-primary-rgb),.1)}.menu-stack-item-open{background:rgba(var(--text-primary-rgb),.14);color:#fff}.menu-stack-item-danger{color:#e08a78;border-color:#d55e4659;background:#d55e4624}.menu-stack-body{display:flex;flex-direction:column;gap:.35rem}.utils-return-modal{width:min(420px,calc(100vw - 28px))}.sign-in-wall-modal{width:min(100%,480px);max-width:480px}.utils-return-modal .resign-confirm-actions{margin-top:.9rem}.challenge-practice-modal{position:relative;width:min(460px,calc(100vw - 28px));max-width:460px}.challenge-practice-actions{flex-wrap:wrap}.challenge-practice-actions button{white-space:nowrap}@media(max-width:480px){.challenge-practice-modal{padding-left:1.25rem;padding-right:1.25rem}}.challenge-practice-close{position:absolute;top:.6rem;right:.75rem;background:transparent;border:none;color:var(--text-muted);font-size:var(--fs-h2);line-height:1;padding:.35rem .55rem;cursor:pointer;border-radius:var(--radius-md);transition:color var(--dur-med) ease,background var(--dur-med) ease}.challenge-practice-close:hover{color:var(--text-primary);background:var(--surface-fill-soft)}.trade-embargo-modal{width:min(480px,calc(100vw - 28px));max-width:480px;padding:1.5rem;text-align:left}.trade-embargo-heading{display:flex;align-items:center;gap:.65rem;color:#fca5a5}.trade-embargo-heading .update-modal-title{margin:0}.trade-embargo-description{margin:.75rem 0 1rem;text-align:left}.trade-embargo-paused{margin:0 0 .75rem;padding:.55rem .7rem;border:1px solid rgba(250,204,21,.3);border-radius:var(--radius-md);background:#854d0e2e;color:#fde68a;font-size:var(--fs-control)}.trade-embargo-list{display:flex;flex-direction:column;gap:.55rem}.trade-embargo-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:54px;padding:.55rem .65rem;border:1px solid rgba(var(--text-primary-rgb),.12);border-radius:var(--radius-lg);background:rgba(var(--text-primary-rgb),.045)}.trade-embargo-player-dot{width:10px;height:10px;border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-round)}.trade-embargo-player{display:flex;flex-direction:column;min-width:0;color:var(--text-primary)}.trade-embargo-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-embargo-player span{color:var(--text-muted);font-size:var(--fs-small)}.trade-embargo-toggle,.trade-embargo-close{min-height:44px;border:1px solid rgba(248,113,113,.42);border-radius:var(--radius-md);background:#7f1d1d2e;color:#fca5a5;font-family:var(--font-heading);font-size:var(--fs-small);font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.trade-embargo-toggle{min-width:86px;padding:.45rem .7rem}.trade-embargo-toggle:hover,.trade-embargo-toggle:focus-visible,.trade-embargo-toggle-active{border-color:#ef4444;background:#991b1b;color:#fff}.trade-embargo-toggle:disabled{opacity:.45;cursor:not-allowed}.trade-embargo-close{display:block;width:100%;margin-top:1rem;border-color:rgba(var(--text-primary-rgb),.2);background:rgba(var(--text-primary-rgb),.07);color:var(--text-primary)}.trade-embargo-close:hover,.trade-embargo-close:focus-visible{border-color:rgba(var(--text-primary-rgb),.42);background:rgba(var(--text-primary-rgb),.13)}@media(max-width:520px){.trade-embargo-modal{padding:1.15rem}.trade-embargo-row{grid-template-columns:10px minmax(0,1fr) auto}.trade-embargo-toggle{min-width:76px}}.dev-admin-modal{text-align:left}.dev-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dev-admin-heading .update-modal-title{margin-bottom:0}.dev-admin-close{border:0;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit}.dev-admin-section{margin-top:1.25rem}.dev-admin-section h4{margin:0 0 .85rem;font-family:var(--font-heading);font-size:var(--fs-body)}.dev-admin-label{display:block;margin-bottom:.35rem;color:var(--text-muted);font-size:var(--fs-label)}.dev-admin-section select{width:100%}.dev-admin-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-top:.85rem}.dev-admin-card-grid button{border:1px solid rgba(var(--cta-rgb),.42);border-radius:var(--radius-sm);background:rgba(var(--cta-rgb),.12);cursor:pointer;display:grid;place-items:center;min-height:56px;padding:.25rem}.dev-admin-card-grid img{display:block;max-width:100%;height:auto}.dev-admin-card-grid button:hover:not(:disabled){background:rgba(var(--cta-rgb),.24)}.dev-admin-clock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.dev-admin-clock button{border:1px solid rgba(var(--cta-rgb),.42);border-radius:var(--radius-sm);background:rgba(var(--cta-rgb),.12);color:inherit;cursor:pointer;font:inherit;min-height:44px;padding:.4rem .6rem}.dev-admin-clock button:hover:not(:disabled){background:rgba(var(--cta-rgb),.24)}.dev-admin-clock button:disabled{cursor:not-allowed;opacity:.5}.dev-admin-hint{margin:.5rem 0 0;color:var(--text-muted);font-size:var(--fs-label)}.dev-admin-progress-grid{display:grid;gap:.5rem;margin-top:.85rem;max-height:min(42vh,380px);overflow-y:auto}.dev-admin-progress-track{display:flex;flex-wrap:wrap;gap:.3rem;padding:.3rem;border-radius:var(--radius-sm);border-left:3px solid transparent;background:var(--surface-fill-faint)}.dev-admin-progress-track[data-track=science]{border-left-color:#4f9f72}.dev-admin-progress-track[data-track=trade]{border-left-color:#d6a83f}.dev-admin-progress-track[data-track=politics]{border-left-color:#6f8eb9}.dev-admin-progress-track button{border:1px solid rgba(var(--cta-rgb),.42);border-radius:var(--radius-sm);background:rgba(var(--cta-rgb),.12);cursor:pointer;padding:2px;line-height:0}.dev-admin-progress-track button:hover:not(:disabled){background:rgba(var(--cta-rgb),.24)}.dev-admin-progress-track img{display:block;width:34px;height:auto;border-radius:var(--radius-xs)}.menu-hamburger-panel .menu-history-log{height:min(35vh,320px)}.menubar-item-wrap{position:relative;display:flex}.menubar-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:rgba(var(--text-primary-rgb),.72);font-family:var(--font-heading);font-size:var(--fs-small);font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;position:relative;transition:background .15s,color .15s}.menubar-item:hover{background:rgba(var(--text-primary-rgb),.08);color:var(--text-primary)}.menubar-item-open{background:rgba(var(--text-primary-rgb),.14);color:#fff}.menubar-item:disabled{opacity:.4;cursor:default}.menubar-item svg{flex-shrink:0}.menubar-concede{color:#e08a78}.menubar-concede:hover{background:#d55e462e;color:#f2a593}.menubar-sep{width:1px;align-self:stretch;margin:3px 4px;background:rgba(var(--text-primary-rgb),.14)}.utils-brand-lockup{display:flex;align-items:center;gap:7px;align-self:center;margin:0 4px;background:none;border:none;padding:0;font:inherit;cursor:pointer;transition:opacity .15s ease}.utils-brand-lockup:hover{opacity:.78}.utils-bar .utils-brand{width:24px;height:24px;opacity:.95;filter:none}.utils-brand-wordmark{font-family:var(--font-heading);font-size:var(--fs-body-sm);font-weight:800;letter-spacing:-.01em;color:var(--text-primary);text-transform:none;white-space:nowrap}@media(max-width:1100px){.utils-brand-wordmark{display:none}}.menu-panel{position:absolute;top:calc(100% + 10px);left:0;z-index:400;background:rgba(var(--scrim-rgb),.96);border:1px solid rgba(var(--text-primary-rgb),.14);border-radius:var(--radius-lg);box-shadow:0 6px 24px var(--shadow-ink-deep);padding:.65rem .75rem;display:flex;flex-direction:column;gap:.35rem;min-width:230px;cursor:default}.menu-panel-title{font-family:var(--font-heading);font-size:var(--fs-caption);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--text-primary-rgb),.5);margin:.2rem 0 .1rem}.menu-empty{font-size:var(--fs-control);color:var(--text-faint);padding:.2rem 0 .4rem}.menu-stats-panel{min-width:270px}.menu-stats-chart{display:flex;align-items:flex-end;gap:4px;padding:.2rem .1rem 0}.menu-stats-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.menu-stats-count{font-size:var(--fs-tiny);font-weight:700;color:rgba(var(--text-primary-rgb),.75);min-height:.8rem;line-height:.8rem}.menu-stats-bar-track{width:100%;height:64px;display:flex;align-items:flex-end;background:rgba(var(--text-primary-rgb),.06);border-radius:var(--radius-xs);overflow:hidden}.menu-stats-bar{width:100%;background:#7fa3d9;border-radius:var(--radius-xs) var(--radius-xs) 0 0;min-height:0}.menu-stats-bar-hot{background:#d96a52}.menu-stats-num{font-size:var(--fs-tiny);font-weight:700;color:rgba(var(--text-primary-rgb),.55)}.menu-stats-summary{font-size:var(--fs-small);color:var(--text-muted);text-align:center;padding-bottom:.2rem;border-bottom:1px solid rgba(var(--text-primary-rgb),.08)}.menu-stats-players{display:flex;flex-direction:column;gap:2px}.menu-stats-player-row{display:flex;align-items:center;gap:8px;font-size:var(--fs-control);color:var(--text-secondary);padding:2px 0}.menu-stats-player-dot{width:10px;height:10px;border-radius:var(--radius-xs);flex-shrink:0;border:1px solid rgba(0,0,0,.35)}.menu-stats-player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-stats-player-value{font-weight:700;color:var(--text-primary)}.menu-link-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:rgba(var(--text-primary-rgb),.05);border:1px solid rgba(var(--text-primary-rgb),.1);border-radius:var(--radius-sm);padding:6px 9px;color:var(--text-secondary);font-size:var(--fs-label);font-weight:600;cursor:pointer;transition:background .15s,color .15s}.menu-link-row:hover{background:rgba(var(--text-primary-rgb),.12);color:var(--text-primary)}.menu-history-panel{width:330px}.menu-history-log{height:min(50vh,420px);display:flex;flex-direction:column;overflow:hidden}.menu-history-log .game-log{flex:1;height:100%;min-height:0}.menu-settings-panel{min-width:250px}.menu-volume-row{display:flex;align-items:center;gap:10px;padding:2px 0 4px}.menu-volume-row[data-tooltip]:after,.menu-select-row[data-tooltip]:after,.menu-toggle-row[data-tooltip]:after{left:auto;right:0;transform:none;white-space:normal;max-width:230px;width:max-content;text-align:left;line-height:1.25}.menu-toggle-row[data-tooltip]:focus-visible:after{opacity:1;transition-delay:.3s}.menu-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:none;padding:5px 0;color:var(--text-secondary);font-size:var(--fs-control);cursor:pointer;text-align:left;transition:color .15s}.menu-toggle-row:hover{color:var(--text-primary)}.menu-select-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:5px 0;color:var(--text-secondary);font-size:var(--fs-control)}.menu-theme-select,.menu-theme-cycle{min-width:110px;max-width:140px;height:32px;border:1px solid rgba(var(--text-primary-rgb),.12);border-radius:var(--radius-sm);background:rgba(var(--text-primary-rgb),.05);color:var(--text-primary);font:inherit;font-size:var(--fs-label);font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.menu-theme-select{flex-shrink:0;padding:0 30px 0 10px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(247, 244, 236, 0.72)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.menu-theme-cycle{padding:0 10px;cursor:pointer}.menu-theme-cycle:hover,.menu-theme-select:hover{background:rgba(var(--text-primary-rgb),.1);border-color:rgba(var(--text-primary-rgb),.22)}.menu-theme-cycle:focus-visible,.menu-theme-select:focus-visible{outline:none;border-color:rgba(var(--text-primary-rgb),.34);box-shadow:0 0 0 2px rgba(var(--text-primary-rgb),.12)}.menu-theme-select option{background:#111826;color:var(--text-primary)}.menu-switch{position:relative;width:32px;height:18px;border-radius:var(--radius-pill);background:rgba(var(--text-primary-rgb),.18);flex-shrink:0;transition:background .15s}.menu-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:var(--radius-round);background:var(--text-primary);transition:left .15s}.menu-switch-on{background:#5b8c5a}.menu-switch-on:after{left:16px}@media(max-width:1100px),(max-height:700px){.utils-bar .menubar-label{display:none}.menubar-item{padding:6px 8px}}.utils-btn-wrap{position:relative}.utils-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:var(--game-panel-border);background:#0009;box-shadow:var(--glass-glow);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s,color .2s,border-color .2s}.utils-btn:hover{background:#000000bf;color:var(--text-secondary);border-color:var(--border-light)}.utils-popup{position:absolute;top:calc(100% + .4rem);right:0;z-index:400;background:#000000eb;border:var(--game-panel-border);border-radius:var(--radius-md);box-shadow:var(--glass-glow);padding:.5rem .65rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:120px}.utils-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--glass-border);border-radius:var(--radius-xxs);outline:none;cursor:pointer}.utils-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:var(--radius-round);background:var(--gold);border:1.5px solid var(--glass-border);cursor:pointer}.utils-slider::-moz-range-thumb{width:14px;height:14px;border-radius:var(--radius-round);background:var(--gold);border:1.5px solid var(--glass-border);cursor:pointer}.utils-mute-btn{font-family:var(--font-heading);font-size:var(--fs-caption);font-weight:600;text-transform:uppercase;color:var(--text-muted);background:none;border:var(--game-panel-border);border-radius:var(--radius-xs);padding:.15rem .5rem;cursor:pointer;transition:color .2s,border-color .2s}.utils-mute-btn:hover{color:var(--text-secondary);border-color:var(--text-faint)}.utils-info-popup{min-width:180px;padding:.6rem .75rem;gap:.3rem;left:0;right:auto}.utils-info-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;padding:2px 0;border-bottom:1px solid var(--surface-line-faint)}.utils-info-row:last-child{border-bottom:none}.utils-info-label{color:var(--text-faint);white-space:nowrap}.utils-info-value{color:var(--text-secondary);font-weight:600;white-space:nowrap}.utils-dice-fairness-link{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--cta-light);text-decoration:none;text-underline-offset:3px}.utils-dice-fairness-link:hover,.utils-dice-fairness-link:focus-visible{color:var(--cta-light);text-decoration:underline}.utils-info-hint{font-size:11px;color:var(--text-faint);line-height:1.4;padding:4px 0 2px;border-top:1px solid var(--border-glow)}.utils-info-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.utils-info-nav-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex:1;text-align:center}.utils-info-arrow{background:none;border:1px solid var(--border-glow);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;padding:2px 4px;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.utils-info-arrow:hover{color:var(--text-secondary);border-color:var(--text-faint)}.utils-info-divider{height:1px;background:var(--surface-line);margin:4px 0}.utils-info-section-label{font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px}.utils-info-cost-grid{display:grid;grid-template-columns:28px 1px auto;align-items:center;row-gap:6px;column-gap:4px 4px}.utils-info-cost-grid .utils-info-cost{padding-left:6px}.utils-info-cost-divider{width:1px;align-self:stretch;background:var(--surface-line)}.utils-info-cost-icon{display:flex;align-items:center;justify-content:center}.utils-info-cost{display:flex;gap:2px}.utils-info-cost img{border-radius:var(--radius-xxs)}.dct-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;background:linear-gradient(135deg,rgba(var(--info-rgb),.1),rgba(var(--info-rgb),.03));border-bottom:1px solid rgba(var(--info-rgb),.2)}.dct-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:800;color:var(--text-primary);text-transform:uppercase}.dct-close{background:none;border:1px solid var(--border-glow);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.dct-close:hover{color:var(--text-primary);border-color:var(--text-faint)}.dct-body{padding:.6rem 1rem 1rem;overflow-y:auto}.dct-table{width:100%}.dct-table thead th{text-align:center;padding:.8rem .5rem;overflow:visible}.dct-col-icon{display:inline-flex;transform:scale(1.3);transform-origin:center;justify-content:center;overflow:visible}.dct-col-icon svg{overflow:visible}.dct-cell{text-align:center;font-weight:700;font-size:var(--fs-base);color:var(--text-primary)}.dct-table tfoot td{border-top:1px solid var(--border-glow);padding-top:.5rem}.dct-zero{color:#fff3;font-weight:600}.error-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:.75rem 1.25rem;background:rgba(var(--danger-rgb),.92);color:#fff;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;z-index:750;cursor:pointer;border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow-ink);animation:errorToastIn .2s ease-out;width:max-content;max-width:min(320px,calc(100vw - 32px));text-align:center}@keyframes errorToastIn{0%{transform:translate(-50%,-50%) scale(.96);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.replay-mode .utils-bar{z-index:700}.egs-toggle-btn.replay-stats-toggle{top:60px;left:14px;padding:6px 12px;font-size:var(--fs-control);gap:6px;border-radius:var(--radius-sm);box-shadow:none}.egs-toggle-btn.replay-stats-toggle:hover{transform:none}body:has(.hud-mode-stack) .replay-stats-toggle,.replay-mode.replay-bar-expanded .replay-stats-toggle{top:calc(var(--hud-top-anchor) + var(--hud-stack-clear))}.you-badge-sm{padding:.1rem .35rem;border-radius:var(--radius-hero);font-size:var(--fs-micro);font-family:var(--font-heading);font-weight:700;text-transform:uppercase;background:#2563eb40;color:#93c5fd;border:1px solid rgba(37,99,235,.45);margin-left:.25rem}.disconnected-badge{display:none;padding:.05rem .4rem;border-radius:var(--radius-hero);font-size:.5rem;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;background:rgba(var(--danger-rgb),.3);color:var(--danger-light);border:1px solid rgba(var(--danger-rgb),.45);text-align:center;position:relative;z-index:1;animation:pulse-banner 1.5s ease-in-out infinite}.disconnected-badge-hidden{display:none}@media(max-width:479px){.color-option{width:30px;height:30px}}@media(max-width:700px){.color-option{width:20px!important;height:20px!important}}.turn-timer{position:absolute;bottom:62px;right:16px;display:flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;width:108px;height:34px;font-family:var(--font-heading);font-weight:700;font-size:25px;color:var(--text-primary);background:var(--game-panel-bg);border:var(--game-panel-border);box-shadow:var(--glass-glow);border-radius:var(--radius-md);letter-spacing:.5px;font-variant-numeric:tabular-nums;line-height:1;text-align:center}.timer-bank-icon{font-size:var(--fs-body-sm);line-height:1;color:#fde68a}.timer-label{display:none}.timer-value{font-variant-numeric:tabular-nums}.turn-timer-urgent{color:var(--danger-light);background:#991b1bd9;animation:timer-pill-pulse .6s ease-in-out infinite}.turn-timer-bank{color:#fde68a;background:#78350fd9;width:auto;min-width:108px;padding:0 14px}.turn-timer-expired,.turn-timer-discard{color:var(--danger-light);background:#991b1bd9}@media(max-height:500px){.turn-timer{font-size:14px;width:72px;height:28px;border-radius:var(--radius-md)}.turn-timer-bank{width:auto;min-width:82px;padding:0 11px}}@keyframes timer-pulse{0%,to{box-shadow:0 2px 8px rgba(var(--danger-rgb),.3)}50%{box-shadow:0 2px 16px rgba(var(--danger-rgb),.6)}}.time-bank-display{font-size:var(--fs-base);color:#5c2e08;font-family:var(--font-heading);font-weight:600;font-variant-numeric:tabular-nums}.time-bank-low{color:var(--danger-dark)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-dark);padding:2rem}.error-boundary-card{background:var(--card-bg);border-radius:var(--radius-3xl);padding:2.5rem;max-width:420px;text-align:center;border:1px solid var(--border-color, var(--border-glow))}.error-boundary-card h2{color:var(--danger-light);font-family:var(--font-heading);margin-bottom:1rem}.error-boundary-message{color:var(--text-muted);margin-bottom:1.5rem;font-size:var(--fs-body)}.error-boundary-actions{display:flex;gap:1rem;justify-content:center}.game-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--bg-dark);color:var(--text-muted);font-style:italic;font-size:var(--fs-lead)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--cta);border-radius:var(--radius-round);animation:spin .8s linear infinite}.game-loading-logo{width:72px;height:72px;animation:brand-pulse 1.8s ease-in-out infinite}@keyframes brand-pulse{0%,to{opacity:.55}50%{opacity:1}}.utils-brand{width:30px;height:30px;align-self:center;margin-right:.2rem;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}@keyframes spin{to{transform:rotate(360deg)}}.game-error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;background:var(--bg-dark);padding:2rem;text-align:center}.game-error-page h2{color:var(--cta);font-size:var(--fs-h2)}.game-error-page p{color:var(--text-muted)}.die-idle{filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));transition:transform .2s}.die-rolling{animation:diceRoll .24s ease-in-out infinite;filter:drop-shadow(0 5px 13px rgba(0,0,0,.62))}.die-landing{animation:diceLand .35s ease-out both;filter:drop-shadow(0 4px 12px rgba(139,105,20,.58))}.die-settled{filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}@keyframes diceRoll{0%{transform:rotate(-6deg) translateY(-2px) scale(1.03)}50%{transform:rotate(6deg) translateY(2px) scale(.99)}to{transform:rotate(-6deg) translateY(-2px) scale(1.03)}}@keyframes diceLand{0%{transform:scale(1.06) translateY(-3px) rotate(3deg)}70%{transform:scale(.99) translateY(1px) rotate(0)}to{transform:scale(1) translateY(0) rotate(0)}}.dice-landed{animation:totalPop .4s cubic-bezier(.36,.07,.19,.97)}@keyframes totalPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.burger-btn{display:none;position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:12px;z-index:90;width:44px;height:44px;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glow);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s}.burger-btn:hover{background:#000000b3;color:#fff}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:79}.game-page{overflow:hidden}.board-column{touch-action:none}@media(max-width:1023px){.burger-btn{display:flex}.sidebar-backdrop{display:block}.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:81;background:linear-gradient(165deg,rgba(var(--panel-rgb),.95),rgba(var(--panel-mid-rgb),.95),rgba(var(--panel-deep-rgb),.97))}.sidebar.sidebar-open{transform:translate(0)}.lobby-main{margin-left:0!important;padding-top:calc(3.5rem + env(safe-area-inset-top,0px))}.play-cards-row{grid-template-columns:repeat(2,1fr)}.queue-popup{right:.75rem;bottom:.75rem;width:300px}}@media(max-width:767px){.play-page{padding:1rem}.play-top-bar{flex-direction:column;gap:.75rem;align-items:flex-start}.play-page>.play-top-bar{flex-direction:row;align-items:center;gap:.5rem}.play-cards-row{grid-template-columns:1fr}.play-hero-card{padding:2rem 1.5rem}.play-hero-title{font-size:1.6rem}.game-mode-badge{font-size:var(--fs-micro);padding:.15rem .35rem;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-content{flex-direction:column;padding:2rem 1rem;gap:2rem}.landing-nav{padding:calc(.75rem + env(safe-area-inset-top,0px)) 1rem .75rem}.landing-headline span{font-size:2.5rem}.queue-popup{width:340px;right:calc(.5rem + env(safe-area-inset-right,0px));bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}}@media(max-width:479px){.play-hero-card{padding:1.5rem 1rem}.play-hero-btn{padding:.7rem 1.5rem;font-size:var(--fs-body-lg)}.play-card{padding:1rem}.landing-headline span{font-size:2rem}.landing-buttons{flex-direction:column;width:100%}}.game-page.replay-mode{padding-bottom:0!important;overflow:clip!important}.replay-controls{position:fixed;top:0;left:0;right:0;bottom:auto;background:#0f0f19f2;border-bottom:1px solid var(--glass-border);border-radius:0;display:flex;align-items:center;z-index:500;transition:transform .25s ease;padding:.3rem max(20px,env(safe-area-inset-right,20px)) .3rem max(20px,env(safe-area-inset-left,20px));padding-top:calc(.3rem + env(safe-area-inset-top,0px));padding-left:calc(32px + env(safe-area-inset-left,0px));padding-right:calc(32px + env(safe-area-inset-right,0px));gap:.5rem;height:auto;min-height:44px;-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-sizing:border-box}.replay-controls-collapsed{transform:translateY(-100%);pointer-events:none}.replay-controls-collapse{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-left:auto;background:var(--surface-fill-soft);border:var(--game-panel-border);border-radius:var(--radius-round);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.replay-controls-reopen{display:flex;position:fixed;top:env(safe-area-inset-top,0px);left:50%;transform:translate(-50%);width:40px;height:22px;padding:0;align-items:center;justify-content:center;background:#0f0f19f2;border:1px solid var(--glass-border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);color:var(--text-secondary);cursor:pointer;z-index:501;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.replay-mode.replay-bar-expanded .utils-bar{top:56px}body:has(.replay-mode.replay-bar-expanded){--hud-top-anchor: 102px}.replay-mode.replay-bar-expanded{--replay-transport-space: calc(56px + env(safe-area-inset-top, 0px)) }.replay-mode.replay-bar-expanded .replay-eval-overlay{top:calc(var(--replay-transport-space) + 6px)}.replay-mode.replay-bar-expanded:has(.replay-eval-overlay) .board-column{box-sizing:border-box;padding-top:calc(var(--replay-transport-space) + 8px)}.replay-mode.replay-bar-expanded .trade-offers-stack{top:calc(var(--replay-transport-space) + 6px)}.replay-mode.replay-bar-expanded .opponents-column{padding-top:var(--replay-transport-space)}.replay-mode .opponents-column>.game-log:not(.replay-chat-log):not(.game-log-collapsed){min-height:120px}.replay-left-rail{--rail-top: calc(var(--hud-top-anchor) + var(--hud-stack-clear));position:fixed;left:14px;top:var(--rail-top);width:312px;z-index:55;display:flex;flex-direction:column;align-items:stretch;gap:8px;max-height:calc(100dvh - var(--rail-top) - 16px);overflow-y:auto;scrollbar-width:thin}.replay-mode.replay-with-stats .replay-left-rail{--rail-top: calc(var(--hud-top-anchor) + var(--hud-stack-clear) + 40px)}@media(max-height:560px){.replay-left-rail{display:none}}.replay-accuracy-card{flex-shrink:0;background:var(--panel-bg);border:1px solid var(--border-light, var(--surface-line));border-top:2px solid rgba(var(--gold-rgb),.55);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 6px 18px var(--shadow-ink)}.replay-accuracy-head{display:flex;align-items:center;gap:.45rem;width:100%;padding:.55rem .65rem;background:transparent;border:0;color:var(--text-primary);cursor:pointer;font:inherit}.replay-accuracy-head:hover{background:var(--surface-fill-faint)}.replay-accuracy-title{font-family:var(--font-heading);font-size:var(--fs-small);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.replay-accuracy-headline{display:inline-flex;align-items:baseline;gap:.25rem;margin-left:auto}.replay-accuracy-score{font-family:var(--font-heading);font-size:1.15rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.replay-accuracy-denom{font-size:var(--fs-tiny);font-weight:700;color:var(--text-dimmed);white-space:nowrap}.replay-accuracy-caret{opacity:.55;flex:0 0 auto;transition:transform .22s ease}.replay-accuracy-card-collapsed .replay-accuracy-caret{transform:rotate(-180deg)}.replay-accuracy-anim{max-height:900px;overflow:hidden;transition:max-height .26s ease}.replay-accuracy-card-collapsed .replay-accuracy-anim{max-height:0}@media(prefers-reduced-motion:reduce){.replay-accuracy-anim,.replay-accuracy-caret{transition:none}}.replay-accuracy-body{padding:0 .65rem .65rem;display:flex;flex-direction:column;gap:.5rem}.replay-accuracy-muted{margin:0;color:var(--text-dimmed);font-size:var(--fs-small);line-height:1.35}.replay-accuracy-player{display:flex;align-items:center;gap:.4rem;min-width:0;color:var(--text-secondary);font-size:var(--fs-label);font-weight:700}.replay-accuracy-dot{width:9px;height:9px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--shadow-ink-soft);flex:0 0 auto}.replay-accuracy-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-accuracy-moves{margin-left:auto;color:var(--text-dimmed);font-size:var(--fs-caption);font-weight:600;white-space:nowrap}.replay-accuracy-issues{display:flex;flex-direction:column;gap:.3rem;max-height:190px;overflow-y:auto;padding-right:2px}.replay-accuracy-issues .grade-row{padding:.34rem .44rem}.replay-accuracy-issues .grade-row-action{font-size:var(--fs-small)}.replay-accuracy-issues .grade-row-meta{font-size:var(--fs-tiny)}.replay-accuracy-luck{display:flex;flex-direction:column;gap:.32rem;padding-top:.45rem;border-top:1px solid var(--surface-line-faint)}.replay-accuracy-luck-head{display:flex;align-items:baseline;gap:.4rem}.replay-accuracy-luck-title{font-size:var(--fs-tiny);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dimmed)}.replay-accuracy-luck-net{margin-left:auto;font-size:var(--fs-tiny);font-weight:700;white-space:nowrap;color:var(--grade, var(--text-dimmed))}.replay-transport{display:flex;gap:.15rem;flex-shrink:0}.replay-transport button{background:var(--surface-fill-soft);border:var(--game-panel-border);color:var(--text-dimmed);padding:.35rem .5rem;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.replay-transport button:hover{background:var(--surface-fill-strong);color:#fff}.replay-play-btn{background:#e2a23333!important;border-color:#e2a23366!important;color:var(--gold-muted)!important}.replay-play-btn:hover{background:#e2a23359!important}.replay-slider-stack{flex:1;min-width:80px;display:flex;flex-direction:column;gap:3px;justify-content:center}.eval-graph{width:100%;height:30px}.eval-graph svg{display:block;width:100%;height:100%;background:var(--recess-strong);border:1px solid var(--surface-line);border-radius:var(--radius-xs);cursor:pointer;touch-action:none}.replay-slider{width:100%;cursor:pointer;accent-color:var(--gold-muted);height:6px;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-fill-strong);border-radius:var(--radius-sm);padding:0;outline:none}.replay-slider::-webkit-slider-runnable-track{height:6px;background:var(--surface-fill-strong);border-radius:var(--radius-sm)}.replay-slider::-moz-range-track{height:6px;background:var(--surface-fill-strong);border-radius:var(--radius-sm)}.replay-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:var(--radius-round);background:var(--gold-muted);border:2px solid #fff;margin-top:-8px;cursor:pointer;box-shadow:0 2px 6px var(--shadow-ink)}.replay-slider::-moz-range-thumb{width:22px;height:22px;border-radius:var(--radius-round);background:var(--gold-muted);border:2px solid #fff;cursor:pointer;box-shadow:0 2px 6px var(--shadow-ink)}@media(max-height:500px){.replay-slider::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px}.replay-slider::-moz-range-thumb{width:26px;height:26px}}.replay-info{display:flex;flex-direction:column;align-items:center;gap:.1rem;color:var(--text-dimmed);font-size:var(--fs-control);white-space:nowrap;flex-shrink:0}.replay-turn{color:var(--text-faint);font-size:var(--fs-small)}.replay-controls,.replay-bookmark-panel{--replay-bookmark: #c9b1ff}.replay-bookmarks{position:relative;flex-shrink:0;display:flex}.replay-bookmark-btn{background:var(--surface-fill-soft);border:var(--game-panel-border);color:var(--replay-bookmark);padding:.35rem .5rem;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.replay-bookmark-btn:hover{background:var(--surface-fill-strong)}.replay-bookmark-btn.open{background:#c9b1ff38;border-color:#c9b1ff80}.replay-bookmark-panel{position:fixed;z-index:720;min-width:11rem;max-width:calc(100vw - 16px);max-height:min(50vh,20rem);overflow-y:auto;background:rgba(var(--scrim-rgb),.96);border:1px solid rgba(var(--text-primary-rgb),.14);border-radius:var(--radius-lg);box-shadow:0 6px 24px var(--shadow-ink-deep);padding:.45rem .5rem .5rem;box-sizing:border-box}.replay-bookmark-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--text-dimmed);font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:0 .1rem .35rem .35rem}.replay-bookmark-close{background:none;border:none;color:var(--text-dimmed);cursor:pointer;padding:.2rem;border-radius:var(--radius-xs);display:flex}.replay-bookmark-close:hover{color:#fff;background:var(--surface-fill)}.replay-bookmark-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.replay-bookmark-item{width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-control);padding:.35rem .5rem;cursor:pointer;white-space:nowrap}.replay-bookmark-item:hover{background:var(--surface-fill-soft);color:#fff}.replay-bookmark-item[aria-current]{border-color:#c9b1ff80;color:var(--replay-bookmark)}.replay-slider-track{--replay-thumb-w: 22px;position:relative;display:flex;align-items:center}.replay-slider-track .replay-slider{position:relative;z-index:1}.replay-bookmark-marks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.replay-bookmark-mark{position:absolute;top:50%;left:calc(var(--replay-thumb-w) / 2 + (100% - var(--replay-thumb-w)) * var(--mark-pos));width:3px;height:16px;border-radius:var(--radius-xxs);background:var(--replay-bookmark);box-shadow:0 0 0 1px var(--shadow-ink-deep);transform:translate(-50%,-50%)}@media(max-height:500px){.replay-slider-track{--replay-thumb-w: 26px}}.replay-speed{background:var(--surface-fill-soft);color:var(--text-secondary);border:var(--game-panel-border);padding:.15rem .3rem;border-radius:var(--radius-xs);font-size:var(--fs-label)}.replay-event-label{color:var(--text-faint);font-size:var(--fs-label);text-transform:capitalize;min-width:100px;text-align:right;flex-shrink:0}.pov-clickable{position:relative;cursor:pointer;border-radius:var(--radius-lg);transition:transform .12s ease,box-shadow .12s ease}.pov-clickable:hover{box-shadow:0 0 0 2px #ffffff2e}.pov-clickable:has(>.pov-select:focus-visible){box-shadow:0 0 0 2px #ffffff59}.pov-badge{position:absolute;top:4px;left:10px;z-index:5;display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 5px;border-radius:var(--radius-pill);background:#ffd86b;color:#2b1a08;font-family:var(--font-heading);font-size:var(--fs-micro);font-weight:800;letter-spacing:.08em;box-shadow:0 1px 3px var(--shadow-ink);pointer-events:none}[data-theme=modern] .dark-mode .replay-controls,[data-theme=modern] .dark-mode .replay-controls-reopen{background:rgba(var(--panel-deep-rgb),.95)}[data-theme=modern] .dark-mode .replay-play-btn{background:rgba(var(--cta-rgb),.2)!important;border-color:rgba(var(--cta-rgb),.4)!important;color:var(--cta-muted)!important}[data-theme=modern] .dark-mode .replay-play-btn:hover{background:rgba(var(--cta-rgb),.35)!important}[data-theme=modern] .dark-mode .replay-slider{accent-color:var(--cta-muted)}[data-theme=modern] .dark-mode .replay-slider::-webkit-slider-thumb{background:var(--cta-muted)}[data-theme=modern] .dark-mode .replay-slider::-moz-range-thumb{background:var(--cta-muted)}[data-theme=modern] .dark-mode .chat-send-btn{background:rgba(var(--cta-rgb),.3);color:var(--cta-light)}[data-theme=modern] .dark-mode .chat-send-btn:hover:not(:disabled){background:rgba(var(--cta-rgb),.5)}.stats-page{max-width:960px;margin:0 auto;padding-bottom:2rem}.stats-page .play-top-bar{margin-bottom:1.1rem}.stats-loading,.stats-error,.stats-empty{text-align:center;color:var(--text-dimmed);padding:3rem 1rem;font-style:italic}.stats-error{color:var(--danger-dark)}.stats-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.2rem;padding:.4rem;background:var(--recess);border-radius:var(--radius-lg);border:1px solid rgba(var(--info-rgb),.18)}.stats-tab{flex:1 1 auto;min-width:fit-content;padding:.45rem .7rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dimmed);font-size:var(--fs-control);font-weight:600;cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.stats-tab:hover{color:var(--text-primary);background:var(--surface-fill-soft)}.stats-tab-active{background:rgba(var(--info-rgb),.2);color:var(--gold-light);border:1px solid rgba(var(--info-rgb),.3)}.stats-content{background:var(--surface-card);border:1px solid rgba(var(--info-rgb),.25);border-radius:var(--radius-xl);padding:1.2rem}.stats-section{display:flex;flex-direction:column;gap:1rem}.stats-subtitle{font-family:var(--font-heading);font-size:var(--fs-body-lg);font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin:.5rem 0 0;padding-top:.8rem;border-top:1px solid rgba(var(--info-rgb),.16)}.stats-subtitle:first-child{border-top:none;padding-top:0}.stats-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}.stat-number{background:var(--recess);border:1px solid rgba(var(--info-rgb),.18);border-radius:var(--radius-md);padding:.7rem .5rem;text-align:center}.stat-number-value{font-family:var(--font-heading);font-size:var(--fs-h2);font-weight:800;color:var(--gold-light);line-height:1.2}.stat-number-label{font-size:var(--fs-small);color:var(--text-dimmed);text-transform:uppercase;margin-top:.15rem}.stat-number-sub{font-size:var(--fs-small);color:var(--text-muted);margin-top:.1rem}.stat-chart{background:var(--recess-soft);border:1px solid rgba(var(--info-rgb),.14);border-radius:var(--radius-lg);padding:.8rem}.stat-chart-title{font-size:var(--fs-control);font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin:0 0 .4rem}.stat-svg{width:100%;height:auto;overflow:visible}.stat-svg-heatmap{max-width:280px;margin:0 auto;display:block}.stat-chart-small{max-width:320px}.stat-chart-inline{display:flex;align-items:center;gap:.8rem;padding:.5rem .8rem}.stat-inline-label{font-size:var(--fs-control);color:var(--text-dimmed);white-space:nowrap;min-width:90px}.stat-svg-bar{height:40px;flex:1}.stats-heatmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.stats-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid rgba(var(--info-rgb),.16)}.stats-table{width:100%;border-collapse:collapse;font-size:var(--fs-control)}.stats-table th{background:var(--recess);color:var(--text-secondary);font-weight:700;text-transform:uppercase;font-size:var(--fs-small);padding:.5rem .7rem;text-align:left;border-bottom:1px solid rgba(var(--info-rgb),.18)}.stats-table td{padding:.45rem .7rem;color:var(--text-secondary);border-bottom:1px solid var(--surface-line-faint)}.stats-table tbody tr:hover{background:rgba(var(--info-rgb),.1)}.stats-table-h2h th,.stats-table-h2h td{text-align:center}.stats-table-h2h th:first-child,.stats-table-h2h td:first-child{text-align:left}.stats-table-games td{font-size:var(--fs-control)}.stats-row-win{background:#10b9811a}.stats-win{color:#10b981;font-weight:700}.stats-loss{color:var(--danger-dark);font-weight:600}.stats-color-bars{display:flex;flex-wrap:wrap;gap:.5rem}.stats-color-row{display:flex;align-items:center;gap:.4rem;background:var(--recess-soft);border-radius:var(--radius-sm);padding:.35rem .7rem;border:1px solid var(--border-glow)}.stats-color-swatch{width:14px;height:14px;border-radius:var(--radius-xs);border:1px solid var(--border);flex-shrink:0}.stats-color-swatch-sm{display:inline-block;width:10px;height:10px;border-radius:var(--radius-xxs);margin-right:.3rem;border:1px solid var(--border);vertical-align:middle}.stats-color-name{font-size:var(--fs-control);color:var(--text-secondary);text-transform:capitalize}.stats-color-val{font-size:var(--fs-control);color:var(--gold-light);font-weight:700}.stats-empty-note{color:var(--text-muted);font-style:italic;font-size:var(--fs-body-sm);text-align:center;padding:1rem 0}.btn-catan-danger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;background:var(--danger-dark);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--fs-body-sm);font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease;text-transform:uppercase;box-shadow:0 1px 3px var(--shadow-ink)}.btn-catan-danger:hover:not(:disabled){background:var(--danger);transform:translateY(-1px)}.btn-catan-link{background:none;border:none;color:var(--cta);cursor:pointer;font-family:var(--font-heading);font-size:var(--fs-body-sm);font-weight:600;text-decoration:none;padding:0}.btn-catan-link:hover{color:var(--cta-light);text-decoration:underline}.btn-catan-link:active{opacity:.7}.btn-catan-link:focus-visible{outline:2px solid var(--cta);outline-offset:2px;border-radius:var(--radius-xxs)}[hidden],[style*="display: none"],[style*="visibility: hidden"],.disconnected-badge-hidden{animation-play-state:paused!important}.league-search-input{width:100%;padding:.6rem 1rem;background:var(--surface-fill-soft);border:1px solid var(--border-glow);border-radius:var(--radius-md);color:#fff;font-size:var(--fs-body);font-family:var(--font-body)}.league-search-input::placeholder{color:var(--text-faint)}.league-search-input:focus{outline:none;border-color:var(--cta)}.settings-tags{display:flex;flex-direction:column;gap:8px}.settings-tag-row{display:flex;align-items:center;gap:8px}.settings-tag-input{width:120px;padding:.4rem .6rem;border-radius:var(--radius-sm);font-size:var(--fs-control);font-family:var(--font-body);color:#fff;background:var(--surface-fill-soft);border:1px solid var(--surface-line-strong)}.settings-tag-input:focus{outline:none}.settings-tag-green:focus{border-color:var(--success-light)}.settings-tag-yellow:focus{border-color:#facc15}.settings-tag-purple:focus{border-color:#818cf8}.settings-tag-red:focus{border-color:var(--danger-light)}.settings-tag-pink:focus{border-color:#f472b6}.settings-tag-teal:focus{border-color:#2dd4bf}.settings-tag-color-picker{display:flex;gap:.3rem;align-items:center}.tag-color-swatch{width:22px;height:22px;border-radius:var(--radius-round);border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.tag-color-swatch:hover{transform:scale(1.15)}.tag-color-active{border-color:#fff;box-shadow:0 0 6px #fff6}.rotate-overlay{display:none}.rotate-overlay-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;font-family:var(--font-heading);font-size:var(--fs-lead);color:var(--text-dimmed)}@media(max-width:680px)and (orientation:portrait){.game-page>.rotate-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--scrim-heavy);align-items:center;justify-content:center}.game-page>.opponents-column,.game-page>.board-column{filter:blur(8px);pointer-events:none}}@media(min-width:933px)and (max-width:1199px){.game-page{--sidebar-w: 240px;padding:0 max(10px,env(safe-area-inset-right,0px)) 0 max(10px,env(safe-area-inset-left,0px));box-sizing:border-box;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.opponents-column{padding:12px max(14px,env(safe-area-inset-right,0px)) 12px calc(.5rem + 12px);gap:.4rem;overflow-y:auto;justify-content:flex-start}@supports (justify-content: safe flex-end){.opponents-column{justify-content:safe flex-end}}.utils-bar{top:12px;left:24px;gap:.3rem;z-index:60}.utils-btn{width:30px;height:30px;border-radius:var(--radius-sm)}.game-log-entries::-webkit-scrollbar{display:none}.log-building-icon{width:18px;height:18px}.die-svg{width:48px;height:48px}.dice-row{gap:.5rem}.timer-value{font-size:inherit}.timer-bank-icon{font-size:var(--fs-base);margin-right:.15rem}.time-bank-display{font-size:var(--fs-control)}.board-dice-overlay .dice-end-turn{font-size:var(--fs-base);padding:.65rem 1.1rem;border-radius:var(--radius-sm)}.devcard-card{width:45px;height:58px;border-radius:var(--radius-xs)}.devcard-count{width:20px;height:20px;font-size:var(--fs-label);top:-6px;right:-6px}.devcard-emoji{font-size:var(--fs-base)}.devcard-graphic{transform:scale(.75)}.devcard-card[data-tooltip]:after{font-size:var(--fs-caption)}.achievement-banner{padding:.6rem 1.2rem .6rem .9rem;gap:.6rem;border-radius:var(--radius-md)}.achievement-icon-wrap{font-size:var(--fs-h4)}.achievement-label{font-size:var(--fs-tiny)}.achievement-player{font-size:var(--fs-body-sm)}.utils-bar{top:12px;left:24px;gap:.3rem}.utils-btn{width:30px;height:30px;border-radius:var(--radius-sm);font-size:var(--fs-body-sm)}.dct-close{padding:4px 8px;min-width:36px;min-height:36px}.dct-header{padding:.6rem .9rem}.dct-title{font-size:var(--fs-body)}.dct-body{padding:.5rem .8rem .8rem}.dct-table thead th{padding:.35rem .4rem;font-size:var(--fs-label)}.dct-cell{font-size:var(--fs-body-sm)}.trade-offers-stack{width:290px;top:10px;right:10px;gap:5px}.trade-offer-card{padding:.35rem .45rem;font-size:var(--fs-control);border-radius:var(--radius-sm)}.trade-offer-header{margin-bottom:.2rem}.trade-offer-name{font-size:var(--fs-tiny)}.trade-offer-body{gap:6px}.trade-offer-give-row,.trade-offer-want-row{gap:5px;padding:2px 5px;margin-bottom:2px}.trade-player-tile{width:28px;height:28px;border-radius:var(--radius-xs)}.trade-tile-icon{font-size:var(--fs-body-lg)}.trade-offer-circles{gap:5px}.trade-offer-actions{gap:7px;margin-top:.25rem}.trade-circle-dot-sm{width:9px;height:9px}.board-container{padding-left:14px;padding-right:46px}.board-column .board-svg{transform:translateZ(0)}.board-svg{contain:layout style paint}}@media(max-width:932px)and (orientation:landscape),(min-width:681px)and (max-width:932px){.game-page{--sidebar-w: 250px;padding:0 max(10px,env(safe-area-inset-right,0px)) 0 max(10px,env(safe-area-inset-left,0px));box-sizing:border-box}.board-column .board-svg{transform:translateZ(0)}.opponents-column{padding:10px max(16px,env(safe-area-inset-right,0px)) 10px 1rem;gap:.35rem;max-height:100dvh;overflow-y:auto;overflow-x:hidden;justify-content:flex-start}@supports (justify-content: safe flex-end){.opponents-column{justify-content:safe flex-end}}.chat-dock{display:none}.game-log-entries::-webkit-scrollbar{display:none}.log-building-icon{width:18px;height:18px}.die-svg{width:38px;height:38px}.dice-row{gap:.4rem}.timer-value{font-size:inherit}.timer-bank-icon{font-size:var(--fs-lead);margin-right:.15rem}.board-dice-overlay .dice-end-turn{font-size:var(--fs-micro);padding:.2rem .5rem;border-radius:var(--radius-xs)}.devcard-card{width:30px;height:39px;border-radius:var(--radius-xs)}.devcard-count{width:16px;height:16px;font-size:var(--fs-tiny);top:-5px;right:-5px}.devcard-emoji{font-size:var(--fs-control)}.devcard-graphic{transform:scale(.55)}.devcard-card[data-tooltip]:after{font-size:var(--fs-micro);padding:.15rem .3rem}.achievement-banner{padding:.5rem 1rem .5rem .75rem;gap:.5rem;border-radius:var(--radius-md)}.achievement-icon-wrap{font-size:var(--fs-lead)}.achievement-label{font-size:.5rem;letter-spacing:.8px}.achievement-player{font-size:var(--fs-label)}.utils-popup{margin-left:75px}.utils-bar{top:12px;left:24px;gap:.25rem}.dct-close{padding:4px 8px;min-width:32px;min-height:32px}.utils-btn{width:26px;height:26px;border-radius:var(--radius-xs);font-size:var(--fs-label)}.dct-header{padding:.5rem .8rem}.dct-title{font-size:var(--fs-body-sm)}.dct-body{padding:.4rem .7rem .7rem}.dct-table thead th{padding:.3rem .35rem;font-size:var(--fs-small)}.dct-cell{font-size:var(--fs-control)}.dct-col-icon{transform:scale(1)}.egs-board-btn{padding:.6rem 1.4rem;font-size:var(--fs-body-sm)}.trade-offers-stack{width:260px;top:8px;right:8px;gap:4px}.trade-offer-card{padding:.3rem .4rem;font-size:var(--fs-small);border-radius:var(--radius-sm)}.trade-offer-header{margin-bottom:.15rem}.trade-offer-name{font-size:var(--fs-micro)}.trade-offer-body{gap:5px}.trade-offer-give-row,.trade-offer-want-row{gap:4px;padding:2px 4px;margin-bottom:2px}.trade-player-tile{width:24px;height:24px;border-radius:var(--radius-xs)}.trade-tile-icon{font-size:var(--fs-body-sm)}.trade-offer-circles{gap:4px}.trade-offer-actions{gap:6px;margin-top:.2rem}.trade-circle-dot-sm{width:8px;height:8px}.board-container{padding-left:10px;padding-right:40px}.board-svg{contain:layout style paint}}@media(min-width:668px)and (max-width:932px)and (orientation:landscape),(min-width:681px)and (max-width:932px){.devcard-card{width:45px;height:58px;border-radius:var(--radius-xs)}.devcard-count{width:20px;height:20px;font-size:var(--fs-label);top:-6px;right:-6px}.devcard-emoji{font-size:var(--fs-base)}.devcard-graphic{transform:scale(.75)}.devcard-card[data-tooltip]:after{font-size:var(--fs-caption)}}@media(max-width:667px)and (orientation:landscape){.game-page{--sidebar-w: 210px !important;padding:0 max(10px,env(safe-area-inset-right,0px)) 0 max(10px,env(safe-area-inset-left,0px));box-sizing:border-box;height:100dvh;max-height:100dvh;overflow:hidden}.chat-dock{display:none}.opponents-column{padding:10px max(16px,env(safe-area-inset-right,0px)) 10px .2rem;gap:.15rem;max-height:100dvh;overflow-y:auto;overflow-x:hidden;justify-content:flex-start}@supports (justify-content: safe flex-end){.opponents-column{justify-content:safe flex-end}}.log-building-icon{width:14px;height:14px}.die-svg{width:36px;height:36px}.dice-row{gap:.4rem}.timer-value{font-size:inherit}.timer-bank-icon{font-size:var(--fs-lead);margin-right:.15rem}.time-bank-display{font-size:var(--fs-label)}.board-dice-overlay .dice-end-turn{font-size:var(--fs-caption);padding:.25rem .7rem;border-radius:var(--radius-sm)}.board-container{padding-left:8px;padding-right:34px}.utils-bar{top:12px;left:24px;gap:.2rem}.utils-btn{width:22px;height:22px;border-radius:var(--radius-xs);font-size:var(--fs-caption)}.dct-header{padding:.35rem .6rem}.dct-title{font-size:var(--fs-small)}.dct-body{padding:.3rem .5rem .5rem}.dct-table thead th{padding:.2rem .25rem;font-size:var(--fs-tiny)}.dct-cell{font-size:var(--fs-caption)}.dct-col-icon{transform:scale(.85)}.dct-close{padding:2px}.egs-board-btn{padding:.4rem 1rem;font-size:var(--fs-small)}.trade-offers-stack{width:200px;top:6px;right:6px;gap:3px}.trade-offer-card{padding:.2rem .3rem;font-size:var(--fs-tiny);border-radius:var(--radius-xs)}.trade-offer-header{margin-bottom:.1rem}.trade-offer-name{font-size:.5rem}.trade-offer-body{gap:4px}.trade-offer-give-row,.trade-offer-want-row{gap:3px;padding:2px 3px;margin-bottom:1px;border-radius:var(--radius-xs)}.trade-player-tile{width:18px;height:18px;border-radius:var(--radius-xs)}.trade-tile-icon{font-size:var(--fs-caption)}.trade-offer-circles{gap:3px}.trade-offer-actions{gap:4px;margin-top:.15rem}.trade-circle-dot-sm{width:6px;height:6px}.trade-offer-cancel{font-size:var(--fs-tiny)}}.botsetup-size-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.85rem 0 1rem;padding:.28rem;border-radius:var(--radius-md);background:var(--surface-fill-soft);border:1px solid var(--surface-line-faint)}.botsetup-size-btn{min-height:34px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:var(--font-heading);font-size:var(--fs-label);font-weight:900;letter-spacing:.06em;cursor:pointer}.botsetup-size-btn-active{color:#fff;background:rgba(var(--danger-rgb),.78);border-color:var(--surface-line-bold);box-shadow:0 5px 16px rgba(var(--danger-rgb),.22)}.mobile-tab-bar,.mobile-top-bar{display:none}@media(max-width:767px),(max-height:500px)and (orientation:landscape){.burger-btn,.sidebar-backdrop,.sidebar{display:none!important}.mobile-top-bar{display:flex;align-items:center;gap:.6rem;position:fixed;top:0;left:0;right:0;z-index:85;height:calc(var(--mobile-top-bar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) .75rem 0;background:linear-gradient(180deg,rgba(var(--page-bg-deep-rgb),1),rgba(var(--page-bg-rgb),1));border-bottom:1px solid var(--border-glow);box-shadow:0 8px 32px var(--shadow-ink),inset 0 -1px 0 var(--surface-line-faint)}.mobile-top-logo{width:28px;height:28px;flex:none}.mobile-top-identity{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1;padding:.25rem .15rem;background:none;border:none;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-top-portrait{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;color:var(--text-secondary);line-height:0}.mobile-top-portrait svg{width:26px;height:26px}.mobile-top-avatar{width:30px;height:30px;object-fit:cover;clip-path:polygon(50% 1.5%,92.1% 25.9%,92.1% 74.5%,50% 98.9%,7.9% 74.5%,7.9% 25.9%)}.mobile-top-name{overflow:hidden;font-family:var(--font-heading);font-size:var(--fs-body-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mobile-top-language{display:inline-flex;align-items:center;gap:.3rem;flex:none;margin-left:auto;color:var(--text-dimmed)}.mobile-top-language-select{max-width:calc(8.3rem + 14px);padding:.2rem .15rem;border:0;background:transparent;color:var(--text-soft);font-family:inherit;font-size:var(--fs-small);cursor:pointer}.mobile-top-language-select option{background:var(--bg-panel);color:#fff}.lobby-main{margin-left:0!important;padding-top:calc(var(--mobile-top-bar-h) + env(safe-area-inset-top,0px) + .5rem)!important;padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}.lobby-page:has(.practice-page) .lobby-main{padding-top:calc(var(--mobile-top-bar-h) + env(safe-area-inset-top,0px))!important}.lobby-main:has(.practice-page){height:calc(100dvh - 52px - env(safe-area-inset-bottom,0px))!important}.lobby-main:has(.practice-page) .learn-hud-top{top:.75rem}.lobby-main:has(.practice-page) .active-game-banner{margin-top:.75rem}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:85;padding:4px 0 calc(env(safe-area-inset-bottom,0px) + 2px);background:linear-gradient(180deg,rgba(var(--page-bg-deep-rgb),1),rgba(var(--page-bg-rgb),1));border-top:1px solid var(--border-glow);box-shadow:0 -8px 32px var(--shadow-ink),inset 0 1px 0 var(--surface-line-faint)}.mobile-tab-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;background:none;border:none;cursor:pointer;color:var(--nav-text);min-height:42px;transition:color .25s ease,transform .2s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.mobile-tab-btn svg{width:24px;height:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .3s ease,opacity .25s ease;opacity:.6}.mobile-tab-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0}.mobile-tab-badge{position:absolute;top:-4px;right:-8px;background:var(--danger);color:#fff;font-family:var(--font-heading);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px var(--shadow-ink-deep);pointer-events:none;z-index:2}.mobile-tab-btn .mobile-tab-label{font-family:var(--font-heading);font-size:min(11px,2.9vw);font-weight:600;letter-spacing:.2px;text-transform:none;max-width:calc(100% + 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tab-indicator{position:absolute;top:4px;bottom:calc(env(safe-area-inset-bottom,0px) + 2px);background:radial-gradient(ellipse at 50% 40%,rgba(var(--cta-rgb),.12),rgba(var(--info-rgb),.15));box-shadow:inset 0 0 16px rgba(var(--info-rgb),.08);border-radius:var(--radius-md);pointer-events:none;z-index:0}.mobile-tab-indicator-animated{transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.mobile-tab-btn{position:relative;z-index:1}.mobile-tab-btn.mobile-tab-active{color:var(--cta)}.mobile-tab-btn.mobile-tab-active svg{opacity:1;filter:drop-shadow(0 0 8px rgba(var(--cta-rgb),.5)) drop-shadow(0 0 20px rgba(var(--cta-rgb),.2));transform:scale(1.08)}@keyframes tab-glow-pulse{0%,to{filter:drop-shadow(0 0 8px rgba(var(--cta-rgb),.5)) drop-shadow(0 0 20px rgba(var(--cta-rgb),.2))}50%{filter:drop-shadow(0 0 12px rgba(var(--cta-rgb),.65)) drop-shadow(0 0 28px rgba(var(--cta-rgb),.3))}}.mobile-tab-btn.mobile-tab-active svg{animation:tab-glow-pulse 3s ease-in-out infinite}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.burger-btn,.sidebar-backdrop{display:none!important}.sidebar{transform:translate(0)!important;background:linear-gradient(165deg,rgba(var(--panel-rgb),.25),rgba(var(--panel-mid-rgb),.2),rgba(var(--panel-deep-rgb),.15))}.lobby-main{margin-left:140px!important;padding-top:calc(2rem + env(safe-area-inset-top,0px))!important}.lobby-page:has(.practice-page) .lobby-main{padding-top:0!important}.btn-catan{white-space:nowrap}.play-top-bar{gap:12px}}.egs-panel.game-tree-panel{max-width:640px}.game-tree-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--surface-line-faint)}.game-tree-title{display:flex;align-items:baseline;gap:10px;min-width:0}.game-tree-title-main{font-size:1.05rem;font-weight:700;color:var(--gold-muted, #d4b46a);letter-spacing:.02em}.game-tree-title-sub{font-size:var(--fs-control);color:var(--text-dimmed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-tree-close{background:none;border:none;color:var(--text-dimmed);font-size:var(--fs-base);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.game-tree-close:hover{background:var(--surface-fill-soft);color:#fff}.game-tree-rootbar{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--surface-line-faint)}.gt-label{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);white-space:nowrap}.gt-winprobs{flex:1;display:flex;height:12px;border-radius:var(--radius-sm);overflow:hidden;background:var(--recess-strong);border:1px solid var(--surface-line)}.gt-winprobs-seg{height:100%;transition:width .25s ease}.game-tree-body{flex:1;overflow-y:auto;padding:8px 12px 12px}.game-tree-body::-webkit-scrollbar{width:5px}.game-tree-body::-webkit-scrollbar-track{background:transparent}.game-tree-body::-webkit-scrollbar-thumb{background:var(--surface-fill-strong);border-radius:var(--radius-xs)}.game-tree-status{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 0;color:var(--text-dimmed);font-size:var(--fs-body-sm)}.gt-node{border-radius:var(--radius-md);margin-top:4px;border:1px solid transparent}.gt-node.gt-chosen{border-color:rgba(var(--info-rgb, 96, 165, 250),.35);background:rgba(var(--info-rgb, 96, 165, 250),.07)}.gt-node.gt-expanded{background:var(--surface-fill-faint)}.gt-row{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text-bright);font-size:var(--fs-control);padding:7px 10px;cursor:pointer;border-radius:var(--radius-md);text-align:left}.gt-row:disabled{cursor:default}.gt-row:not(:disabled):hover{background:var(--surface-fill-soft)}.gt-rank{min-width:18px;font-size:var(--fs-small);font-weight:700;color:var(--text-faint);text-align:right}.gt-action-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gt-chance{font-size:var(--fs-label);opacity:.8}.gt-chosen-badge{font-size:var(--fs-tiny);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9cc4ff;background:#60a5fa29;border:1px solid rgba(96,165,250,.35);padding:1px 6px;border-radius:var(--radius-pill);white-space:nowrap}.gt-score{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-control);color:#e8d9ae;white-space:nowrap}.gt-delta{font-variant-numeric:tabular-nums;font-size:var(--fs-small);color:#f2a0a0;white-space:nowrap}.gt-caret{color:var(--text-faint);font-size:var(--fs-small)}.gt-children{padding:2px 12px 10px 36px;display:flex;flex-direction:column;gap:4px}.gt-child-evalrow{display:flex;align-items:center;gap:10px;padding:4px 0 6px}.gt-replies-title{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-top:2px}.gt-reply{display:flex;align-items:center;gap:8px;font-size:var(--fs-control);color:var(--text-soft);padding:2px 0}.gt-reply-chosen{color:#fffffff2}.gt-reply-marker{min-width:14px;text-align:center;color:#9cc4ff;font-size:var(--fs-small)}.gt-pruned{margin-top:8px;padding:4px 10px;font-size:var(--fs-small);color:var(--text-faint);font-style:italic}.game-tree-footer{padding:8px 18px 12px;border-top:1px solid var(--surface-line-faint);font-size:var(--fs-small);color:var(--text-faint)}.replay-gametree-btn{display:flex;align-items:center;gap:5px;background:#60a5fa1f;border:1px solid rgba(96,165,250,.35);color:#9cc4ff;font-size:var(--fs-small);font-weight:700;padding:4px 10px;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.replay-gametree-btn:hover{background:#60a5fa38;color:#c4daff}.play-bot-personalities{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;width:100%;margin-bottom:12px}.play-personality-field{display:flex;flex-direction:column;gap:3px;min-width:0}.play-personality-label{font-size:var(--fs-tiny);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.play-personality-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-opacity='0.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center,var(--recess);color:var(--text-bright);border:1px solid var(--surface-line-strong);border-radius:var(--radius-md);font-size:var(--fs-small);font-weight:600;font-family:inherit;padding:6px 22px 6px 8px;cursor:pointer;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:border-color .15s ease,background-color .15s ease}.play-personality-select:hover{border-color:#ffffff52;background-color:var(--recess-strong)}.play-personality-select:focus-visible{outline:none;border-color:rgba(var(--info-rgb, 96, 165, 250),.6);box-shadow:0 0 0 2px rgba(var(--info-rgb, 96, 165, 250),.2)}.play-personality-select option{background:#1d1d2b;color:#eee}.update-modal.botsetup-modal{max-width:780px;width:min(94vw,780px);max-height:calc(100vh - 32px);max-height:min(calc(100dvh - 32px),860px);overflow:auto;padding:0;text-align:left;border-radius:18px;background:radial-gradient(ellipse at 18% -10%,rgba(var(--cta-rgb),.18),transparent 48%),radial-gradient(ellipse at 95% 8%,rgba(var(--info-rgb),.12),transparent 42%),var(--surface-panel)}.botsetup-modal .update-modal-title{text-align:left;margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.05}.botsetup-subtitle{font-size:var(--fs-body-sm);color:var(--text-dimmed);margin:.35rem 0 0}.botsetup-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:.95rem 1.35rem .85rem;border-bottom:1px solid var(--surface-line)}.botsetup-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hex-pattern);background-size:52px 44px;opacity:.08;pointer-events:none}.botsetup-kicker{display:block;margin-bottom:.35rem;font-family:var(--font-heading);font-size:var(--fs-small);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--cta)}.botsetup-section{padding:.8rem 1.35rem 0}.botsetup-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.48rem}.botsetup-section-title{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-caption);font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.botsetup-section-title:before{content:"";width:12px;height:3px;border-radius:var(--radius-pill);background:var(--cta)}.botsetup-size-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0;padding:0;border:0;background:transparent}.botsetup-size-btn{min-height:46px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.15rem;padding:.55rem .72rem;border:1px solid var(--surface-line);border-radius:var(--radius-md);background:var(--surface-fill-faint);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--fs-body);font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:none}.botsetup-size-btn small{color:var(--text-faint);font-size:var(--fs-tiny);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.botsetup-size-btn:hover{color:var(--text-primary);background:var(--surface-fill-soft)}.botsetup-size-btn-active{color:#fff;background:rgba(var(--cta-rgb),.16);border-color:rgba(var(--cta-rgb),.46);box-shadow:inset 0 0 0 1px rgba(var(--cta-rgb),.1),0 8px 22px rgba(var(--cta-rgb),.12)}.botsetup-size-btn-active small{color:rgba(var(--cta-rgb),.92)}.botsetup-presets{display:flex;align-items:center;gap:.45rem}.botsetup-presets button{min-height:28px;padding:.28rem .58rem;border:1px solid var(--surface-line);border-radius:var(--radius-pill);background:var(--surface-fill-soft);color:var(--text-dimmed);font-family:var(--font-heading);font-size:var(--fs-tiny);font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.botsetup-presets button:hover{color:#fff;border-color:rgba(var(--cta-rgb),.35);background:rgba(var(--cta-rgb),.12)}.botsetup-bots,.botsetup-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.58rem}.botsetup-bot-card,.botsetup-setting-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--surface-line);border-radius:var(--radius-md);background:var(--surface-fill-faint);box-shadow:inset 0 1px 0 var(--surface-line-faint)}.botsetup-bot-card{gap:.44rem;padding:.6rem}.botsetup-bot-card:hover,.botsetup-setting-card:hover{border-color:var(--surface-line-strong);background:var(--surface-fill-soft)}.botsetup-bot-copy{min-width:0;display:flex;align-items:baseline}.botsetup-bot-type{color:var(--cta);font-size:var(--fs-small);font-weight:900;white-space:nowrap}.botsetup-setting-card{gap:.45rem;padding:.62rem}.botsetup-bot-select{margin-top:auto}.botsetup-bots .play-personality-select,.botsetup-settings .play-personality-select{font-size:var(--fs-control);padding:8px 26px 8px 10px}.botsetup-hint{font-size:var(--fs-control);color:var(--text-dimmed);line-height:1.45;margin:.5rem 0 0;min-height:1em}.botsetup-boardcode-input{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.botsetup-boardcode-error{margin:.5rem 0 0;color:var(--danger, #e5484d);font-size:var(--fs-control)}.botsetup-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:.85rem;padding:.75rem 1.35rem .9rem;border-top:1px solid var(--surface-line);background:rgba(var(--panel-deep-rgb),.96)}.botsetup-actions .btn-catan{padding:.58rem 1.45rem}.botsetup-actions .btn-catan-secondary{padding:.58rem 1rem}@media(max-width:700px){.update-modal.botsetup-modal{width:min(96vw,520px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}.botsetup-hero{align-items:flex-start;padding:1.2rem 1rem 1rem}.botsetup-section{padding:1rem 1rem 0}.botsetup-bots,.botsetup-settings{grid-template-columns:1fr}.botsetup-bot-card{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center}.botsetup-bot-select{grid-column:2}.botsetup-actions{padding:.9rem 1rem 1rem}}@media(max-width:480px){.botsetup-hero{flex-direction:column;gap:.8rem}.botsetup-section-head,.botsetup-actions{flex-direction:column;align-items:stretch}.botsetup-presets{width:100%}.botsetup-presets button,.botsetup-actions>*{flex:1}.botsetup-size-switch{gap:.45rem}.botsetup-size-btn{padding:.55rem .5rem;font-size:var(--fs-control)}}.game-page.classic-skin:not(.dark-mode),.practice-page.classic-skin:not(.practice-dark),.draft-page.classic-skin:not(.practice-dark){background:var(--board-navy-bg)}.sidebar-item img.menu-icon-img{width:48px;height:48px;min-height:48px;opacity:1;transition:opacity var(--dur-med) ease,filter .3s ease,transform var(--dur-med) var(--ease-spring);flex-shrink:0;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sidebar-item:hover img.menu-icon-img{opacity:1;transform:translateY(-1px)}.sidebar-item.active img.menu-icon-img{opacity:1;filter:drop-shadow(0 0 9px rgba(var(--cta-rgb),.55));transform:scale(1.1)}.mobile-tab-btn img.menu-icon-img{width:30px;height:30px;opacity:1;object-fit:contain;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .3s ease,opacity .25s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mobile-tab-btn.mobile-tab-active img.menu-icon-img{opacity:1;filter:drop-shadow(0 0 8px rgba(var(--cta-rgb),.5)) drop-shadow(0 0 20px rgba(var(--cta-rgb),.2));transform:scale(1.08);animation:tab-glow-pulse 3s ease-in-out infinite}.auth-modal{position:relative;width:min(100%,420px);max-width:420px;padding:2.2rem 2.4rem 2rem}.auth-modal .update-modal-text{margin-bottom:1.25rem}.auth-modal-close{position:absolute;top:.6rem;right:.75rem;background:transparent;border:none;color:var(--text-muted);font-size:var(--fs-h2);line-height:1;padding:.35rem .55rem;cursor:pointer;border-radius:var(--radius-md);transition:color var(--dur-med) ease,background var(--dur-med) ease}.auth-modal-close:hover{color:var(--text-primary);background:var(--surface-fill-soft)}.auth-options{display:grid;gap:.6rem;text-align:center}.auth-option-btn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-height:46px;font-size:var(--fs-control)}.auth-option-google{background:linear-gradient(180deg,#fdfdfd,#e8e8e8);color:#1c1c1c}.auth-option-google:hover{background:linear-gradient(180deg,#fff,#f2f2f2)}.auth-option-discord{background:linear-gradient(180deg,#6b7cff,#5865f2);color:#fff}.auth-option-discord:hover{background:linear-gradient(180deg,#7d8cff,#6673f5)}.auth-option-apple{background:linear-gradient(180deg,#2a2a2e,#101013);color:#fff;border:1px solid var(--surface-line-strong)}.auth-option-guest{background:var(--surface-fill-soft);color:var(--text-primary);border:1px solid var(--surface-line-strong)}.auth-options-divider{display:flex;align-items:center;gap:.7rem;color:var(--text-faint);font-size:var(--fs-small);letter-spacing:.1em;text-transform:uppercase;margin:.35rem 0}.auth-options-divider:before,.auth-options-divider:after{content:"";flex:1;height:1px;background:var(--surface-line)}.auth-email-form{display:grid;gap:.5rem}.auth-email-input{width:100%;min-height:44px;padding:.55rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--surface-line-strong);background:var(--recess);color:var(--text-primary);font-size:var(--fs-body)}.auth-email-input:focus{outline:none;border-color:rgba(var(--cta-rgb),.6);box-shadow:0 0 0 3px rgba(var(--cta-rgb),.15)}.auth-email-submit{width:100%;min-height:44px;font-size:var(--fs-control)}.auth-email-error{color:var(--danger, #ff7a7a);font-size:var(--fs-control);margin:.15rem 0 0}.auth-email-sent{display:grid;gap:.5rem;text-align:center;padding:.75rem .25rem .25rem}.auth-email-sent h4{font-family:var(--font-heading);font-size:1.05rem;color:#fff;margin:0}.auth-email-sent p{color:var(--text-secondary);font-size:var(--fs-body);line-height:1.5;margin:0;overflow-wrap:anywhere}.auth-email-again{background:transparent;border:none;color:var(--cta-light);font-size:var(--fs-control);cursor:pointer;padding:.4rem;justify-self:center}.auth-email-again:hover{text-decoration:underline}.auth-required-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at 50% -10%,rgba(var(--cta-rgb),.07),transparent 55%),var(--bg-dark)}.auth-required-card{width:min(100%,420px);display:grid;gap:.5rem;text-align:center;padding:2.2rem 2.4rem;border-radius:18px;border:1px solid rgba(var(--cta-ui),.3);background:linear-gradient(170deg,var(--bg-panel),var(--bg-dark));box-shadow:var(--shadow-3),var(--edge-top)}.auth-required-card img{justify-self:center}.auth-required-card h1{font-family:var(--font-heading);font-size:var(--fs-h3);color:#fff;margin:.4rem 0 0}.auth-required-card p{color:var(--text-secondary);font-size:var(--fs-body);margin:0 0 1.1rem}.sidebar-item-locked{opacity:.6}.sidebar-item svg.sidebar-item-lock{position:absolute;top:-4px;right:-7px;width:13px;height:13px;min-height:0;opacity:.9;color:var(--text-muted);background:var(--bg-dark);border-radius:var(--radius-round);padding:1px}.play-locked-panel{display:grid;justify-items:center;gap:.6rem;text-align:center;padding:2.6rem 1.5rem;border-radius:var(--radius-2xl);border:1px dashed var(--surface-line-strong);background:var(--recess-soft)}.play-locked-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:var(--radius-round);color:var(--text-muted);background:var(--surface-fill-soft)}.play-locked-panel h3{font-family:var(--font-heading);font-size:1.15rem;color:#fff;margin:0}.play-locked-panel p{color:var(--text-secondary);font-size:var(--fs-body);line-height:1.55;max-width:460px;margin:0 0 .6rem}.play-footer-features{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.75rem;margin:1.25rem 0 .5rem}.play-footer-feature{display:flex;min-width:0}.play-footer-feature-left{grid-column:1;justify-content:flex-start}.play-footer-feature-center{grid-column:2;justify-content:center;align-self:center}.play-footer-feature-right{grid-column:3;flex-direction:column;align-items:flex-end;gap:.75rem}.play-footer-feature:empty,.play-footer-features:has(>.play-footer-feature:empty:only-child),.play-footer-features:not(:has(>.play-footer-feature:not(:empty))){display:none}.play-footer-feature .feature-card{flex:0 0 318px;max-width:100%;min-width:0}.play-footer-feature-right .feature-card{flex-basis:auto;width:318px}.play-page.play-page-redesign{container:play-page / inline-size}@container play-page (max-width: 919px){.play-footer-features{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.play-footer-feature-left{grid-column:1}.play-footer-feature-right{grid-column:2}.play-footer-feature-center{grid-column:1 / -1;order:1}}@media(max-width:719px),(max-height:500px){.play-footer-features{grid-template-columns:minmax(0,1fr)}.play-footer-feature-left,.play-footer-feature-center,.play-footer-feature-right{grid-column:1}.play-footer-feature{flex-wrap:wrap;gap:.75rem}.play-footer-feature-right{flex-direction:row;align-items:flex-start}.play-footer-feature-right .feature-card{flex-basis:100%;width:auto}.play-footer-feature .feature-card{flex-basis:100%;max-width:100%}.play-footer-feature-center{order:1}}.board-eval-overlay.has-forecast,.replay-eval-overlay.has-forecast{flex-direction:column;align-items:center;gap:6px}.board-eval-overlay .roll-forecast,.replay-eval-overlay .roll-forecast{pointer-events:auto;display:inline-flex;align-items:center;gap:.5rem;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-overlay, rgba(20, 16, 12, .82));color:var(--text-primary, #fff);font-size:var(--fs-control);box-shadow:0 2px 8px var(--shadow-ink)}.roll-forecast-label{opacity:.8;white-space:nowrap}.roll-forecast-list{display:flex;gap:.3rem;margin:0;padding:0;list-style:none}.roll-forecast-chip{min-width:1.7rem;height:1.7rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-round);background:var(--surface-fill);font-weight:600;font-variant-numeric:tabular-nums}.roll-forecast-next{background:var(--cta, #e0a94b);color:#1a1409}.roll-forecast-seven{outline:2px solid #d64545;outline-offset:-2px}.sidebar-icon-wrap{position:relative;display:inline-flex}.sidebar-profile-avatar{width:46px;height:46px;min-width:46px;min-height:46px;display:block;object-fit:cover;background:transparent;border:0;box-shadow:none;opacity:.82;transition:opacity var(--dur-med) ease,filter .3s ease,transform var(--dur-med) var(--ease-spring),border-color var(--dur-med) ease}.sidebar-item:hover .sidebar-profile-avatar{opacity:1;transform:translateY(-1px);border-color:var(--surface-line-bold)}.sidebar-item.active .sidebar-profile-avatar{opacity:1;filter:drop-shadow(0 0 9px rgba(var(--cta-rgb),.55));transform:scale(1.08);border-color:rgba(var(--cta-rgb),.62)}.sidebar-item:hover .sidebar-profile-avatar,.sidebar-item.active .sidebar-profile-avatar{border-color:transparent}.play-bot-preview{display:flex;align-items:center;min-height:42px;margin:.05rem 0 .1rem;padding-left:4px}.play-bot-preview-img{width:46px;height:46px;object-fit:cover;margin-left:-.85rem;border:0;background:transparent;box-shadow:0 5px 16px #00000047}.play-bot-preview-img:first-child{margin-left:0}.play-bot-roster{display:flex;align-items:center;padding-left:.7rem}.play-bot-roster img{width:58px;height:58px;margin-left:-1rem;object-fit:cover;border:0;background:transparent;box-shadow:0 8px 20px #00000047}.play-bot-preview-img:first-child,.play-bot-roster img:first-child{margin-left:0}@media(max-width:1100px){.play-bot-roster{padding-left:0}.play-bot-roster img{width:52px;height:52px;margin-left:-1rem}.play-bot-roster img:first-child{margin-left:0}}.sandbox-player-portrait{width:30px;height:30px;border:0;background:transparent;flex-shrink:0}.sandbox-player-portrait,.opp-portrait{box-sizing:border-box;border:0;background:transparent}.sandbox-player-portrait-wrap,.opp-portrait-wrap{background:var(--portrait-color, var(--border));clip-path:polygon(50% 1.5%,92.1% 25.9%,92.1% 74.5%,50% 98.9%,7.9% 74.5%,7.9% 25.9%)}.sandbox-player-portrait-wrap{width:30px;height:30px;flex-shrink:0}.sandbox-player-portrait-wrap .sandbox-player-portrait,.opp-portrait-wrap .opp-portrait{width:100%;height:100%;padding:4.5%;box-sizing:border-box}.sandbox-seat-row .sandbox-player-portrait,.sandbox-seat-row .sandbox-player-portrait-wrap{width:34px;height:34px}.opp-portrait-wrap{position:relative;width:54px;height:54px;flex-shrink:0;align-self:center}.opp-portrait-wrap .player-portrait-level-badge{right:5px;bottom:5px}.opp-portrait.is-stopped,.vg-chip-portrait.is-stopped{filter:grayscale(1)}.stopped-seat-badge{position:absolute;display:grid;place-items:center;box-sizing:border-box;border-radius:var(--radius-round);border:1.5px solid #c9a227;background:#2b2116;color:#f3e3c3;pointer-events:auto}.stopped-seat-badge svg{width:72%;height:72%;display:block}.opp-portrait-wrap .stopped-seat-badge{width:46%;height:46%;right:8%;bottom:26%}.opp-portrait{width:54px;height:54px;margin-left:0;display:block}@media(max-width:1024px){.practice-players .opp-portrait{width:24px;height:24px;border-width:1.5px}}@media(min-width:933px)and (max-width:1199px){.opp-portrait-wrap{width:42px;height:42px}.opp-portrait{width:42px;height:42px;border-width:4px}}@media(max-width:932px)and (orientation:landscape),(min-width:681px)and (max-width:932px){.opp-portrait-wrap{width:34px;height:34px}.opp-portrait{width:34px;height:34px;border-width:4px}}@media(max-width:768px)and (orientation:landscape),(min-width:681px)and (max-width:768px){.opp-portrait-wrap{width:25px;height:25px}.opp-portrait{width:25px;height:25px;border-width:3px}}@media(max-width:767px){.mobile-tab-avatar{width:30px;height:30px;display:block;object-fit:cover;background:transparent;border:0;opacity:.72;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .3s ease,opacity .25s ease,border-color .25s ease}.mobile-tab-btn.mobile-tab-active .mobile-tab-avatar{opacity:1;filter:drop-shadow(0 0 8px rgba(var(--cta-rgb),.5)) drop-shadow(0 0 20px rgba(var(--cta-rgb),.2));transform:scale(1.08);border-color:rgba(var(--cta-rgb),.72)}.mobile-tab-btn.mobile-tab-active .mobile-tab-avatar{border-color:transparent}.mobile-tab-btn.mobile-tab-active .mobile-tab-avatar{animation:tab-glow-pulse 3s ease-in-out infinite}}.botsetup-hero-copy,.botsetup-portrait-stack{position:relative;z-index:1}.botsetup-portrait-stack{display:flex;align-items:center;justify-content:flex-end;min-width:160px;padding-right:4px}.botsetup-stack-portrait{width:clamp(50px,7vw,62px);height:clamp(50px,7vw,62px);object-fit:cover;margin-left:-18px;border:0;background:transparent;box-shadow:0 12px 26px var(--shadow-ink)}.botsetup-stack-portrait:first-child{margin-left:0}.botsetup-bot-portrait-wrap{display:block;width:100%;height:clamp(82px,10vw,96px);min-height:0;overflow:hidden;border-radius:var(--radius-md);background:radial-gradient(ellipse at 50% 25%,rgba(255,255,255,.14),transparent 54%),#0000003d;border:1px solid var(--surface-line-faint)}.botsetup-bot-portrait{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}@media(max-width:700px){.botsetup-portrait-stack{min-width:116px}.botsetup-bot-portrait-wrap{min-height:0;aspect-ratio:1;grid-row:span 2}}@media(max-width:480px){.botsetup-portrait-stack{justify-content:flex-start;min-width:0}}.community-embedded{display:flex;flex-direction:column;gap:var(--page-gap)}.community-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--panel-gap);align-items:start;margin-bottom:1rem}.community-layout-meetups{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.1fr)}@media(max-width:1180px){.community-layout-meetups{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.community-layout-meetups .community-card-meetups{grid-column:1;grid-row:2}}.community-top-actions{display:flex;gap:.6rem;flex-shrink:0}.community-top-actions .play-secondary-action{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.community-card{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;padding:var(--panel-pad);border-radius:var(--panel-radius);border:1px solid var(--glass-border);box-shadow:var(--shadow-1);min-width:0}.community-search-flag{margin-left:auto;font-size:var(--fs-lead);line-height:1}.community-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.community-card-tag{font-size:var(--fs-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-muted)}.friends-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.friends-card-top .community-card-chip{grid-column:2;justify-self:end}.community-card-chip{font-size:var(--fs-small);padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-fill-soft);color:var(--text-muted);white-space:nowrap}.referral-report-modal{width:min(100%,720px);max-width:720px;text-align:left;-webkit-user-select:text;user-select:text}.referral-report-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.referral-report-title-row .update-modal-title{margin-bottom:0}.referral-report-close{display:inline-grid;place-items:center;width:2rem;height:2rem;padding:0;color:var(--text-secondary);background:transparent;border:0;border-radius:var(--radius-xs);cursor:pointer}.referral-report-close:hover,.referral-report-close:focus-visible{color:var(--text-primary);background:rgba(var(--panel-rgb),.5)}.referral-report-table-wrap{width:fit-content;max-width:100%}.referral-report-table{width:max-content;min-width:100%;border-collapse:collapse;-webkit-user-select:text;user-select:text}.referral-report-table th,.referral-report-table td{padding:.55rem;text-align:left;border-bottom:1px solid var(--glass-border);-webkit-user-select:text;user-select:text}.community-card h3{margin:2px 0 0;font-family:var(--font-heading);font-size:1.05rem}.community-card>p{margin:0;color:var(--text-muted);font-size:var(--fs-body)}.community-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.community-card-actions .play-secondary-action{display:inline-flex;align-items:center;gap:.45rem}.referral-box{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--surface-line);border-radius:var(--radius-md);background:var(--surface-fill-soft);padding:.75rem;margin:.8rem 0}.referral-box strong{font-size:var(--fs-lead);color:var(--cta-light)}.referral-box span{color:var(--text-muted);font-size:var(--fs-control);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;margin-top:.8rem}.friend-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.8rem}.friend-group+.friend-group{margin-top:1rem}.friend-group-title{margin:.8rem 0 0;font-family:var(--font-heading);font-size:var(--fs-control);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-faint)}.friend-group .friend-list{margin-top:.5rem}.community-list-empty{margin-top:.8rem!important}.friend-row,.community-promotion-list>.community-promotion-item,.badges-grid>.badge-card{border:1px solid var(--surface-line);border-radius:var(--radius-md);background:var(--surface-fill-faint);padding:.55rem .75rem}.friend-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:.65rem}.friend-avatar{width:38px;height:38px;border-radius:var(--radius-round);display:grid;place-items:center;background:var(--surface-fill);color:var(--text-primary);font-weight:900;overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-row>strong,.friend-row>span{display:block}.friend-identity{display:flex;align-items:center;gap:.5rem;min-width:0}.friend-identity .player-nameplate{min-width:0}.friend-status-label{flex:0 0 auto;color:var(--text-muted);font-size:var(--fs-body);white-space:nowrap}.friend-row .role-badge-list,.friend-row .role-badge{display:inline-flex;width:auto}.player-friend-actions{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.65rem;margin:0;min-width:9rem}.player-friend-actions>button{width:100%}.community-text-btn{border:none;background:transparent;color:var(--cta-light);font-weight:900;cursor:pointer}.community-muted{color:var(--text-muted)!important}.community-empty{text-align:center;padding:1.5rem 0}.community-interest-form{display:flex;flex-direction:column;gap:.55rem;margin-top:.8rem}.community-promotion-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.5rem}.community-promotion-list>.community-promotion-item{display:grid;grid-template-columns:minmax(160px,200px) minmax(0,1fr);align-items:start;gap:1rem}.community-promotion-list .community-promotion-item>.community-promotion-lead{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0}.community-promotion-list .community-promotion-item>.community-promotion-lead>h4{margin:0;font-size:var(--fs-base)}.community-promotion-list .community-promotion-item>.community-promotion-lead>.btn-catan-secondary{white-space:nowrap}.community-promotion-list .community-promotion-item>.community-promotion-body{display:flex;flex-direction:column;gap:.35rem;min-width:0}.community-promotion-list .community-promotion-item>.community-promotion-body>p{margin:0}.community-promotion-list .community-promotion-item>.community-promotion-body>.referral-box{margin:.15rem 0 0}.community-promotion-list .community-promotion-item>.community-promotion-body>.community-promotion-note{color:var(--text-secondary);font-size:.85em;font-style:italic}.badges-section{display:grid;gap:.75rem}.badges-section h3{margin:0}.badges-panel{padding:1rem}.badges-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.badges-dev-grant-btn{font-size:var(--fs-control);padding:.35rem .75rem}.badges-empty,.badges-error{font-size:var(--fs-body);color:var(--text-muted, #888)}.badges-error{color:var(--danger, #b00)}.badges-loading-skel{height:64px;border-radius:var(--radius-md)}.badges-grid{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.badges-grid>.badge-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.75rem}.badge-icon-wrap{position:relative;flex:0 0 auto}.badge-icon{width:48px;height:48px;display:block}.badge-role-tag{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);background:var(--accent, #f5c542);color:#111;font-size:var(--fs-tiny);font-weight:700;letter-spacing:.04em;padding:1px 5px;border-radius:var(--radius-xs);white-space:nowrap}.badge-meta{min-width:0}.badge-title{font-weight:600;font-size:var(--fs-body-lg)}.badge-desc{font-size:var(--fs-control);color:var(--text-secondary, #aaa)}.badges-flow{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.badges-flow>.badge-flow-item{display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-md);border:1px solid var(--surface-line);background:var(--surface-fill-faint);cursor:pointer}.badges-flow>.badge-flow-item:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.badges-flow>.badge-flow-item>.badge-icon{width:48px;height:48px;display:block}.badges-flow>.badge-flow-item.locked{opacity:.55;filter:grayscale(1)}.badges-flow>.badge-flow-item.locked>.badge-icon{filter:grayscale(1)}.badges-flow-block{width:100%;padding:.75rem;border-radius:var(--radius-lg);border:1px solid var(--surface-line);background:var(--surface-fill-faint);gap:.75rem}.badges-flow-block>.badge-flow-item{padding:0;border:0;background:transparent;border-radius:0}.badges-flow-block>.badge-flow-item>.badge-icon{width:64px;height:64px}.toast-host{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:min(360px,calc(100vw - 2rem))}.badge-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem .9rem;background:var(--panel-bg-solid, #1e2128);color:var(--text-primary, #f5f5f5);border:1px solid var(--accent, #f5c542);border-left-width:4px;border-radius:var(--radius-md);box-shadow:0 6px 20px var(--shadow-ink);cursor:pointer;text-align:left;font:inherit;animation:badge-toast-in .25s ease-out}.badge-toast:hover{filter:brightness(1.08)}.invite-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem .9rem;background:var(--panel-bg-solid, #1e2128);color:var(--text-primary, #f5f5f5);border:1px solid var(--accent, #f5c542);border-left-width:4px;border-radius:var(--radius-md);box-shadow:0 6px 20px var(--shadow-ink);cursor:pointer;text-align:left;font:inherit;animation:badge-toast-in .25s ease-out}.invite-toast:hover{filter:brightness(1.08)}.invite-toast-icon{font-size:var(--fs-h2);line-height:1;flex:0 0 auto}.invite-toast-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.invite-toast-label{font-size:var(--fs-small);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent, #f5c542)}.invite-toast-title{font-weight:600;font-size:var(--fs-body-lg)}.invite-toast-desc{font-size:var(--fs-control);color:var(--text-secondary, #aaa)}.queued-error-toast,.queued-success-toast{pointer-events:auto;display:flex;align-items:center;gap:.6rem;width:100%;padding:.75rem .9rem;background:rgba(var(--danger-rgb),.92);color:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 6px 20px var(--shadow-ink);cursor:pointer;text-align:left;font:inherit;animation:badge-toast-in .25s ease-out}.queued-error-toast:hover{filter:brightness(1.08)}.queued-success-toast{background:#227c4ef0}.queued-success-toast:hover{filter:brightness(1.08)}.badge-toast-icon{font-size:1.75rem;line-height:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.badge-toast-icon-img{width:40px;height:40px;display:block}.badge-toast-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.badge-toast-label{font-size:var(--fs-small);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent, #f5c542)}.badge-toast-title{font-weight:600;font-size:var(--fs-body-lg)}.badge-toast-desc{font-size:var(--fs-control);color:var(--text-secondary, #aaa)}@keyframes badge-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.badge-toast,.invite-toast,.queued-error-toast,.queued-success-toast,.toast-dismissing{animation:none}}.xp-toast{position:relative;pointer-events:auto;display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem .9rem;background:var(--panel-bg-solid, #1e2128);color:var(--text-primary, #f5f5f5);border:1px solid var(--reward-gold);border-left-width:4px;border-radius:var(--radius-md);box-shadow:0 6px 20px var(--shadow-ink);cursor:pointer;text-align:left;font:inherit;animation:badge-toast-in .25s ease-out}.xp-toast:hover{filter:brightness(1.08)}.xp-toast-levelup{border-color:var(--reward-gold-border);background:linear-gradient(135deg,rgba(var(--reward-gold-rgb),.18),var(--panel-bg-solid, #1e2128))}.xp-toast-icon{font-size:var(--fs-h2);line-height:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.xp-toast-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.xp-toast-label{font-size:var(--fs-small);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--reward-gold)}.xp-toast-title{font-weight:700;font-size:var(--fs-body-lg)}.badge-toast.toast-dismissing,.invite-toast.toast-dismissing,.xp-toast.toast-dismissing,.queued-error-toast.toast-dismissing,.queued-success-toast.toast-dismissing{animation:toast-out .5s ease-in forwards;pointer-events:none}@media(prefers-reduced-motion:reduce){.xp-toast{animation:none}}@media(max-width:900px){.community-layout{grid-template-columns:1fr}.community-layout-meetups .community-card-meetups{grid-column:auto;grid-row:auto}.friend-row{grid-template-columns:40px minmax(0,1fr);align-items:start}.friend-row .btn-catan-secondary,.friend-row .community-text-btn{grid-column:2}.community-inline-form{grid-template-columns:1fr}}@media(max-width:640px){.community-promotion-list>.community-promotion-item{grid-template-columns:1fr}}.badges-grid>.badge-card{cursor:pointer}.badges-grid>.badge-card:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.badge-inspector-modal{text-align:left;max-width:min(640px,calc(100vw - 2rem));width:100%}.badge-inspector-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.badge-inspector-body{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.badge-inspector-icon-wrap{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center}.badge-inspector-icon{width:96px;height:96px;display:block}.badge-inspector-icon.locked{opacity:.55;filter:grayscale(1)}.badge-inspector-text{flex:1 1 auto;min-width:0;text-align:left}.badge-inspector-title{margin:0 0 .25rem;text-align:left}.badge-inspector-status{font-size:var(--fs-label);opacity:.65;margin-bottom:.5rem}.badge-inspector-desc{margin:.25rem 0 0;text-align:left}.badge-inspector-rarity{margin-top:.5rem;font-size:var(--fs-small);font-weight:600;letter-spacing:.01em;opacity:.7;text-align:left}.community-empty-state{margin-top:12px;padding:16px 18px;border-radius:var(--radius-lg);background:var(--surface-fill-faint);border:1px dashed var(--surface-line)}.community-empty-state-title{margin:0 0 8px;font-weight:700;font-family:var(--font-heading)}.community-empty-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-muted);font-size:var(--fs-body)}.community-empty-steps li{display:flex;align-items:center;gap:10px}.community-step-icon{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-md);background:rgba(var(--cta-rgb),.1);color:var(--cta-light)}.community-step-text{color:var(--text, #e8ecf3)}