@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal.Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#111c18;--ink:#e6ebdc;--muted:#9da58f;--lime:#d9f078;--line:#2e3c31;--court:#172e25;--font:"DM Sans Variable", sans-serif;--display:"Space Grotesk Variable", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a,button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #6d8b28}::selection{background:var(--lime);color:var(--ink)}.site-wrap{max-width:1360px;margin:auto;padding:0 64px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;height:104px}.brand,.brand-icon,.local-badge,.site-header{align-items:center;display:flex}.brand{font-family:var(--display);letter-spacing:-1.7px;gap:10px;font-size:31px;font-weight:700}.brand-dot{color:#7c9340;margin-left:-8px}.brand-icon{justify-content:space-between;width:25px;height:25px;margin-right:1px}.brand-icon i{background:var(--ink);width:4px;height:23px}.brand-icon b{background:var(--ink);width:6px;height:6px}.eyebrow,.header-tag,.local-badge,.micro,.preview-bottom,.preview-caption,.preview-coordinate,.preview-live,.site-footer,.start-note{font-family:var(--display);letter-spacing:1.4px;font-size:10px;font-weight:500}.header-tag{color:#9ba58c;margin-left:30px;font-size:10px}.local-badge{border:1px solid var(--line);letter-spacing:1px;border-radius:30px;gap:8px;padding:9px 13px;font-size:9px}.eyebrow>span,.live-status>span,.local-badge>span,.preview-live>span{background:#6e8c3d;border-radius:50%;width:6px;height:6px;display:inline-block}.intro{padding:56px 0 38px;position:relative}.eyebrow{letter-spacing:1.7px;align-items:center;gap:10px;font-size:10px;display:flex}.intro h1{font-family:var(--display);letter-spacing:-3.5px;margin:22px 0 18px;font-size:calc(clamp(46px,4.7vw,66px));font-weight:500;line-height:1.08;display:inline-block;position:relative}.intro h1>span{z-index:0;position:relative}.intro h1>span:after{content:"";z-index:-1;background:#d9f07826;height:16px;position:absolute;bottom:5px;left:-3px;right:-5px;transform:rotate(-1.4deg)}.intro p{color:#a3ae95;margin:0;font-size:14px;line-height:1.8}.mobile-break{display:none}.headline-star{stroke:#7f9744;stroke-width:2px;width:47px;height:47px;position:absolute;top:24px;right:-93px}.start-layout{grid-template-columns:1.25fr 1fr;align-items:stretch;gap:44px;display:grid}.preview-panel{background:var(--court);color:#d5e1cf;background-image:radial-gradient(at 50% 40%,#25443755,#0000 70%);border-radius:7px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 14px #12271f0a}.preview-top{border-bottom:1px solid #bad8b71b;justify-content:space-between;margin:0 24px;padding:22px 0 17px;display:flex}.preview-top .micro{letter-spacing:1.6px;color:#99ac94;font-size:8px}.preview-live{letter-spacing:1px;align-items:center;gap:7px;font-size:7px;display:flex}.preview-live>span{background:var(--lime);width:4px;height:4px}.preview-court{flex:1;min-height:244px;margin:0 24px;position:relative}.preview-score{font-family:var(--display);color:#d6e0bf1f;justify-content:center;gap:61px;font-size:63px;font-weight:500;line-height:1;display:flex;position:absolute;top:14px;left:0;right:0}.preview-center{border-left:1px dashed #d2e4c92b;position:absolute;top:15px;bottom:17px;left:50%}.preview-circle{border:1px solid #c9ddbd18;border-radius:50%;width:86px;height:86px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-paddle{border-radius:1px;width:9px;height:60px;position:absolute;top:39%}.preview-paddle.left{background:var(--lime);left:21px;box-shadow:0 0 22px #d9f07820}.preview-paddle.right{background:#d8e2c9;top:27%;right:21px}.preview-ball{background:var(--lime);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:63%;box-shadow:0 0 18px #d9f07855}.preview-ball-trail{transform-origin:100%;background:linear-gradient(90deg,#0000,#d9f07888);width:62px;height:1px;position:absolute;top:calc(50% + 6px);left:calc(63% - 58px);transform:rotate(-28deg)}.preview-coordinate{color:#8c9c85;font-size:8px;position:absolute;bottom:14px;left:0}.preview-caption{letter-spacing:1.2px;text-align:right;color:#92a38a;font-size:7px;line-height:1.8;position:absolute;bottom:14px;right:0}.preview-bottom{letter-spacing:1.4px;color:#92a38a;border-top:1px solid #bad8b71b;justify-content:space-between;margin:0 24px;padding:15px 0 17px;font-size:7px;display:flex}.tiny-cross{vertical-align:-1px;color:#bdd17a;margin-right:5px;font-size:12px}.preview-bottom>span:last-child .tiny-cross{margin-left:5px;margin-right:0}.setup-panel{padding:3px 0 0}.section-heading{justify-content:space-between;margin-bottom:14px;display:flex}.micro{letter-spacing:1.5px;font-size:9px}.muted{color:#8e9485}.setup-panel h2{font-family:var(--display);letter-spacing:-1.1px;margin:0 0 5px;font-size:28px;font-weight:500}.setup-description{color:#a1ab94;margin:0 0 21px;font-size:12px}.mode-options{border:0;gap:10px;margin:0;padding:0;display:grid}.mode-card{border:1px solid var(--line);cursor:pointer;border-radius:5px;align-items:center;gap:14px;min-height:76px;padding:14px 17px;transition:background .2s,border-color .2s;display:flex;position:relative}.mode-card:hover{border-color:#93a06d}.mode-card.selected{background:#273722;border-color:#83965a}.mode-card:focus-within{outline-offset:3px;outline:3px solid #8b9f57}.mode-card input{opacity:0;width:1px;height:1px;position:absolute}.mode-icon{flex-shrink:0;width:31px}.mode-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.mode-copy{flex-direction:column;gap:5px;display:flex}.mode-copy strong{font-size:13px;font-weight:600}.mode-copy>span{color:#a3ad91;font-size:10px}.radio-indicator{border:1px solid #64734e;border-radius:50%;flex-shrink:0;width:15px;height:15px;margin-left:auto}.selected .radio-indicator{border-color:#c3d88a;place-items:center;display:grid}.selected .radio-indicator:after{content:"";background:#d9f078;border-radius:50%;width:7px;height:7px}.button{border-radius:4px;justify-content:space-between;align-items:center;gap:40px;padding:17px 22px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:flex}.button:hover{transform:translateY(-1px)}.primary{background:var(--lime);color:#182e29}.primary:hover{background:#cbe564}.button>span{font-size:21px;font-weight:400;line-height:1}.start-button{width:100%;margin-top:18px}.start-note{color:#929789;letter-spacing:.1px;gap:7px;margin:12px 0 0;font-size:9px;display:flex}.start-note>span{color:#8d9c6b;font-size:13px}.how-to{border-top:1px solid var(--line);grid-template-columns:1.15fr 1fr 1.15fr 1fr;gap:25px;margin-top:46px;padding:31px 0 42px;display:grid}.how-to-title .micro{color:#8b927e;font-size:8px}.how-to-title h2{font-family:var(--display);letter-spacing:-.6px;margin:12px 0 0;font-size:21px;font-weight:500;line-height:1.2}.instruction-number{font-family:var(--display);letter-spacing:1px;color:#9ba38d;font-size:10px}.instruction h3{margin:12px 0 9px;font-size:12px;font-weight:600}.instruction p{color:#9da78d;margin:0;font-size:10px;line-height:2}kbd{font-family:var(--display);color:#c0cba9;vertical-align:0;letter-spacing:0;background:#253326;border:1px solid #45523a;border-bottom-width:2px;border-radius:3px;justify-content:center;align-items:center;min-width:19px;height:21px;padding:0 4px;font-size:9px;display:inline-flex}.instruction kbd{min-width:17px;height:17px;font-size:8px}.site-footer{border-top:1px solid var(--line);letter-spacing:-.3px;justify-content:space-between;align-items:center;padding:24px 0 28px;font-size:12px;font-weight:600;display:flex}.site-footer .brand-dot{margin:0}.footer-subtitle{letter-spacing:1.1px;color:#969b8a;margin-left:15px;font-size:8px;font-weight:400}.site-footer>span:last-child{letter-spacing:1px;color:#929985;align-items:center;gap:12px;font-size:8px;font-weight:400;display:flex}.footer-star{color:#7f9349;font-size:19px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-shell{max-width:1100px;margin:auto;padding:30px 0 45px}.game-toolbar{justify-content:space-between;align-items:center;display:flex}.text-button{color:#acb79c;background:0 0;align-items:center;gap:9px;padding:7px 0;font-size:11px;display:inline-flex}.text-button:hover{color:var(--ink)}.text-button>span{font-size:18px}.game-mode{color:#8b927e}.live-status{color:#7a8370;align-items:center;gap:8px;font-size:10px;display:flex}.live-status>span{background:#9aa28b}.live-status>span.active{background:#809644}.scoreboard{justify-content:space-between;padding:27px 28px 25px}.player,.score,.scoreboard{align-items:center;display:flex}.player{flex:1;gap:14px}.player-right{text-align:right;justify-content:flex-end}.player-marker{background:#9db34f;border-radius:1px;width:5px;height:29px}.player-marker.pale{background:#adbaa4}.player .micro{color:#8c947e;font-size:8px}.player h2{margin:5px 0 0;font-size:18px}.countdown-overlay>strong,.modal-overlay h2,.player h2,.score{font-family:var(--display);font-weight:500}.score{font-variant-numeric:tabular-nums;gap:21px;font-size:56px;line-height:1}.score-divider{color:#c0c7af;font-size:28px;transform:translateY(-3px)}.court{aspect-ratio:16/9;background-color:var(--court);background-image:radial-gradient(#2a49354d,#0000 80%),repeating-linear-gradient(0deg,#0000,#0000 3px,#00000007 0 4px);border:1px solid #233d30;border-radius:4px;width:100%;position:relative;overflow:hidden}.court canvas{width:100%;height:100%;display:block}.court-overlay{color:#e2e9d4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.court-overlay .micro{color:#c0ccaa;letter-spacing:2px;font-size:10px}.countdown-overlay{background:#152e2822}.countdown-overlay>strong{color:var(--lime);font-size:90px;line-height:1}.countdown-overlay>span:last-child{color:#a7b49b;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10271fe8}.modal-overlay h2{letter-spacing:-1.7px;margin:0;font-size:calc(clamp(24px,4vw,45px))}.modal-overlay p{color:#a7b49b;margin:0 0 12px;font-size:12px}.compact{padding:13px 22px;font-size:12px}.court-corner{border-style:solid;border-color:#a5b98455;width:9px;height:9px;position:absolute}.top-left{border-width:1px 0 0 1px;top:13px;left:13px}.top-right{border-width:1px 1px 0 0;top:13px;right:13px}.bottom-left{border-width:0 0 1px 1px;bottom:13px;left:13px}.bottom-right{border-width:0 1px 1px 0;bottom:13px;right:13px}.match-strip{border-bottom:1px solid var(--line);color:#b1bd9d;font-family:var(--display);font-variant-numeric:tabular-nums;justify-content:space-between;padding:17px 0;font-size:12px}.game-controls,.keys-hint,.match-strip,.match-strip>span{align-items:center;display:flex}.match-strip>span{gap:12px}.match-strip .micro{color:#8a937c;font-size:8px}.game-controls{justify-content:space-between;padding-top:19px}.keys-hint{color:#8a937c;gap:5px;font-size:10px}.keys-hint>span{margin-left:6px}.key-separator{background:var(--line);width:1px;height:16px;margin:0 9px 0 14px!important}.control-actions{gap:26px;display:flex}.control-actions kbd{padding:0 6px;font-size:8px}@media (width>=1450px){.site-wrap{padding:0 80px}.intro{padding-top:65px}.start-layout{gap:56px}.preview-court{min-height:270px}.how-to{margin-top:52px}}@media (width<=1000px){.site-wrap{padding:0 35px}.start-layout{grid-template-columns:1.05fr 1fr;gap:28px}.header-tag{font-size:8px}.intro h1{font-size:55px}.preview-court,.preview-top{margin:0 18px}.preview-top .micro{font-size:7px}.preview-live{font-size:6px}.preview-bottom{margin:0 18px;font-size:6px}.how-to{grid-template-columns:1fr 1fr;gap:28px 35px}.mode-card{gap:10px;padding:13px 12px}.mode-copy>span{font-size:9px}.mode-copy strong{font-size:12px}}@media (width<=700px){.site-wrap{padding:0 22px}.site-header{height:82px}.footer-subtitle,.game-mode,.header-tag{display:none}.brand{font-size:27px}.local-badge{font-size:8px}.intro{padding:37px 0 30px}.intro h1{letter-spacing:-2.7px;margin-top:20px;font-size:46px}.intro p{font-size:12px}.headline-star{width:31px;height:31px;top:18px;right:-46px}.start-layout{grid-template-columns:1fr;gap:28px}.preview-panel{min-height:290px}.preview-court{min-height:190px}.preview-top .micro{font-size:8px}.preview-bottom,.preview-live{font-size:7px}.setup-panel{padding-top:0}.mode-copy>span{font-size:11px}.mode-copy strong{font-size:14px}.mode-card{gap:16px;padding:17px}.how-to{gap:27px 15px;margin-top:32px;padding:25px 0 32px}.instruction p{font-size:9px}.site-footer{padding:20px 0}.site-footer>span:last-child{gap:8px;font-size:6px}.game-shell{padding:20px 0 30px}.scoreboard{padding:20px 0}.player h2{font-size:13px}.player{gap:7px}.player .micro{font-size:6px}.player-marker{width:4px;height:22px}.score{gap:9px;font-size:39px}.score-divider{font-size:22px}.game-controls{flex-direction:column;align-items:flex-start;gap:15px}.keys-hint{font-size:9px}.control-actions{justify-content:space-between;width:100%}.court-overlay,.match-strip>span{gap:6px}.countdown-overlay>strong{font-size:60px}.court-overlay .micro{font-size:8px}.countdown-overlay>span:last-child{font-size:9px}.modal-overlay p{margin:0 0 4px;font-size:10px}.compact{padding:9px 16px;font-size:10px}.match-strip{padding:13px 0;font-size:11px}.match-strip .micro{font-size:6px}}.difficulty-options{border:0;min-width:0;margin:22px 0 0;padding:0}.difficulty-options legend{color:#a3ae95;margin-bottom:10px}.difficulty-choices{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.difficulty-choices label{cursor:pointer;border:1px solid var(--line);text-align:center;border-radius:4px;padding:11px 3px;font-size:12px;position:relative}.difficulty-choices label.selected{color:var(--lime);background:#273722;border-color:#83965a}.difficulty-choices label:focus-within{outline-offset:3px;outline:3px solid #8b9f57}.difficulty-choices input{opacity:0;width:1px;height:1px;position:absolute}.difficulty-description{color:#a3ae95;margin:10px 0 0;font-size:10px;line-height:1.6}.player-settings{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.setup-field{color:#b9c4ab;flex-direction:column;flex:120px;gap:8px;min-width:0;font-size:11px;display:flex}.setup-field input,.setup-field select{width:100%;min-width:0;font:inherit;color:var(--ink);background:#1d2b22;border:1px solid #516044;border-radius:4px;padding:12px;font-size:13px}.setup-field input:focus-visible,.setup-field select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.setup-help{color:#a3ae95;font-size:11px;line-height:1.7}.highscores{border-top:1px solid var(--line);margin-top:38px;padding-top:28px}.highscores .section-heading{flex-wrap:wrap;align-items:center;gap:15px}.highscores h2{font-family:var(--display);margin:0;font-size:24px;font-weight:500}.highscore-empty{color:#b9c4ab;padding:20px 0;font-size:13px}.score-table-wrap{overflow-x:auto}.highscores table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.highscores td,.highscores th{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:14px 12px}.highscores thead{color:#a3ae95;font-size:10px}.storage-notice{color:var(--lime);font-size:12px;line-height:1.7}.keys-hint>span,.player h2{overflow-wrap:anywhere}.player,.player>div{min-width:0}body{background-color:var(--ambient-page,var(--bg));min-height:100vh}.court,.preview-panel{background-color:var(--ambient-court,var(--court))}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}body{background-color:var(--bg)}.court,.preview-panel{background-color:var(--court)}}body:has(.mobile-game){overflow:hidden}:is(.site-wrap:has(.mobile-game)>.site-footer,.site-wrap:has(.mobile-game)>.site-header){display:none}.mobile-game{--touch-width:56px;z-index:20;width:100%;max-width:none;height:100dvh;padding:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0;display:flex;position:fixed;inset:0}.mobile-game .game-controls,.mobile-game .game-toolbar,.mobile-game .match-strip,.mobile-game .player .micro,.mobile-game .player-marker{display:none}.mobile-game .scoreboard{flex-shrink:0;gap:10px;width:100%;height:44px;padding:0 82px 0 4px}.mobile-game .player h2{white-space:nowrap;text-overflow:ellipsis;max-width:28vw;margin:0;font-size:13px;overflow:hidden}.mobile-game .score{gap:10px;font-size:30px}.mobile-pause{top:calc(6px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));border:1px solid var(--line);border-radius:6px;justify-content:center;min-width:72px;min-height:44px;position:absolute}.mobile-game .play-area{grid-template-columns:var(--touch-width) minmax(0,1fr) var(--touch-width);width:min(100%,16px + 16 * (100dvh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 9 + 2 * var(--touch-width));align-items:stretch;gap:8px;min-height:0;display:grid}.mobile-game .play-area.solo{grid-template-columns:var(--touch-width) minmax(0,1fr);width:min(100%,8px + 16 * (100dvh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 9 + var(--touch-width))}.touch-control{touch-action:none;-webkit-user-select:none;user-select:none;min-width:56px;color:var(--ink);background:#243b2c;border:1px solid #516044;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;overflow:hidden}.touch-control>span{text-overflow:ellipsis;white-space:nowrap;max-width:48px;font-size:11px;overflow:hidden}.touch-control strong{color:var(--lime);font-size:34px;font-weight:400}.touch-control small{color:var(--muted);font-size:10px}.mobile-game .court-overlay{gap:8px;padding:8px}.mobile-game .modal-overlay p{margin:0}.mobile-game .modal-overlay h2{overflow-wrap:anywhere;max-width:100%;font-size:24px}.mobile-game .countdown-overlay>strong{font-size:54px}.mobile-game button{min-width:44px;min-height:44px}.pause-actions{gap:20px;display:flex}.rotate-notice{z-index:5;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.rotate-notice>span{color:var(--lime);font-size:60px}.connection-card h2,.rotate-notice h2{font-family:var(--display);font-weight:500}.rotate-notice p{color:var(--muted);margin:0 0 24px}@media (any-pointer:coarse){.difficulty-choices label,.mode-card,.setup-field input,.setup-field select{min-height:44px}.setup-field input,.setup-field select{font-size:16px}}@media (width>=1000px) and (height>=600px){.mobile-game{--touch-width:calc(clamp(80px, 8vw, 96px))}.mobile-game .touch-control>span{max-width:calc(-12px + var(--touch-width));font-size:13px}.mobile-game .touch-control strong{font-size:44px}.mobile-game .touch-control small{font-size:13px}.mobile-game .player h2{font-size:18px}}.pwa-controls{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.pwa-controls button{min-height:44px}.pwa-install-help{max-width:640px;color:var(--muted);margin-top:12px;font-size:12px;line-height:1.7}.pwa-install-help summary{cursor:pointer;min-height:44px;color:var(--ink);padding:12px 0}.pwa-install-help summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.pwa-update{color:var(--ink);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;font-size:13px;display:flex}.connection-lock{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:var(--ink);background:#0d1815eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.connection-card{background:#17251d;border:1px solid #526240;border-radius:8px;width:min(100%,480px);padding:32px;box-shadow:0 24px 80px #0005}.connection-card h2{letter-spacing:-1px;margin:16px 0;font-size:30px}.connection-card p{color:#b5bfa7;font-size:14px;line-height:1.8}.connection-card .button{margin-top:24px}