:root{font-family:Arial,Helvetica,sans-serif;font-size:100%;font-weight:400;line-height:1.4;color:var(--ink);background:var(--canvas-soft);font-synthesis:none;--primary: #e60012;--signal: #f68d1f;--amber: #ecab37;--nav-gold: #e48600;--canvas: #7a8aba;--canvas-soft: #9fbee7;--sky: #9fbee7;--lavender: #acace7;--ice: #c0d5e6;--periwinkle: #8ba1d4;--chrome-indigo: #3d4f97;--muted-indigo: #60619c;--platinum: #dedede;--surface: #fff;--carbon: #21242e;--hairline: #5a5f8c;--ink: #21242e;--ink-soft: #3d4f97;--on-primary: #fff;--systems-teal: #206479;--games-red: #a7282b;--error: #e60012;--text-xs: .75rem;--text-label: .84375rem;--text-ui: .9375rem;--text-sm: 1.03125rem;--text-base: 1.125rem;--display: "Arial Black", Arial, Helvetica, sans-serif;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-section: 48px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--bevel: inset 1px 1px 0 #ffffffa6, inset -1px -1px 0 var(--chrome-indigo);--inset: inset 1px 1px 0 var(--chrome-indigo), inset -1px -1px 0 #ffffffb3;--grille: radial-gradient(#ffffff10 .65px, transparent .8px)}*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:var(--text-base);background-image:repeating-linear-gradient(0deg,#3d4f9706 0 1px,transparent 1px 3px)}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit;border:0;background:none;transition:background-color .12s,color .12s}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):active{transform:translateY(1px)}button svg,.button svg,.text-button svg{flex-shrink:0}a{color:inherit;text-decoration:none}:where(button,a,input,summary):focus-visible{outline:3px solid var(--ink);outline-offset:3px}.site-header :focus-visible,.rail-actions :focus-visible,.site-footer :focus-visible{outline-color:var(--surface)}::selection{background:var(--chrome-indigo);color:var(--surface)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;font-weight:700}svg{vertical-align:middle}.app-shell{width:min(1245px,calc(100% - 64px));position:relative;margin:28px auto;padding:0 12px 12px;background:var(--canvas);background-image:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px);border:1px solid var(--chrome-indigo);border-top:3px solid var(--ice);box-shadow:var(--bevel),4px 4px #3d4f9740}.app-shell>main:not(.match-shell){padding:12px}.masthead{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px 5px}.mascot-welcome{display:flex;align-items:center;gap:13px;min-width:0}.paddle-mascot{display:block;flex-shrink:0;width:29px;height:39px;position:relative;background:var(--ice);border:2px solid var(--chrome-indigo);box-shadow:inset 2px 2px 0 var(--surface),3px 3px 0 var(--chrome-indigo);transform:rotate(-9deg)}.paddle-mascot:before,.paddle-mascot:after{content:"";position:absolute;bottom:-7px;width:9px;height:5px;background:var(--carbon)}.paddle-mascot:before{left:-4px}.paddle-mascot:after{right:-4px}.mascot-eyes{position:absolute;width:3px;height:6px;background:var(--carbon);top:11px;left:6px;box-shadow:9px 0 0 var(--carbon)}.mascot-eyes:after{content:"";position:absolute;top:11px;left:2px;width:8px;height:3px;border-bottom:2px solid var(--chrome-indigo)}.mascot-ball{position:absolute;width:9px;height:9px;border:1px solid var(--chrome-indigo);background:var(--surface);right:-12px;top:-5px}.mascot-bubble{padding:6px 12px;position:relative;background:var(--surface);border:1px solid var(--chrome-indigo);border-radius:8px;font-size:var(--text-sm);box-shadow:2px 2px 0 var(--chrome-indigo)}.mascot-bubble:before{content:"";position:absolute;left:-5px;top:16px;width:7px;height:7px;background:var(--surface);border-left:1px solid var(--chrome-indigo);border-bottom:1px solid var(--chrome-indigo);transform:rotate(45deg)}.mascot-bubble small{display:block;color:var(--ink-soft);font-size:var(--text-ui)}.masthead-status{text-align:right;flex-shrink:0}.system-label{font-size:var(--text-label);font-weight:700;letter-spacing:1px;color:var(--ink)}.server-status{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:var(--text-ui);margin-top:4px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--chrome-indigo);border:1px solid var(--ice);flex-shrink:0}.offline{color:var(--ink)}.offline .live-dot{background:var(--error)}.site-header{min-height:56px;display:flex;align-items:center;gap:16px;padding:5px 12px;border:1px solid var(--carbon);background-color:var(--carbon);background-image:var(--grille);background-size:3px 3px;box-shadow:inset 0 1px #ffffff3d,0 2px 0 var(--chrome-indigo);position:relative;z-index:4}.logo{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:1px 10px 3px;font-size:2.25rem;font-weight:900;line-height:1;letter-spacing:-1.3px;white-space:nowrap;color:var(--primary);background:var(--surface);border:2px solid var(--primary);border-radius:9999px;outline:2px solid var(--surface)}.logo-club{margin-left:3px}.logo-mark{display:flex;align-items:center;justify-content:space-between;width:20px;height:18px}.logo-mark i{width:3px;height:15px;background:currentColor}.logo-mark b{width:4px;height:4px;background:currentColor}.site-header nav{display:flex;align-items:stretch;align-self:stretch;margin-left:6px}.site-header nav button{position:relative;min-height:44px;padding:0 14px;color:var(--nav-gold);font-size:var(--text-base);font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-left:1px solid #ffffff10}.site-header nav button:hover{background:#ffffff0d;color:var(--amber)}.site-header nav button.active{color:var(--amber);background:#00000026}.site-header nav button.active:after{content:"";position:absolute;bottom:4px;height:2px;left:13px;right:13px;background:var(--nav-gold)}.site-header nav span{margin-left:6px}.header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.profile-badge{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;background:var(--amber);border:1px solid var(--carbon);box-shadow:inset 1px 1px #ffffffb3,inset -1px -1px #0000004d;border-radius:var(--radius-xs);font-size:var(--text-ui);font-weight:700;white-space:nowrap}.profile-badge:hover:not(:disabled){background:var(--nav-gold)}.menu-toggle{display:none;color:var(--amber);width:44px;height:44px}.subnav-strip{display:flex;justify-content:space-between;align-items:center;padding:0 12px;min-height:29px;background:var(--canvas-soft);box-shadow:var(--bevel);font-size:var(--text-label);letter-spacing:.5px;color:var(--ink-soft)}.subnav-strip>span,.subnav-strip>div{display:flex;align-items:center;gap:8px}.subnav-strip>div{gap:0}.subnav-strip button,.subnav-strip>div>span{padding:4px 10px;font-size:var(--text-label);font-weight:700;border-left:1px solid #3d4f9740}.subnav-strip button:hover{text-decoration:underline}.subnav-strip>div>span{font-size:var(--text-xs);font-weight:400}.left-rail{position:absolute;display:flex;flex-direction:column;gap:4px;left:-25px;top:173px}.left-rail button{writing-mode:vertical-rl;transform:rotate(180deg);padding:12px 5px;background:var(--carbon);border:1px solid var(--chrome-indigo);color:var(--canvas-soft);font-size:var(--text-label);font-weight:700;letter-spacing:1px;min-height:97px}.left-rail button:hover{color:var(--amber)}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:16px;padding:32px 36px;border:1px solid var(--chrome-indigo);background-color:var(--lavender);background-image:linear-gradient(110deg,#c0d5e699,transparent 60%),repeating-linear-gradient(0deg,transparent 0 23px,#ffffff12 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#ffffff12 23px 24px);box-shadow:var(--bevel);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.hero:before{content:"";position:absolute;width:330px;height:330px;right:-45px;top:-22px;border:18px double #3d4f972e;outline:1px solid #ffffff4d;transform:rotate(45deg)}.hero:after{content:"PONG / 001";position:absolute;right:20px;bottom:5px;color:var(--chrome-indigo);font-size:var(--text-xs);letter-spacing:2px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:7px;font-size:var(--text-ui);font-weight:700;letter-spacing:.5px;line-height:1.1}.hero .eyebrow{font-size:var(--text-label);color:var(--ink-soft)}.hero-edition{padding:3px 5px;background:var(--chrome-indigo);color:var(--surface);font-size:var(--text-xs)}.hero h1,.invite-hero h1{font-family:var(--display);font-size:4.125rem;font-weight:900;line-height:1.02;letter-spacing:-1.7px;color:var(--surface);-webkit-text-stroke:1.5px var(--chrome-indigo);paint-order:stroke fill;text-shadow:3px 3px 0 var(--chrome-indigo);margin:12px 0}.hero h1 em,.invite-hero em{font-style:normal}.hero-description{font-size:var(--text-base);line-height:1.5;color:var(--ink)}.hero-description strong{font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.hero-actions>span{font-size:var(--text-xs);line-height:1.5;font-weight:700;letter-spacing:.4px;color:var(--ink-soft)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 16px;gap:8px;border:1px solid var(--carbon);border-radius:var(--radius-xs);box-shadow:inset 1px 1px #ffffff9c,inset -1px -1px #00000040,0 2px 0 var(--chrome-indigo);font-size:var(--text-sm);font-weight:700;letter-spacing:.5px;line-height:1.1;text-transform:uppercase}.button svg:last-child{margin-left:auto}.button.primary,.card-bottom .button{background:var(--signal);color:var(--carbon)}.button.primary:hover:not(:disabled),.card-bottom .button:hover:not(:disabled){background:var(--amber)}.button.primary:active:not(:disabled),.card-bottom .button:active:not(:disabled){background:var(--nav-gold);box-shadow:var(--inset)}.button.dark{background-color:var(--carbon);color:var(--surface)}.card-bottom .button.dark{background:var(--signal);color:var(--carbon)}.card-bottom .button.dark:hover:not(:disabled){background:var(--amber)}.hero-art{padding:11px 13px 9px;position:relative;margin:0 4px 0 0;background:linear-gradient(140deg,#dbe6f6,var(--periwinkle) 47%,var(--canvas));border:2px solid var(--chrome-indigo);border-radius:14px 14px 28px;box-shadow:inset 2px 2px 0 var(--surface),inset -3px -3px 0 var(--muted-indigo),5px 6px 0 var(--chrome-indigo),8px 9px #3d4f9733;transform:rotate(-6deg)}.court-caption{display:flex;align-items:center;justify-content:space-between;padding:0 2px 7px;font-size:var(--text-ui);font-weight:900;font-style:italic;color:var(--chrome-indigo);letter-spacing:-.4px}.court-caption b{font-weight:400;font-size:var(--text-xs);letter-spacing:1px}.court-caption .preview-power{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);letter-spacing:.5px;font-style:normal}.preview-power .live-dot{width:4px;height:4px;background:var(--ice);border-color:var(--chrome-indigo)}.preview-court{background:var(--carbon);padding:7px;border:1px solid var(--chrome-indigo);box-shadow:inset 2px 2px #0009,0 1px 0 var(--ice);border-radius:3px 3px 10px;line-height:0}.preview-court canvas{display:block;width:100%;aspect-ratio:960 / 540;border:1px solid #9fbee750}.court-bottom{display:flex;align-items:center;justify-content:space-between;margin:9px 5px 0;min-height:31px}.console-dpad{position:relative;width:33px;height:33px;background:var(--carbon);clip-path:polygon(33% 0,66% 0,66% 33%,100% 33%,100% 66%,66% 66%,66% 100%,33% 100%,33% 66%,0 66%,0 33%,33% 33%)}.console-dpad:after{content:"";position:absolute;inset:13px;border:1px solid var(--canvas)}.console-caption{color:var(--ink-soft);font-size:var(--text-xs);letter-spacing:1px;line-height:1.5;text-align:center}.console-buttons{display:flex;gap:9px;transform:rotate(-18deg);padding-right:3px}.console-buttons i{display:block;width:19px;height:19px;border-radius:50%;background:var(--chrome-indigo);border:1px solid var(--carbon);box-shadow:inset 1px 1px 0 var(--periwinkle),1px 2px 0 var(--muted-indigo)}.club-strip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:5px 10px;margin-top:5px;background:var(--canvas-soft);box-shadow:var(--bevel);color:var(--ink-soft)}.club-strip>span{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:700;letter-spacing:.5px}.club-strip>span svg{width:12px;height:12px}.club-strip>i{width:1px;height:11px;background:#3d4f974d}.club-strip .strip-note{font-size:var(--text-xs);font-weight:400}.play-section{padding-top:12px;scroll-margin-top:12px}.section-heading,.panel-label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;background:linear-gradient(var(--periwinkle),var(--canvas));box-shadow:var(--bevel);border:1px solid var(--chrome-indigo)}.section-heading>div{display:flex;align-items:center;gap:7px}.section-heading h2,.panel-label h3{font-size:var(--text-sm);letter-spacing:.5px}.section-aside{display:flex;align-items:center;gap:9px;font-size:var(--text-ui)}.section-aside svg{width:12px;height:12px}.settings-bar{display:flex;align-items:center;gap:16px;padding:12px;background:var(--platinum);border:1px solid var(--chrome-indigo);border-top:0;box-shadow:var(--bevel)}.setting-label{display:block;margin-bottom:5px;color:var(--ink-soft);font-size:var(--text-label);font-weight:700;letter-spacing:.5px}.player-name{min-width:0;width:30%;padding-right:16px;border-right:1px dotted var(--muted-indigo)}.player-name>span:last-child{display:flex;align-items:center;gap:7px}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;background:var(--periwinkle);color:var(--ink);border:1px solid var(--chrome-indigo);box-shadow:var(--bevel);border-radius:var(--radius-xs);font-size:1.21875rem;font-weight:700}.avatar.small{width:28px;height:28px;font-size:var(--text-sm)}.avatar.local{background:var(--ice)}.avatar.rival{background:var(--lavender)}.player-name input{width:100%;min-width:0;height:44px;padding:4px 7px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-xs);color:var(--ink);box-shadow:inset 1px 1px #3d4f9726;font-size:var(--text-base)}.segmented{display:flex;gap:4px}.segmented button{display:flex;align-items:center;gap:5px;min-height:44px;padding:4px 8px;border:1px solid var(--hairline);background:var(--surface);color:var(--ink-soft);font-size:var(--text-ui);font-weight:700;box-shadow:var(--bevel);border-radius:var(--radius-xs)}.segmented button svg{width:14px;height:14px}.segmented .selected{background:var(--amber);color:var(--carbon)}.segmented button:hover:not(.selected){background:var(--ice)}.device-badge{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:var(--text-ui);color:var(--ink-soft)}.device-badge small{display:block;margin-top:3px;font-size:var(--text-label)}.controller-note{display:flex;align-items:center;gap:6px;padding:7px 3px;margin-bottom:4px;font-size:var(--text-ui);color:var(--ink)}.controller-note svg{flex-shrink:0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:16px;align-items:start}.game-selection,.action-rail{min-width:0}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--platinum);border:1px solid var(--chrome-indigo);box-shadow:var(--bevel);padding:0 12px 12px}.mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:0 -12px;padding:7px 9px;border-bottom:1px solid var(--chrome-indigo);background:linear-gradient(var(--ice),var(--periwinkle));box-shadow:inset 1px 1px 0 var(--surface)}.mode-number{font-size:var(--text-label);font-weight:700;letter-spacing:.5px}.mode-symbol{display:grid;place-items:center;width:20px;height:20px;color:var(--ink-soft)}.mode-symbol svg{width:18px;height:18px}.mini-game{height:117px;position:relative;margin:0 -12px 12px;overflow:hidden;background-color:var(--lavender);background-image:repeating-linear-gradient(0deg,transparent 0 7px,#ffffff12 7px 8px),linear-gradient(135deg,var(--lavender),var(--chrome-indigo));border-bottom:1px solid var(--chrome-indigo)}.mini-game:before{content:"";position:absolute;inset:8px 12px;border:1px solid #ffffff4d}.mini-game:after{content:"1P";position:absolute;left:calc(50% - 23px);top:17px;color:#ffffff80;font:900 3.1875rem/1 var(--display);letter-spacing:-2px;-webkit-text-stroke:1px #3d4f9766}.multi-mini{background-color:var(--systems-teal);background-image:repeating-linear-gradient(90deg,transparent 0 15px,#9fbee715 15px 16px),linear-gradient(135deg,var(--systems-teal),var(--carbon))}.multi-mini:after{content:"2P";color:#c0d5e680}.mini-game i,.mini-game .cpu-paddle{position:absolute;width:7px;height:34px;top:17px;left:27px;background:var(--ice);box-shadow:2px 2px 0 var(--chrome-indigo)}.mini-game .cpu-paddle{left:auto;right:25px;top:27px;background:var(--surface)}.mini-game b{position:absolute;width:8px;height:8px;background:var(--surface);left:66%;top:23px;box-shadow:-8px 5px #ffffff40,-16px 10px #ffffff20}.ball-line{position:absolute;top:34px;left:33%;width:28px;height:1px;background:#ffffff50;transform:rotate(-25deg)}.mode-card h3{font-size:2.0625rem;line-height:1.03;font-weight:900;font-family:var(--display);letter-spacing:-.7px;margin-bottom:10px;color:var(--ink-soft)}.mode-card>p{font-size:var(--text-sm);line-height:1.5}.mode-tags{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.mode-tags>span{display:flex;align-items:center;gap:4px;padding:3px 4px;font-size:var(--text-label);color:var(--ink-soft);border:1px solid #5a5f8c66;background:#fff6}.mode-tags svg{width:10px;height:10px}.card-bottom{margin-top:auto}.card-bottom>.button{width:100%;font-size:var(--text-ui);padding-inline:9px}.mode-footnote{display:flex;align-items:center;gap:5px;font-size:var(--text-label);line-height:1.4;min-height:54px;border-top:1px dotted var(--muted-indigo);margin-bottom:6px;color:var(--ink-soft)}.dot{display:inline-block;width:5px;height:5px;flex-shrink:0;background:var(--muted-indigo)}.dot.ready{background:var(--chrome-indigo);box-shadow:0 0 0 2px var(--ice)}.duration-row{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:54px;margin-bottom:6px;border-top:1px dotted var(--muted-indigo)}.duration-row>span{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);letter-spacing:.2px;color:var(--ink-soft)}.duration-picker{display:flex;gap:3px}.duration-picker button{min-height:40px;padding:4px 5px;font-size:var(--text-label);background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--bevel);border-radius:var(--radius-xs);white-space:nowrap}.duration-picker .selected{background:var(--amber);font-weight:700}.player-guide{margin-top:10px;border:1px solid var(--chrome-indigo);background:var(--platinum);padding:0 6px 6px;box-shadow:var(--bevel)}.panel-label{margin:-1px -7px 6px;justify-content:flex-start;padding:7px 8px}.panel-label>span{margin-left:auto;font-size:var(--text-xs);letter-spacing:.5px;color:var(--ink-soft)}.player-guide details{margin-top:4px;border:1px solid #5a5f8c66;background:var(--surface)}.player-guide summary{display:flex;align-items:center;gap:7px;padding:6px 7px;list-style:none;color:var(--ink-soft);font-size:var(--text-sm);font-weight:700}.player-guide summary::-webkit-details-marker{display:none}.player-guide summary:hover{background:var(--ice)}.guide-number{font-size:var(--text-label);font-weight:400;color:var(--muted-indigo)}.player-guide summary>svg{margin-left:auto;width:18px;height:18px;padding:2px;background:var(--signal);color:var(--carbon);border:1px solid #21242e66}.player-guide details[open] summary>svg{transform:rotate(90deg)}.player-guide details p{padding:0 10px 9px 28px;font-size:var(--text-sm);line-height:1.5}.rail-actions{display:grid;gap:5px;margin-bottom:8px}.rail-actions button{display:flex;align-items:center;gap:8px;padding:9px 10px;background-color:var(--carbon);background-image:var(--grille);background-size:3px 3px;color:var(--surface);font-size:var(--text-ui);font-weight:700;letter-spacing:.5px;border:1px solid var(--carbon);box-shadow:inset 1px 1px #fff5,0 2px 0 var(--chrome-indigo);min-height:36px}.rail-actions button svg:last-child{margin-left:auto;color:var(--signal)}.rail-actions button:hover{background-color:var(--chrome-indigo)}.leaderboard{display:flex;flex-direction:column;background:var(--platinum);border:1px solid var(--chrome-indigo);box-shadow:var(--bevel);scroll-margin-top:12px;padding:0 8px 8px}.leaderboard-heading{display:flex;align-items:center;gap:7px;padding:12px 8px;margin:0 -8px;background:linear-gradient(var(--ice),var(--periwinkle));border-bottom:1px solid var(--chrome-indigo);box-shadow:inset 1px 1px 0 var(--surface)}.trophy-box{display:grid;place-items:center;width:23px;height:27px;color:var(--chrome-indigo)}.trophy-box svg{width:19px;height:19px}.leaderboard-heading .eyebrow{font-size:var(--text-xs);letter-spacing:.5px;color:var(--ink-soft);margin-bottom:3px}.leaderboard-heading h3{font-size:var(--text-base)}.leaderboard-heading>.icon-button{margin-left:auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;color:var(--ink-soft);border:1px solid transparent;padding:0;border-radius:var(--radius-xs)}.icon-button:hover:not(:disabled){border-color:var(--hairline);background:var(--ice);box-shadow:var(--bevel)}.board-tabs{display:flex;gap:2px;margin:8px 0 0;border-bottom:1px solid var(--chrome-indigo)}.board-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:10px 5px;background:var(--canvas);border:1px solid var(--chrome-indigo);border-bottom:0;color:var(--ink);font-size:var(--text-label);font-weight:700;box-shadow:inset 0 1px #fff6}.board-tabs svg{width:12px;height:12px}.board-tabs button.active{background:var(--surface);color:var(--ink-soft);position:relative}.board-tabs button.active:after{content:"";position:absolute;left:0;right:0;height:2px;bottom:-1px;background:var(--surface)}.board-tabs button:hover:not(.active){background:var(--periwinkle)}.board-columns{display:flex;justify-content:space-between;padding:7px 6px;background:var(--surface);font-size:var(--text-xs);letter-spacing:.5px;color:var(--ink-soft);border-bottom:1px dotted var(--muted-indigo)}.board-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:240px;padding:14px 6px 10px;background:var(--surface)}.empty-medal{display:grid;place-items:center;width:43px;height:43px;position:relative;color:var(--chrome-indigo);margin-bottom:9px}.medal-spark{position:absolute;right:-2px;top:-1px;color:var(--canvas)}.board-empty h4{font-size:var(--text-base);margin-bottom:5px}.board-empty p{font-size:var(--text-ui);line-height:1.5;color:var(--ink-soft)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 0;color:var(--ink-soft);font-size:var(--text-sm);font-weight:700}.text-button:hover{text-decoration:underline}.text-button svg:last-child:not(:first-child){color:var(--signal)}.board-empty .text-button{font-size:var(--text-ui);margin-top:5px}.personal-best{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 7px;background:var(--canvas-soft);box-shadow:var(--inset)}.personal-best>span{display:flex;align-items:center;gap:7px;font-size:var(--text-ui);font-weight:700}.personal-best .avatar{width:25px;height:25px}.personal-best small{display:block;font-size:var(--text-label);font-weight:400;margin-top:2px;color:var(--ink-soft)}.personal-best strong{font-size:1.6875rem;color:var(--chrome-indigo)}.board-footnote{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:7px;font-size:var(--text-xs);color:var(--ink-soft)}.score-list{list-style:none;margin:0;padding:3px 5px;max-height:220px;overflow:auto;background:var(--surface)}.score-list li{display:flex;align-items:center;gap:7px;min-height:34px;padding:5px 3px;font-size:var(--text-sm);border-bottom:1px dotted var(--muted-indigo)}.score-list li:last-child{border-bottom:0}.rank{width:20px;flex-shrink:0;font-size:var(--text-ui);color:var(--ink-soft)}.rank-1{color:var(--chrome-indigo)}.score-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-name small{margin-left:4px;padding:2px 3px;font-size:var(--text-xs);background:var(--canvas-soft)}.score-list b{margin-left:auto;font-size:1.3125rem;color:var(--ink-soft)}.score-list .is-you{background:var(--ice);font-weight:700}.info-box{margin-top:8px;padding:0 10px 10px;background:var(--surface);border:1px solid var(--chrome-indigo);box-shadow:var(--bevel)}.info-box h3{display:flex;align-items:center;gap:5px;width:fit-content;padding:4px 7px;margin:0 -3px 7px;background:var(--amber);border:1px solid var(--hairline);border-top:0;font-size:var(--text-label);letter-spacing:.5px}.info-box p{font-size:var(--text-ui);color:var(--ink-soft);line-height:1.5}.club-note{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;background:var(--ice);border:1px solid var(--chrome-indigo);box-shadow:var(--bevel)}.note-doodle{color:var(--chrome-indigo)}.club-note h3{margin-bottom:3px;font-size:var(--text-base)}.club-note p{font-size:var(--text-ui);color:var(--ink-soft)}.club-note .text-button{margin-left:auto;white-space:nowrap;font-size:var(--text-ui)}.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:15px 12px;background-color:var(--carbon);background-image:var(--grille);background-size:3px 3px;color:var(--canvas-soft);clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);border-top:1px solid var(--ice)}.site-footer .logo{font-size:1.6875rem;gap:4px;padding:1px 7px 2px;border-width:1px;outline-width:1px;letter-spacing:-.9px}.site-footer .logo-mark{width:14px;height:12px}.site-footer .logo-mark i{height:11px;width:2px}.site-footer .logo-mark b{width:3px;height:3px}.site-footer p{font-size:var(--text-label);line-height:1.5}.site-footer .text-button{margin-left:auto;color:var(--canvas-soft);font-size:var(--text-ui)}.site-footer>span:last-child{font-size:var(--text-xs);letter-spacing:.6px}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin:8px 0;background:var(--surface);border:1px solid var(--error);border-left-width:4px;color:var(--error);font-size:var(--text-base)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.help-dialog{position:fixed;width:500px;max-width:calc(100% - 28px);max-height:calc(100dvh - 40px);padding:24px;background:var(--platinum);color:var(--ink);border:2px solid var(--chrome-indigo);border-top:8px solid var(--canvas);border-radius:var(--radius-sm);box-shadow:var(--bevel),6px 6px #21242e80}.help-dialog::backdrop{background:#21242ec4}.close-help{position:absolute;top:6px;right:6px}.help-dialog>.eyebrow{color:var(--ink-soft);font-size:var(--text-label);margin:4px 30px 12px 0}.help-dialog h2{font:900 2.8125rem/1.08 var(--display);color:var(--ink-soft);letter-spacing:-1px;margin-bottom:20px}.help-rule{display:flex;gap:12px;margin:14px 0;padding-top:12px;border-top:1px dotted var(--muted-indigo)}.help-rule>span{font-weight:700;font-size:var(--text-base);color:var(--ink-soft)}.help-rule h3{font-size:var(--text-base);margin-bottom:4px}.help-rule p{font-size:var(--text-base);line-height:1.5}.help-note{display:flex;gap:10px;padding:12px;margin:18px 0;background:var(--ice);color:var(--ink-soft);box-shadow:var(--inset)}.help-note svg{flex-shrink:0}.help-note p{font-size:var(--text-sm);line-height:1.4}.help-dialog>.button{width:100%}.invite-page{padding:12px 8px 28px;min-height:500px}.invite-hero{margin:12px 0;padding:20px;background-color:var(--lavender);background-image:repeating-linear-gradient(0deg,#ffffff10 0 1px,transparent 1px 4px);border:1px solid var(--chrome-indigo);box-shadow:var(--bevel)}.invite-hero .eyebrow{color:var(--ink-soft)}.invite-hero h1{font-size:3.75rem;margin:15px 0}.invite-hero p{font-size:var(--text-base);max-width:520px}.invite-details{display:flex;gap:20px;margin:16px 0}.invite-details span{display:flex;align-items:center;gap:6px;text-transform:capitalize;font-size:var(--text-sm)}.invite-page .settings-bar{border-top:1px solid var(--chrome-indigo)}.join-button{min-width:230px;margin-top:16px}.notice{display:flex;align-items:center;gap:10px;padding:12px;background:var(--ice);border:1px solid var(--chrome-indigo);box-shadow:var(--bevel);margin-top:12px;font-size:var(--text-base)}.notice svg{flex-shrink:0;color:var(--ink-soft)}.match-shell{padding:10px 8px 0;margin:auto;background:var(--canvas)}.match-shell:fullscreen{max-width:none;width:100%;height:100%;padding:12px 32px;display:flex;flex-direction:column;justify-content:center;overflow:auto}.match-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 8px;background:var(--canvas-soft);box-shadow:var(--bevel)}.match-topbar>.text-button{font-size:var(--text-ui)}.match-type{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;color:var(--ink-soft);font-size:var(--text-label);font-weight:700;letter-spacing:.5px}.match-type i,.network i{display:inline-block;width:3px;height:3px;background:var(--muted-indigo)}.match-tools{display:flex;gap:3px}.match-tools .icon-button{border:1px solid var(--hairline);background:var(--platinum);box-shadow:var(--bevel)}.match-tools .icon-button:hover{background:var(--amber)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:13px 12px;margin-top:8px;background:var(--carbon);background-image:var(--grille);background-size:3px 3px;border:1px solid var(--chrome-indigo);color:var(--surface);box-shadow:inset 1px 1px #ffffff40}.score-player{display:flex;align-items:center;gap:8px;min-width:0}.score-player>div{min-width:0}.score-player small{display:block;font-size:var(--text-xs);letter-spacing:.5px;color:var(--canvas-soft);margin-bottom:4px}.score-player strong{display:block;font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-player>b{font:900 3rem/1 var(--display);margin-left:auto;color:var(--ice)}.score-player.opponent{text-align:right}.score-player.opponent>b{margin-left:0;margin-right:auto;color:var(--lavender)}.score-center{text-align:center;min-width:118px;max-width:190px}.score-center small{display:block;font-size:var(--text-xs);color:var(--canvas-soft);letter-spacing:.5px;margin-bottom:3px}.score-center strong{font:900 1.875rem/1.2 var(--display);color:var(--surface)}.board-wrap{position:relative;overflow:hidden;border:5px solid var(--chrome-indigo);border-top-width:4px;background:var(--carbon);box-shadow:0 1px 0 var(--ice)}.game-canvas{display:block;width:100%;aspect-ratio:960 / 540;background:var(--carbon);cursor:crosshair;touch-action:none}.game-canvas.mouse-control{cursor:none}.match-shell:fullscreen .play-area{width:min(100%,calc((100dvh - 205px)*1.7778));margin:0 auto}.game-overlay{position:absolute;inset:0;display:flex;align-items:safe center;justify-content:center;padding:12px;background:#21242eb3;overflow:auto;z-index:2}.overlay-card{padding:20px 24px;width:460px;max-width:100%;background:var(--platinum);border:2px solid var(--chrome-indigo);border-top:7px solid var(--periwinkle);border-radius:var(--radius-xs);box-shadow:var(--bevel),5px 5px #0006;text-align:center}.overlay-card>.eyebrow{justify-content:center;font-size:var(--text-label);color:var(--ink-soft);margin-bottom:9px}.overlay-card h2{font:900 2.4375rem/1.1 var(--display);letter-spacing:-.7px;color:var(--ink-soft)}.overlay-card>p{font-size:var(--text-base);line-height:1.5;margin:10px 0 14px}.overlay-card>.button{width:100%}.overlay-icon{color:var(--chrome-indigo);width:30px;height:30px;margin-bottom:12px}.overlay-symbol{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 12px;background:var(--ice);border:1px solid var(--chrome-indigo);box-shadow:var(--bevel);color:var(--chrome-indigo)}.invite-copy{display:flex;align-items:center;gap:6px;padding:3px 4px 3px 9px;background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--inset)}.invite-copy input{min-width:0;flex:1;padding:8px 0;border:0;background:transparent;color:var(--ink-soft);font-size:var(--text-ui)}.invite-copy button{display:grid;place-items:center;height:32px;width:32px;background:var(--amber);border:1px solid var(--hairline);box-shadow:var(--bevel)}.copy-help{display:block;margin:7px 0 12px;font-size:var(--text-label);color:var(--ink-soft)}.ready-players{display:flex;justify-content:space-between;gap:10px;font-size:var(--text-ui);color:var(--ink-soft);margin-bottom:12px}.ready-players span{display:flex;align-items:center;gap:6px}.centered{display:flex;margin:8px auto 0}.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;background:#21242e55;color:var(--surface)}.countdown-overlay b{font:900 8.4375rem/1.2 var(--display);-webkit-text-stroke:2px var(--chrome-indigo);paint-order:stroke fill;text-shadow:5px 5px 0 var(--chrome-indigo);animation:count-in .3s ease-out}.countdown-overlay span{font-size:var(--text-ui);letter-spacing:3px;padding:4px 8px;background:var(--carbon)}.countdown-overlay.start-cue b{font-size:clamp(2.25rem,9vw,5rem)}@keyframes count-in{0%{transform:scale(1.15);opacity:.4}to{transform:scale(1);opacity:1}}.match-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;color:var(--ink);font-size:var(--text-label)}.match-footer>div{display:flex;align-items:center;gap:8px}.network{display:flex;align-items:center;gap:6px;font-size:var(--text-label);white-space:nowrap;color:var(--ink)}.network-bad{color:var(--error)}.key-group{display:flex;gap:3px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:21px;background:var(--platinum);border:1px solid var(--hairline);box-shadow:var(--bevel);border-radius:var(--radius-xs);font:var(--text-label) Arial,sans-serif}.mini-mouse{position:relative;width:11px;height:16px;border:1px solid var(--ink-soft);border-radius:5px}.mini-mouse:after{content:"";position:absolute;left:4px;top:3px;height:3px;width:1px;background:var(--ink-soft)}.touch-pad{position:relative;height:115px;overflow:hidden;background-color:var(--canvas-soft);background-image:radial-gradient(#3d4f9733 1px,transparent 1px);background-size:12px 12px;border-top:4px solid var(--chrome-indigo);box-shadow:var(--inset);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.touch-pad-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--ink-soft);pointer-events:none}.touch-pad-label span{font-size:var(--text-label);font-weight:700;letter-spacing:1px}.touch-pad-label small{font-size:var(--text-label)}.touch-thumb{position:absolute;width:45px;height:45px;border:1px solid var(--chrome-indigo);border-radius:50%;background:#acace780;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.pad-arrow{position:absolute;right:16px;top:15px;color:var(--ink-soft);pointer-events:none}@media(max-width:1275px){.app-shell{width:calc(100% - 24px);margin:12px auto}.left-rail{display:none}.site-header{gap:12px}.site-header nav{margin-left:0}.site-header nav button{padding-inline:10px;font-size:var(--text-sm)}.content-grid{grid-template-columns:minmax(0,1fr) 320px}.mode-card{padding-inline:10px}.mode-card-top,.mini-game{margin-inline:-10px}.mode-number{font-size:var(--text-xs)}.mode-card h3{font-size:1.875rem}.mode-card>p br{display:none}.duration-row>span{font-size:var(--text-xs)}.duration-row>span svg{display:none}.device-badge{font-size:var(--text-label)}.device-badge small,.system-label{font-size:var(--text-xs)}.club-strip .strip-note{display:none}}@media(max-width:1080px){.app-shell{width:calc(100% - 16px);padding-inline:5px;margin:8px auto}.app-shell>main:not(.match-shell){padding:6px}.masthead{padding-inline:10px}.masthead-status .system-label{display:none}.mascot-bubble{font-size:var(--text-ui);padding:5px 9px}.mascot-bubble small{font-size:var(--text-label)}.site-header{flex-wrap:wrap;padding:4px 10px;gap:0;min-height:54px}.site-header nav{display:none;width:100%;order:3;padding:4px 0;border-top:1px solid #ffffff33;margin-top:4px}.site-header nav.is-open{display:flex}.site-header nav button{flex:1;min-height:44px}.profile-badge{min-height:44px;padding-inline:8px}.profile-badge span{font-size:var(--text-label)}.menu-toggle{display:grid;place-items:center}.subnav-strip{min-height:29px;padding-inline:8px}.subnav-strip>div{display:none}.hero{padding:20px 18px;gap:16px}.hero h1{font-size:3.46875rem;letter-spacing:-1.6px}.hero-description{font-size:var(--text-sm)}.hero-actions>span{display:none}.hero .eyebrow{flex-wrap:wrap;font-size:var(--text-xs);gap:4px}.hero-art{padding:9px;margin-right:0}.court-caption,.court-caption b,.court-caption .preview-power{font-size:var(--text-xs)}.console-dpad{width:29px;height:29px}.console-buttons{gap:6px}.console-buttons i{width:17px;height:17px}.console-caption{font-size:var(--text-xs)}.content-grid{grid-template-columns:1fr}.mode-grid{gap:10px}.mode-card{padding:0 12px 12px}.mode-card-top,.mini-game{margin-inline:-12px}.mode-number{font-size:var(--text-ui)}.mode-card h3{font-size:2.4375rem}.mode-card>p{font-size:var(--text-base)}.mode-tags>span{font-size:var(--text-ui)}.mode-footnote{font-size:var(--text-ui);min-height:50px}.duration-row{min-height:50px}.duration-row>span{font-size:var(--text-label)}.duration-picker button{min-width:44px;min-height:44px;font-size:var(--text-ui)}.card-bottom>.button{font-size:var(--text-sm)}.button,.text-button{min-height:44px}.settings-bar{gap:12px;padding:12px}.player-name{flex:1;width:auto;padding-right:12px}.player-name input{min-height:44px;font-size:1.5rem}.setting-label{font-size:var(--text-label)}.segmented button{min-height:44px;padding-inline:10px;font-size:var(--text-sm)}.device-badge{display:none}.controller-note{font-size:var(--text-ui);align-items:flex-start;padding:8px 3px}.controller-note svg{margin-top:1px}.player-guide summary{min-height:44px;font-size:var(--text-base)}.action-rail{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rail-actions{margin:0;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:10px}.rail-actions button{min-height:44px}.leaderboard{grid-row:span 2}.info-box{margin:0;align-self:start}.board-tabs button{min-height:44px}.icon-button{width:44px;height:44px}.leaderboard-heading .icon-button{margin-right:-4px}.board-empty{min-height:175px}.club-note{flex-wrap:wrap;gap:8px}.club-note>div{flex:1}.club-note .text-button{margin-left:0}.site-footer{flex-wrap:wrap;gap:10px 14px}.site-footer>span:last-child{display:none}.match-shell{padding-inline:4px}.match-type{font-size:var(--text-xs)}.scoreboard{gap:12px;padding:12px}.score-player .avatar{display:none}.score-player small{font-size:var(--text-xs)}.score-player strong{font-size:var(--text-sm)}.score-center{min-width:100px}.score-center small{font-size:var(--text-xs)}.score-center strong{font-size:1.6875rem}.overlay-card{width:350px;padding:18px}.overlay-symbol,.key-group{display:none}.match-shell:not(.is-touch) .board-wrap{min-height:390px}.match-shell:not(.is-touch) .game-canvas{min-height:380px;object-fit:contain}}@media(max-width:780px){.masthead{min-height:61px;gap:8px;padding-inline:7px}.mascot-welcome{gap:10px}.paddle-mascot{width:25px;height:34px}.mascot-eyes{left:4px;top:8px}.mascot-bubble{font-size:var(--text-ui);padding:5px 8px}.mascot-bubble small{max-width:150px;font-size:var(--text-xs)}.server-status{font-size:var(--text-xs);gap:4px;margin:0}.live-dot{width:5px;height:5px}.logo{font-size:2.0625rem;padding-inline:8px}.profile-badge span{display:none}.profile-badge{width:44px}.hero{grid-template-columns:1fr;padding:18px 20px 22px;gap:23px}.hero h1{font-size:clamp(2.75rem,12vw,4.125rem);letter-spacing:-1.8px;margin:12px 0}.hero-description{font-size:var(--text-base)}.hero .eyebrow{font-size:var(--text-label)}.hero-actions{margin-top:12px}.hero-actions>span{display:block;font-size:var(--text-xs)}.hero-art{width:89%;max-width:300px;justify-self:center;transform:rotate(-5deg);padding:10px 12px 8px}.court-caption{font-size:var(--text-label)}.court-caption b,.court-caption .preview-power{font-size:var(--text-xs)}.club-strip{padding:7px;gap:5px}.club-strip>span{gap:4px;font-size:var(--text-xs);letter-spacing:0}.club-strip>span svg{width:11px;height:11px}.club-strip>i{display:none}.section-heading{padding:8px;flex-wrap:wrap}.section-heading>div{flex-shrink:0}.section-aside{font-size:var(--text-xs);gap:4px}.settings-bar{flex-wrap:wrap;gap:10px;padding:10px}.player-name{flex:auto;width:100%;border:0;border-bottom:1px dotted var(--muted-indigo);padding:0 0 10px}.control-setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;width:100%}.control-setting .setting-label{max-width:none;flex-basis:100%;margin:0;font-size:var(--text-xs);line-height:1.5}.segmented button{font-size:var(--text-ui);padding-inline:8px}.mode-grid{grid-template-columns:1fr;gap:10px}.mode-card{padding:0 14px 14px}.mode-card-top,.mini-game{margin-inline:-14px}.mode-card-top{padding-inline:12px}.mini-game{height:91px}.mini-game:after{font-size:3.9375rem;top:22px}.mini-game i{left:45px;top:17px;height:43px}.mini-game .cpu-paddle{right:42px;top:31px;height:43px}.mode-card h3{font-size:2.625rem}.mode-card>p{font-size:var(--text-base)}.mode-tags{margin:10px 0}.mode-footnote{min-height:45px}.duration-row{min-height:50px}.duration-row>span{font-size:var(--text-ui)}.duration-row>span svg{display:block}.panel-label>span{font-size:var(--text-xs)}.action-rail{display:flex;flex-direction:column;gap:10px}.rail-actions{gap:6px;grid-template-columns:1fr}.rail-actions button{padding:8px;font-size:var(--text-label);gap:5px}.rail-actions button svg{width:14px;height:14px}.leaderboard-heading{padding:6px 10px}.leaderboard-heading h3{font-size:1.3125rem}.leaderboard-heading .eyebrow{font-size:var(--text-label)}.board-tabs button{font-size:var(--text-sm)}.board-tabs svg{width:14px;height:14px}.board-columns{font-size:var(--text-label)}.board-empty{min-height:180px}.board-empty h4{font-size:1.3125rem}.board-empty p{font-size:var(--text-base)}.personal-best>span{font-size:var(--text-sm)}.personal-best small{font-size:var(--text-ui)}.board-footnote{font-size:var(--text-label)}.info-box{width:100%;padding:0 12px 12px}.info-box p{font-size:var(--text-base)}.info-box h3{font-size:var(--text-ui)}.club-note h3{font-size:var(--text-sm)}.club-note p{font-size:var(--text-ui)}.club-note .text-button{margin-left:34px}.club-note>div{min-width:calc(100% - 40px)}.site-footer{gap:8px 12px;padding:12px}.site-footer p{font-size:var(--text-xs)}.site-footer .text-button{margin-left:0}.help-dialog{padding:23px 18px 18px}.help-dialog h2{font-size:2.625rem}.help-dialog>.eyebrow{font-size:var(--text-xs);line-height:1.3}.help-rule{gap:10px}.invite-page{padding:8px 0 20px}.invite-hero{padding:16px 12px}.invite-hero h1{font-size:3.1875rem;letter-spacing:-1.5px}.invite-hero .eyebrow{font-size:var(--text-label)}.invite-details{flex-wrap:wrap;gap:12px}.invite-details span{font-size:var(--text-ui)}.join-button{width:100%}}@media(max-width:600px){.playing-header{display:none}.in-match .app-shell{width:100%;margin:0;padding:0 5px;border:0;box-shadow:none}.match-shell{padding:calc(6px + env(safe-area-inset-top)) 0 env(safe-area-inset-bottom)}.match-topbar{padding:2px 5px;gap:4px}.match-topbar>.text-button{font-size:var(--text-label);gap:4px}.match-topbar .text-button svg{width:14px}.match-type{font-size:var(--text-xs);letter-spacing:.3px;gap:4px}.match-tools{gap:2px}.match-tools .icon-button{width:44px;height:44px}.fullscreen-button{display:none}.scoreboard{margin-top:5px;padding:10px 7px;gap:10px}.score-player{gap:5px}.score-player strong{font-size:var(--text-sm);max-width:90px}.score-player small{font-size:var(--text-xs);letter-spacing:.2px;margin-bottom:3px}.score-player>b{font-size:2.4375rem}.score-center{min-width:70px;max-width:95px}.score-center small{font-size:var(--text-xs);letter-spacing:.3px}.score-center strong{font-size:1.40625rem}.board-wrap{border-width:3px}.game-canvas.portrait{height:max(230px,calc(100dvh - 340px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));width:auto;max-width:100%;aspect-ratio:540 / 960;margin:auto}.touch-pad{height:104px;border-top-width:3px}.match-footer{flex-wrap:wrap;justify-content:center;padding:8px 4px;gap:5px}.match-footer>div{text-align:center;font-size:var(--text-xs)}.network{font-size:var(--text-xs)}.overlay-card{width:320px;padding:20px 16px;margin:auto}.overlay-card h2{font-size:2.34375rem}.overlay-card>p{font-size:var(--text-base);margin:12px 0 16px}.overlay-card>.eyebrow{font-size:var(--text-xs)}.overlay-symbol{display:grid}.overlay-card .button{min-height:44px;font-size:var(--text-sm)}.invite-copy input{font-size:var(--text-ui)}.invite-copy button{min-width:44px;height:44px}.copy-help{font-size:var(--text-label)}.ready-players{font-size:var(--text-label);margin-bottom:16px}.countdown-overlay b{font-size:7.03125rem}.game-overlay{padding:12px}.match-shell:not(.is-touch) .board-wrap{min-height:440px}.match-shell:not(.is-touch) .game-canvas{min-height:434px}.match-shell:fullscreen{padding:6px}.match-shell:fullscreen .play-area{width:100%}}@media(max-width:380px){.masthead{gap:5px}.mascot-bubble small{max-width:117px}.server-status{max-width:70px;font-size:var(--text-xs)}.hero{padding-inline:15px}.hero h1{font-size:2.75rem}.club-strip>span{font-size:var(--text-xs);gap:3px}.section-aside{font-size:var(--text-xs)}.segmented button{padding-inline:6px;font-size:var(--text-label)}.rail-actions button,.match-type{font-size:var(--text-xs)}.score-player strong{max-width:66px;font-size:var(--text-ui)}.score-player small{font-size:var(--text-xs)}.scoreboard{gap:8px}.score-center{min-width:60px}}@media(max-height:600px)and (orientation:landscape){.playing-header{display:none}.in-match .app-shell{width:100%;margin:0;padding:0 12px;border:0;box-shadow:none}.match-shell{padding:4px 0}.match-topbar{min-height:44px;padding:0 6px}.match-topbar .text-button{min-height:44px}.match-tools .icon-button{width:44px;height:44px}.scoreboard{padding:5px 8px;margin-top:4px}.score-player .avatar{display:none}.score-player>b{font-size:2.25rem}.score-player strong{font-size:var(--text-ui)}.score-player small{font-size:var(--text-xs);margin-bottom:2px}.score-center strong{font-size:1.5rem}.score-center small{font-size:var(--text-xs)}.board-wrap{border-width:3px}.match-shell .play-area,.match-shell:fullscreen .play-area{width:min(100%,calc((100dvh - 145px)*1.7778));margin:auto}.is-touch .play-area{width:min(calc(100% - 150px),calc((100dvh - 145px)*1.7778));margin-left:4%;margin-right:auto}.is-touch .board-wrap{overflow:visible}.touch-pad{position:absolute;left:calc(100% + 14px);bottom:0;width:125px;height:100%;border:1px solid var(--chrome-indigo)}.touch-pad-label span{font-size:var(--text-xs);letter-spacing:.5px}.touch-pad-label small{font-size:var(--text-xs);text-align:center;padding:0 10px;line-height:1.4}.pad-arrow{display:none}.match-footer{padding:7px 0;font-size:var(--text-xs)}.match-footer>div{font-size:var(--text-xs)}.overlay-card{padding:12px 16px;max-width:340px}.overlay-card h2{font-size:1.96875rem}.overlay-card>.eyebrow{font-size:var(--text-xs);margin-bottom:5px}.overlay-card>p{font-size:var(--text-ui);margin:7px 0 10px}.overlay-symbol,.overlay-icon{display:none}.overlay-card .button{min-height:44px;font-size:var(--text-ui)}.invite-copy input{padding-block:5px;font-size:var(--text-label)}.invite-copy button{width:44px;height:44px}.copy-help{font-size:var(--text-xs);margin:5px 0 8px}.ready-players{font-size:var(--text-xs);margin-bottom:8px}.centered{margin:5px auto 0;padding:2px}.game-overlay{padding:8px}.match-shell:not(.is-touch) .board-wrap,.match-shell:not(.is-touch) .game-canvas,.match-shell:not(.is-touch) .game-overlay{min-height:0}.countdown-overlay b{font-size:5.25rem}.countdown-overlay span{font-size:var(--text-xs)}}@media(pointer:coarse){.button,.text-button,.profile-badge,.segmented button,.duration-picker button,.board-tabs button,.rail-actions button,.subnav-strip button,.player-guide summary,.player-name input{min-height:44px}.icon-button,.invite-copy button,.duration-picker button{min-width:44px;min-height:44px}.left-rail{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}