.quick-start{box-sizing:border-box;color:#34452b;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;text-align:left;letter-spacing:normal;background:#fffffc;border:1px solid #cedcbc;border-radius:20px;width:min(780px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;font:14px Arial,sans-serif;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 100px #26351c36}.quick-start::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#27331ec2}.quick-start *{box-sizing:border-box}.quick-start button,.quick-start input{font-family:inherit}.quick-start button{cursor:pointer}.quick-start button:disabled{cursor:wait;opacity:.65}.quick-start button:focus-visible,.quick-start input:focus-visible{outline-offset:3px;outline:2px solid #567d36}.quick-start h2:focus{outline:none}.quick-start-top{border-bottom:1px solid #e8eddf;justify-content:space-between;align-items:center;padding:17px 23px;display:flex}.quick-start-top>span{letter-spacing:-1px;align-items:center;gap:8px;font-size:21px;font-weight:700;display:flex}.quick-start-top .site-brand-cell{width:26px;height:25px}.quick-start-top>button{color:#6a795b;background:#f7f9f2;border:1px solid #e2e8d8;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.quick-start-layout{grid-template-columns:260px 1fr;min-height:370px;display:grid}.quick-start-art{isolation:isolate;background-color:#edf4e2;background-image:linear-gradient(#d9e5c75c 1px,#0000 1px),linear-gradient(90deg,#d9e5c75c 1px,#0000 1px);background-size:25px 25px;border-right:1px solid #e1e9d5;position:relative;overflow:hidden}.quick-start-orbit{border:1px solid #c9d9b6;border-radius:50%;width:375px;height:375px;position:absolute;top:15px;left:-75px}.quick-start-orbit:after{content:"";border:1px solid #d9e4cb;border-radius:50%;position:absolute;inset:25px}.intro-cell{border:3px solid;border-radius:47% 53% 50% 48%;justify-content:center;align-items:center;gap:19px;display:flex;position:absolute;box-shadow:0 8px #54762d0a}.intro-cell>i{background:#426a2c;border-radius:50%;width:7px;height:11px;display:block}.intro-cell.big{background:#a6cc73;border-color:#84ae52;width:150px;height:148px;animation:6s ease-in-out infinite intro-drift;top:84px;left:52px;transform:rotate(-9deg)}.intro-cell.big img{object-fit:cover;border-radius:50%;width:100%;height:100%}.intro-cell.little{background:#f6ca71;border-color:#dcb15c;gap:9px;width:56px;height:55px;top:32px;right:16px;transform:rotate(15deg)}.intro-cell.little i{background:#9b762b;width:3px;height:5px}.intro-cell.tiny{background:#d3b6e9;border:2px solid #b194c8;gap:7px;width:40px;height:39px;top:248px;left:28px;transform:rotate(-18deg)}.intro-cell.tiny i{background:#80628e;width:2px;height:4px}.intro-pellet{background:#b58ac8;border-radius:50%;width:8px;height:8px;position:absolute}.intro-pellet.p1{top:51px;left:43px}.intro-pellet.p2{background:#dfa969;width:11px;height:11px;top:220px;right:22px}.intro-pellet.p3{background:#a6c479;top:290px;left:153px}.intro-pellet.p4{background:#df9a99;width:6px;height:6px;top:32px;left:125px}.quick-start-art-caption{text-align:center;position:absolute;bottom:26px;left:20px;right:20px}.quick-start-art-caption>span{letter-spacing:1.3px;color:#788b64;margin-bottom:10px;font-size:8px;display:block}.quick-start-art-caption>b{letter-spacing:-.5px;color:#546f3d;font-size:17px}.quick-start-body{min-width:0;padding:26px 29px 22px}.quick-start-steps{gap:17px;margin:0 0 25px;padding:0;list-style:none;display:flex}.quick-start-steps>li{color:#8a967e;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.quick-start-steps>li>span{border:1px solid #dde4d3;border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.quick-start-steps>li[aria-current=step]{color:#4d702f;font-weight:700}.quick-start-steps>li[aria-current=step]>span,.quick-start-steps>li.complete>span{color:#4f712e;background:#e7f0dc;border-color:#a8c087}.quick-start h2{letter-spacing:-1.2px;color:#34482a;margin:0 0 12px;font-size:30px;font-weight:600;line-height:1.08}.quick-start h2+p{color:#76826c;max-width:340px;margin:0 0 22px;font-size:12px;line-height:1.7}.quick-start-destinations{gap:19px;display:grid}.quick-start-destinations>div{align-items:flex-start;gap:12px;display:flex}.quick-start-destinations>div>span{color:#739850;background:#f4f8ed;border:1px solid #e1e9d7;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.quick-start-destinations b{font-size:12px;font-weight:600}.quick-start-destinations p{color:#7a866f;max-width:265px;margin:4px 0 0;font-size:11px;line-height:1.55}.quick-start-search{color:#8a9b78;background:#fafcf6;border:1px solid #dce5d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:0 11px;display:flex}.quick-start-search input{color:#4b6339;background:0 0;border:0;width:100%;min-width:0;min-height:37px;font-size:11px}.quick-start-search input:focus-visible{outline-offset:0}.quick-start-characters{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:170px;padding:3px;display:grid;overflow:auto}.quick-start-characters>button{color:#6c7a5e;background:#fafcf7;border:1px solid #e5eadc;border-radius:9px;flex-direction:column;align-items:center;gap:7px;min-width:0;min-height:80px;padding:9px 4px;display:flex;position:relative}.quick-start-characters>button[aria-pressed=true]{color:#4e722e;background:#ecf4df;border-color:#92b368}.quick-start-characters>button>span{border:2px solid;border-radius:50%;width:42px;height:42px;display:block;overflow:hidden}.quick-start-characters img{object-fit:cover;width:100%;height:100%}.quick-start-characters b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:600;overflow:hidden}.quick-start-characters>button>i{color:#fff;background:#87ac5a;border:2px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:5px;right:5px}.quick-start .quick-start-note{color:#849075;margin:14px 0 0;font-size:10px;line-height:1.7}.quick-start-controls{gap:20px;display:grid}.quick-start-controls>div{align-items:center;gap:14px;display:flex}.quick-start-controls>div>svg{color:#7a995f;flex-shrink:0;width:50px}.quick-start-controls kbd{text-align:center;color:#60774b;background:#f6f9f0;border:1px solid #dbe4cf;border-bottom-width:3px;border-radius:6px;flex-shrink:0;width:50px;padding:8px 0;font:10px Arial}.quick-start-controls b,.quick-start-free b{font-size:12px;font-weight:600;display:block}.quick-start-controls small,.quick-start-free small{color:#7f8d72;margin-top:5px;font-size:10px;line-height:1.6;display:block}.quick-start-free{color:#71974a;border-top:1px solid #e7eddf;align-items:flex-start;gap:10px;margin-top:20px;padding-top:17px;display:flex}.quick-start-free svg{flex-shrink:0}.quick-start-free b{font-size:11px}.quick-start-footer{border-top:1px solid #e3ead9;align-items:center;gap:15px;padding:19px 23px 12px;display:flex}.quick-start-footer>span{color:#91a17f;margin-right:auto;font-size:10px}.quick-start-skip{color:#839174;background:0 0;border:0;min-height:43px;padding:10px 4px;font-size:11px}.quick-start-next{color:#354f24;background:#a9ce7c;border:1px solid #8aaf5c;border-radius:8px;justify-content:center;align-items:center;gap:18px;min-height:44px;padding:12px 17px;font-size:12px;font-weight:600;display:flex}.quick-start .quick-start-reopen{text-align:center;color:#96a389;margin:0;padding:0 20px 14px;font-size:9px}.site-nav-panel>button.site-quick-start{text-align:left;width:100%;min-height:60px;font:inherit;cursor:pointer;background:0 0;border:0;border-top:1px solid #e2e9d9;border-radius:0 0 8px 8px;align-items:center;gap:12px;margin-top:9px;padding:11px;display:flex}.site-quick-start>span{flex:1;min-width:0}.site-quick-start>svg{color:#78985a;flex-shrink:0}@media (hover:hover){.quick-start-next:hover{background:#b7d891}.quick-start-skip:hover{color:#4c6d30}.quick-start-characters>button:hover{border-color:#9fbf80}.site-nav-panel>button.site-quick-start:hover{background:#f1f6e9}.dark .site-nav-panel>button.site-quick-start:hover{background:#3b4c30}}@keyframes intro-drift{50%{transform:translateY(-9px)rotate(4deg)}}@media (max-width:600px){.quick-start{border-radius:16px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.quick-start-top{padding:10px 17px}.quick-start-top>span{font-size:19px}.quick-start-top>button{width:34px;height:34px}.quick-start-layout{grid-template-columns:1fr;min-height:0}.quick-start-art{border-bottom:1px solid #e1e9d5;border-right:0;height:126px}.intro-cell.big{border-width:2px;gap:14px;width:91px;height:90px;top:18px;left:calc(50% - 45px)}.intro-cell.big>i{width:5px;height:8px}.intro-cell.little{border-width:2px;gap:7px;width:37px;height:37px;top:15px;right:19%}.intro-cell.tiny{gap:5px;width:28px;height:28px;top:75px;left:20%}.quick-start-orbit{width:260px;height:260px;top:-60px;left:calc(50% - 130px)}.quick-start-art-caption{display:none}.intro-pellet.p1{width:6px;height:6px;top:25px;left:17%}.intro-pellet.p2{width:8px;height:8px;top:85px;right:18%}.intro-pellet.p3{width:6px;height:6px;top:107px;left:57%}.intro-pellet.p4{top:18px;left:36%}.quick-start-body{padding:21px 22px}.quick-start-steps{gap:22px;margin-bottom:20px}.quick-start h2{max-width:290px;font-size:29px}.quick-start h2+p{margin-bottom:19px;font-size:11px}.quick-start-destinations{gap:16px}.quick-start-destinations p{font-size:10px}.quick-start-destinations>div>span{border-radius:8px;width:32px;height:32px}.quick-start-footer{gap:12px;padding:14px 18px 8px}.quick-start-next{gap:10px;padding-inline:13px;font-size:11px}.quick-start-characters{max-height:164px}.quick-start .quick-start-note{font-size:9px}.quick-start-controls{gap:17px}.quick-start-free{margin-top:18px}}@media (max-height:650px) and (max-width:600px){.quick-start-art{display:none}.quick-start-body{padding:18px 21px}.quick-start-steps{margin-bottom:15px}}@media (prefers-reduced-motion:reduce){.intro-cell.big{animation:none}}
.site-header{z-index:40;color:#34432d;background:#fffffc;border-bottom:1px solid #dfe6d6;flex-shrink:0;align-items:center;gap:20px;min-height:76px;padding:12px max(24px,50vw - 580px);display:flex;position:relative}.site-brand{white-space:nowrap;letter-spacing:-1.4px;color:#33422d;flex-shrink:0;align-items:center;gap:9px;font-size:26px;font-weight:700;text-decoration:none;display:inline-flex}.site-brand-cell{background:#a6cc73;border:2px solid #87af54;border-radius:47% 53% 49% 51%;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:31px;height:30px;display:flex;transform:rotate(-8deg)}.site-brand-cell i{background:#658e40;border-radius:50%;width:3px;height:5px}.site-navigation{pointer-events:auto;color:#4b6240;align-items:center;gap:10px;margin-left:auto;display:flex;position:relative}.site-primary-nav{align-items:center;gap:4px;display:flex}.site-primary-nav>a{color:#607052;white-space:nowrap;border-radius:7px;align-items:center;min-height:42px;padding:12px 13px;font-size:12px;display:flex}.site-primary-nav>a[aria-current=page]{color:#365b23;background:#edf4e3;font-weight:600}.site-menu-toggle{color:#586d47;white-space:nowrap;background:#f8faf4;border:1px solid #dfe6d5;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font:11px Arial;display:flex}.site-menu-toggle[aria-expanded=true]{color:#3f622b;background:#edf5e2;border-color:#9cbc7d}.site-create{color:#354e25;white-space:nowrap;background:#a6cc75;border:1px solid #94ba65;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:12px 15px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.site-account-actions{flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex}.site-account-actions>button{color:#526943;white-space:nowrap;background:#f8faf3;border:1px solid #dfe6d5;border-radius:7px;align-items:center;gap:8px;min-width:0;max-width:180px;min-height:42px;padding:10px;display:flex;font:11px Arial!important}.site-account-actions>button b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.site-account-actions>button span{color:#617451;white-space:nowrap;border-left:1px solid #dce5d1;flex-shrink:0;padding-left:8px;font:9px Arial}.site-account-actions>button:disabled{opacity:.55;cursor:wait}.site-nav-panel{overscroll-behavior:contain;color:#415336;z-index:100;scrollbar-width:thin;background:#fffffc;border:1px solid #d9e4ce;border-radius:13px;width:292px;max-height:min(680px,100dvh - 105px);padding:12px;position:absolute;top:calc(100% + 12px);right:0;overflow:auto;box-shadow:0 16px 50px #26371924}.site-nav-heading{color:#788869;letter-spacing:1.2px;padding:8px 11px 12px;font-size:9px}.site-nav-panel>a{border-radius:8px;align-items:center;gap:12px;min-height:55px;padding:11px;text-decoration:none;display:flex}.site-nav-panel>a>svg:first-child{color:#78985a;flex-shrink:0}.site-nav-panel>a>span{flex:1;min-width:0}.site-nav-panel b{color:#405b2e;font-size:12px;font-weight:500;display:block}.site-nav-panel small{color:#6c7c5e;margin-top:5px;font-size:10px;font-weight:400;display:block}.site-nav-panel>a>svg:last-child{color:#8b9f79;flex-shrink:0}.site-nav-panel>a[aria-current=page]{background:#edf5e3}.site-nav-panel>a[aria-current=page] b{font-weight:600}.site-nav-admin{border-top:1px solid #e2e9d9;margin-top:9px;padding:16px 10px 2px}.site-nav-admin>span{letter-spacing:1px;color:#78866c;font-size:9px}.site-nav-admin>a{justify-content:space-between;align-items:center;padding:11px 0;font-size:11px;display:flex}.site-nav-admin>a[aria-current=page]{color:#3c6229;font-weight:600}.site-admin-nav{background:#f5f8ef;border-bottom:1px solid #e0e8d5;flex-shrink:0;align-items:center;gap:8px;padding:10px max(24px,50vw - 580px);display:flex;overflow:auto}.site-admin-nav a{white-space:nowrap;color:#60764e;border-radius:6px;min-height:36px;padding:9px 13px;font-size:11px}.site-admin-nav a[aria-current=page]{color:#41612c;background:#e6efd9;font-weight:600}.site-header a:focus-visible,.site-header button:focus-visible,.site-navigation a:focus-visible,.site-navigation button:focus-visible,.site-admin-nav a:focus-visible{outline-offset:3px;outline:2px solid #86ad5e}.site-navigation.is-compact{margin-left:0}.site-navigation.is-compact .site-menu-toggle{background:#fffffce8}.dark .site-menu-toggle{color:#d0dfc4;border-color:#536345;background:#303a2b!important}.dark .site-nav-panel{background:#293225;border-color:#506044}.dark .site-nav-panel b{color:#d5e6c7}.dark .site-nav-panel small,.dark .site-nav-heading{color:#a2b895}.dark .site-nav-panel>a[aria-current=page]{background:#3a4c2f}.arena-app .header-actions .site-navigation{order:3}.arena-app .search-wrap{margin-left:auto}.arena-app .header-actions{flex-shrink:0}.game-topbar .site-menu-toggle{min-height:36px;padding:8px 10px}.game-top-actions .site-navigation{order:10}.game-top-actions .site-nav-panel{max-height:calc(100dvh - 100px)}@media (hover:hover){.site-primary-nav>a:hover,.site-nav-panel>a:hover,.site-nav-admin>a:hover{color:#3d602a;background:#f1f6e9}.site-menu-toggle:hover{background:#f0f6e8;border-color:#a5c086}.site-create:hover{background:#b0d482;border-color:#82ad55}.site-account-actions>button:hover:not(:disabled){background:#edf4e4;border-color:#b1c797}.dark .site-nav-panel>a:hover{background:#3b4c30}}@media (max-width:1100px){.site-header{gap:12px;padding-inline:22px}.site-primary-nav>a{padding-inline:10px;font-size:11px}.site-primary-nav{gap:0}.site-create{padding-inline:12px}.site-account-actions>button{max-width:145px}.site-account-actions>button span{display:none}.site-brand{font-size:24px}}@media (max-width:860px){.site-header{gap:12px;min-height:68px;padding-inline:18px}.site-primary-nav{display:none}.site-menu-toggle{min-width:42px}.site-header .site-navigation{order:5;margin-left:0}.site-create{margin-left:auto}.site-account-actions{margin-left:0}.site-menu-toggle>span{display:none}.site-header .site-nav-panel{width:290px;right:0}.site-admin-nav{padding-inline:18px}}@media (max-width:560px){.site-header{gap:10px;min-height:65px;padding:10px 15px}.site-brand{gap:7px;font-size:23px}.site-brand-cell{width:29px;height:28px}.site-create{display:none}.site-header>.site-navigation:nth-last-child(2){margin-left:auto}.site-account-actions{gap:5px;margin-left:auto}.site-account-actions>button{white-space:nowrap;text-overflow:ellipsis;max-width:100px;min-height:40px;padding:9px 8px;overflow:hidden;font-size:10px!important}.site-header .site-menu-toggle{width:40px;min-width:40px;min-height:40px;padding:9px}.site-header .site-navigation{margin-left:auto!important}.site-header:has(.site-account-actions) .site-navigation{margin-left:0!important}.site-nav-panel{width:285px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 90px)}.site-admin-nav{gap:4px;padding:8px 12px}.site-admin-nav a{padding:9px 10px;font-size:10px}.arena-app .launch-button{justify-content:center;width:35px;min-width:35px;padding:8px}.arena-app .launch-button>span{display:none}.arena-app .header-actions .site-menu-toggle,.game-topbar .site-menu-toggle{width:34px;min-width:34px;min-height:34px;padding:7px}.site-navigation.is-compact .site-menu-toggle>span{display:none}.game-topbar .site-nav-panel{max-width:calc(100vw - 40px)}.arena-app .topbar{gap:7px}.site-header .site-nav-panel{right:0}}@media (max-width:360px){.site-header{gap:7px;padding-inline:10px}.site-brand{gap:6px;font-size:21px}.site-account-actions>button{max-width:80px}.site-header .site-menu-toggle{width:36px;min-width:36px}.site-header .site-nav-panel{width:280px;max-width:calc(100vw - 22px)}}.arena-app .topbar>.site-navigation{margin-left:auto}.arena-app .search-wrap{flex-shrink:1;width:240px;margin-left:0;position:relative;left:auto;transform:none}.arena-app .header-actions{gap:7px;margin-left:0}.arena-app .topbar{gap:18px}.arena-app .site-primary-nav{background:#fffffce8;border-radius:8px}.arena-app .site-menu-toggle{background:#fffffce8}.game-app.in-menu .game-room{display:none}.game-topbar>.site-navigation{margin-left:auto}.game-topbar .game-top-actions{margin-left:0}.game-app.in-menu .site-primary-nav>a{min-height:36px;padding-block:9px}.game-app.in-menu .game-topbar{gap:14px}.game-app.in-menu .game-top-actions>.public-invite-button{display:none}.game-topbar>.site-navigation.is-compact{order:3;margin-left:auto}.game-topbar>.site-navigation.is-compact .site-primary-nav{display:none}.dark .site-primary-nav{background:#293225e8}.dark .site-primary-nav>a{color:#c3d6b3}.dark .site-primary-nav>a[aria-current=page]{color:#e0efcf;background:#3a4c2f}@media (max-width:1200px) and (min-width:861px){.arena-app .topbar{gap:10px;left:20px;right:20px}.arena-app .topbar .brand{font-size:26px}.arena-app .search-wrap{width:190px}.arena-app .header-actions .help-button,.arena-app .launch-button>span{display:none}.arena-app .launch-button{padding-inline:10px}}@media (max-width:860px){.site-primary-nav{flex:1;justify-content:space-between;min-width:0;display:flex}.site-primary-nav>a{flex:1;justify-content:center;min-height:38px;padding:10px 8px;font-size:11px}.site-navigation:not(.is-compact){gap:8px;width:100%}.site-navigation:not(.is-compact) .site-menu-toggle{width:38px;min-width:38px;min-height:38px;padding:8px}.site-menu-toggle>span{display:none}.site-header{flex-wrap:wrap;gap:10px;padding-block:12px}.site-header>.site-navigation{flex-basis:100%;order:10;margin:0!important}.site-header:has(.site-account-actions) .site-navigation{margin-left:0!important}.site-header .site-nav-panel{max-height:calc(100dvh - 150px);top:calc(100% + 8px)}.site-header .site-create,.site-header .site-account-actions{margin-left:auto}.site-header .site-primary-nav{border-top:1px solid #eaf0e3;padding-top:5px}.site-header .site-navigation{align-items:flex-end}.arena-app .topbar{flex-wrap:wrap;gap:10px;top:14px;left:16px;right:16px}.arena-app .topbar>.brand{order:1}.arena-app .header-actions{order:2;margin-left:auto}.arena-app .topbar>.site-navigation{order:3;width:100%;margin:0}.arena-app .search-wrap{order:4;width:100%;height:38px;margin:0;position:relative;top:auto;left:auto;right:auto;transform:none}.arena-app .arena-presence{top:164px}.arena-app .leaderboard{top:204px}.arena-app .settings-panel{top:166px}.arena-app .site-nav-panel{max-height:calc(100dvh - 145px)}.game-app.in-menu .game-topbar{flex-wrap:wrap;gap:8px}.game-app.in-menu .game-topbar>.brand{order:1}.game-app.in-menu .game-top-actions{order:2;margin-left:auto}.game-app.in-menu .game-topbar>.site-navigation{flex-basis:100%;order:3;margin:0}.game-app.in-menu .game-top-actions>.balance-open{display:none}.game-app.in-menu .game-topbar .site-menu-toggle{min-height:34px}.game-app.in-menu .game-topbar .site-primary-nav>a{min-height:34px;padding-block:8px}.game-app.in-menu .game-room-note{display:none}.game-app .game-menu-layer:has(.game-join-lobby){padding-top:137px}.game-app.in-menu .game-help,.game-app.in-menu .game-connection{top:132px}}@media (max-width:560px){.arena-app .topbar{gap:8px}.arena-app .arena-presence{top:158px}.arena-app .settings-panel,.arena-app .mobile-board-toggle{top:156px}.arena-app .site-nav-panel{right:0}.game-app.in-menu .game-topbar .site-menu-toggle{width:34px;min-width:34px}.site-header>.site-navigation:nth-last-child(2){margin-left:0}}.site-primary-nav>a{text-decoration:none}
