.login{z-index:60;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:var(--gap-xl);padding:var(--gap) 0;background:#38417c center 35% no-repeat;image-rendering:pixelated}.login .ui-frame{width:min(90vw,calc(320 * var(--px)))}.login .ui-text{white-space:normal}.login-birth,.login-suggest{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.login.login-wide .ui-frame{width:min(94vw,calc(528 * var(--px)))}.login-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(152 * var(--px)),1fr));gap:var(--gap)}.login-tile.ui-button{flex-direction:column;justify-content:flex-start;gap:var(--gap-sm);min-height:calc(176 * var(--px));padding:var(--gap);text-align:center}.login-tile>*{max-width:100%}.login-portrait{--piece: var(--kit-slot);--slice: var(--kit-slot-slice);--fallback: var(--c-shadow);position:relative;overflow:hidden;flex:none;width:calc(64 * var(--px));height:calc(64 * var(--px));margin-bottom:var(--gap-sm)}.login-bust{position:absolute;left:50%;top:calc(4 * var(--px));width:calc(80 * var(--px));height:calc(128 * var(--px));transform:translate(-50%);background:center / 100% 100% no-repeat}.login-tile-name{overflow-wrap:break-word;line-height:1}.login-tile-line,.login-tile-when{font:var(--text-body) / var(--line-body) var(--font-body);text-shadow:none}.login-tile-line{color:var(--c-xp-gold)}.login-tile-when{color:var(--c-old-parchment)}.login-tile-new.ui-button{justify-content:center;border:calc(2 * var(--px)) dashed var(--c-oak);border-image:none;color:var(--c-oak);text-shadow:none}.profile-pointer .login-tile-new.ui-button:hover,.login-tile-new.ui-button:active{border-color:var(--c-dark-oak);background:var(--c-old-parchment);color:var(--c-dark-oak)}.login-tile-new:focus-visible{outline-color:var(--c-dark-oak)}.login-foot{display:flex;justify-content:flex-end}.login-link{min-height:var(--tap);padding:0 var(--gap-xs);background:none;border:0;color:var(--c-oak);font:var(--text-body) / 1 var(--font-body);text-decoration:underline;text-underline-offset:calc(2 * var(--px))}.profile-pointer .login-link:hover{color:var(--c-outline);cursor:var(--cursor-hand, pointer)}.login-link:focus-visible{outline:var(--px) solid var(--c-dark-oak)}.login-hint{color:var(--c-oak)}.login-hint-bad{color:var(--c-blood-red)}.login-head{flex:none;display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--px));width:min(90vw,calc(440 * var(--px)));text-align:center;color:var(--c-linen);text-shadow:calc(2 * var(--px)) 0 var(--c-outline),calc(-2 * var(--px)) 0 var(--c-outline),0 calc(2 * var(--px)) var(--c-outline),0 calc(-2 * var(--px)) var(--c-outline)}.login-mark{display:flex;align-items:center;justify-content:center;gap:var(--gap);font-size:calc(32 * var(--px));line-height:1}.login-logo{width:calc(64 * var(--px));height:calc(64 * var(--px));image-rendering:pixelated}.login-intro{font:var(--text-body) / var(--line-body) var(--font-body);text-shadow:var(--px) 0 var(--c-outline),calc(-1 * var(--px)) 0 var(--c-outline),0 var(--px) var(--c-outline),0 calc(-1 * var(--px)) var(--c-outline)}@media(max-height:860px)and (min-height:431px){.login{gap:var(--gap-lg)}.login-head{gap:var(--gap)}.login-logo{width:calc(48 * var(--px));height:calc(48 * var(--px))}.login-mark{font-size:calc(24 * var(--px))}.login-tile.ui-button{min-height:calc(140 * var(--px))}.login-portrait{width:calc(48 * var(--px));height:calc(48 * var(--px))}.login-bust{top:calc(2 * var(--px));width:calc(60 * var(--px));height:calc(96 * var(--px))}}.login-meta{display:flex;align-items:center;justify-content:center;gap:var(--gap)}.login-meta .login-link[aria-current]{color:var(--c-outline);text-decoration:none;font-weight:700}.login-build{color:var(--c-oak);opacity:.7}.login-chip{min-height:var(--tap);padding:0 var(--gap);border:var(--px) solid var(--c-oak);background:var(--c-linen);color:var(--c-outline);font:var(--text-body) / 1 var(--font-body)}.profile-pointer .login-chip:hover{background:var(--c-old-parchment);cursor:var(--cursor-hand, pointer)}.login-chip:focus-visible{outline:var(--px) solid var(--c-dark-oak)}.login-actions{display:flex;gap:var(--gap)}.login-actions>:last-child{flex:1}.login-voc-label{color:var(--c-oak)}.login-voc.ui-button{min-height:calc(112 * var(--px))}.login-voc-role{font:var(--text-body) / var(--line-body) var(--font-body);text-shadow:none}.login-voc[aria-pressed=true]{outline:calc(2 * var(--px)) solid var(--c-xp-gold);outline-offset:calc(2 * var(--px))}.profile-touch .login.login-wide .ui-frame{width:min(94vw,calc(760 * var(--px)))}.profile-touch .login-voc.ui-button{min-height:0}.profile-touch .login-actions{position:sticky;bottom:0;z-index:1;padding:var(--gap-sm) 0;background:var(--c-parchment)}@media(max-height:430px){.login{gap:var(--gap);padding:var(--gap-sm) 0}.login-intro{display:none}.login-mark{font-size:calc(16 * var(--px))}.login-logo{width:calc(24 * var(--px));height:calc(24 * var(--px))}.profile-touch .login-wide .login-voc .login-tile-line{display:none}}.login-meta .login-link{min-width:var(--tap)}.net-banner{position:fixed;inset:0;z-index:900;display:grid;place-items:center;background:#00000073}.net-banner .ui-frame{width:min(90vw,calc(280 * var(--px)))}.net-banner .ui-frame-body{display:grid;gap:calc(6 * var(--px));text-align:center}.net-banner .ui-frame-body>.ui-text{white-space:normal}.hud-ask .ui-text{white-space:pre-line}.hud-ask-card{width:min(calc(480 * var(--px)),92vw);max-height:100%}.hud-ask{grid-template-rows:minmax(0,1fr)}.hud-ask-card>.hud-stack{min-height:0}.hud-ask-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.hud-ask-list>*,.hud-ask-card>.hud-stack>.ui-button{flex:none}.hud-ask-row{display:flex;flex:none;justify-content:flex-end;gap:var(--gap-sm)}.hud-ask-why{color:var(--c-blood-red)}.hud-ask-intro{flex:none;opacity:.8}.hud-choice.hud-choice-icon,.hud-choice-icon{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--gap);text-align:left}.hud-choice-icon>.ui-icon{flex:none}.hud-choice-lines{display:flex;flex-direction:column;min-width:0}.hud-ask-cost{display:flex;flex:none;align-items:center;gap:var(--gap)}.hud-ask-cost>.ui-icon{flex:none}.hud-choice .hud-ask-why{color:var(--c-hp-red);opacity:1}.ws-screen{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:calc(var(--gap) + env(safe-area-inset-top)) calc(var(--gap) + env(safe-area-inset-right)) calc(var(--gap) + env(safe-area-inset-bottom)) calc(var(--gap) + env(safe-area-inset-left));background:color-mix(in srgb,var(--c-outline) 60%,transparent)}.ws-screen[hidden]{display:none}.ws-frame{max-width:100%;max-height:100%;overflow:auto}.ws-body{display:flex;align-items:stretch;gap:var(--gap-lg)}.ws-station{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);width:calc(232 * var(--px))}.ws-skillrow{align-self:stretch;display:flex;align-items:center;gap:var(--gap)}.ws-skill{white-space:nowrap}.ws-bar{flex:1;position:relative;height:calc(8 * var(--px));background:var(--c-old-parchment);border:calc(2 * var(--px)) solid var(--c-outline)}.ws-bar i{position:absolute;inset:0 auto 0 0;background:var(--c-xp-gold)}.ws-row{display:flex;align-items:center;gap:var(--gap);margin-top:var(--gap)}.ws-col{display:flex;flex-direction:column;gap:var(--gap-xs)}.ws-col>[hidden]{display:none}.ws-col>.ws-short{opacity:.5;outline:calc(2 * var(--px)) solid var(--c-blood-red)}.ws-arrow{position:relative;width:calc(64 * var(--px));height:calc(24 * var(--px));background:var(--c-shadow);clip-path:polygon(0 30%,62% 30%,62% 0,100% 50%,62% 100%,62% 70%,0 70%)}.ws-arrow i{position:absolute;inset:0 auto 0 0;width:0;background:var(--c-linen)}.ws-working .ws-arrow i{background:var(--c-xp-gold)}.ws-ready .ws-arrow i{background:var(--c-moss)}.ws-ghost .ws-outs>.ui-slot,.ws-working .ws-outs>.ui-slot{opacity:.5}.ws-ready .ws-outs>.ui-slot{animation:ws-ready .8s steps(2,jump-none) infinite}@keyframes ws-ready{0%{filter:none}to{filter:brightness(1.3)}}.ws-caption{min-height:var(--line-body);text-align:center;white-space:normal}.ws-station>.ui-button{align-self:stretch}.ws-station>.ws-armed{--piece: var(--kit-button-wood);color:var(--c-linen)}.ws-note{color:var(--c-blood-red);text-align:center;white-space:normal}.ws-crafting:not(.ws-why) .ws-note{color:var(--c-dark-oak)}.ws-locked .ws-note{color:var(--c-dark-oak)}.ws-bag{display:flex;flex-direction:column;gap:var(--gap-sm)}.ws-grid{display:grid;grid-template-columns:repeat(5,auto);gap:var(--gap-xs)}.ws-grid[hidden]{display:none}.ws-recipes{max-height:calc(4 * 48 * var(--px) + 3 * var(--gap-xs));overflow-y:auto;align-content:start}.ws-grid>.ws-off{opacity:.45}.ws-locked .ws-row,.ws-locked .ws-skillrow{opacity:.45}