*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}.hidden,[hidden]{display:none!important}body{background:var(--ui-bg);isolation:isolate}body:not(.in-game)::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#13151a55,#13151a99),url('assets/ui/login-wallpaper.png') center/cover no-repeat}.wrap{width:min(1500px,calc(100% - 48px));margin-inline:auto}button{cursor:pointer}a{text-decoration:none}.button,.hud-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:40px;border:1px solid #9b7374;border-radius:2px;padding:9px 15px;color:#f8eee1;background:linear-gradient(#823943,#56232d);font-size:14px;font-weight:600;text-decoration:none}.button:hover:not(:disabled){filter:brightness(1.12)}.hud-button{background:var(--ui-soft);border-color:var(--ui-border);color:var(--ui-text)}.hud-button:hover{background:var(--ui-selected)}.small{padding:7px 10px}.wide{width:100%}.nav-link,.text-link,.unavailable-button{color:var(--ui-text);border:0;background:none;padding:8px;font-size:14px}.nav-link:hover{ text-decoration:underline }.text-link:hover{color:var(--ui-accent);text-decoration:none}.unavailable-button{cursor:help;border:1px solid var(--ui-border);padding:6px 9px}.client-window,.auth-card{background:linear-gradient(130deg,#ffffff06,transparent),var(--ui-overlay);border:1px solid var(--ui-border);box-shadow:inset 0 0 0 3px #0002,0 8px 25px #0005;border-radius:3px}.client-window h1,.client-window h2{margin:0 0 16px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:94px}.brand-logo{display:block;width:105px;height:auto}.site-header nav,#user-nav{display:flex;align-items:center;gap:12px}#nav-user{font-size:14px}.auth-screen .brand{visibility:hidden;width:105px}.guest-layout{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 110px);padding:20px 0 44px}.auth-card{width:390px;max-width:100%;padding:24px 28px}.auth-logo{width:155px;height:auto;display:block;margin:0 auto 10px}.auth-card h2{font-size:28px;margin:10px 0}.auth-card>p{font-size:16px;color:var(--ui-muted);line-height:1.6}label{display:block;font-size:14px;margin:15px 0 7px}input:not([type=range]){width:100%;padding:11px;border-radius:2px}.auth-card .wide{margin-top:22px}.auth-switch{font-size:14px;line-height:1.6;padding-top:14px}.auth-switch .text-link{padding:0;text-decoration:none}.fine-print,.input-hint{font-size:14px;color:var(--ui-muted);line-height:1.5}.fine-print{margin-bottom:0}.message:empty,#character-error:empty,#preview-note:empty,#character-subtitle:empty,#kingdom-lock:empty{display:none}.message:not(:empty),#character-error:not(:empty){font-size:14px;padding:10px;color:var(--ui-error);border:1px solid var(--ui-error);background:var(--ui-error-bg);margin-top:14px}.account-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:var(--ui-overlay);border:1px solid var(--ui-border)}.realm-badge{display:flex;align-items:center;gap:10px;font-size:14px}.realm-badge img{object-fit:contain}.tooltip-wrap{position:relative;width:max-content;max-width:100%}.tooltip-note{display:none;position:absolute;bottom:calc(100% + 8px);left:0;z-index:30;width:270px;max-width:calc(100vw - 48px);margin:0;padding:9px 11px;background:var(--ui-panel);border:1px solid var(--ui-border);font-size:14px;box-shadow:0 5px 15px #0006;pointer-events:none}.tooltip-wrap>button:hover+.tooltip-note,.tooltip-wrap>button:focus-visible+.tooltip-note,.tooltip-wrap.show-note .tooltip-note{display:block}#admin-tools{margin-left:auto;position:relative;font-size:14px}#admin-tools summary{cursor:pointer;padding:6px}#admin-tools .client-window{position:absolute;right:0;top:100%;z-index:20;width:240px;padding:16px}#admin-tools .button{width:100%;margin-bottom:8px}#invite-result{overflow-wrap:anywhere}.kingdom-screen{width:min(940px,100%);margin:50px auto;padding:28px}.kingdom-screen h1{font-size:28px}.kingdom-screen p{font-size:14px;color:var(--ui-muted)}.kingdom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.kingdom-card{border:1px solid var(--ui-border);background:var(--ui-soft);color:var(--ui-text);padding:14px;display:grid;gap:12px;text-align:left}.kingdom-card.active{border-color:var(--ui-accent);background:var(--ui-selected);box-shadow:inset 0 0 0 1px var(--ui-accent)}.kingdom-flag{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.kingdom-card strong{font-size:21px}.kingdom-card small,.kingdom-state{font-size:14px;line-height:1.5;color:var(--ui-muted)}.window-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.roster-screen{display:grid;grid-template-columns:260px minmax(280px,1fr) 300px;gap:20px;min-height:calc(100dvh - 160px);align-items:center;padding:20px 0}.slot-window,.character-window{padding:20px;min-width:0}.slot-window h1{font-size:20px}.slots-grid{display:grid;gap:10px}.slot-card{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:var(--ui-soft);border:1px solid var(--ui-border);color:var(--ui-text);text-align:left;min-width:0}.slot-card.active{border-color:var(--ui-accent);background:var(--ui-selected)}.slot-portrait{width:48px;height:48px;object-fit:cover;flex-shrink:0}.slot-icon{display:grid;place-items:center;width:48px;height:48px;font-size:32px;color:var(--ui-muted);flex-shrink:0}.slot-card small{font-size:12px;color:var(--ui-muted)}.slot-card strong{display:block;font-size:16px;overflow-wrap:anywhere}.slot-card em{font-style:normal;font-size:14px;color:var(--ui-muted)}.character-stage{height:min(74dvh,740px);position:relative;min-width:0;background:radial-gradient(ellipse at 50% 70%,#080a0d20,#080a0d66 90%);border-bottom:1px solid #ffffff20}#creation-preview{display:block;width:100%;height:100%}#preview-note{position:absolute;bottom:20px;left:16px;right:16px;background:var(--ui-panel);padding:10px;font-size:14px}.character-window h2{font-size:24px;overflow-wrap:anywhere}.character-window p{font-size:14px;color:var(--ui-muted)}.field-heading{font-size:14px;margin:16px 0 8px;font-weight:600}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.option-card{padding:9px 6px;border:1px solid var(--ui-border);background:var(--ui-soft);color:var(--ui-text);min-width:0}.option-card.active{border-color:var(--ui-accent);background:var(--ui-selected)}.option-card strong{font-size:14px}.option-card small{display:none}.character-details{line-height:1.8;font-size:14px;margin-bottom:20px}.character-details strong{font-size:20px}#character-form{margin-top:16px}#create-back{width:100%;margin-top:9px}.toast{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));right:calc(12px + env(safe-area-inset-right));max-width:min(310px,calc(100vw - 24px));z-index:60;display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--ui-border);border-radius:3px;background:var(--ui-overlay);color:var(--ui-text);font-size:14px;line-height:1.4;overflow-wrap:anywhere;box-shadow:0 4px 14px #0005}.toast button{border:0;background:none;color:var(--ui-text);padding:0 3px;font-size:20px;line-height:1}.in-game{overflow:hidden}.in-game .site-header,.in-game #experience,.in-game #guest-view{display:none!important}.in-game main.wrap{width:100%;max-width:none}.game-screen{position:relative;height:100dvh;min-height:320px;overflow:hidden;background:#34332f}#game-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}progress{width:100%;height:10px;border:1px solid var(--ui-border);border-radius:2px;overflow:hidden;background:var(--ui-field);accent-color:#bc8744}progress::-webkit-progress-bar{background:var(--ui-field)}progress::-webkit-progress-value{background:#bc8744}progress::-moz-progress-bar{background:#bc8744}.game-window{position:absolute;z-index:25;top:50%;right:clamp(16px,8vw,140px);transform:translateY(-50%);width:340px;max-width:calc(100% - 32px);max-height:calc(100dvh - 120px);display:flex;flex-direction:column;box-shadow:0 12px 40px #0008}.game-window header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--ui-border)}.game-window h2{font-size:18px;margin:0}.game-window h2 span{font-size:12px;color:var(--ui-muted)}.game-window header button{background:none;border:0;color:var(--ui-text);font-size:24px;min-width:40px;min-height:34px;cursor:pointer}.window-body{padding:16px;overflow:auto;overscroll-behavior:contain}.window-body p{font-size:14px;line-height:1.6}.training-buttons{display:grid;gap:9px}.game-window input[type=range]{width:100%;margin:5px 0 10px}.game-touch{position:absolute;left:18px;bottom:94px;display:flex;align-items:center;gap:12px;z-index:11}.joystick{width:104px;height:104px;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-overlay);display:none;place-items:center;touch-action:none;user-select:none}#joystick-knob{width:39px;height:39px;display:block;border-radius:50%;background:var(--ui-accent);border:2px solid var(--ui-border);pointer-events:none}.training-interact{position:absolute;bottom:99px;left:50%;transform:translateX(-50%);z-index:12}.game-status{position:absolute;left:20px;right:220px;bottom:144px;pointer-events:none;z-index:14;text-align:center}.game-status p:not(:empty){display:inline-block;background:var(--ui-overlay);padding:8px 12px;border:1px solid var(--ui-border);font-size:14px}.game-status p:empty{display:none}.game-status button{pointer-events:auto;display:block;margin:8px auto}.game-loading{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#141923;padding:20px;text-align:center}.in-game .toast{bottom:calc(135px + env(safe-area-inset-bottom))}
@media(max-width:1050px){.roster-screen{grid-template-columns:210px minmax(240px,1fr) 260px;gap:12px}.slot-window,.character-window{padding:14px}.slot-portrait,.slot-icon{width:38px;height:38px}.slot-card{padding:8px}.slot-card em{font-size:12px}.wrap{width:calc(100% - 28px)}}
@media(max-width:850px){.joystick{display:grid}.roster-screen{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.character-stage{grid-column:1;grid-row:1;height:58dvh}.slot-window{grid-column:1;grid-row:2}.character-window{grid-column:2;grid-row:1 / span 2;align-self:center}.slots-grid{grid-template-columns:1fr 1fr}.slot-window h1{font-size:18px}.slot-card{min-width:0}.slot-card small{display:none}.site-header{min-height:82px}.brand-logo{width:85px}.account-strip{font-size:14px}.kingdom-screen{margin:20px auto}.kingdom-grid{gap:9px}.kingdom-card{padding:10px}.kingdom-card strong{font-size:18px}.game-status{right:170px;bottom:178px}.in-game .toast{bottom:calc(218px + env(safe-area-inset-bottom));max-width:230px}}
@media(max-width:600px){body:not(.in-game)::before{background-image:linear-gradient(#16192055,#16192088),url('assets/ui/tapetatele.png');background-position:center top}.site-header{flex-wrap:wrap;gap:8px;padding:8px 0}.auth-screen .brand{display:none}.site-header nav,#user-nav{margin-left:auto;gap:7px}.brand-logo{width:72px}.site-header .button,.site-header .nav-link{font-size:14px;padding:8px}.account-label{max-width:180px;overflow-wrap:anywhere}.guest-layout{min-height:calc(100svh - 90px);padding:30px 0}.auth-card{padding:20px 23px}.auth-logo{width:135px}.account-strip{gap:8px;padding:8px}.realm-badge{flex:1}.roster-screen{grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:14px 0 30px}.character-stage{grid-column:1 / -1;grid-row:1;height:43dvh;min-height:270px}.slot-window{grid-column:1;grid-row:2;padding:11px}.slots-grid{grid-template-columns:1fr}.slot-card{gap:6px;padding:7px}.slot-card strong{font-size:14px}.slot-card em{font-size:12px}.slot-icon,.slot-portrait{width:30px;height:36px}.character-window{grid-column:2;grid-row:2;align-self:start;padding:11px}.character-window h2{font-size:20px}.option-grid{grid-template-columns:1fr}.gender-grid{grid-template-columns:1fr}.character-details strong{font-size:16px}.character-window .button{padding:10px 7px;font-size:14px}.kingdom-grid{grid-template-columns:1fr}.kingdom-card{grid-template-columns:90px 1fr;gap:8px 12px}.kingdom-flag{grid-row:1 / span 3;align-self:center}.kingdom-screen{padding:20px}.kingdom-card small{font-size:14px}.kingdom-state{font-size:12px}.game-window{left:12px;right:12px;width:auto;max-width:none;top:47%;max-height:calc(100dvh - 150px)}.game-touch{left:12px;bottom:110px;flex-direction:column;gap:6px;align-items:flex-start}.joystick{width:88px;height:88px}#game-run{font-size:12px;min-height:38px}.training-interact{left:auto;right:12px;transform:none;bottom:114px;max-width:200px;min-height:44px}.game-status{left:12px;right:12px;bottom:265px}.in-game .toast{bottom:calc(177px + env(safe-area-inset-bottom));max-width:210px}}
@media(max-height:550px) and (min-width:601px){.site-header{min-height:62px}.brand-logo{width:65px}.account-strip{padding:6px 10px}.roster-screen{grid-template-columns:180px minmax(170px,1fr) 250px;align-items:center;min-height:0;padding:10px 0}.character-stage{grid-column:2;grid-row:1;height:calc(100dvh - 132px);min-height:220px}.slot-window{grid-column:1;grid-row:1}.character-window{grid-column:3;grid-row:1;max-height:calc(100dvh - 132px);overflow:auto}.slots-grid{grid-template-columns:1fr}.slot-window h1{font-size:17px}.slot-card{padding:5px}.slot-card em{display:none}.game-window{top:10px;transform:none;max-height:calc(100dvh - 94px);right:145px;width:310px}.game-touch{bottom:80px}.joystick{width:85px;height:85px}.training-interact{bottom:82px}.in-game .toast{bottom:150px}.guest-layout{padding:12px 0}.auth-card{width:360px}.auth-logo{width:90px}}
@media(max-width:600px){.option-card,.unavailable-button{min-height:44px}#roster-screen[data-mode=create] .slot-window{grid-column:1 / -1;grid-row:2}#roster-screen[data-mode=create] .slots-grid{grid-template-columns:1fr 1fr}#roster-screen[data-mode=create] .character-window{grid-column:1 / -1;grid-row:3}#roster-screen[data-mode=create] .option-grid{grid-template-columns:1fr 1fr}}
.icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:7px;color:var(--ui-text);background:var(--ui-soft);border:1px solid var(--ui-border);font-size:24px;line-height:1;cursor:pointer}.icon-button:hover{background:var(--ui-selected)}#user-nav{margin-left:auto}.account-label{font-size:14px}.password-help{margin-top:14px}.password-help>button{padding:0;font-size:14px}.password-help .tooltip-note{bottom:calc(100% + 8px)}
.icon-button svg,.preview-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}.icon-button{padding:12px;font-size:initial}.registration-help{display:inline-block;vertical-align:baseline}.registration-help .tooltip-note{left:auto;right:0;width:270px}.preview-arrow{position:absolute;z-index:2;top:48%;display:grid;place-items:center;width:44px;height:48px;background:var(--ui-overlay);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:3px;cursor:pointer}.preview-arrow:hover{background:var(--ui-selected)}.preview-arrow.previous{left:8px}.preview-arrow.next{right:8px}.delete-link{display:block;margin:12px auto 0;color:var(--ui-muted);font-size:14px}.delete-dialog{color:var(--ui-text);width:420px;max-width:calc(100% - 28px);padding:24px}.delete-dialog::backdrop{background:#0009}.delete-dialog p{font-size:14px;line-height:1.6}#delete-error{color:var(--ui-error)}
.delete-dialog{max-height:calc(100dvh - 24px);overflow:auto}
.auth-fields{border:0;margin:0;padding:0;min-width:0}
.auth-screen #guest-nav{display:none}
body:not(.auth-screen):not(.in-game)::before{background-image:linear-gradient(#13151a55,#13151a99),url('assets/ui/tapetapologowaniu.png?v=20261015');background-position:center;background-size:cover}
.locked-slot{width:100%}.slot-lock{position:relative;font-size:0}.slot-lock::before{content:'';width:20px;height:17px;border:2px solid var(--ui-muted);border-radius:3px;position:absolute;left:14px;top:23px}.slot-lock::after{content:'';width:12px;height:14px;border:2px solid var(--ui-muted);border-bottom:0;border-radius:9px 9px 0 0;position:absolute;left:18px;top:11px}.locked-slot .slot-card{opacity:.7;cursor:help}
.movement-toggle{display:grid;place-items:center;width:44px;height:44px;margin:4px 0 0 auto;border:1px solid var(--ui-border);border-radius:3px;background:var(--ui-soft);color:var(--ui-text);touch-action:manipulation}.movement-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.movement-toggle[data-movement-mode=run]{border-color:var(--ui-accent);color:var(--ui-accent)}.movement-toggle[data-movement-mode=walk] svg{transform:rotate(-12deg);opacity:.75}
.settings-menu{width:246px;left:50%;right:auto;transform:translate(-50%,-50%);background:#151612e8;border:1px solid #8b8671;outline:1px solid #181916;outline-offset:3px;box-shadow:inset 0 0 0 3px #292a22aa,0 8px 24px #0008}.settings-menu header{padding:9px 16px;border:0}.settings-menu h2{font-size:15px;text-align:center;width:100%}.settings-list{padding:5px 13px 14px;display:grid;gap:7px}.menu-row{width:100%}.menu-button{display:block;min-height:30px;width:100%;padding:5px 10px;border:1px solid #92917e;border-radius:2px;color:#e6e3d5;background:linear-gradient(#5a5b50,#36382f);box-shadow:inset 0 0 0 1px #20221bcc;font-size:13px;line-height:1.25}.menu-button:hover{background:linear-gradient(#6d6e60,#45473b)}.menu-button.unavailable{color:#aead9e;cursor:help}.settings-list .tooltip-note{left:50%;transform:translateX(-50%);width:220px;max-width:calc(100vw - 44px);bottom:calc(100% + 4px)}
@media(max-width:600px){body:not(.auth-screen):not(.in-game)::before{background-position:52% center}.settings-menu{max-height:calc(100dvh - 32px)}}
.game-window.settings-menu{top:50%;max-height:calc(100dvh - 32px);max-width:calc(100% - 32px)}
.settings-list .tooltip-note{top:calc(100% + 4px);bottom:auto}
@media(pointer:coarse){.menu-button{min-height:40px}}
/* Character selection keeps the portrait and empty-slot symbol in the same frame. */
.slot-card>span:last-child{min-width:0;flex:1}.slot-portrait{aspect-ratio:1;object-fit:cover;object-position:center;display:block}.slot-icon{aspect-ratio:1;line-height:1}.option-card[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-selected);box-shadow:inset 0 0 0 1px var(--ui-accent)}
@media(max-width:600px){
.realm-badge{flex:0 1 auto;min-width:0}.realm-badge strong{overflow-wrap:anywhere}.account-strip{justify-content:flex-start}.kingdom-change{flex:none}#admin-tools{margin-left:auto}
.roster-screen{grid-template-columns:minmax(0,1fr)}.character-stage{grid-column:1;grid-row:1}.character-window,#roster-screen[data-mode=create] .character-window{grid-column:1;grid-row:2}.slot-window,#roster-screen[data-mode=create] .slot-window{grid-column:1;grid-row:3}
.slots-grid,#roster-screen[data-mode=create] .slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-card{gap:8px;min-height:58px;padding:7px}.slot-icon,.slot-portrait{width:40px;height:40px;flex:0 0 40px}.slot-lock::before{left:50%;top:52%;transform:translate(-50%,-25%)}.slot-lock::after{left:50%;top:22%;transform:translateX(-50%)}.slot-card strong{font-size:13px}.slot-card em{display:block;font-size:11px;overflow-wrap:anywhere}
}
.game-loading{background:#141923;pointer-events:auto}.game-loading-card{width:min(420px,100%);padding:26px;border:1px solid var(--ui-accent);background:var(--ui-panel);box-shadow:0 12px 40px #0009}.game-loading-card h2{font-size:20px;margin:12px 0}.game-loading-card p{font-size:14px;line-height:1.5}.game-loading-card progress{width:100%;margin-top:12px}.loading-spinner{display:block;width:32px;height:32px;margin:auto;border:3px solid var(--ui-border);border-top-color:var(--ui-accent);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}
.game-notice{display:inline-flex;align-items:flex-start;gap:8px;max-width:min(440px,100%);background:var(--ui-overlay);border:1px solid var(--ui-border);padding:6px 8px}.game-status .game-notice p{background:none;border:0;padding:2px 0;margin:0}.game-status .game-notice button{pointer-events:auto;display:grid;place-items:center;margin:0;min-width:36px;min-height:36px;flex:none;border:0;background:var(--ui-soft);color:var(--ui-text);font-size:22px}.game-status .game-notice button:focus-visible{outline:2px solid var(--ui-accent)}
.game-nameplate{position:absolute;z-index:13;pointer-events:none;transform:translate(-50%,-100%);display:flex;align-items:center;gap:5px;white-space:nowrap;font:600 clamp(9.7px,.924vw,11.44px)/1.2 Arial,sans-serif;color:#f5e8c7;text-shadow:-1px -1px 0 #18120d,1px -1px 0 #18120d,-1px 1px 0 #18120d,1px 1px 0 #18120d,0 2px 3px #000}.game-nameplate span{color:#f3dc70}.game-gm-speed{position:absolute;z-index:15;top:80px;left:16px;font-size:12px}.game-gm-speed[aria-pressed=true]{border-color:var(--ui-accent)}
.account-strip .realm-badge{order:0}.account-strip .kingdom-change{order:1}.account-strip #kingdom-review{order:2}.account-strip #admin-tools{order:3}
.movement-toggle svg.movement-person{stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transform:none;opacity:1}
.movement-person circle{fill:currentColor;stroke:none}
.movement-toggle[data-movement-mode=run] [data-person=walk],.movement-toggle[data-movement-mode=walk] [data-person=run]{display:none}
#camera-mode{width:100%;padding:8px}#character-progress-error{color:var(--ui-error)}
.gm-tools{position:absolute;z-index:18;left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));max-width:calc(100% - 24px)}#game-gm-menu{background:#222b;backdrop-filter:blur(8px);padding:10px;border:1px solid var(--ui-border);animation:gm-open .16s ease-out}.gm-speeds{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}#game-gm-menu button[aria-pressed=true]{outline:2px solid var(--ui-accent)}@keyframes gm-open{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}#flight-controls{position:absolute;z-index:18;right:16px;bottom:180px;display:flex;gap:6px}#flight-controls button{min-width:48px;min-height:48px;touch-action:none}#game-map-panel{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 100px)}#game-social-panel{width:min(410px,calc(100% - 24px));max-height:calc(100dvh - 100px)}#game-social-panel .window-body{overflow:auto}#friend-list>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:4px 0}#chat-history{height:clamp(100px,24dvh,250px);overflow:auto;overflow-wrap:anywhere;user-select:text}#chat-history p{margin:5px 0}#chat-send textarea{width:100%;resize:vertical}.movement-toggle[data-movement-mode=walk] svg{opacity:.55;transform:none}.movement-toggle[data-movement-mode=run]{border-width:2px}#hud-friends[data-unread=true]::after{content:'•';position:absolute;color:#ffda68;font-size:24px;right:0;top:-9px}
.game-window button{min-height:32px}#chat-send button{min-height:40px}#game-social-panel .window-body{max-height:calc(100dvh - 190px)}
.game-npc-nameplate{position:absolute;z-index:13;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap;font:600 11px/1.2 Arial,sans-serif;color:#f5e8c7;text-shadow:-1px -1px #18120d,1px -1px #18120d,-1px 1px #18120d,1px 1px #18120d,0 2px 3px #000}
.game-nameplate{flex-direction:column;gap:2px}.player-line,.guild-line{display:flex;align-items:center;justify-content:center;gap:5px}.guild-line{font-size:11px;color:#f5e8c7}.game-nameplate .guild-line span{color:inherit}.guild-line img{width:16px;height:12px;object-fit:contain}.player-line .gm-badge{width:28px;height:auto;object-fit:contain}#game-guild-panel .window-body{overflow:auto;max-height:calc(100dvh - 150px)}#game-guild-panel input{max-width:100%}#guild-create-form,#guild-logo-form{display:grid;gap:8px;margin-bottom:12px}
/* DOM text runs share their font metrics and baseline; no guessed pixel offset. */
.player-line{align-items:baseline;white-space:nowrap}
.player-line>span,.player-line>strong{font-family:inherit;font-size:inherit;line-height:inherit;vertical-align:baseline}
/* Curated desktop/mobile entry artwork, selected by viewport, never user agent. */
body:not(.in-game)::before{background-image:linear-gradient(#0c10132b,#0c101366),url('assets/ui/entry/login-desktop.png');background-position:center top}
body:not(.auth-screen):not(.in-game)::before{background-image:linear-gradient(#0c10132b,#0c101366),url('assets/ui/entry/selection-desktop.png')}
.slot-card{position:relative}.slot-card:has(.slot-gm){padding-top:26px}.slot-gm{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:43px;height:20px;object-fit:contain}
.slot-icon{line-height:1;align-self:center;position:relative}.slot-icon:not(.slot-lock){font-size:0}.slot-icon:not(.slot-lock)::before,.slot-icon:not(.slot-lock)::after{content:'';position:absolute;left:50%;top:50%;width:16px;height:2px;background:currentColor;transform:translate(-50%,-50%)}.slot-icon:not(.slot-lock)::after{transform:translate(-50%,-50%) rotate(90deg)}
.slot-lock::before{left:50%;top:50%;width:20px;height:17px;transform:translate(-50%,-15%)}.slot-lock::after{left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-108%)}
.brand-logo,.auth-logo,.sidebar-brand img{object-fit:contain}
@media(max-width:700px) and (orientation:portrait){body:not(.in-game)::before{background-image:linear-gradient(#0c10132b,#0c101366),url('assets/ui/entry/login-mobile.png')}body:not(.auth-screen):not(.in-game)::before{background-image:linear-gradient(#0c10132b,#0c101366),url('assets/ui/entry/selection-mobile.png')}}