/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blue:#1677ff;--orange:#ff6a00;--ink:#132039;--muted:#65758d;--line:#19488a24}*{box-sizing:border-box}html,body{background:#eaf3fb;width:100%;height:100%;margin:0;font-family:Inter,Alibaba PuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.viewer-shell{width:100vw;height:100dvh;color:var(--ink);background:radial-gradient(circle at 50% 42%,#fff 0 28%,#eef6fb 68%,#dceaf5 100%);position:relative;overflow:hidden}.map-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.map-viewport.is-dragging{cursor:grabbing}.map-viewport:after{content:"";pointer-events:none;background:linear-gradient(#fff6,#0000 15% 82%,#e7f2f961);position:absolute;inset:0;box-shadow:inset 0 0 90px #1e54851f}.map-layer{will-change:transform;position:absolute;top:50%;left:50%}.map-layer img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.map-layer>img{transition:filter .35s,opacity .35s}.map-layer>img.is-preview{filter:blur(3px);transform:scale(1.006)}.map-layer>img.is-detailed{filter:none}.interaction-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.topbar,.controls-card,.status-card,.map-compass{-webkit-backdrop-filter:blur(10px)saturate(1.3);background:linear-gradient(132deg,#ffffffc7,#e8f4ff80);border:1px solid #fffffff0;box-shadow:inset 1px 1px #fff,0 16px 48px #1c4e911f}.topbar{z-index:3;pointer-events:none;border-radius:24px;align-items:center;gap:14px;min-height:76px;padding:14px 18px;display:flex;position:absolute;top:18px;left:22px;right:22px;overflow:hidden}.topbar:before{content:"";background:linear-gradient(180deg,var(--blue) 0 68%,var(--orange) 68%);width:5px;position:absolute;top:0;bottom:0;left:0}.brand-mark{background:linear-gradient(145deg,var(--blue),#52a9ff);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:grid;box-shadow:8px 8px #ff6a001f}.eyebrow{color:var(--blue);letter-spacing:.2em;margin:0 0 4px;font-size:10px;font-weight:800}h1{color:#16233a;letter-spacing:.035em;margin:0;font-size:19px;font-weight:650}.live{color:#38577f;background:#f5f9ff;border:1px solid #1677ff2e;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:9px 13px;font-size:11px;display:flex}.live span{background:#21b89a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #21b89a1a}.controls-card{z-index:3;color:#53657f;white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:11px;padding:12px 17px;font-size:10px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.controls-card i{background:var(--line);width:1px;height:11px}.map-compass{z-index:3;width:48px;height:62px;color:var(--blue);pointer-events:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:112px;right:22px}.map-compass b{letter-spacing:.1em;font-size:11px}.map-compass i{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:16px solid var(--blue);filter:drop-shadow(0 4px 5px #1677ff3d);width:0;height:0;margin-top:5px}.avatar-sprite{background-repeat:no-repeat;background-size:400% 200%;display:block}.avatar-hud{z-index:5;flex-direction:column;gap:8px;width:310px;display:flex;position:absolute;top:112px;left:22px}.avatar-entry{width:100%;min-height:82px;color:var(--ink);-webkit-backdrop-filter:blur(14px)saturate(1.42);backdrop-filter:blur(14px)saturate(1.42);cursor:pointer;background:radial-gradient(circle at 14% 0,#fffffff5,#0000 38%),linear-gradient(120deg,#eff8ffe0,#dcedffad);border:1px solid #fffffff0;border-radius:24px;align-items:center;gap:12px;padding:12px 15px 12px 13px;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden;box-shadow:inset 1px 1px #fff,inset -1px -1px #5ca4ff2e,0 18px 46px #1f52962e}.avatar-entry:hover{transform:translateY(-3px);box-shadow:inset 1px 1px #fff,0 23px 55px #1f52963d}.entry-orbit{background:linear-gradient(145deg,#1677ff,#52c9ee);border-radius:17px;flex:0 0 48px;width:48px;height:48px;position:relative;box-shadow:inset 0 0 0 1px #ffffff7a,0 9px 22px #1677ff40}.entry-orbit:before,.entry-orbit:after{content:"";border:1px solid #fffc;border-radius:50%;position:absolute;transform:rotate(-28deg)}.entry-orbit:before{inset:10px 6px}.entry-orbit:after{inset:6px 15px}.entry-orbit i{z-index:1;background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:20px;left:20px;box-shadow:0 0 12px #fff}.entry-avatar{background-color:#eef7ff;border-radius:14px;flex:0 0 50px;width:50px;height:58px}.entry-copy{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.entry-copy small{color:var(--blue);letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:9px;font-weight:700;overflow:hidden}.entry-copy strong{letter-spacing:.02em;font-size:15px;font-weight:700}.avatar-entry>b{color:var(--blue);font-size:20px}.enter-map-button{color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;background:linear-gradient(105deg,#1168ed,#208fff 62%,#1ebbd0);border:1px solid #ffffffeb;border-radius:16px;justify-content:space-between;align-items:center;padding:0 15px 0 18px;font-size:12px;font-weight:750;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:inset 1px 1px #ffffff4d,0 12px 30px #1677ff40}.enter-map-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 1px 1px #ffffff4d,0 16px 34px #1677ff4f}.enter-map-button b{color:#c9efff;font-size:17px}.enter-map-button.entered{color:#2d5e58;cursor:default;background:#e8fcf7d9;border-color:#36be9e33;box-shadow:inset 1px 1px #fff,0 10px 24px #247e701f}.enter-map-button.entered b{color:#20b691;font-size:10px}.walk-target{opacity:.55;background:#59c1ff29;border:2px solid #1677ffbd;border-radius:50%;width:34px;height:17px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #1677ff14,0 5px 12px #15529429}.walk-target:before{content:"";background:#1677ff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.walk-target.active{animation:.85s ease-in-out infinite alternate target-pulse}.map-avatar{z-index:3;will-change:left,top;width:98px;height:150px;position:absolute;transform:translate(-50%,-91%)}.cutout-avatar{transform-origin:50% 88%;filter:drop-shadow(0 8px 7px #1b416d33);width:98px;height:149px;position:absolute;inset:3px 0 0}.cutout-avatar.facing-left{transform:scaleX(-1)}.cutout-avatar.facing-right{transform:scaleX(1)}.cutout-part{background-image:var(--rig-atlas);pointer-events:none;transform-origin:50%;background-repeat:no-repeat;background-size:500% 100%;width:100%;height:100%;position:absolute;inset:0}.cutout-body{background-position:0 0}.cutout-left-arm{background-position:25% 0}.cutout-right-arm{background-position:50% 0}.cutout-left-leg{background-position:75% 0}.cutout-right-leg{background-position:100% 0}.cutout-body{z-index:3}.cutout-left-arm,.cutout-right-arm{z-index:2}.cutout-left-leg,.cutout-right-leg{z-index:1}.cutout-left-arm{transform-origin:37% 38%}.cutout-right-arm{transform-origin:63% 38%}.cutout-left-leg{transform-origin:44% 61%}.cutout-right-leg{transform-origin:56% 61%}.cutout-avatar.is-walking .cutout-body{animation:.38s ease-in-out infinite alternate cutout-body-walk}.cutout-avatar.is-walking .cutout-left-arm{animation:.76s ease-in-out infinite cutout-limb-forward}.cutout-avatar.is-walking .cutout-right-arm,.cutout-avatar.is-walking .cutout-left-leg{animation:.76s ease-in-out infinite cutout-limb-back}.cutout-avatar.is-walking .cutout-right-leg{animation:.76s ease-in-out infinite cutout-limb-forward}.map-avatar-name{z-index:4;color:#285278;white-space:nowrap;text-overflow:ellipsis;background:#ffffffd1;border:1px solid #ffffffe6;border-radius:999px;max-width:110px;padding:3px 7px;font-size:8px;font-weight:700;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 5px 14px #224f7f24}.map-avatar-shadow{z-index:-1;filter:blur(4px);background:#24406333;border-radius:50%;width:48px;height:13px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.npc-crowd{z-index:2;pointer-events:none;position:absolute;inset:0}.npc-avatar{width:70px;height:108px;color:var(--ink);transform-origin:50% 100%;pointer-events:auto;cursor:pointer;will-change:left,top;background:0 0;border:0;outline:0;padding:0;position:absolute;transform:translate(-50%,-88%)}.npc-figure{transform-origin:50% 100%;width:98px;height:149px;transition:filter .18s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(.64)}.npc-avatar[data-facing=left] .npc-figure{transform:translate(-50%)scale(-.64,.64)}.npc-avatar:hover .npc-figure,.npc-avatar:focus-visible .npc-figure{filter:drop-shadow(0 0 9px #1677ffb8)}.npc-name{z-index:7;color:#285278;white-space:nowrap;background:#ffffffdb;border:1px solid #ffffffe6;border-radius:8px;flex-direction:column;min-width:66px;padding:3px 6px;line-height:1.05;display:flex;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #224f7f24}.npc-name b{font-size:7px}.npc-name small{color:#788ba0;margin-top:2px;font-size:5px}.npc-shadow{z-index:-1;filter:blur(3px);background:#2440632e;border-radius:50%;width:35px;height:9px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.npc-talk-mark{z-index:8;color:#fff;opacity:0;background:linear-gradient(145deg,#1677ff,#3dbbd0);border:1px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:800;transition:all .18s;display:grid;position:absolute;top:8px;right:-3px;transform:translateY(3px);box-shadow:0 4px 9px #1677ff4d}.npc-avatar:hover .npc-talk-mark,.npc-avatar:focus-visible .npc-talk-mark{opacity:1;transform:none}.npc-dialogue{z-index:12;width:min(470px,100vw - 44px);min-height:178px;color:var(--ink);-webkit-backdrop-filter:blur(22px)saturate(1.42);background:radial-gradient(circle at 5% 0,#fffffff5,#0000 42%),linear-gradient(132deg,#eef8fff0,#d9ecffd1);border:1px solid #fffffff5;border-radius:28px;align-items:center;padding:18px 20px 18px 138px;animation:.24s ease-out dialogue-in;display:flex;position:absolute;bottom:22px;right:22px;box-shadow:inset 1px 1px #fff,0 24px 70px #18468442}.npc-dialogue:before{content:"NPC";color:var(--blue);letter-spacing:.2em;font-size:8px;font-weight:900;position:absolute;top:15px;left:18px}.npc-dialogue-close{color:#56708d;cursor:pointer;background:#ffffff8f;border:1px solid #3c69a024;border-radius:10px;width:28px;height:28px;position:absolute;top:11px;right:12px}.npc-dialogue-portrait{background:radial-gradient(circle at 50% 42%,#fff,#ddecfb);border:1px solid #ffffffe6;border-radius:21px;width:101px;height:132px;position:absolute;bottom:17px;left:18px;overflow:hidden;box-shadow:inset 1px 1px #fff,0 12px 28px #24559129}.npc-dialogue-portrait span{position:absolute;inset:5px -3px -8px}.npc-dialogue-copy{width:100%}.npc-dialogue-name{align-items:center;gap:8px;padding-right:26px;display:flex}.npc-dialogue-name strong{font-size:17px}.npc-dialogue-name span{color:var(--blue);background:#1677ff14;border-radius:999px;padding:4px 7px;font-size:8px}.npc-dialogue-copy p{color:#445c78;min-height:44px;margin:10px 0 13px;font-size:12px;line-height:1.65}.npc-dialogue-actions{flex-wrap:wrap;gap:7px;display:flex}.npc-dialogue-actions button{color:#fff;min-height:32px;font:inherit;cursor:pointer;background:linear-gradient(105deg,#1677ff,#299ce9);border:0;border-radius:10px;padding:0 11px;font-size:9px;font-weight:700;box-shadow:0 6px 14px #1677ff33}.npc-dialogue-actions button.quiet{color:#56708d;background:#ffffffa6;box-shadow:inset 0 0 0 1px #436ea21f}@keyframes dialogue-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.zone-info-card{z-index:11;width:min(390px,100vw - 44px);max-height:calc(100dvh - 156px);color:var(--ink);-webkit-backdrop-filter:blur(24px)saturate(1.45);scrollbar-width:thin;background:radial-gradient(circle at 5% 0,#fffffffa,#0000 38%),linear-gradient(145deg,#eff8ffed,#d9ebfdc7);border:1px solid #fffffff5;border-radius:28px;padding:22px 22px 20px;animation:.28s ease-out zone-card-in;position:absolute;top:112px;right:22px;overflow:auto;box-shadow:inset 1px 1px #fff,inset -1px -1px #57a0ee26,0 25px 70px #1846843d}.zone-info-card:before{content:"";background:linear-gradient(#1677ff,#37c8cf 58%,#ffb33c);border-radius:28px 0 0 28px;width:4px;position:absolute;top:0;bottom:0;left:0}.zone-info-close{color:#52708e;cursor:pointer;background:#fff9;border:1px solid #3e6faa26;border-radius:11px;width:31px;height:31px;font-size:18px;position:absolute;top:14px;right:14px;box-shadow:inset 1px 1px #fff}.zone-info-kicker{color:var(--blue);align-items:center;gap:9px;padding-right:35px;display:flex}.zone-info-kicker b{color:#fff;background:linear-gradient(145deg,#1677ff,#31a4ee);border-radius:10px;place-items:center;width:29px;height:29px;font-size:10px;display:grid;box-shadow:0 7px 16px #1677ff3b}.zone-info-kicker span{letter-spacing:.18em;font-size:8px;font-weight:850}.zone-info-card h2{margin:15px 0 5px;padding-right:18px;font-size:22px;line-height:1.3}.zone-info-card h3{color:var(--blue);margin:0 0 14px;font-size:11px;font-weight:700}.zone-info-card>p{color:#52677f;margin:0;font-size:11px;line-height:1.75}.zone-info-section{background:#ffffff6b;border:1px solid #ffffffd9;border-radius:17px;margin-top:16px;padding:14px 15px;box-shadow:inset 1px 1px #ffffffe6}.zone-info-section>strong{color:#315476;font-size:10px}.zone-info-section ul{margin:9px 0 0;padding:0 0 0 15px}.zone-info-section li{color:#65788e;margin:0 0 6px;font-size:9px;line-height:1.6}.zone-info-section li:last-child{margin-bottom:0}.zone-info-section.interaction{background:linear-gradient(135deg,#e5f2ffb8,#e6fbf78f)}@keyframes zone-card-in{0%{opacity:0;transform:translate(16px)scale(.98)}}@keyframes cutout-limb-forward{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes cutout-limb-back{0%,to{transform:rotate(15deg)}50%{transform:rotate(-15deg)}}@keyframes cutout-body-walk{0%{transform:translateY(0)rotate(-.6deg)}to{transform:translateY(-3px)rotate(.6deg)}}@keyframes target-pulse{to{opacity:1;transform:translate(-50%,-50%)scale(1.13)}}.avatar-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(1.1);background:#182b493d;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.avatar-modal{-webkit-backdrop-filter:blur(30px)saturate(1.48);background:radial-gradient(circle at 18% 0,#fffffff0,#0000 34%),linear-gradient(145deg,#eff8ffe8,#d3e6fac7 55%,#eef5ffe0);border:1px solid #ffffffeb;border-radius:34px;width:min(940px,100vw - 36px);max-height:calc(100dvh - 36px);position:relative;overflow:auto;box-shadow:inset 1px 1px #fff,inset -1px -1px #ffffff8c,0 35px 100px #143d7247}.avatar-modal:before{content:"";pointer-events:none;border:1px solid #4b91eb21;border-radius:33px;position:absolute;inset:1px}.glass-glow{filter:blur(18px);pointer-events:none;background:linear-gradient(90deg,#3e95ff8a,#fffffff2 45%,#46dbc67a);border-radius:50%;height:70px;position:absolute;top:-32px;left:15%;right:15%}.avatar-modal-header{z-index:1;text-align:center;border-bottom:1px solid #517eb51f;grid-template-columns:44px 1fr 44px;align-items:center;min-height:78px;padding:17px 22px;display:grid;position:relative}.avatar-modal-header p{color:var(--blue);letter-spacing:.18em;margin:0 0 3px;font-size:9px;font-weight:800}.avatar-modal-header h2{margin:0;font-size:19px;font-weight:750}.modal-back,.modal-close{color:#315170;cursor:pointer;background:#ffffff7a;border:1px solid #fffc;border-radius:14px;width:38px;height:38px;box-shadow:inset 1px 1px #fff}.modal-back{font-size:30px;line-height:30px}.modal-close{font-size:22px}.visitor-login{grid-template-columns:1fr 1fr;min-height:510px;display:grid}.login-visual{background:radial-gradient(circle at 50% 43%,#ffffffe6 0 22%,#6cb4ff2e 50%,#0000 69%);border-right:1px solid #517eb51f;place-items:center;display:grid;position:relative;overflow:hidden}.login-avatar{z-index:2;filter:drop-shadow(0 26px 22px #23508529);width:270px;height:390px}.login-visual>i{border:1px solid #1a77ff33;border-radius:50%;position:absolute;transform:rotate(-20deg)}.login-visual>i:first-of-type{width:330px;height:120px}.login-visual>i:nth-of-type(2){width:270px;height:270px}.login-visual>i:nth-of-type(3){width:150px;height:380px}.login-copy{flex-direction:column;justify-content:center;padding:58px 48px 42px;display:flex}.step-pill{color:var(--blue);letter-spacing:.12em;background:#ffffff7a;border:1px solid #1677ff29;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:9px;font-weight:800;display:inline-flex}.login-copy h3{margin:17px 0 9px;font-size:28px;line-height:1.28}.login-copy p{color:var(--muted);margin:0 0 26px;font-size:13px;line-height:1.7}.login-copy label{color:#496079;margin-bottom:8px;font-size:11px;font-weight:700}.login-copy input{width:100%;color:var(--ink);font:inherit;background:#ffffff9e;border:1px solid #5081bb30;border-radius:15px;outline:none;padding:14px 16px;font-size:13px;box-shadow:inset 0 2px 7px #2349780d}.login-copy input:focus{border-color:#1677ff7a;box-shadow:0 0 0 4px #1677ff17}.primary-action{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(105deg,#1268ed,#218dff 62%,#20b8d7);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:750;display:flex;box-shadow:0 13px 30px #1677ff45,inset 1px 1px #ffffff52}.login-copy .primary-action{margin-top:14px}.primary-action:disabled{opacity:.45;cursor:not-allowed}.primary-action span{color:#c9efff;font-size:18px}.login-copy>small{color:#8796aa;text-align:center;margin-top:14px;font-size:9px}.avatar-customizer{grid-template-columns:42% 58%;min-height:570px;display:grid}.avatar-preview-panel{background:radial-gradient(circle at 50% 42%,#fffffff5,#76baff29 42%,#0000 69%);border-right:1px solid #517eb51f;flex-direction:column;padding:28px;display:flex;position:relative}.avatar-stage{flex:1;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.avatar-halo{border:1px solid #1677ff2e;border-radius:50%;width:280px;height:280px;position:absolute;box-shadow:0 0 0 30px #ffffff29,0 0 0 66px #52a0ff0f}.avatar-main{z-index:2;filter:drop-shadow(0 23px 18px #1d467b26);width:270px;height:390px}.avatar-shadow{z-index:1;filter:blur(9px);background:#2b4a6f21;border-radius:50%;width:150px;height:22px;position:absolute;bottom:25px}.avatar-identity{background:#ffffff70;border:1px solid #ffffffd1;border-radius:18px;grid-template-columns:1fr auto;padding:13px 16px;display:grid;box-shadow:inset 1px 1px #fff}.avatar-identity span{color:#7b8ca3;grid-column:1;font-size:9px}.avatar-identity strong{grid-column:1;margin-top:3px;font-size:16px}.avatar-identity small{color:var(--blue);background:#eaf4ff;border-radius:999px;grid-area:1/2/3;align-self:center;padding:6px 9px;font-size:9px}.customizer-controls{flex-direction:column;padding:24px 28px 28px;display:flex}.category-tabs{background:#9db8d733;border:1px solid #ffffffd1;border-radius:20px;grid-template-columns:repeat(5,1fr);gap:5px;padding:7px;display:grid}.category-tabs button{color:#6c7e94;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:9px 4px;display:flex}.category-tabs button i{background:#ffffff6b;border-radius:9px;place-items:center;width:25px;height:25px;font-size:12px;font-style:normal;display:grid}.category-tabs button span{font-size:9px}.category-tabs button.active{color:#fff;background:linear-gradient(145deg,#1677ff,#36a3f4);box-shadow:0 8px 18px #1677ff38}.category-tabs button.active i{background:#ffffff2b}.option-heading{justify-content:space-between;align-items:end;margin:22px 2px 12px;display:flex}.option-heading small{color:var(--blue);letter-spacing:.16em;font-size:8px;font-weight:800}.option-heading h3{margin:3px 0 0;font-size:17px}.option-heading>span{color:#7c8ca0;font-size:10px}.avatar-options{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.avatar-options button{aspect-ratio:.82;cursor:pointer;background:#ffffff7a;border:1px solid #5985b726;border-radius:15px;position:relative;overflow:hidden;box-shadow:inset 1px 1px #ffffffd9}.avatar-options button.selected{background:#e2f1ffdb;border-color:#1677ffa6;box-shadow:0 0 0 3px #1677ff1c,inset 1px 1px #fff}.option-avatar{border-radius:12px;position:absolute;inset:2px}.avatar-options button>i{color:#72849a;background:#fffc;border-radius:7px;place-items:center;width:18px;height:18px;font-size:8px;font-style:normal;display:grid;position:absolute;top:5px;right:5px}.avatar-options button.selected>i{color:#fff;background:var(--blue)}.save-avatar{width:100%;margin-top:auto;transform:translateY(8px)}.status-card{z-index:4;border-radius:18px;width:285px;padding:14px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-copy{color:#53657f;justify-content:space-between;gap:12px;font-size:11px;display:flex}.status-copy b{color:var(--orange)}.progress{background:#e5edf8;border-radius:999px;height:4px;margin-top:10px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--blue),#42d7c2,var(--orange));border-radius:999px;width:46%;height:100%;animation:1.2s ease-in-out infinite alternate loading;display:block}@keyframes loading{to{transform:translate(118%)}}@media (width<=720px){.topbar{min-height:68px;padding:12px;top:10px;left:10px;right:10px}.brand-mark{width:38px;height:38px}h1{font-size:15px}.live,.controls-card{display:none}.map-compass{top:88px;right:10px}.avatar-hud{width:260px;top:88px;left:10px}.avatar-entry{border-radius:20px;min-height:66px;padding:8px 11px}.entry-orbit{flex-basis:42px;width:42px;height:42px}.entry-avatar{flex-basis:42px;width:42px;height:48px}.entry-copy strong{font-size:13px}.enter-map-button{min-height:40px}.npc-dialogue{border-radius:22px;width:calc(100vw - 20px);min-height:154px;padding:15px 14px 15px 105px;bottom:10px;right:10px}.npc-dialogue-portrait{width:80px;height:112px;bottom:12px;left:12px}.npc-dialogue-copy p{margin:7px 0 9px;font-size:10px}.npc-dialogue-name strong{font-size:14px}.npc-dialogue:before{display:none}.zone-info-card{border-radius:22px;width:calc(100vw - 20px);max-height:calc(100dvh - 220px);padding:18px;top:208px;right:10px}.zone-info-card h2{font-size:18px}.zone-info-card>p{font-size:10px}.avatar-modal-backdrop{padding:8px}.avatar-modal{border-radius:26px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.avatar-modal-header{grid-template-columns:38px 1fr 38px;min-height:66px;padding:11px 13px}.modal-back,.modal-close{width:34px;height:34px}.avatar-modal-header h2{font-size:16px}.visitor-login,.avatar-customizer{display:block}.login-visual{border-bottom:1px solid #517eb51f;border-right:0;min-height:250px}.login-avatar{width:175px;height:250px}.login-copy{padding:28px 24px 30px}.login-copy h3{font-size:22px}.avatar-preview-panel{border-bottom:1px solid #517eb51f;border-right:0;min-height:420px;padding:20px}.avatar-stage{min-height:300px}.avatar-main{width:210px;height:300px}.avatar-halo{width:220px;height:220px}.customizer-controls{padding:20px}.category-tabs{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.avatar-options{grid-template-columns:repeat(4,1fr)}.save-avatar{margin-top:20px;transform:none}}@media (prefers-reduced-motion:reduce){.progress i{width:100%;animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}