/* Textured entry screens; keep hover geometry fixed. */
html #arena-result-overlay .arena-result-box { display:flex!important; flex-direction:column; box-sizing:border-box; max-height:min(88dvh,calc(100dvh - 24px))!important; overflow:visible!important; }
html #arena-result-overlay .arena-result-content { flex:1 1 auto; min-height:0; overflow:auto; scrollbar-width:none; overscroll-behavior:contain; }
html #arena-result-overlay .arena-result-content::-webkit-scrollbar { display:none; }
html #arena-result-overlay .arena-result-actions { flex:0 0 auto; margin-top:12px; }
html #arena-result-overlay .arena-result-box,html #arena-result-overlay .arena-result-box::before,html #arena-result-overlay .arena-result-box::after { transition:none!important; }
html #arena-result-overlay .arena-result-actions .rpg-btn,html #arena-result-overlay .arena-result-actions .rpg-btn:hover,html #arena-result-overlay .arena-result-actions .rpg-btn:active { box-sizing:border-box; border-width:1px!important; min-height:48px!important; padding:10px 14px!important; transform:none!important; transition:none!important; filter:none!important; }
#friend-request-popup{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:20000;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:20px;background:var(--art-page,#14241e);border:2px solid #b99c58;color:#ecdbb5;pointer-events:auto;touch-action:manipulation}
#friend-request-popup h3{margin:0 0 12px;font-size:18px}#friend-request-popup>b{display:block;font-size:18px;overflow-wrap:anywhere;margin-bottom:8px}#friend-request-popup .friend-request-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#friend-request-popup button{flex:1;min-width:90px;min-height:44px;padding:10px;border:1px solid #b99c58;background:#233b2c;color:#ecdbb5;font-size:14px}#friend-request-popup button[data-answer=accept]{background:#40583a}
html #chat #duel-banner { position:absolute!important; top:auto!important; bottom:calc(100% + 8px)!important; left:0!important; transform:none!important; width:100%!important; max-width:100%!important; padding:10px!important; gap:8px; flex-wrap:wrap; pointer-events:auto; background:var(--art-stone) repeat!important; border:1px solid var(--art-gold)!important; border-radius:0!important; box-shadow:0 3px 0 #0d1416!important; }
html #chat #duel-banner>span { flex:1 1 160px; color:var(--art-cream); font-size:12px; line-height:1.4; }
html #chat #duel-banner button { min-height:40px; padding:8px; color:var(--art-cream); background:var(--art-wood) repeat!important; border:1px solid var(--art-gold)!important; }
html .duel-countdown-box,html .duel-countdown-box.fight { box-sizing:border-box; width:min(440px,calc(100vw - 32px)); max-width:440px; max-height:calc(100dvh - 32px); overflow:auto; padding:30px; background-image:url('/assets/ui/ornaments/corner-tl-v1.png'),url('/assets/ui/ornaments/corner-tr-v1.png'),url('/assets/ui/ornaments/corner-bl-v1.png'),url('/assets/ui/ornaments/corner-br-v1.png'),var(--art-stone)!important; background-position:left top,right top,left bottom,right bottom,center!important; background-size:32px 32px,32px 32px,32px 32px,32px 32px,64px 64px!important; background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat!important; border:2px solid var(--art-gold)!important; border-radius:0!important; transform:none!important; image-rendering:pixelated; }
html .duel-countdown-tip { color:var(--art-cream); }
html .duel-countdown-box,html .duel-countdown-box.fight { overflow:hidden!important; scrollbar-width:none; padding:clamp(12px,4dvh,30px)!important; }
html .duel-countdown-box::-webkit-scrollbar { display:none; }
@media(max-height:420px) {
 html .duel-countdown-title { font-size:14px; margin-bottom:4px; }
 html .duel-countdown-vs { margin-bottom:8px; }
 html .duel-countdown-number { font-size:clamp(40px,18dvh,70px); margin-bottom:6px; }
 html .duel-countdown-tip { font-size:11px; }
}
html #screen-auth .auth-panel,html #screen-auth .auth-panel *,html #screen-chars .chars-panel * { transition:none!important; }
html #screen-auth .auth-panel button,html #screen-auth .auth-panel button:active { border-width:1px!important; transform:none!important; }
html #screen-auth #btn-exit-game{width:100%;min-height:44px;margin-top:12px;color:#e1c77d!important}
html .win .inv-slot:not(.inv-dim):hover,html .win .eq-slot:hover,html .win .shop-slot:hover { filter:none!important; transform:none!important; }
html .win .inv-slot,html .win .eq-slot,html .win .shop-slot { transition:none!important; }
html #screen-chars { background:#132b1f!important; image-rendering:pixelated; padding:24px!important; }
html #screen-chars::before,html #screen-chars::after,html #screen-chars .chars-panel::before,html #screen-chars .chars-panel::after { display:none!important; }
html #screen-chars .chars-panel { width:100%!important; max-width:1440px!important; height:calc(100dvh - 48px)!important; max-height:none!important; padding:0!important; margin:0 auto!important; background:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; overflow:hidden!important; }
html #screen-chars .chars-panel>h2 { text-align:left!important; margin:0 0 12px!important; color:var(--art-cream); text-shadow:2px 2px #0d1416; }
html #screen-chars .char-select-layout { display:grid!important; grid-template-columns:minmax(200px,280px) minmax(220px,300px) minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr)!important; gap:16px!important; height:calc(100% - 48px)!important; min-height:0!important; }
html #screen-chars .char-select-list { overflow:auto!important; scrollbar-width:none; min-height:0!important; padding:8px!important; background:transparent!important; border:0!important; }
html #screen-chars .char-select-list::-webkit-scrollbar,html #screen-chars .char-showcase-info::-webkit-scrollbar { display:none; }
html #screen-chars #char-showcase { display:flex!important; flex-direction:column!important; border:0!important; background:transparent!important; box-shadow:none!important; min-width:0!important; padding:0!important; }
html #screen-chars #char-showcase.hidden { display:none!important; }
html #screen-chars .char-showcase-stage { width:100%!important; height:100%!important; min-height:0!important; background:transparent!important; border:0!important; overflow:visible!important; display:flex!important; align-items:center!important; justify-content:center!important; }
html #screen-chars .char-showcase-stage::after,html #screen-chars .char-showcase-glow { display:none!important; }
html #screen-chars #char-showcase-model { width:min(620px,100%)!important; height:min(620px,78dvh)!important; margin-top:8vh!important; }
@media(min-width:1101px) and (pointer:fine) {
 html #screen-auth .login-last-character { left:35%; top:40%; transform:translate(-50%,-80%); width:clamp(380px,28vw,520px); height:clamp(380px,28vw,520px); }
 html #screen-auth .login-last-character>span { top:calc(var(--preview-head,20%) - 6px); bottom:auto; transform:translate(-50%,-100%); }
}
html #screen-chars .char-showcase-info { align-self:start; max-height:100%; min-width:0; box-sizing:border-box; overflow:auto!important; scrollbar-width:none; background:var(--art-page) repeat!important; border:1px solid var(--art-edge)!important; padding:12px!important; margin:0!important; color:var(--art-cream); }
html #screen-chars .char-showcase-info.hidden { display:none!important; }
html #screen-chars .char-row:hover,html #screen-chars button:active { transform:none!important; }
html #login-loading { display:block; background:#111a20!important; backdrop-filter:none!important; }
html #login-loading.hidden { display:none!important; }
html #login-loading .ll-scene { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; image-rendering:pixelated; }
html #login-loading .ll-card { position:absolute; left:5%; right:5%; bottom:max(24px,env(safe-area-inset-bottom)); width:auto!important; max-width:none!important; padding:18px!important; background:var(--art-page) repeat!important; border:2px solid var(--art-gold)!important; border-radius:0!important; box-shadow:0 4px 0 #0d1416!important; text-align:left!important; }
html #login-loading .ll-progress { height:22px; margin-top:12px; border:1px solid var(--art-gold); background:var(--art-stone) repeat; overflow:hidden; }
html #login-loading[data-bootstrap="true"] .ll-percent{visibility:hidden}
html #login-loading[data-bootstrap="true"] .ll-fill{width:24%;animation:bootstrap-load 1.8s steps(12) infinite}
@keyframes bootstrap-load{from{transform:translateX(-110%)}to{transform:translateX(430%)}}
@media(prefers-reduced-motion:reduce){html #login-loading[data-bootstrap="true"] .ll-fill{animation:none;width:100%;opacity:.35}}
html #login-loading .ll-fill { height:100%; width:0; background:var(--art-wood-hover) repeat; border-right:2px solid var(--art-gold); box-sizing:border-box; transition:none; }
html #login-loading .ll-percent { color:var(--art-cream); text-align:right; font-weight:700; margin-top:4px; }
html #login-loading .ll-sub{color:#e7dfc5!important;font:500 14px/1.5 Outfit,system-ui,sans-serif;margin:6px 0 10px;overflow-wrap:anywhere}
html #login-loading .ll-slow{color:#e1c77d;font:500 13px/1.5 Outfit,system-ui,sans-serif;overflow-wrap:anywhere}
html #login-loading .ll-cancel { background:var(--art-wood) repeat!important; border:1px solid var(--art-gold); color:var(--art-cream); }
@media(max-width:1000px), (pointer:coarse) {
 html #screen-chars { box-sizing:border-box; padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important; }
 html #screen-chars .chars-panel { height:100%!important; min-width:0!important; }
 html #screen-chars .chars-panel>h2 { font-size:14px!important; padding:0!important; margin-bottom:8px!important; }
 html #screen-chars .char-select-layout { grid-template-columns:minmax(0,26fr) minmax(0,30fr) minmax(0,44fr)!important; height:calc(100% - 30px)!important; gap:8px!important; }
 html #screen-chars .char-select-list,html #screen-chars .char-showcase-info { min-width:0!important; min-height:0!important; overscroll-behavior:contain; touch-action:pan-y; }
 html #screen-chars .char-row { padding:8px!important; min-height:56px!important; }
 html #screen-chars .char-row b { font-size:15px!important; overflow-wrap:anywhere; }
 html #screen-chars .char-row small { font-size:10px!important; letter-spacing:0!important; }
 html #screen-chars .char-row .char-lv { font-size:20px!important; }
 html #screen-chars #char-showcase-name { font-size:24px!important; overflow-wrap:anywhere; }
 html #screen-chars #char-showcase-equipment { flex:none!important; overflow:visible!important; }
 html #screen-chars #btn-enter-char { position:sticky; bottom:0; min-height:48px!important; z-index:2; }
 html #screen-chars button { min-height:44px; }
 html #screen-chars #char-showcase-model { width:100%!important; height:100%!important; max-height:480px!important; margin:0!important; }
 html #login-loading .ll-card { box-sizing:border-box; bottom:max(8px,env(safe-area-inset-bottom)); max-height:calc(100dvh - 24px); overflow:auto; }
}
@media(max-width:650px) and (orientation:portrait) {
 html #screen-chars { padding:12px!important; background-position:65% center!important; }
 html #screen-chars .chars-panel { height:100%!important; }
 html #screen-chars .char-select-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important; grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)!important; gap:8px!important; }
 html #screen-chars .char-select-list { grid-column:1; grid-row:1; }
 html #screen-chars .char-showcase-info { grid-column:2; grid-row:1; height:100%; }
 html #screen-chars #char-showcase { grid-column:1 / -1; grid-row:2; }
 html #screen-chars .char-select-list { padding:2px!important; }
 html #screen-chars #char-showcase-model { width:100%!important; height:100%!important; margin:0!important; }
 html #screen-chars .char-showcase-info { padding:8px!important; }
 html #login-loading .ll-card { left:12px; right:12px; padding:12px!important; }
}
/* Four persistent character rooms, ordered from slot 1 to slot 4. */
.character-scene-track{position:absolute;inset:0 auto 0 0;width:400%;display:flex;pointer-events:none;transition:transform .48s ease;z-index:0}
/* The four-room background must never enlarge the page's scrollable area. */
html #screen-chars{position:fixed!important;inset:0;box-sizing:border-box;min-width:0;min-height:0;overflow:clip!important}
html #screen-chars .chars-panel{box-sizing:border-box;min-width:0;min-height:0}
html #screen-chars .char-select-layout{min-width:0}
.character-scene{flex:0 0 25%;height:100%;background-position:center;background-size:cover;image-rendering:pixelated}
html #screen-chars .chars-panel{position:relative;z-index:1}
.char-backdrop-setting{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:#cdbd96}
.char-backdrop-setting select{max-width:100%;background:#14221e;color:#e8dab6;border:1px solid #8c774a;padding:7px;min-height:36px}
#screen-chars .char-row::before{content:attr(data-slot);color:#a99b77;font:700 12px sans-serif;margin-right:8px}
.atlas-tabs{display:flex;gap:8px;padding:10px}.atlas-tabs button{min-height:44px}.atlas-tabs .selected{border-color:#dcc387;color:#fff0c4}
.fullmap-box.world-map-open{width:min(1100px,96vw);max-width:96vw;max-height:92dvh;overflow:auto}
.world-atlas[hidden]{display:none}.world-atlas{padding:0 14px 14px;color:#e5d6b4}
.atlas-home{padding:8px 12px;border:1px solid #6e6145;background:#172b20;margin:0 0 12px}
.atlas-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:14px}
.atlas-chart{position:relative;min-height:490px;background:#0d1918;border:1px solid #72603f;background-image:repeating-linear-gradient(0deg,transparent 0 39px,#9b87500b 40px),repeating-linear-gradient(90deg,transparent 0 39px,#9b87500b 40px)}
.atlas-chart svg{position:absolute;inset:0;width:100%;height:100%}.atlas-chart line{stroke:#ae9765;stroke-width:.35}.atlas-chart line.portal{stroke:#9782ba;stroke-dasharray:1.5 1}
.atlas-region{position:absolute;transform:translate(-50%,-50%);width:29%;min-height:60px;padding:7px 4px;background:#1a2d24;color:#d8caaa;border:1px solid #756548;font:600 12px 'Outfit',sans-serif;cursor:pointer;box-shadow:0 3px #080f0d;transition:none!important}
.atlas-region.current{border-color:#70b6c3}.atlas-region.selected{background:#35412a;border-color:#dec77e;color:#fff0c8}
.atlas-details{background:#122019;border:1px solid #6d6043;padding:12px;min-width:0}.atlas-details h3{font:700 22px Georgia;margin:12px 0}.atlas-details p{font-size:12px;line-height:1.5}.atlas-details small{display:block;margin:6px 0 14px;color:#a7b59d}
.atlas-region-art{height:145px;background-size:cover;background-position:center;image-rendering:pixelated;border:1px solid #756548}.atlas-checkpoint{display:block;width:100%;min-height:44px;white-space:normal}
@media(max-width:700px){.atlas-layout{grid-template-columns:1fr}.atlas-chart{min-height:390px}.atlas-details{padding:10px}.atlas-region-art{height:100px}.atlas-region{font-size:10px;min-height:54px}.char-backdrop-setting select{min-height:44px}}
@media(prefers-reduced-motion:reduce){.character-scene-track{transition:none}}
.fullmap-canvas[hidden]{display:none!important}
.atlas-globe-regions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.atlas-globe-regions button{min-height:44px}.atlas-globe-regions button.selected{border-color:#e1bc62}.atlas-chart{height:490px;touch-action:none}
@media(max-width:700px){.atlas-chart{height:340px;min-height:340px}.atlas-globe-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-globe-regions button{font-size:10px;padding:6px;white-space:normal}}
/* Keep account slots in their spatial order above the selected room. */
html #screen-chars .char-select-layout{grid-template-columns:minmax(220px,320px) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important}
html #screen-chars .char-select-list{grid-column:1 / -1!important;grid-row:1!important;max-height:28dvh;touch-action:pan-y}
html #screen-chars #char-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html #screen-chars .char-row{min-width:0;margin:0!important;min-height:60px!important;padding:8px!important}
html #screen-chars .char-row>span:first-child{min-width:0;flex:1}
html #screen-chars .char-row b,html #screen-chars .char-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html #screen-chars .char-showcase-info{grid-column:1!important;grid-row:2!important}
html #screen-chars #char-showcase{grid-column:2!important;grid-row:2!important}
html #screen-chars #char-showcase-model canvas{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain}
html #screen-chars #btn-char-back{width:auto!important;margin:6px 0 0!important;min-height:32px;padding:4px 12px}
@media(max-width:1000px),(pointer:coarse){html #screen-chars .char-select-layout{grid-template-columns:minmax(0,44fr) minmax(0,56fr)!important}html #screen-chars #char-list{gap:4px}html #screen-chars .char-row{padding:4px!important}html #screen-chars .char-row .char-lv{font-size:15px!important}html #screen-chars .char-row::before{margin-right:4px}html #screen-chars .char-row b{font-size:12px!important}}
@media(max-width:650px) and (orientation:portrait){html #screen-chars .char-row{flex-wrap:wrap;min-height:74px!important}html #screen-chars .char-row .char-lv{width:100%;font-size:14px!important}html #screen-chars .char-row small{font-size:9px!important}html #screen-chars .char-showcase-info{height:auto!important}}
/* Character actions must remain readable over every room background. */
html body #screen-chars :is(#btn-new-char,#btn-char-back,#char-create button){
 box-sizing:border-box;min-height:44px!important;padding:10px 18px!important;
 background:#132b1f url('/assets/ui/clan/button-normal-texture-v1.png') repeat!important;background-size:128px 128px!important;
 border:2px solid #c9a35c!important;border-radius:2px!important;color:#fff0c8!important;
 font:700 14px/1.4 'Outfit',sans-serif!important;text-shadow:0 2px #0d1416!important;
 opacity:1!important;box-shadow:0 3px 0 #0d1416!important;cursor:pointer;
}
html body #screen-chars :is(#btn-new-char,#btn-char-back,#char-create button):hover{
 background-image:url('/assets/ui/clan/button-hover-texture-v1.png')!important;border-color:#ffe1a0!important;
}
html body #screen-chars :is(#btn-new-char,#btn-char-back,#char-create button):focus-visible{outline:2px solid #fff0c8;outline-offset:3px}
html body #screen-chars :is(#btn-new-char,#btn-char-back){width:auto!important;max-width:100%;margin:8px 8px 8px 0!important;vertical-align:top}
html body #screen-chars #char-create{
 box-sizing:border-box;width:min(560px,100%);margin:12px auto;padding:18px!important;
 background:#111a20 url('/assets/ui/clan/panel-texture-v1.png') repeat!important;background-size:128px 128px!important;
 border:1px solid #c9a35c!important;color:#e7dfc5;
}
html body #screen-chars #char-create .wiz-step>.wiz-next{display:block;width:100%;margin-top:12px}
html body #screen-chars #char-create #char-name{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px}
html body #screen-chars #char-create .wiz-nav{display:flex;flex-wrap:wrap;gap:10px}
html body #screen-chars #char-create .wiz-nav button{flex:1;min-width:120px}
html body #screen-chars>#char-create{
 position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
 z-index:100;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;
 margin:0!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:none;
 box-shadow:0 0 0 100vmax #0009!important;
}
html body #screen-chars>#char-create.hidden{display:none!important}
html body #screen-chars>#char-create::-webkit-scrollbar{display:none}
html body #screen-chars #btn-cancel-char-create{display:block;width:100%;margin-top:12px}
html body #screen-chars .chars-panel .char-select-list #btn-char-back,
html body #screen-chars .chars-panel .char-select-list #btn-new-char{
 display:inline-block!important;width:fit-content!important;min-width:120px;max-width:100%!important;
 flex:none!important;margin:8px 8px 8px 0!important;
}
/* Reserve a real column for PvP medals instead of overflowing the old 13px rank slot. */
html body #pvp-board{position:relative;left:auto;right:auto;transform:none;box-sizing:border-box;flex-shrink:0;align-self:flex-start;width:230px;max-width:calc(100vw - 24px);padding:10px}
html body #pvp-board .pvp-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:36px;padding:3px 0}
html body #pvp-board .pvp-rank{width:32px;text-align:center;line-height:1}
html body #pvp-board .pvp-rank .rank-medal{box-sizing:border-box;width:32px;height:32px;min-width:0;margin:0;vertical-align:middle}
html body #pvp-board .pvp-rank .rank-medal img{width:32px;height:32px}
html body #pvp-board .pvp-name{min-width:0;line-height:1.4}
html body #pvp-board .pvp-wl{white-space:nowrap;line-height:1.4;font-variant-numeric:tabular-nums}
html body #pvp-board .pvp-row.muted{display:block;text-align:center}
html body #screen-auth .launcher-download-section{position:absolute;right:calc(7vw + 400px + 24px);top:50%;transform:translateY(-50%);z-index:2;width:184px;box-sizing:border-box;margin:0;padding:18px 12px;background:#111a20 url('/assets/ui/clan/panel-texture-v1.png') repeat;background-size:128px 128px;border:1px solid #c9a35c;box-shadow:inset 0 0 0 3px #0d1416;text-align:center;font-family:Outfit,sans-serif}
.launcher-download-brand{margin:0;color:#e1c77d;font:700 10px/1.5 Cinzel,serif;letter-spacing:2px}
.launcher-download-icon{display:grid;place-items:center;width:48px;height:48px;margin:14px auto;color:#e1c77d;background:#132b1f url('/assets/ui/clan/button-selected-texture-v1.png') repeat;border:1px solid #647356;font:700 30px/1 Outfit,sans-serif}
@media(min-width:1101px) and (pointer:fine){#btn-download-game>span[aria-hidden]{display:none}html body #screen-auth #btn-download-game{flex-direction:column;gap:4px}#btn-download-game>span:not([aria-hidden]){font-size:16px}}
html body #screen-auth #btn-download-game{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;min-height:48px;padding:10px 12px;border:1px solid #c9a35c;border-radius:2px;background:#132b1f url('/assets/ui/clan/button-normal-texture-v1.png') repeat;background-size:128px 128px;color:#fff0c8;text-decoration:none;font:700 14px/1.4 Outfit,sans-serif;cursor:pointer;text-shadow:0 1px #0d1416}
html body #screen-auth #btn-download-game small{font-size:11px;color:#e1c77d}
html body #screen-auth #btn-download-game:not([aria-disabled]):hover{background-image:url('/assets/ui/clan/button-hover-texture-v1.png');border-color:#ffe1a0}
html body #screen-auth #btn-download-game:focus-visible{outline:2px solid #fff0c8;outline-offset:3px}
html body #screen-auth #btn-download-game[aria-disabled]{cursor:default;color:#aab6a7;border-color:#647356}
@media(max-width:1100px),(pointer:coarse){html body #screen-auth .launcher-download-section{display:none}}
#screen-auth #login-guild-banner{position:absolute;left:32px;bottom:24px;z-index:3;max-width:calc(100% - 64px);padding:10px 16px;background:#111a20 url('/assets/ui/clan/panel-texture-v1.png') repeat;background-size:128px 128px;border:1px solid #c9a35c;color:#e7dfc5;pointer-events:auto}
#screen-auth #login-guild-banner:focus-visible{outline:2px solid #fff0c8;outline-offset:3px}
/* Visibility preserves the scene's layout and existing avatar placements. */
@media(hover:hover) and (pointer:fine){
 html body #screen-auth > :is(.login-intro,.auth-panel,.launcher-download-section,#login-language-tabs,#login-panel-toggle){opacity:1;transition:opacity .18s ease,visibility 0s!important}
 #screen-auth:has(#login-guild-banner:hover) :is(.login-intro,.auth-panel,.launcher-download-section,#login-language-tabs,#login-panel-toggle),
 #screen-auth:has(#login-guild-banner:focus-visible) :is(.login-intro,.auth-panel,.launcher-download-section,#login-language-tabs,#login-panel-toggle){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,visibility 0s .18s!important}
 #screen-auth #login-guild-banner:hover{border-color:#fff0c8}
}
@media(prefers-reduced-motion:reduce){html body #screen-auth > :is(.login-intro,.auth-panel,.launcher-download-section,#login-language-tabs,#login-panel-toggle){transition:none!important}}
#login-guild-banner small{display:block;color:#aab6a7;font:700 10px Outfit,sans-serif;letter-spacing:2px;margin-bottom:4px}
#login-guild-banner strong{display:block;font:700 17px Cinzel,serif;overflow-wrap:anywhere}
#screen-auth #login-language-tabs{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:4px;padding:4px;box-sizing:border-box;max-width:calc(100% - 24px);background:#111a20 url('/assets/ui/clan/panel-texture-v1.png') repeat;background-size:128px 128px;border:1px solid #c9a35c;pointer-events:auto}
#screen-auth #login-language-tabs{align-items:center;gap:10px;padding:5px 10px;color:#e7dfc5;font:600 13px Outfit,sans-serif}
html body #login-language-select{width:150px;min-height:40px;padding:8px 10px;border:1px solid #c9a35c;border-radius:0;background:#132b1f url('/assets/ui/clan/button-normal-texture-v1.png') repeat;background-size:128px 128px;color:#e7dfc5;font:600 14px Outfit,sans-serif;cursor:pointer}
html body #login-language-select:focus-visible{outline:2px solid #fff0c8;outline-offset:2px}
html body #login-language-tabs button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #647356;border-radius:0;background:#132b1f url('/assets/ui/clan/button-normal-texture-v1.png') repeat;background-size:128px 128px;color:#e7dfc5;font:600 13px Outfit,sans-serif;cursor:pointer;transition:none;transform:none;filter:none}
html body #login-language-tabs button[aria-pressed=true]{border-color:#e1c77d;background-image:url('/assets/ui/clan/button-selected-texture-v1.png');color:#fff0c8}
html body #login-language-tabs button:hover{background-image:url('/assets/ui/clan/button-hover-texture-v1.png')}
html body #login-language-tabs button:focus-visible{outline:2px solid #fff0c8;outline-offset:1px}
#login-language-tabs .language-code{font-weight:900}
@media(max-width:1100px){#screen-auth #login-language-tabs{left:12px;transform:none;max-width:calc(100% - 110px)}#login-language-tabs .language-name{display:none}html body #login-language-tabs button{padding:8px 10px}}
@media(max-width:1100px){#screen-auth #login-guild-banner{left:12px;bottom:12px;max-width:calc(100% - 24px);padding:8px 12px}#login-guild-banner strong{font-size:13px}}