main.home-screen:has(>.menu-backdrop){background:#0a0e1c}.menu-backdrop{z-index:-1;pointer-events:none;background:#0a0e1c;position:fixed;inset:0;overflow:hidden}.menu-backdrop canvas{image-rendering:pixelated;opacity:0;transition:opacity .6s steps(6,end);position:absolute;top:0;left:0}.menu-backdrop canvas.ready{opacity:1}.menu-brand h1{color:#0000;background:linear-gradient(#fff4c8 0%,#f2d16b 45%,#c8952e 100%);text-shadow:none;filter:drop-shadow(0 2px #2a1806e6)drop-shadow(0 6px 14px #00000080);-webkit-background-clip:text;background-clip:text;margin:0}.home-rule{width:min(300px,70vw);height:calc(var(--px) * 3);background:linear-gradient(90deg, transparent 0, transparent 4%, #6b4a12 4% 96%, transparent 96%) 0 calc(var(--px) * 2) / 100% var(--px) no-repeat, linear-gradient(90deg, transparent 0 4%, #d9aa3e 4% 96%, transparent 96%) 0 var(--px) / 100% var(--px) no-repeat, linear-gradient(90deg, transparent 0 4%, #fff4c0 4% 96%, transparent 96%) 0 0 / 100% var(--px) no-repeat;display:block;position:relative}.home-rule:before{content:"";width:calc(var(--px) * 5);height:calc(var(--px) * 5);box-shadow:inset var(--px) var(--px) 0 0 #fff4c0, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #a8781f, 0 0 0 var(--px) #120d0b;background:#f2d16b;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.home-screen .home-card.frame{border:calc(var(--px) * 7) solid transparent;border-image:var(--bar-frame) 7 / calc(var(--px) * 7) round;background:repeating-linear-gradient(180deg, #ffffff09 0 var(--px), transparent var(--px) calc(var(--px) * 15), #0000004d calc(var(--px) * 15) calc(var(--px) * 16)), linear-gradient(180deg, #2c2018 0%, var(--panel) 55%, #1c140f 100%);width:min(560px,100%);box-shadow:0 calc(var(--px) * 4) 0 0 #00000073;background-clip:padding-box}.home-screen .home-card .sheet-head{padding:calc(var(--px) * 6) calc(var(--px) * 8) 0}.home-screen .home-tabs{gap:calc(var(--px) * 3);padding:calc(var(--px) * 5) calc(var(--px) * 6) 0;box-shadow:inset 0 calc(var(--px) * -1) 0 0 #6b4a12}.home-screen .home-tabs .btn{--face:#241812;--hi:#4a3626;--lo:#120c08;gap:calc(var(--px) * 3);min-height:calc(var(--control-small) + var(--px) * 2);box-shadow:var(--bevel), var(--outline);margin-bottom:calc(var(--px) * -1);color:var(--muted)}.home-screen .home-tabs .btn:hover:not(:disabled){--face:#33241a;color:var(--text)}.home-screen .home-tabs .btn[aria-selected=true]{--face:#5a3d1c;--hi:#f2d16b;--lo:#3a2608;color:#fff4c0;text-shadow:0 var(--px) 0 var(--ink);box-shadow:var(--bevel), inset 0 calc(var(--px) * 2) 0 0 #d9aa3e, var(--outline)}.home-screen .home-tabs .btn .icon{filter:drop-shadow(0 var(--px) 0 var(--ink))}.home-screen .home-body{gap:calc(var(--px) * 6)}.home-screen .home-card .btn:hover:not(:disabled):not([aria-selected]):not([aria-pressed=true]):not([aria-checked=true]){color:#fff4c0}.lang-flags{gap:calc(var(--px) * 7);justify-content:center;display:flex}.home-screen form .lang-flags{margin-top:calc(var(--px) * 4)}.lang-flag{padding:var(--px);border:calc(var(--px) * 2) solid #3a2608;box-shadow:0 calc(var(--px) * 2) 0 0 #00000073;cursor:pointer;filter:grayscale(.55)brightness(.7);background:#1c120a;place-items:center;transition:filter .12s steps(2,end);display:grid}.lang-flag svg{display:block}.lang-flag:hover{filter:grayscale(.15)brightness(.95)}.lang-flag.on{z-index:1;box-shadow:0 0 0 var(--px) #3a2608, 0 0 0 calc(var(--px) * 3) #d9aa3e, 0 calc(var(--px) * 4) 0 0 #00000073;filter:none;transform:translateY(calc(var(--px) * -2));cursor:default;border-color:#f2d16b;position:relative}.lang-flag:focus-visible{outline:calc(var(--px) * 2) solid #fff4c0;outline-offset:calc(var(--px) * 2)}.home-screen .patch-notes{padding:0}.home-screen .patch-list{gap:calc(var(--px) * 5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home-screen .patch-list>li{padding:calc(var(--px) * 5) calc(var(--px) * 6);box-shadow:inset var(--px) var(--px) 0 0 #5c4330, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #140e0b, var(--outline);background:linear-gradient(#3a2a1e 0%,#2e2118 60%,#261b14 100%)}.home-screen .patch-list>li.latest{box-shadow:inset var(--px) var(--px) 0 0 #f2d16b, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #6b4a12, var(--outline)}.home-screen .patch-list header{align-items:baseline;gap:calc(var(--px) * 2) calc(var(--px) * 5);flex-wrap:wrap;display:flex}.home-screen .patch-list header h3{flex:1;margin:0;font-size:16px}.home-screen .patch-list header small{color:var(--muted)}.home-screen .patch-version{padding:0 calc(var(--px) * 3);color:#fff4c0;box-shadow:inset 0 var(--px) 0 0 #f2d16b, var(--outline);background:#5a3d1c}.home-screen .patch-why{margin:calc(var(--px) * 4) 0 calc(var(--px) * 2);color:var(--parch)}.home-screen .patch-why em{color:#d9aa3e;font-style:normal}.home-screen .patch-list ul{gap:calc(var(--px) * 1);padding-left:calc(var(--px) * 8);flex-direction:column;margin:0;display:flex}.menu-crown{width:102px;height:75px;filter:drop-shadow(0 calc(var(--px) * 3) 0 #00000073);display:block;position:relative}.menu-crown canvas{width:100%;height:100%;image-rendering:pixelated}.menu-glint{opacity:0;background:#fff;width:3px;height:3px;animation:4.2s step-end infinite menu-glint;position:absolute;top:6px;left:51px;box-shadow:0 -3px #fff,0 3px #fff,-3px 0 #fff,3px 0 #fff,0 -6px #fff4c0b3,0 6px #fff4c0b3,-6px 0 #fff4c0b3,6px 0 #fff4c0b3}@keyframes menu-glint{0%,86%{opacity:0;transform:scale(.5)}89%{opacity:1;transform:scale(.7)}93%{opacity:1;transform:scale(1)}97%{opacity:.6;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.menu-glint{animation:none}}main.home-screen.menu{--glass:#100c12b3;--glass-deep:#0a080cd6;--line:#f2d16b2e;--line-soft:#ffffff14;--tile:#ffffff0a;--tile-hover:#ffffff14;--round:6px;--gold-glow:0 0 24px #f2d16b40;grid-template-columns:minmax(360px,440px) minmax(0,1fr);align-items:stretch;gap:0;padding:0;display:grid;overflow:hidden}main.home-screen.menu:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#060509eb 0,#060509c7 300px,#06050966 520px,#0000 760px),linear-gradient(0deg,#0605098c 0,#0000 200px);position:fixed;inset:0}main.home-screen.menu.paged:before{background:linear-gradient(90deg,#060509eb 0,#060509cc 420px,#0605098c 100%),linear-gradient(0deg,#0605098c 0,#0000 200px);transition:background .3s}.menu-side{z-index:1;box-sizing:border-box;scrollbar-width:thin;flex-direction:column;gap:22px;height:100dvh;padding:36px 40px 24px 48px;display:flex;position:relative;overflow:hidden auto}.menu-brand{align-items:center;gap:14px;margin-bottom:6px;display:flex}.menu-brand .menu-crown{flex:none;width:54px;height:40px}.menu-brand .menu-glint{top:1px;left:27px;transform:scale(.55)}.menu-brand div{flex-direction:column;gap:2px;display:flex}.menu-brand h1{letter-spacing:2px;font-size:38px;line-height:1}.menu-brand small{letter-spacing:2px;text-transform:uppercase;color:#ead7ab99;font-size:12px}.menu-kicker{letter-spacing:2.5px;text-transform:uppercase;color:#d9aa3e;font-size:11px}.menu-continue{background:radial-gradient(120% 140% at 0% 0%, #f2d16b24, transparent 55%), var(--glass);border:1px solid var(--line);border-radius:var(--round);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);flex-direction:column;gap:8px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff0f}.menu-continue-name{color:#fff4d6;text-overflow:ellipsis;white-space:nowrap;font-size:28px;line-height:1.1;overflow:hidden}.menu-continue-meta{color:#ead7abbf;flex-wrap:wrap;gap:4px 16px;font-size:14px;display:flex}.menu-continue-meta span{align-items:center;gap:6px;display:inline-flex}.menu-continue-meta .icon{opacity:.8}.menu-progress{background:linear-gradient(90deg, #f2d16b 0 var(--fill,0%), transparent var(--fill,0%)) 0 0 / 100% 100% no-repeat, #ffffff1a;border-radius:3px;height:3px;margin:4px 0 6px;display:block}.menu-continue-actions{align-items:center;gap:12px;display:flex}.menu-cta,.menu.home-screen .btn.primary{min-height:44px;font:inherit;letter-spacing:1px;color:#241606;cursor:pointer;background:linear-gradient(#ffe08a 0%,#e9b949 55%,#c8952e 100%);border:0;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:17px;font-weight:600;transition:transform .12s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:inset 0 1px #fff6,0 6px 18px #c8952e40}.menu-cta span{font-size:14px}.menu-cta:hover:not(:disabled),.menu.home-screen .btn.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 8px 26px #f2d16b66}.menu-cta:active:not(:disabled),.menu.home-screen .btn.primary:active:not(:disabled){transform:translateY(0)}.menu-cta:disabled,.menu.home-screen .btn.primary:disabled{filter:grayscale(.6)brightness(.7);cursor:not-allowed}.menu-ghost{font:inherit;color:#ead7abb3;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:14px}.menu-ghost:hover{color:#fff4d6}.menu.home-screen .btn:not(.primary):not(.danger){color:#f3e6c8;min-height:36px;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:0 16px;transition:background .15s,border-color .15s}.menu.home-screen .btn:not(.primary):not(.danger):hover:not(:disabled){background:#ffffff1c;border-color:#f2d16b66}.menu.home-screen .btn:not(.primary):disabled{color:#f3e6c859;background:#ffffff08}.menu.home-screen .btn.danger{box-shadow:none;border-radius:4px}.menu.home-screen .btn.primary{min-height:36px;padding:0 18px;font-size:15px}.menu-list{flex-direction:column;gap:2px;margin-top:4px;display:flex}.menu-item{width:100%;font:inherit;text-align:left;color:#f3e6c8d1;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 0 10px 22px;display:flex;position:relative}.menu-item b{letter-spacing:.5px;align-items:center;gap:10px;font-size:24px;font-weight:500;transition:color .15s,transform .2s;display:inline-flex}.menu-item small{color:#ead7ab99;opacity:0;max-height:0;font-size:13px;transition:max-height .2s,opacity .2s;overflow:hidden}.menu-item:before{content:"";background:#f2d16b59;width:8px;height:2px;transition:width .2s,background .2s;position:absolute;top:22px;left:0}.menu-item:hover b,.menu-item:focus-visible b{color:#fff4d6;transform:translate(4px)}.menu-item:hover small,.menu-item:focus-visible small,.menu-item[aria-current=page] small{opacity:1;max-height:20px}.menu-item:hover:before,.menu-item:focus-visible:before{background:#f2d16b;width:14px}.menu-item[aria-current=page] b{color:#f2d16b;text-shadow:var(--gold-glow);transform:translate(4px)}.menu-item[aria-current=page]:before{width:14px;box-shadow:var(--gold-glow);background:#f2d16b}.menu-item em{letter-spacing:1px;color:#241606;background:#e9b949;border-radius:10px;padding:1px 7px;font-size:11px;font-style:normal}.menu-item:focus-visible,.menu-cta:focus-visible,.menu-news:focus-visible,.menu-ghost:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #f2d16bb3}.menu-side>.form-error{margin:0}.menu-envoy{border:1px solid var(--line-soft);border-radius:var(--round);cursor:default;background:#ffffff0a;align-items:center;gap:12px;margin:auto 0 0;padding:10px 14px 10px 10px;display:flex}.menu-envoy-face{border-radius:4px;flex:none;width:40px;height:50px;display:block;overflow:hidden}.menu-envoy-face canvas{display:block;width:40px!important;height:50px!important}.menu-envoy-blank{background:#ffffff0f;width:40px;height:50px;display:block}.menu-envoy blockquote{margin:0}.menu-envoy cite{letter-spacing:2px;text-transform:uppercase;color:#d9aa3e;font-size:10px;font-style:normal;display:block}.menu-envoy p{color:#f3e6c8e0;margin:2px 0 0;font-size:14px;line-height:1.35}.menu-envoy .ghost{visibility:hidden}.menu-foot{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:13px;display:flex}.menu-lord{color:#f3e6c8cc;align-items:center;gap:8px;min-width:0;display:inline-flex}.menu-lord .icon{opacity:.75}.menu-lord b{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:500;overflow:hidden}.menu-signout{font:inherit;color:#ead7ab80;border:0;border-left:1px solid var(--line-soft);cursor:pointer;background:0 0;padding:0 0 0 8px;font-size:13px}.menu-signout:hover{color:#ff9a8a}.menu-foot .lang-flags{gap:8px}.menu-foot .lang-flag{box-shadow:none;background:0 0;border:1px solid #0000;border-radius:2px;padding:0;transform:none}.menu-foot .lang-flag.on{border-color:#f2d16bcc;transform:none;box-shadow:0 0 10px #f2d16b4d}.menu-foot .lang-flags svg{width:24px;height:auto}.home-screen .home-version{font:inherit;letter-spacing:1px;color:#ead7ab80;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px}.home-screen .home-version:hover{color:#f2d16b}.menu-side .home-card.frame{border:1px solid var(--line);border-radius:var(--round);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-image:;width:100%;box-shadow:0 18px 40px #00000073}.menu-side .home-tabs{border-bottom:1px solid var(--line-soft);box-shadow:none;gap:0;padding:0 18px;display:flex}.menu.home-screen .home-tabs .btn{color:#f3e6c88c;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;min-height:46px;margin:0 16px -1px 0;padding:0 4px;font-size:16px}.menu.home-screen .home-tabs .btn:hover:not(:disabled){color:#fff4d6;background:0 0}.menu.home-screen .home-tabs .btn[aria-selected=true]{color:#f2d16b;border-bottom-color:#f2d16b}.menu-side .home-card .home-body{padding:18px}.menu.home-screen .form input:not([type=range]),.menu.home-screen .lobby-password input,.browser-search{height:42px;font:inherit;color:#f3e6c8;box-shadow:none;background:#00000059;border:1px solid #ffffff1f;border-radius:4px;padding:0 14px;font-size:15px;transition:border-color .15s,background .15s}.menu.home-screen .form input:not([type=range]):focus,.menu.home-screen .lobby-password input:focus,.browser-search:focus{background:#00000073;border-color:#f2d16b99;outline:none;box-shadow:0 0 0 3px #f2d16b1f}.menu.home-screen .form .field>span,.menu.home-screen .form label>span{letter-spacing:1.5px;text-transform:uppercase;color:#ead7ab99;font-size:12px}.menu.home-screen .btn.primary.wide{width:100%;min-height:44px}.menu-pane{z-index:1;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);border-radius:8px;flex-direction:column;align-self:start;width:auto;max-width:1280px;max-height:calc(100dvh - 72px);margin:36px 36px 36px 8px;animation:.28s cubic-bezier(.2,.8,.2,1) menu-pane-in;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0f}@keyframes menu-pane-in{0%{opacity:0;transform:translate(-16px)}}@media (prefers-reduced-motion:reduce){.menu-pane{animation:none}}.menu-pane-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:22px 26px 18px;display:flex}.menu-pane-head div{flex:1;min-width:0}.menu-pane-head h2{color:#fff4d6;margin:0;font-size:28px;font-weight:500;line-height:1.1}.menu-pane-head small{color:#ead7ab99;font-size:14px}.menu-close,.menu-back{width:38px;height:38px;font:inherit;color:#f3e6c8bf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;place-items:center;padding:0;font-size:26px;line-height:1;transition:background .15s,color .15s;display:grid}.menu-close:hover,.menu-back:hover{color:#fff4d6;background:#ffffff1f}.menu-back{display:none}.menu-pane-body{scrollbar-width:thin;scrollbar-color:#f2d16b4d transparent;flex-direction:column;gap:18px;min-height:0;padding:22px 26px 26px;display:flex;overflow-y:auto}.menu-pane-body>.home-body{padding:0}.menu-news{z-index:1;width:min(340px,100vw - 520px);font:inherit;text-align:left;color:#f3e6c8;cursor:pointer;background:var(--glass-deep);border:1px solid var(--line);border-radius:var(--round);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:6px;padding:0 0 16px;transition:transform .2s,border-color .2s;display:flex;position:absolute;bottom:36px;right:36px;overflow:hidden;box-shadow:0 18px 40px #00000080}.menu-news:hover{border-color:#f2d16b73;transform:translateY(-3px)}.menu-news-art{background:#ffffff0a;height:120px;margin-bottom:6px;display:block;overflow:hidden;-webkit-mask:linear-gradient(#000 60%,#0000);mask:linear-gradient(#000 60%,#0000)}.menu-news-art canvas{margin-top:-20px}.menu-news>span:not(.menu-news-art),.menu-news>b,.menu-news>small{padding:0 18px}.menu-news-head{justify-content:space-between;align-items:center;display:flex}.menu-news-head em{letter-spacing:2.5px;text-transform:uppercase;color:#d9aa3e;font-size:11px;font-style:normal}.menu-news .patch-version,.menu.home-screen .patch-version{color:#241606;box-shadow:none;background:#e9b949;border-radius:10px;padding:1px 8px;font-size:12px}.menu-news-title{color:#fff4d6;font-size:19px}.menu-news-why{color:#f3e6c8b3;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.menu-news small{color:#d9aa3e;margin-top:4px;font-size:13px}.meter{background:linear-gradient(90deg, #e9b949 0 var(--fill,0%), transparent var(--fill,0%)) 0 0 / 100% 100% no-repeat, #ffffff1a;border-radius:3px;height:3px;display:block}.meter.season{background:linear-gradient(90deg, #8fa6e8 0 var(--fill,0%), transparent var(--fill,0%)) 0 0 / 100% 100% no-repeat, #ffffff1a}.browser{flex-direction:column;gap:14px;display:flex}.browser-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.browser-filters{background:#0000004d;border:1px solid #ffffff14;border-radius:6px;padding:3px;display:flex}.browser-filter{height:32px;font:inherit;color:#f3e6c899;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:0 14px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.browser-filter:hover{color:#fff4d6}.browser-filter[aria-selected=true]{color:#fff4d6;background:#ffffff1a}.browser-filter em{color:#e9b949;font-size:12px;font-style:normal}.browser-search{flex:1;min-width:160px;height:38px}.browser-head,.browser-row{grid-template-columns:minmax(0, 1fr) 110px 160px var(--act,120px);align-items:center;gap:24px;display:grid}.browser-head{letter-spacing:2px;text-transform:uppercase;color:#ead7ab73;padding:0 16px;font-size:11px}.browser-rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.browser-rows>li{background:var(--tile);border-radius:var(--round);border:1px solid #0000;transition:background .15s,border-color .15s}.browser-rows>li:hover{background:var(--tile-hover);border-color:#ffffff14}.browser-rows>li.joined{background:linear-gradient(90deg,#f2d16b1f,#f2d16b08);border-color:#f2d16b4d}.browser-rows>li.full{opacity:.5}.browser-rows>li.browser-empty{text-align:center;color:#ead7ab99;background:0 0;border:1px dashed #ffffff1f;padding:36px}.browser-row{padding:14px 16px}.browser-name{flex-direction:column;gap:2px;min-width:0;display:flex}.browser-name b{color:#fff4d6;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:500;display:flex;overflow:hidden}.browser-rows>li.joined .browser-name b{color:#f2d16b}.browser-name small{color:#ead7ab8c;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.browser-lords,.browser-season{flex-direction:column;gap:6px;min-width:0;display:flex}.browser-lords b,.browser-season b{color:#f3e6c8d9;white-space:nowrap;font-size:14px;font-weight:400}.browser-act{justify-content:flex-end;gap:8px;display:flex}.browser-act .btn{white-space:nowrap;min-width:104px}.browser-act .btn.del{min-width:0}.browser.admin{--act:230px}.menu.home-screen .lobby-password{gap:8px;padding:0 16px 14px;display:flex}.menu.home-screen .lobby-password input{flex:1;height:36px}.create-lobby{flex-direction:column;gap:20px;display:flex}.size-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.size-card{font:inherit;text-align:left;color:#f3e6c8;background:var(--tile);border-radius:var(--round);cursor:pointer;border:1px solid #ffffff14;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px;transition:background .15s,border-color .15s;display:flex}.size-card .icon{opacity:.85}.size-card b{font-size:20px;font-weight:500}.size-card small{color:#ead7ab99;font-size:13px}.size-card:hover{background:var(--tile-hover)}.size-card[aria-checked=true]{background:linear-gradient(135deg,#f2d16b29,#f2d16b0a);border-color:#f2d16bb3;box-shadow:0 0 0 3px #f2d16b1a}.size-card[aria-checked=true] b{color:#f2d16b}.create-facts{color:#f3e6c8bf;border-radius:var(--round);background:#00000038;flex-direction:column;gap:8px;margin:0;padding:14px 16px;font-size:14px;list-style:none;display:flex}.create-facts li{align-items:center;gap:10px;display:flex}.tutorial{flex-direction:column;gap:18px;display:flex}.tutorial-art{border-radius:var(--round);margin:0;position:relative;overflow:hidden;box-shadow:0 12px 30px #0006}.tutorial-art canvas{object-fit:cover;max-height:46vh}.tutorial-art figcaption{background:linear-gradient(#0000,#08060ae6);align-items:center;gap:12px;padding:40px 22px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.tutorial-art h3{color:#fff4d6;flex:1;margin:0;font-size:26px;font-weight:500}.tutorial-art small{letter-spacing:1px;color:#ead7abb3;font-size:13px}.home-screen .tutorial-page{text-align:left;color:#f3e6c8e0;align-items:stretch;min-height:0;font-size:16px;line-height:1.55}.home-screen .tutorial-page p{margin:0}.menu.home-screen .tutorial-dots{gap:6px}.menu.home-screen .tutorial-dots i{background:#ffffff2e;border-radius:50%;width:6px;height:6px;transition:width .2s}.menu.home-screen .tutorial-dots i.on{background:#f2d16b;border-radius:3px;width:18px}.tutorial-pages{display:grid}.tutorial-pages>.tutorial-page{grid-area:1/1}.menu.home-screen .patch-list>li{background:var(--tile);border-radius:var(--round);box-shadow:none;padding:16px 18px}.menu.home-screen .patch-list>li.latest{box-shadow:none;background:linear-gradient(90deg,#f2d16b1a,#f2d16b05);border:1px solid #f2d16b4d}.menu.home-screen .patch-list header h3{color:#fff4d6;font-size:18px;font-weight:500}.menu.home-screen .patch-list ul{color:#f3e6c8cc;line-height:1.45}.menu.home-screen .palace-tabs{background:#0000004d;border:1px solid #ffffff14;border-radius:6px;gap:4px;padding:3px}.menu.home-screen .palace-tabs .btn:not(.primary){color:#f3e6c899;background:0 0;border:0;min-height:34px}.menu.home-screen .palace-tabs .btn[aria-selected=true]{color:#fff4d6;background:#ffffff1a}.menu.home-screen .mixer{background:var(--tile);border-radius:var(--round);box-shadow:none;border:1px solid #ffffff14}.menu-side>*{flex-shrink:0}@media (height<=900px){.menu-side{gap:16px;padding-top:28px;padding-bottom:18px}.menu-continue{gap:6px;padding:16px 18px}.menu-continue-name{font-size:24px}.menu-item{padding:7px 0 7px 22px}.menu-item b{font-size:21px}.menu-item:before{top:18px}.menu-news-art{height:90px}}@media (height<=780px){.menu-brand .menu-crown{width:44px;height:32px}.menu-brand h1{font-size:32px}.menu-brand small{display:none}.menu-item{padding:5px 0 5px 22px}.menu-item b{font-size:19px}.menu-item:before{top:15px}.menu-item:hover small,.menu-item:focus-visible small{opacity:0;max-height:0}.menu-item[aria-current=page] small{opacity:1;max-height:20px}.menu-news-art{display:none}.menu-news{padding-top:14px}.menu-pane{max-height:calc(100dvh - 40px);margin-top:20px;margin-bottom:20px}}@media (height<=680px){.menu-envoy{display:none}.menu-foot{margin-top:auto}.menu-continue-meta{font-size:13px}.menu-progress,.menu-news{display:none}.menu-side{gap:12px;padding-top:20px}}@media (width<=1180px){.menu-news{display:none}}@media (width<=820px){main.home-screen.menu{grid-template-columns:1fr;overflow:hidden auto}main.home-screen.menu:before{background:linear-gradient(#06050940 0,#060509b3 40%,#060509e6 100%)}.menu-side{height:auto;min-height:100dvh;padding:28px 22px 20px;overflow:visible}.menu-pane{z-index:5;background:#0c090ef0;border:0;border-radius:0;width:100%;height:100dvh;max-height:none;margin:0;animation-name:menu-pane-up;position:fixed;inset:0}.menu-pane-head{padding:16px 18px}.menu-pane-head h2{font-size:24px}.menu-pane-body{padding:16px 18px 24px}.menu-back{display:grid}.menu-close{display:none}.menu-item b{font-size:22px}.browser-head{display:none}.browser-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name act""lords season";gap:10px 16px;padding:14px}.browser-name{grid-area:name}.browser-act{grid-area:act}.browser-lords{grid-area:lords}.browser-season{grid-area:season}.browser-act .btn{min-width:0}.browser.admin{--act:auto}}@keyframes menu-pane-up{0%{opacity:0;transform:translateY(24px)}}@media (width<=520px){.menu-brand h1{font-size:32px}.menu-continue-name{font-size:24px}}.home-screen .home-card>.home-tabs{box-sizing:border-box;grid-template-columns:1fr 1fr;column-gap:8px;width:100%;padding-inline:18px;display:grid}.home-screen form .lang-flags{gap:12px}.home-screen form .lang-flag{box-shadow:none;background:0 0;border:1px solid #0000;border-radius:2px;padding:0;transform:none}.home-screen form .lang-flag.on{border-color:#f2d16bcc;transform:none;box-shadow:0 0 10px #f2d16b4d}.home-screen form .lang-flags svg{width:32px;height:auto}html:has(main.home-screen){background:#0a0e1c}html:has(main.home-screen) body{background:#0a0e1c}html:has(main.home-screen) #root{background:#0a0e1c}.menu-backdrop{height:100lvh;bottom:auto}.home-screen .home-card>.home-tabs .btn{white-space:nowrap;margin-inline:0;padding-inline:8px}a.menu-item{text-decoration:none}.menu-out{opacity:.6;margin-left:6px;font-size:.7em}.menu.home-screen .menu-side .home-card.frame.auth-card{border:calc(var(--px) * 7) solid transparent;border-image:var(--bar-frame) 7 / calc(var(--px) * 7) round;image-rendering:pixelated;background:repeating-linear-gradient(180deg, transparent 0 calc(var(--px) * 15), #00000038 calc(var(--px) * 15) calc(var(--px) * 16)), var(--panel);box-shadow:0 calc(var(--px) * 4) 0 0 #00000073;-webkit-backdrop-filter:none;backdrop-filter:none;background-clip:padding-box;border-radius:0}.menu.home-screen .auth-card .home-tabs{gap:calc(var(--px) * 3);padding:calc(var(--px) * 5) calc(var(--px) * 6) calc(var(--px) * 4);background:var(--wood-1);box-shadow:inset 0 var(--px) 0 0 var(--wood-3), inset 0 calc(var(--px) * -2) 0 0 var(--ink), 0 var(--px) 0 0 var(--gold-3);border-bottom:0}.menu.home-screen .auth-card .home-tabs .btn{--face:var(--wood-2);--hi:var(--wood-4);--lo:var(--wood-0);min-height:38px;padding:0 calc(var(--px) * 5);color:var(--text);background:var(--face);box-shadow:var(--bevel), var(--outline), 0 calc(var(--px) * 2) 0 0 var(--ink);border:0;flex:1;margin:0;font-size:15px}.menu.home-screen .auth-card .home-tabs .btn:hover:not(:disabled){--face:var(--wood-3);background:var(--face);color:var(--text)}.menu.home-screen .auth-card .home-tabs .btn[aria-selected=true]{--face:var(--wood-0);--hi:var(--wood-0);--lo:var(--wood-3);color:var(--gold);border-bottom:0}.menu.home-screen .auth-card .sheet-head{background:var(--wood-1);box-shadow:inset 0 calc(var(--px) * -2) 0 0 var(--ink), 0 var(--px) 0 0 var(--gold-3)}.menu.home-screen .auth-card .form label>span{letter-spacing:0;text-transform:none;color:var(--muted);font-size:14px}.menu.home-screen .auth-card .form input:not([type=range]){--hi:var(--panel-lo);--lo:var(--panel-hi);background:var(--slot);height:42px;box-shadow:var(--bevel), var(--outline);border:0;border-radius:0;transition:none}.menu.home-screen .auth-card .form input:not([type=range]):focus{background:var(--slot);box-shadow:var(--bevel), var(--outline);outline:var(--px) solid var(--gold-2)}.menu.home-screen .auth-card .btn.wide{border-radius:0;min-height:46px}.menu.home-screen .auth-card .btn.wide.primary{--face:#e2b44a;--hi:#fff4c0;--lo:#8a5f16;color:#2a1a08;background:var(--face);box-shadow:var(--bevel), var(--outline), 0 calc(var(--px) * 2) 0 0 var(--ink);border:0}.menu.home-screen .auth-card .btn.wide.primary:hover:not(:disabled){--face:#f2d16b;background:var(--face)}.menu.home-screen .auth-card .form-error{color:#ff9a8a;margin:0}.menu-side .banned-card{padding:16px 18px 18px}.menu-side .banned-card h2{color:#ff9a8a;text-shadow:0 var(--px) 0 var(--ink);margin:0 0 10px;font-size:22px}.menu-side .banned-card p{color:var(--text);margin:0 0 12px;line-height:1.45}.menu.home-screen .auth-card .form input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:inset 0 0 0 100px var(--slot), var(--outline);transition:background-color 9999s step-end}.menu.home-screen .auth-card .form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:inset 0 0 0 100px var(--slot), var(--outline);transition:background-color 9999s step-end}.menu.home-screen .auth-card .form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:inset 0 0 0 100px var(--slot), var(--outline);transition:background-color 9999s step-end}.menu.home-screen .menu-side .auth-card a.btn.wide.auth-waitlist{box-sizing:border-box;--face:var(--wood-2);--hi:var(--wood-4);--lo:var(--wood-0);width:100%;min-height:42px;color:var(--gold);background:var(--face);box-shadow:var(--bevel), var(--outline), 0 calc(var(--px) * 2) 0 0 var(--ink);border:0;border-radius:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.menu.home-screen .menu-side .auth-card a.btn.wide.auth-waitlist:hover{--face:var(--wood-3);background:var(--face)}.menu.home-screen .auth-card .form input[aria-invalid=true]{outline:var(--px) solid #ff9a8a}