:root{font-family:ui-rounded,'Trebuchet MS',Arial,'Microsoft YaHei',sans-serif;color:#284c52;background:#f2f8ee;font-size:16px;--teal:#197d89;--line:#c8dcd3;--cream:#fffbed;--pink:#f6b0a8;--muted:#63817c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0,#ffe7b9 0,transparent 40%),radial-gradient(ellipse at 0 35%,#d4f0e6 0,transparent 50%),#f4f8ee}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:default}a{color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #e5a043;outline-offset:4px}button,input,select{min-height:44px}button{border:0;background:none}.icon{width:23px;height:23px;flex:none;vertical-align:middle}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(24px,calc((100vw - 1260px)/2));border-bottom:1px solid #cbded2;background:#fffdf3e8;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#294e48;font-weight:900;font-size:22px;white-space:nowrap}.brand small{display:block;font-size:11px;letter-spacing:.8px;color:#748d7d;margin-top:2px}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-6deg)}.brand-mark i{background:#7bc6af;border-radius:5px;border:1px solid #406f5e55;box-shadow:0 2px #578d6b2a}.brand-mark i:nth-child(2){background:#f4c766}.brand-mark i:nth-child(3){background:#eda6ad}.brand-mark i:nth-child(4){background:#96badc}.lobby-nav,.top-tools{display:flex;align-items:center;gap:10px}.lobby-nav button{font-size:15px;font-weight:700;padding:0 12px;color:#58756f}.lobby-nav .nav-active{color:#217378;background:#e9f3e8;border-radius:14px}.top-tools select{border:1px solid #d3ddd0;border-radius:13px;padding:0 6px;background:#fffef5;font-size:14px;color:#516f66;width:68px}.icon-button{width:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfddcd;background:#fffdf3;box-shadow:0 3px #dce5d3}.profile-button{display:flex;gap:8px;align-items:center;max-width:180px;border:1px solid #cbded3;border-radius:16px;padding:6px 12px;background:#e7f4ec;font-size:14px;font-weight:800}.profile-button .profile-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100px}.profile-button small{display:block;color:#759079;font-weight:500;font-size:11px}.avatar{width:30px;height:30px;background:linear-gradient(#8cdbe2,#42b5c5);border:2px solid #346e79;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:5px;flex:none;box-shadow:0 2px #b7dacf}.avatar:before,.avatar:after{content:'';width:4px;height:6px;background:#254d64;border-radius:50%;border-top:2px solid white}.button{min-height:52px;border:2px solid #245964;border-radius:18px;padding:12px 22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 5px #1d5c6533;transition:transform .15s,box-shadow .15s}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #1d5c6533}.button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #1d5c6533}.primary{background:linear-gradient(#4cc2cb,#279cab);color:#fff;text-shadow:0 1px #267987}.secondary{background:linear-gradient(#fff7d6,#ffe6a7);border-color:#ae8c45;color:#655728;box-shadow:0 5px #bf9e4240}.compact{min-height:44px;padding:8px 18px;border-radius:14px;font-size:15px}.pill-button{border:1px solid #9bb7a8;background:#f1f7e9;border-radius:14px;padding:5px 13px;display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:14px}.text-button{color:var(--teal);display:flex;gap:6px;align-items:center;font-size:14px;font-weight:bold}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2.4px;color:#76917c;margin:0 0 9px}h1,h2,h3,p{margin-top:0}h2{font-size:23px;line-height:1.18}p{line-height:1.6}#lobby{max-width:1200px;margin:0 auto;padding:30px 28px 15px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:25px;min-height:360px}.hero-copy h1{font-size:clamp(32px,3.8vw,52px);letter-spacing:-1.8px;line-height:1.03;margin:10px 0 15px;text-shadow:0 3px #fff}.hero-copy h2{font-size:23px;margin-bottom:17px;color:#62866f}.intro{max-width:510px;color:#5a7970;font-size:16px;line-height:1.7;margin-bottom:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#75907c;font-size:12px;font-weight:800}.hero-facts .icon{width:17px;height:17px;margin-right:4px;color:#ce7b76}.hero-art{position:relative;isolation:isolate;height:350px;display:grid;place-items:center}.hero-art:before{content:'';position:absolute;inset:15px 5px;border-radius:45% 55% 50% 45%;background:linear-gradient(140deg,#d5efe1,#fff3c9);border:2px dashed #a7c9a455;z-index:-1;transform:rotate(-4deg)}#heroCanvas{width:100%;height:100%;object-fit:contain}.art-badge{position:absolute;top:4px;right:12px;transform:rotate(5deg);background:#fff6d9;border:2px solid #c6a25d;padding:9px 15px;border-radius:13px;font-size:12px;font-weight:800;box-shadow:0 4px #c5ac7644}.art-sticker{position:absolute;bottom:5px;left:28px;transform:rotate(-3deg);background:#fffdf2;border:1px solid #bdd2b1;padding:10px 14px;border-radius:14px;font-size:12px;font-weight:800;box-shadow:0 4px #c5d4ba55}.card{border:1.5px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fffef6,#fffbed);box-shadow:0 5px #cbdac344;padding:22px}.rooms-panel{margin-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{margin:0}.section-heading .eyebrow{font-size:9px}.join-row{display:flex;gap:10px;align-items:center;background:#edf5e9;border:1px solid #d7e4cf;border-radius:17px;padding:10px 14px;font-size:14px}.join-row label{font-weight:700;white-space:nowrap;margin-right:auto}.join-row input{border:1px solid #c8d6ba;border-radius:12px;background:white;min-width:0;width:165px;font-size:15px;letter-spacing:2px;padding:9px 12px;text-transform:uppercase;color:#275866}.room-list{margin-top:12px}.empty-rooms{font-size:14px;color:#789077;text-align:center;margin:20px 0 8px}.room-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed #d5e0c9}.room-item:last-child{border:0}.room-item strong{display:block;overflow-wrap:anywhere}.room-item small{font-size:12px;color:#7a8f78}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.lower-grid h2{font-size:19px;margin-bottom:10px}.lower-grid p{color:#708974;font-size:14px;margin-bottom:8px}.mini-icon{float:left;color:#e5a84d;margin-right:12px}.pace-dots{display:flex;gap:7px;margin-top:16px}.pace-dots i{display:block;width:30px;height:7px;border-radius:8px;background:#d8e5ce}.pace-dots i.active,.pace-card .pace-dots i{background:#67b99b}.pace-card .pace-dots i:nth-child(2){background:#95bd78}.pace-card .pace-dots i:nth-child(3){background:#d5c36e}.pace-card .pace-dots i:nth-child(4){background:#e5ad6b}.pace-card .pace-dots i:nth-child(5){background:#e88e85}.bonuses{display:flex;gap:14px}.bonus{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.bonus-visual{width:42px;height:42px;border-radius:13px;border:2px solid #6a89ad;display:grid;place-items:center;box-shadow:0 3px #91b1c455;background:linear-gradient(#b2ddfb,#80b9e9);color:#325c8a;flex:none}.bonus-visual.split{border-color:#9b74b2;background:linear-gradient(#e2cafa,#bfa2df);color:#704788}.bonus-visual.triple{border-color:#b39441;background:linear-gradient(#ffe6a4,#ffcf6c);color:#8b6c24;font-weight:900;font-size:19px}.bonus strong{display:block;font-size:12px;margin-bottom:3px}.bonus small{display:block;font-size:11px;line-height:1.4;color:#788d7a}.page-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:28px 0 5px;font-size:11px;color:#81947d;flex-wrap:wrap}.page-footer button{font-size:12px;color:#577c69}.page-footer a{color:#738e77}.room-mode{height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#e5f5da,#b8d9bf 70%,#91b9a8)}.room-mode .topbar{height:60px;padding-top:5px;padding-bottom:5px;background:#fffbece8}.room-mode .lobby-nav{display:none}.room-mode .brand small{font-size:10px}.room-mode #profileButton{display:none}.room-mode #language{opacity:.65}.room-mode #roomView{height:calc(100dvh - 60px);display:flex;flex-direction:column;max-width:1500px;margin:auto;padding:8px 18px 6px}.match-top{display:flex;align-items:center;gap:12px;justify-content:center;min-height:42px;margin-bottom:5px}.player-hud{display:flex;align-items:center;gap:15px;min-height:42px;font-size:13px;flex-wrap:wrap}.player-hud strong{font-size:14px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-hud .score{font-weight:900;color:#367a78;font-size:18px}.player-hud .lives{display:flex;gap:3px;color:#dd8f8c;align-items:center;font-size:14px;font-weight:bold}.player-hud .lives .icon{width:17px;height:17px;fill:#efa6a1;stroke:#bc7371;stroke-width:1.5}.player-hud .lives .lost-heart{opacity:.2}.code-badge{font-size:11px;background:#fff9e7;border:1px solid #b8caaa;border-radius:12px;padding:4px 10px;min-height:34px;letter-spacing:1px;color:#61745b}.own{align-self:center;background:#fffced;border:1px solid #b6ccb3;padding:6px 15px;border-radius:17px;margin-top:7px;flex-wrap:nowrap}.life-meter{font-size:10px;color:#69816b;min-width:130px}.meter-track{height:5px;background:#dfe7cd;border-radius:6px;margin-top:5px;overflow:hidden}.meter-track i{display:block;height:100%;background:linear-gradient(90deg,#65bea2,#a2c675);border-radius:6px;transition:width .2s}.control-hint{text-align:center;font-size:11px;color:#66826d;margin:5px 0 0;line-height:1.2}.room-body{min-height:0;flex:1;display:grid;grid-template-columns:minmax(140px,210px) minmax(0,700px) minmax(140px,210px);justify-content:center;gap:25px;align-items:center}.arena-wrap{position:relative;min-height:0;height:100%;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}#arena{display:block;height:100%;max-width:100%;width:auto;aspect-ratio:800/1040;touch-action:none;outline:0;border-radius:22px;box-shadow:0 8px 0 #477d6f33,0 20px 45px #34665235}.side-panel .card{padding:18px;background:#fffceeeb;box-shadow:0 5px #95b39b44}.side-panel h2{font-size:20px;margin-bottom:12px}.side-panel .eyebrow{font-size:10px;letter-spacing:1.3px}.side-panel p{font-size:12px}.quiet-note{color:#557960;font-size:12px;padding:15px 12px;line-height:1.6}.vertical{flex-direction:column;gap:20px}.vertical strong{font-size:13px}.vertical small{font-size:11px}.side-art{padding-top:24px;text-align:center;color:#60a38a}.side-art .icon{width:95px;height:95px;stroke-width:1;fill:#f4dd8f;stroke:#a8914b}.side-art:after{content:'';display:block;margin:12px auto 0;width:80px;height:7px;background:#cadcb4;border-radius:50%}.arena-panel{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,90%);max-height:95%;overflow:auto;border:3px solid #3c6c68;border-radius:28px;background:linear-gradient(#fffceb,#fff1cc);text-align:center;padding:24px 18px;box-shadow:0 9px #356f6755,0 0 0 500px #173c3d3d;backdrop-filter:blur(5px)}.arena-panel h2{font-size:27px;margin:8px 0 12px}.arena-panel p{font-size:14px;color:#6c806a}.arena-panel .icon.main-icon{width:60px;height:60px;color:#d7a348;fill:#ffe19c}.arena-panel .button{display:flex;width:100%;margin-top:14px;font-size:14px;min-height:48px}.room-code{font-size:34px;letter-spacing:5px;font-weight:900;margin:16px 0}.waiting-players{font-size:14px;color:#62806f;margin-top:15px}.result-score{font-size:36px;font-weight:900;color:#23838d;margin:14px}.practice-panel{position:absolute;top:9%;left:50%;transform:translateX(-50%);width:min(355px,92%);border:2px solid #83a88d;background:#fffceeef;border-radius:23px;padding:14px 17px;text-align:center;box-shadow:0 7px #437e722d}.practice-panel h2{font-size:20px;margin:6px 0}.practice-panel p{font-size:13px;line-height:1.45;margin:8px 0;color:#66816e}.practice-panel .practice-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#7f927b;font-weight:800;align-items:center}.practice-panel .practice-top button{min-height:32px;font-size:11px;text-decoration:underline}.practice-panel .button{min-height:40px;font-size:13px;padding:7px 16px;border-radius:13px}.arena-toast{position:absolute;z-index:3;top:44%;left:50%;transform:translate(-50%,-50%);color:#fff;border:2px solid #fff3cd;background:#dc9273;border-radius:18px;font-size:25px;font-weight:900;padding:10px 22px;box-shadow:0 6px #567f4c44;white-space:nowrap;pointer-events:none}.connection-bar{position:fixed;z-index:20;left:50%;bottom:10px;transform:translateX(-50%);max-width:95%;padding:12px 18px;background:#fff2c7;border:1px solid #a99454;border-radius:14px;box-shadow:0 4px #786d3433;font-size:13px;text-align:center;color:#6e5a24}.toast{position:fixed;z-index:50;bottom:24px;left:50%;transform:translateX(-50%);background:#275b5b;color:white;padding:12px 20px;border:2px solid #c7e1b8;border-radius:18px;box-shadow:0 5px #41654c44;max-width:94%;font-size:14px;text-align:center}.boot-error{position:fixed;z-index:12;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:15px;background:#fff3cc;border:2px solid #bd9c59;border-radius:20px;max-width:95%}dialog{border:2px solid #75998b;border-radius:26px;background:linear-gradient(#fffdf0,#f5f7e6);padding:28px;width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 32px);color:#31534c;box-shadow:0 10px #335d4e33;overflow:auto}dialog::backdrop{background:#234b4866;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px;width:36px;min-height:36px;border-radius:11px;box-shadow:none}dialog h2{font-size:27px;margin-right:28px}dialog p{font-size:15px;color:#6a8271}dialog label{display:block;font-size:14px;font-weight:800;margin:15px 0 7px}dialog input{width:100%;border:1px solid #a9c7b2;border-radius:13px;background:#fffef8;padding:10px 13px;color:#31594e}dialog .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}dialog .button{min-height:46px;font-size:14px;padding:10px 16px}dialog .choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}dialog .choice{border:2px solid #d5dfc9;border-radius:15px;background:#f3f5df;padding:13px 5px;font-size:14px;font-weight:bold}dialog .choice.selected{border-color:#4e9d93;background:#d6efe1;color:#297363;box-shadow:0 3px #77b6a655}.dialog-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.dialog-stats div{border:1px solid #d4dfc5;background:#fff8df;text-align:center;border-radius:15px;padding:15px 8px}.dialog-stats strong{display:block;font-size:24px}.dialog-stats small{font-size:11px;color:#849074}.rules-list{padding-left:20px;color:#607a68;font-size:14px;line-height:1.7}.rules-list li{margin:10px 0}.rank-table{border-collapse:collapse;width:100%;font-size:13px}.rank-table td,.rank-table th{padding:12px 6px;border-bottom:1px solid #dce3cc;text-align:left;overflow-wrap:anywhere}.rank-table td:nth-child(2){max-width:170px}.rank-table tr.me{background:#e0f0dc}.modal-error{background:#ffe2ce;color:#995841;padding:10px;border-radius:10px;font-size:13px;margin:10px 0}.check{background:#dcefd3;color:#457849;padding:6px;border-radius:10px;font-size:12px;font-weight:bold}.big-training-icon{display:flex;justify-content:center;gap:20px;margin:25px 0;color:#4da6ae}.big-training-icon .icon{width:56px;height:56px}.local-mode-badge{font-size:10px;color:#80947e}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){.topbar{padding-left:20px;padding-right:20px;gap:12px}.lobby-nav{gap:2px}.lobby-nav button{padding:0 8px;font-size:13px}.room-body{grid-template-columns:minmax(100px,170px) minmax(0,600px) minmax(100px,170px);gap:15px}.side-panel .card{padding:13px}.side-panel h2{font-size:17px}.bonus strong{font-size:11px}.bonuses{gap:8px}.lower-grid{grid-template-columns:.85fr 1fr}}@media(max-width:850px){.lobby-nav{display:none}.hero{gap:15px;min-height:320px}.hero-copy h1{font-size:37px}.hero-copy h2{font-size:20px}.hero-art{height:300px}.hero-actions{gap:8px}.hero-actions .button{font-size:14px;padding:10px 15px;min-height:48px}.hero-facts{font-size:10px;gap:10px}.intro{font-size:14px}.lower-grid{grid-template-columns:1fr 1fr}.bonuses:not(.vertical){flex-wrap:wrap;gap:10px}.bonus{min-width:135px}.room-body{display:flex;justify-content:center}.side-panel{display:none}.arena-wrap{width:100%}.room-mode #roomView{padding-left:10px;padding-right:10px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.4px}}@media(max-width:580px){.topbar{height:68px;padding:9px 14px;gap:6px}.brand{font-size:18px;gap:7px}.brand-mark{width:28px;height:28px;gap:3px}.brand small{font-size:9px;letter-spacing:.2px}.top-tools{gap:7px}.profile-button{padding:4px 8px;min-height:40px}.profile-button .profile-name{display:none}.avatar{width:26px;height:26px;border-radius:11px}.top-tools select{width:56px;min-height:40px;font-size:12px}.icon-button{width:38px;min-height:40px;box-shadow:0 2px #dce5d3}.icon-button .icon{width:20px;height:20px}#lobby{padding:22px 16px 10px}.hero{display:flex;flex-direction:column-reverse;gap:10px}.hero-art{width:100%;max-width:410px;height:225px}.hero-copy{width:100%}.hero-copy h1{font-size:36px;margin-bottom:10px}.hero-copy h2{font-size:19px;margin-bottom:12px}.hero-copy .intro{font-size:14px;margin-bottom:17px}.hero-actions .button{flex:1;white-space:nowrap;font-size:13px;padding:10px 7px;min-height:50px;border-radius:15px}.hero-facts{margin-top:18px;gap:12px}.art-badge{font-size:10px;padding:7px 10px;top:0;right:0}.art-sticker{font-size:10px;left:15px;bottom:0}.rooms-panel{padding:17px 14px;border-radius:21px}.section-heading h2{font-size:21px}.join-row{flex-wrap:wrap;padding:8px;gap:6px}.join-row label{flex-basis:100%;font-size:12px;margin-left:2px}.join-row input{flex:1;width:100px}.join-row .button{padding:8px 13px}.lower-grid{grid-template-columns:1fr;gap:15px;margin-top:17px}.lower-grid .card{padding:19px}.lower-grid .bonuses{gap:15px}.bonus{min-width:110px}.page-footer{font-size:9px;gap:8px;margin-top:20px}.page-footer a{display:none}.room-mode .topbar{height:52px;padding:5px 10px}.room-mode .brand{font-size:16px}.room-mode .brand-mark{width:25px;height:25px}.room-mode .brand small{font-size:8px}.room-mode .top-tools{gap:5px}.room-mode #language{width:49px;font-size:11px;min-height:36px}.room-mode .pill-button{font-size:12px;padding:3px 9px;min-height:36px;gap:5px}.room-mode #soundButton{min-height:36px;width:36px}.room-mode .pill-button .icon{width:16px;height:16px}.room-mode #roomView{height:calc(100dvh - 52px);padding:4px 7px 4px}.match-top{margin-bottom:4px;gap:8px;min-height:36px}.player-hud{gap:9px;font-size:11px;min-height:33px}.player-hud strong{font-size:12px;max-width:105px}.player-hud .score{font-size:16px}.player-hud .lives .icon{width:14px;height:14px}.code-badge{font-size:10px;letter-spacing:.5px;min-height:29px;padding:4px 7px}.own{gap:10px;max-width:100%;padding:5px 10px;border-radius:14px;margin-top:5px}.life-meter{font-size:9px;min-width:85px}.control-hint{font-size:9px;margin-top:4px}.arena-panel{padding:19px 14px;border-radius:22px;max-width:285px}.arena-panel h2{font-size:23px}.arena-panel p{font-size:12px}.arena-panel .icon.main-icon{width:45px;height:45px}.practice-panel{top:7%;padding:10px 13px;border-radius:19px}.practice-panel h2{font-size:18px}.practice-panel p{font-size:12px}dialog{padding:23px 20px}dialog h2{font-size:24px}}@media(max-height:500px) and (min-width:581px){.room-mode .topbar{height:44px}.room-mode .brand small{display:none}.room-mode .top-tools button,.room-mode .top-tools select{min-height:32px}.room-mode #roomView{height:calc(100dvh - 44px);padding:2px 12px}.match-top{min-height:29px;margin:0}.player-hud{min-height:28px;font-size:11px}.player-hud strong{font-size:12px}.own{margin-top:2px;padding:3px 12px}.control-hint{display:none}.arena-panel{padding:10px;max-width:210px;border-radius:18px}.arena-panel h2{font-size:18px;margin:3px}.arena-panel p{font-size:11px;margin:5px}.arena-panel .icon.main-icon{width:30px;height:30px}.arena-panel .button{min-height:34px;font-size:11px;padding:5px;margin-top:6px}.practice-panel{top:3%;padding:8px;max-width:250px}.practice-panel h2{font-size:14px}.practice-panel p{font-size:10px;margin:4px}.practice-panel .button{min-height:30px;padding:4px;font-size:11px}.room-code{font-size:23px;margin:6px}.result-score{font-size:24px;margin:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.training-symbols{display:flex;justify-content:center;gap:20px;color:#7699ae;margin:9px 0}.training-symbols b{color:#b39140}.practice-panel{max-height:90%;overflow:auto}.practice-panel>button{position:sticky;bottom:0}.profile-button:disabled{min-width:44px}

/* The canvas cannot contribute its intrinsic 1040px height to the flex layout. */
.arena-wrap{overflow:hidden}#arena{position:absolute;height:auto;max-height:100%}
.room-mode.match-playing #arena{cursor:none}

.mobile-navigation{display:none}@media(max-width:850px){.mobile-navigation{display:flex;gap:10px;margin-top:22px}.mobile-navigation button{flex:1}}

.seo-copy{margin-top:26px;padding:28px;color:#476c61}.seo-copy h2{font-size:23px;line-height:1.3;color:#315b55;margin:24px 0 12px}.seo-copy h2:first-child{margin-top:0}.seo-copy h3{font-size:18px;line-height:1.4;color:#37655c;margin:10px 0}.seo-copy p,.seo-copy li{font-size:15px;line-height:1.75}.seo-copy ol{padding-left:22px;margin:10px 0}.seo-copy li{margin:10px 0}.seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:18px}.faq-list details{border-top:1px solid #d7e3ce;padding:5px 0}.faq-list summary{cursor:pointer;font-size:15px;line-height:1.5;font-weight:800;color:#315f58;padding:14px 4px}.faq-list details p{margin:0 4px 15px}.language-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:22px 0;font-size:13px}.language-links a{padding:8px 6px;color:#376f65}.language-links a[aria-current=page]{font-weight:900;text-decoration-thickness:2px}.seo-copy a{text-underline-offset:3px}@media(max-width:580px){.seo-copy{padding:20px 17px}.seo-copy h2{font-size:21px}.seo-columns{grid-template-columns:1fr;gap:8px}.seo-copy p,.seo-copy li{font-size:14px}.language-links{gap:15px}}