@font-face{font-family:Forum;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/forum-cyrillic-400-normal-Cl8kDjnZ.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Forum;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/forum-latin-400-normal-OEvxT1Ba.woff2)format("woff2");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:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/alegreya-sans-cyrillic-400-normal-CFUoBDld.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2)format("woff2");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:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/alegreya-sans-cyrillic-500-normal-kQHBM3cE.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2");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:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/alegreya-sans-cyrillic-700-normal-BMO00Gdb.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2");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:Alegreya Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/alegreya-sans-sc-cyrillic-700-normal-ByUfwsCa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/alegreya-sans-sc-latin-700-normal-B3GxztBF.woff2)format("woff2");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:Alegreya Sans SC;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/alegreya-sans-sc-cyrillic-800-normal-D09VpZcc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans SC;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/alegreya-sans-sc-latin-800-normal-BWcIw4uc.woff2)format("woff2");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{--f-title:"Forum", Georgia, serif;--f-label:"Alegreya Sans SC", "Alegreya Sans", system-ui, sans-serif;--f-text:"Alegreya Sans", system-ui, sans-serif;--gold:#f3dcac;--ink:#e6cfa2;--ink-2:#baafa0;--muted:#a8957a;--dim:#8a7a66;--faint:#6e5f4c;--ok:#9fd18b;--bad:#ff9a80;--ally:#7cc9d0;--bg:#070505;--gap:#090605;--well:#0b0806;--stone-base:#17120e;--line:#6e5333;--line-soft:#6e533333;--bronze-edge:linear-gradient(180deg, #b8915e 0%, #7a5832 35%, #4a3219 65%, #7a5c38 88%, #3a2614 100%);--ember-edge:linear-gradient(180deg, #e0a868, #8a5a2a 50%, #4a2a10);--ember-face:radial-gradient(120% 140% at 50% 0%, #b0602a, #6a2a0e 55%, #2e1206);--teal-edge:linear-gradient(180deg, #7cc9d0, #2c6a70 50%, #123236);--teal-face:radial-gradient(120% 140% at 50% 0%, #245a5e, #10282a 60%, #081314);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .62 0 0 0 0 .55 0 0 0 0 .48 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--stone:linear-gradient(180deg, #ffffff0c, #0000 35%, #00000080), var(--noise), var(--stone-base);--ease:cubic-bezier(.2, .8, .2, 1);--ease-back:cubic-bezier(.3, 1.5, .5, 1)}.ui-root{top:var(--frame-top);right:var(--frame-right);bottom:var(--frame-bottom);left:var(--frame-left);z-index:10;pointer-events:none;font-family:var(--f-text);color:var(--ink);-webkit-tap-highlight-color:transparent;position:fixed}.ui-root>*{pointer-events:auto}.ui-root [hidden]{display:none!important}:root[data-covered] body *,.ui-root>[data-under],.ui-root>[data-under] *{animation-play-state:paused}:root[data-covered] .ui-root>:not([data-under]),:root[data-covered] .ui-root>:not([data-under]) *{animation-play-state:running}.ui-root ::selection{color:#fff4dc;background:#c9995c66}.ui-root :focus-visible{outline-offset:3px;outline:2px solid #f3c880}.ui-screen{isolation:isolate;background:radial-gradient(100% 60% at 50% 30%, #1a130d, var(--bg) 70%);transition:opacity .24s var(--ease), transform .28s var(--ease);outline:none;flex-direction:column;display:flex;position:absolute;inset:0}.ui-screen.ui-veil{background:linear-gradient(#070505d9,#070505f2)}.ui-screen[data-enter]{opacity:0;transform:translate(28px)}.ui-screen[data-leave]{opacity:0;pointer-events:none;transform:translate(28px)}.ui-screen[data-under]{opacity:0;pointer-events:none;transform:translate(-18px)}.ui-screen.ui-rise[data-enter],.ui-screen.ui-rise[data-leave]{transform:translateY(18px)scale(.985)}.ui-header{padding:calc(16px + var(--safe-top)) calc(14px + var(--safe-right)) 8px calc(14px + var(--safe-left));align-items:center;gap:12px;display:flex}.ui-header-title{min-width:0;font:400 26px/1.05 var(--f-title);color:var(--gold);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ui-body{overscroll-behavior:contain;min-height:0;padding:8px calc(16px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(16px + var(--safe-left));flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.ui-body>*{flex:none}.ui-body.ui-narrow{box-sizing:border-box;align-self:center;width:min(100%,520px)}.ui-panel{--cut:16px;isolation:isolate;background:var(--bronze-edge);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));padding:18px;position:relative}.ui-panel:before,.ui-panel:after{content:"";z-index:-1;pointer-events:none;position:absolute}.ui-panel:before{--c:calc(var(--cut) - 1px);background:var(--gap);clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));inset:1.5px}.ui-panel:after{--c:calc(var(--cut) - 3px);background:var(--stone);clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));inset:3.5px;box-shadow:inset 0 1px #ffe7b41f,inset 0 -12px 24px #0009}.ui-panel.teal:after{background:linear-gradient(180deg, #ffffff0a, #0000 35%, #00000080), var(--noise), #0d1617}.ui-panel.ember{background:var(--ember-edge)}.ui-panel.well:after{background:var(--well);box-shadow:inset 0 1px #ffe7b41f,inset 0 -12px 24px #0009}.ui-btn{--cut:10px;--h:46px;min-width:0;height:var(--h);color:var(--ink);cursor:pointer;font:800 14px var(--f-label);letter-spacing:.08em;touch-action:manipulation;transition:transform .14s var(--ease-back), filter .2s, opacity .2s;background:0 0;border:0;padding:0;display:flex;position:relative}.ui-btn-face{isolation:isolate;white-space:nowrap;background:var(--bronze-edge);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));flex:1;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:flex;position:relative}.ui-btn-face:before{--c:calc(var(--cut) - .5px);content:"";z-index:-1;background:var(--stone);clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));position:absolute;inset:1.5px;box-shadow:inset 0 1px #ffe7b41a}.ui-btn.ember{color:#fff0d8;filter:drop-shadow(0 0 8px #ff6a1a33)}.ui-btn.ember .ui-btn-face{background:var(--ember-edge)}.ui-btn.ember .ui-btn-face:before{background:var(--ember-face);box-shadow:inset 0 1px #ffd8a066}.ui-btn.teal{color:#e6fbff}.ui-btn.teal .ui-btn-face{background:var(--teal-edge)}.ui-btn.teal .ui-btn-face:before{background:var(--teal-face);box-shadow:inset 0 1px #c8f4ff33}.ui-btn.danger{color:var(--bad)}.ui-btn.ghost{--h:36px;color:var(--muted);font-size:13px}.ui-btn.ghost .ui-btn-face{background:0 0;padding:0 6px}.ui-btn.ghost .ui-btn-face:before{display:none}.ui-btn.lg{--h:56px;font-size:17px}.ui-btn.sm{--h:36px;--cut:9px;font-size:12px}.ui-btn:hover:enabled{filter:brightness(1.12)}.ui-btn.ember:hover:enabled{filter:brightness(1.1)drop-shadow(0 0 12px #ff6a1a55)}.ui-btn.ghost:hover:enabled{color:var(--ink);filter:none}.ui-btn:active:enabled{transition-duration:60ms;transform:scale(.97)}.ui-btn:disabled{cursor:default;opacity:.45;filter:grayscale(.4)}.ui-btn[aria-busy=true] .ui-btn-face{color:#0000}.ui-btn[aria-busy=true] .ui-btn-face:after{content:"";border:2px solid #fff0d833;border-top-color:#fff0d8;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.8s linear infinite ui-spin;position:absolute;top:50%;left:50%}.ui-btn.ui-btn-block{width:100%}.ui-oct{--s:40px;width:var(--s);height:var(--s);color:#c9b48e;cursor:pointer;touch-action:manipulation;transition:transform .14s var(--ease-back), filter .2s;background:0 0;border:0;flex:none;padding:0;position:relative}.ui-oct:before,.ui-oct:after,.ui-oct>i{content:"";clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);position:absolute}.ui-oct:before{background:var(--bronze-edge);inset:0}.ui-oct:after{background:var(--gap);inset:2px}.ui-oct>i{z-index:1;background:var(--stone);place-items:center;font-style:normal;display:grid;inset:4px;box-shadow:inset 0 -6px 10px #000a}.ui-oct svg{stroke-width:1.8px;width:48%;height:48%}.ui-oct:hover{filter:brightness(1.15)}.ui-oct:active{transform:scale(.93)}.ui-medal{--s:44px;width:var(--s);height:var(--s);flex:none;position:relative}.ui-medal:before,.ui-medal>b{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);position:absolute}.ui-medal:before{content:"";background:var(--bronze-edge);inset:0}.ui-medal>b{background:var(--stone);font:400 calc(var(--s) * .45)/1 var(--f-title);color:var(--gold);place-items:center;display:grid;inset:2px}.ui-medal.teal:before{background:var(--teal-edge)}.ui-medal.teal>b{background:var(--teal-face);color:#d8f6fa}.ui-medal.empty:before{background:repeating-linear-gradient(45deg,#3fc6d855 0 3px,#0000 3px 7px)}.ui-medal.empty>b{background:#070a0b}.ui-label{font:800 12px var(--f-label);letter-spacing:.2em;color:var(--muted);white-space:nowrap}.ui-rule{align-items:center;gap:10px;display:flex}.ui-rule:after{content:"";background:linear-gradient(90deg, var(--line), #0000);flex:1;height:1px}.ui-title{font:400 36px/1.05 var(--f-title);color:var(--gold);margin:0}.ui-text{font:400 16px/1.45 var(--f-text);color:var(--ink-2);text-wrap:pretty;margin:0}.ui-note{font:400 13px/1.45 var(--f-text);color:var(--dim);margin:0}.ui-kbd{box-sizing:border-box;min-width:18px;height:18px;box-shadow:inset 0 -2px 0 #000, 0 0 0 1px var(--line);font:700 10px var(--f-text);letter-spacing:0;color:#d8c4a0;background:linear-gradient(#2a2018,#120d09);border-radius:3px;place-items:center;padding:0 5px;display:inline-grid}@media (hover:none){.ui-kbd{display:none}}.ui-status{min-height:19px;font:500 13px/1.45 var(--f-text);color:var(--dim);justify-content:center;align-items:center;gap:6px;transition:color .2s;display:flex}.ui-status:before{content:"";opacity:0;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;transition:opacity .2s,box-shadow .2s}.ui-status[data-tone=ok]{color:var(--ok)}.ui-status[data-tone=bad]{color:var(--bad)}.ui-status[data-tone=ok]:before,.ui-status[data-tone=bad]:before{opacity:1;box-shadow:0 0 6px}.ui-status[data-tone=wait]:before{opacity:1;animation:1s ease-in-out infinite ui-blink}.ui-seg{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.ui-seg button{height:36px;color:var(--dim);cursor:pointer;font:800 12px var(--f-label);letter-spacing:.08em;white-space:nowrap;background:0 0;border:0;padding:0 8px;transition:color .2s;position:relative}.ui-seg button:before,.ui-seg button:after{content:"";z-index:-1;opacity:0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);transition:opacity .2s;position:absolute}.ui-seg button:before{background:var(--bronze-edge);inset:0}.ui-seg button:after{background:var(--stone);inset:1.5px;box-shadow:inset 0 1px #ffe7b41a}.ui-seg{isolation:isolate}.ui-seg button[aria-checked=true]{color:var(--gold)}.ui-seg button[aria-checked=true]:before,.ui-seg button[aria-checked=true]:after{opacity:1}.ui-seg button:hover:not([aria-checked=true]){color:var(--ink)}.ui-toggle{cursor:pointer;width:46px;height:26px;box-shadow:inset 0 0 0 1px var(--line), inset 0 2px 4px #000;background:linear-gradient(#17110c,#0b0806);border:0;border-radius:13px;flex:none;padding:0;transition:background .2s,box-shadow .2s;position:relative}.ui-toggle:after{content:"";width:20px;height:20px;transition:transform .22s var(--ease-back);background:conic-gradient(from 200deg,#2a1e12,#b38551,#4d3820,#f0d39a,#3a2a18,#8e6a3e,#22180e,#c9995c,#2a1e12);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #000}.ui-toggle[aria-checked=true]{background:linear-gradient(#8a3a12,#4a1a06);box-shadow:inset 0 0 0 1px #e0a868,inset 0 2px 4px #000}.ui-toggle[aria-checked=true]:after{transform:translate(20px)rotate(120deg)}.ui-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:10px 0;display:flex}.ui-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ui-row-title{font:700 15px/1.45 var(--f-text);color:var(--ink)}.ui-row-sub{font:400 12px/1.45 var(--f-text);color:var(--dim)}.ui-code{justify-content:center;gap:min(6px,1.2vw);min-width:0;max-width:100%;display:flex;position:relative}.ui-code-gap{flex:0 8px}.ui-cell{--cut:8px;aspect-ratio:44/51;background:var(--bronze-edge);min-width:0;transition:transform .16s var(--ease-back), background .2s;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));flex:0 44px;position:relative;container-type:inline-size}.ui-cell>b{background:var(--well);font:700 min(22px, 52cqi) var(--f-text);color:var(--gold);clip-path:polygon(7.5px 0,calc(100% - 7.5px) 0,100% 7.5px,100% calc(100% - 7.5px),calc(100% - 7.5px) 100%,7.5px 100%,0 calc(100% - 7.5px),0 7.5px);place-items:center;display:grid;position:absolute;inset:1.5px;box-shadow:inset 0 3px 8px #000}.ui-cell[data-filled]>b{animation:ui-pop .18s var(--ease-back)}.ui-code:focus-within .ui-cell[data-caret]{background:linear-gradient(#f0c98a,#a8763e 50%,#5a3a1c)}.ui-code:focus-within .ui-cell[data-caret]>b:after{content:"";background:var(--gold);width:2px;height:24px;animation:1s step-end infinite ui-caret}.ui-code input{opacity:0;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.ui-code-view{pointer-events:none}.ui-code-view .ui-cell>b{animation-delay:calc(var(--i,0) * 40ms);animation-fill-mode:both}.ui-code[data-tone=bad] .ui-cell{background:linear-gradient(#ff9a80,#8a3a2a 50%,#3a1410)}.ui-code[data-tone=ok] .ui-cell{background:linear-gradient(#c8f0b8,#4a7a3a 50%,#1a3010)}@media (max-width:360px){.ui-cell{width:38px;height:46px}.ui-cell>b{font-size:19px}}.ui-pager{align-items:center;gap:6px;display:flex}.ui-pager i{width:7px;height:7px;transition:width .26s var(--ease), background .26s;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 50%,calc(100% - 3px) 100%,3px 100%,0 50%);background:#4a3a28}.ui-pager i[data-on]{background:linear-gradient(#ffd08a,#c9702a);width:18px}.ui-shake{animation:ui-shake .36s var(--ease)}@keyframes ui-shake{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes ui-pop{0%{opacity:.2;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes ui-caret{50%{opacity:0}}@keyframes ui-blink{50%{opacity:.25}}@keyframes ui-spin{to{transform:rotate(1turn)}}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}:root[data-motion=reduced] .ui-root *,:root[data-motion=reduced] .ui-root :before,:root[data-motion=reduced] .ui-root :after{animation-duration:1ms!important;animation-iteration-count:1!important}:root[data-motion=reduced] .ui-screen{transition:opacity .2s;transform:none!important}@media (prefers-reduced-motion:reduce){.ui-root *,.ui-root :before,.ui-root :after{animation-duration:1ms!important;animation-iteration-count:1!important}.ui-screen{transition:opacity .2s;transform:none!important}}:root[data-scene=menu] :is(.skill-bar,.totem-rack,.scene-feedback,.menu-bar,.net-status){opacity:0;visibility:hidden}:is(.skill-bar,.totem-rack,.scene-feedback,.menu-bar,.net-status){transition:opacity .5s .35s,visibility}:root[data-scene=menu] :is(.skill-bar,.totem-rack,.scene-feedback,.menu-bar,.net-status){transition:opacity .2s,visibility 0s .2s}.gate{pointer-events:none;font-family:var(--f-text);flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.gate.top{z-index:2;top:max(12px, var(--safe-top));position:absolute;left:50%;transform:translate(-50%)}.gate-plate{--cut:12px;isolation:isolate;box-sizing:border-box;background:var(--bronze-edge);width:168px;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));padding:9px 12px 10px;transition:background .4s;position:relative}.gate-plate:before{--c:calc(var(--cut) - 1px);content:"";z-index:-1;background:linear-gradient(180deg, #ffffff0d, #0000 40%, #00000080), var(--noise), #15100b;clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));position:absolute;inset:1.5px}.gate.top .gate-plate{width:320px;padding:11px 16px 12px}.gate-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px;display:flex}.gate-label{font:800 9px var(--f-label);letter-spacing:.16em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.gate.top .gate-label{font-size:10px}.gate-count{font:400 14px/1 var(--f-title);color:var(--dim);white-space:nowrap}.gate-count b{font:400 20px/1 var(--f-title);color:var(--gold);font-variant-numeric:tabular-nums}.gate.top .gate-count b{font-size:22px}.gate-cells{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.gate.top .gate-cells{gap:5px}.gate-cells i{clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);background:#2a2018;height:9px;transition:background .5s .25s;position:relative;box-shadow:inset 0 1px 2px #000}.gate.top .gate-cells i{clip-path:none;border-radius:3px;height:10px}.gate-cells i[data-on="1"]{background:linear-gradient(#ffc27a,#ff7a2a 60%,#b8441a)}.gate-cells i.crack{animation:.7s ease-out gate-crack}.gate-note{min-height:0;font:800 10px/24px var(--f-label);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#ffb59a;opacity:0;transition:opacity .3s, transform .3s var(--ease);background:linear-gradient(90deg,#0000,#3a100acc 15% 85%,#0000);padding:0 12px;transform:translateY(-4px)}.gate-note:empty{display:none}.gate-note.in{opacity:1;transform:none}.gate-note[data-tone=critical]{color:#ffd2c2;animation:1.6s ease-in-out infinite gate-pulse}.menu-bar .gate{position:static}.menu-bar .gate-note{top:calc(max(12px, var(--safe-top)) + 62px);position:fixed;left:50%;translate:-50%}.gate.shake .gate-plate{animation:gate-shake .45s var(--ease)}.gate[data-critical] .gate-plate,.gate[data-fallen] .gate-plate{background:linear-gradient(#ff8a6a,#8a2a1a 60%,#3a100a)}.gate[data-critical] .gate-cells i[data-on="1"]{background:linear-gradient(#ff9a7a,#e8321e 60%,#8a1a10);box-shadow:0 0 8px #ff4a2a88}.gate[data-critical] .gate-count b{color:#ffb59a}.gate-vignette{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(120% 90%,#0000 55%,#7a120a66 100%);transition:opacity 1s;position:absolute;inset:0}.gate-vignette[data-on]{opacity:1;animation:2.4s ease-in-out infinite gate-pulse}:root[data-scene=menu] :is(.gate,.gate-vignette){opacity:0;visibility:hidden}@keyframes gate-crack{0%{background:#fff4dc;transform:scale(1.25);box-shadow:0 0 14px #ffb070}35%{background:#ff5a2a;transform:scale(.9)rotate(-6deg)}to{transform:none}}@keyframes gate-shake{0%,to{transform:none}20%{transform:translate(-5px)rotate(-1deg)}45%{transform:translate(4px)rotate(.6deg)}70%{transform:translate(-2px)}}@keyframes gate-pulse{50%{opacity:.55}}:root[data-motion=reduced] :is(.gate-cells i.crack,.gate.shake .gate-plate){animation:none}@media (prefers-reduced-motion:reduce){:is(.gate-cells i.crack,.gate.shake .gate-plate,.gate-vignette[data-on],.gate-note[data-tone=critical]){animation:none}}:root[data-over] :is(.coop-wait,.coop-notice){display:none!important}.seal-dial{z-index:1;pointer-events:none;white-space:nowrap;font-family:var(--f-text);background:linear-gradient(#17110be6,#0b0806f0);border-radius:999px;align-items:baseline;gap:6px;padding:4px 12px 5px;transition:box-shadow .3s;display:flex;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 1px #6e5333aa,0 4px 12px #000b}.seal-dial:not([data-position]){visibility:hidden}.seal-dial-label,.seal-dial-state{font:800 9px var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.seal-dial-value{font:400 17px/1 var(--f-title);color:var(--gold);font-variant-numeric:tabular-nums;text-align:right;min-width:2.2em}.seal-dial-cost{font:800 13px/1 var(--f-text);color:var(--ink);font-variant-numeric:tabular-nums}.seal-dial i{background:#6e5333;align-self:center;width:4px;height:4px;transform:rotate(45deg)}.seal-dial[data-ready]{box-shadow:0 0 0 1px #f0a050,0 0 18px #ff8a3a66,0 4px 12px #000b}.seal-dial[data-ready] .seal-dial-state{color:#ffc27a}.seal-dial[data-ready] .seal-dial-cost{color:#ffd9a0}.seal-dial.flare{animation:hud-flare .6s var(--ease-back)}.ally-chip{--cut:10px;z-index:2;top:max(12px, var(--safe-top));right:max(12px, var(--safe-right));pointer-events:none;font-family:var(--f-text);background:linear-gradient(#0f1a1ce8,#070b0cf0);border-radius:6px;align-items:center;gap:9px;padding:6px 14px 6px 7px;transition:opacity .3s,box-shadow .3s;display:flex;position:absolute;box-shadow:0 0 0 1px #3fc6d855,0 4px 14px #000b}.ally-medal{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:var(--teal-edge,#3fc6d8);flex:none;width:30px;height:30px;position:relative}.ally-medal b{clip-path:inherit;background:var(--teal-face,#0d1617);font:400 15px/1 var(--f-title);color:#d8f6fa;place-items:center;display:grid;position:absolute;inset:1.5px}.ally-who{flex-direction:column;gap:1px;min-width:0;display:flex}.ally-name{font:700 13px var(--f-text);color:#d8f6fa;text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.ally-line{font:500 11px var(--f-text);color:var(--ally);white-space:nowrap}.ally-line:empty{display:none}.ally-chip[data-state=away]{box-shadow:0 0 0 1px #ff9a8088,0 4px 14px #000b}.ally-chip[data-state=away] .ally-line{color:var(--bad);animation:1.4s ease-in-out infinite gate-pulse}.ally-chip[data-state=gone]{opacity:.65}@media (max-width:559px){.ally-chip{top:calc(max(12px, var(--safe-top)) + 56px);padding:4px 10px 4px 5px}.ally-medal{width:26px;height:26px}.ally-name{max-width:90px}}:root .coop-notice{top:calc(max(12px, var(--safe-top)) + 112px);text-align:center;color:#d8f6fa;max-width:min(360px,100% - 32px);font:500 12px/1.4 var(--f-text);animation:notice-in .3s var(--ease) both;background:linear-gradient(#0f1a1ce8,#070b0cf0);border:0;border-radius:6px;padding:8px 14px;box-shadow:0 0 0 1px #3fc6d855,0 4px 14px #000b}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.skill-button .skill-name{opacity:0;transition:opacity .2s}.skill-button:hover .skill-name,.skill-button:focus-visible .skill-name{opacity:1}:root[data-scene=menu] :is(.seal-dial,.ally-chip){opacity:0;visibility:hidden}@keyframes hud-flare{40%{scale:1.12}}.seal-dial.compact{border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:3px 10px 4px;transform:translate(-50%)}.seal-dial.compact :is(.seal-dial-label,i){display:none}.seal-dial.compact .seal-dial-value{text-align:center;min-width:0;font-size:15px}.seal-dial.compact .seal-dial-state{letter-spacing:.08em;font-size:8px}.seal-dial.compact .seal-dial-cost{background:#2a1e12;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid;position:absolute;top:50%;right:-9px;translate:0 -50%;box-shadow:0 0 0 1px #8e6a3e}:root[data-motion=reduced] .seal-dial.flare{animation:none}
