:root{color:#f6f1df;background:#142527;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:#142527;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{min-height:42px;border:0;border-radius:8px;padding:0 16px;font-weight:800;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#0a1919b8;color:#fff8e7;padding:0 12px;outline:none;touch-action:manipulation;user-select:text;-webkit-user-select:text}input:focus,select:focus{border-color:#70d6c8;box-shadow:0 0 0 3px #70d6c82e}input:disabled,select:disabled{color:#ffffff9e;cursor:not-allowed}label{display:grid;gap:7px;min-width:0}label span,.eyebrow{color:#abd8d0;font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}#game-root,#ui-root{position:absolute;inset:0}#game-root canvas{display:block;image-rendering:pixelated;touch-action:none}#ui-root{pointer-events:none}.character-screen{position:absolute;inset:0;display:grid;place-items:center;padding:24px;pointer-events:auto;background-color:#123133;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}.character-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr);gap:24px;width:min(1120px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#122223f5;box-shadow:0 24px 70px #00000059;padding:24px}.character-copy{min-width:0}.character-copy h1{margin:4px 0 18px;color:#fff8e7;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,58px);line-height:.96}.saved-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0000002e;padding:12px}.saved-actions.empty{justify-content:space-between}.saved-actions strong{display:block;margin-top:4px;color:#fff}.action-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.character-form{display:grid;gap:14px}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-status{min-height:22px;margin:0;color:#ffe2a7;font-weight:700}.character-message:empty{display:none}.primary{background:#56c4a8;color:#08211e}.primary:hover:not(:disabled){background:#73dec2}.secondary{background:#ffffff1f;color:#fff8e7}.secondary:hover:not(:disabled){background:#fff3}.danger{background:#a83f48;color:#fff8e7}.danger:hover:not(:disabled){background:#c44d58}.small{min-height:36px;padding:0 12px;font-size:13px}.enter-button{width:100%}.preview-panel{display:grid;min-width:0;place-items:center}.preview-card{position:sticky;top:0;display:grid;justify-items:center;width:min(100%,340px);min-height:520px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:linear-gradient(180deg,#ffffff14,#ffffff05),#22383b;padding:22px 18px}.class-chip{min-height:34px;min-width:88px;border-radius:8px;color:#fff;display:inline-grid;place-items:center;padding:0 12px;font-size:13px;font-weight:900}.preview-card h2{margin:8px 0 4px;max-width:100%;color:#fff;font-size:24px;line-height:1.1;overflow-wrap:anywhere;text-align:center}.preview-card p{margin:0;max-width:260px;color:#cfe7e0;line-height:1.35;text-align:center}.preview-sprite{--skin: #f2c7a5;--hair: #5a321d;--outfit: #168f8b;--class-color: #3f8cff;position:relative;width:190px;height:300px;margin:18px 0 10px}.preview-sprite span{position:absolute;display:block}.preview-shadow{left:50%;bottom:28px;width:112px;height:24px;border-radius:50%;background:#00000047;transform:translate(-50%)}.preview-legs{left:50%;bottom:42px;width:58px;height:80px;background:linear-gradient(90deg,#26364a 0 42%,transparent 42% 58%,#26364a 58%),linear-gradient(var(--outfit),var(--outfit));transform:translate(-50%)}.preview-sprite[data-variant=runner] .preview-legs{transform:translate(-50%) skew(-5deg)}.preview-sprite[data-variant=scout] .preview-legs{width:66px}.preview-body{left:50%;bottom:105px;width:82px;height:86px;border:5px solid #1c2529;border-radius:16px;background:var(--outfit);transform:translate(-50%)}.preview-sprite[data-gender=female] .preview-body{width:76px;border-radius:26px 26px 16px 16px}.preview-accent{left:50%;bottom:145px;width:96px;height:16px;border:3px solid #1c2529;border-radius:7px;background:var(--class-color);transform:translate(-50%)}.preview-head{left:50%;top:56px;width:72px;height:72px;border:5px solid #1c2529;border-radius:24px;background:radial-gradient(circle at 35% 48%,#18242a 0 4px,transparent 5px),radial-gradient(circle at 65% 48%,#18242a 0 4px,transparent 5px),linear-gradient(var(--skin),var(--skin));transform:translate(-50%)}.preview-hair{left:50%;top:46px;width:78px;height:34px;border:5px solid #1c2529;border-bottom:0;border-radius:30px 30px 8px 8px;background:var(--hair);transform:translate(-50%)}.preview-sprite[data-hair-style=bob] .preview-hair{top:45px;height:64px;border-radius:30px 30px 20px 20px}.preview-sprite[data-hair-style=curly] .preview-hair{top:44px;height:44px;border-radius:50%;box-shadow:-26px 10px 0 -9px var(--hair),26px 10px 0 -9px var(--hair)}.preview-sprite[data-hair-style=spiky] .preview-hair{clip-path:polygon(0 100%,9% 25%,21% 66%,35% 0,49% 62%,66% 8%,78% 64%,100% 20%,100% 100%)}.preview-accessory{display:none}.preview-sprite[data-accessory=glasses] .preview-accessory{display:block;left:50%;top:88px;width:76px;height:18px;border-left:16px solid #111827;border-right:16px solid #111827;transform:translate(-50%)}.preview-sprite[data-accessory=glasses] .preview-accessory:before,.preview-sprite[data-accessory=glasses] .preview-accessory:after{position:absolute;top:0;width:23px;height:17px;border:4px solid #111827;border-radius:8px;content:""}.preview-sprite[data-accessory=glasses] .preview-accessory:before{left:-18px}.preview-sprite[data-accessory=glasses] .preview-accessory:after{right:-18px}.preview-sprite[data-accessory=hat] .preview-accessory{display:block;left:50%;top:35px;width:98px;height:18px;border:4px solid #1c2529;border-radius:8px;background:var(--class-color);transform:translate(-50%)}.preview-sprite[data-accessory=hat] .preview-accessory:before{position:absolute;left:27px;bottom:10px;width:36px;height:28px;border:4px solid #1c2529;border-bottom:0;border-radius:12px 12px 0 0;background:var(--class-color);content:""}.preview-sprite[data-accessory=headset] .preview-accessory{display:block;left:50%;top:73px;width:92px;height:48px;border-top:6px solid #111827;border-right:6px solid #111827;border-radius:42px 42px 0 0;transform:translate(-50%)}.preview-sprite[data-accessory=headset] .preview-accessory:after{position:absolute;right:-20px;bottom:-7px;width:28px;height:6px;border-radius:6px;background:#111827;content:""}.preview-sprite[data-accessory=badge] .preview-accessory{display:block;left:calc(50% + 26px);bottom:126px;width:22px;height:30px;border:4px solid #1c2529;border-radius:7px;background:linear-gradient(var(--class-color) 0 42%,#f8f9fa 42%),#f8f9fa}.wuland-hud{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:14px;pointer-events:none;z-index:5}.startup-error{position:absolute;left:50%;top:50%;display:grid;gap:8px;width:min(420px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#1b1214f0;color:#fff8e7;padding:18px;pointer-events:auto;transform:translate(-50%,-50%)}.startup-error span{color:#ffd0d5;overflow-wrap:anywhere}.hud-card{width:min(340px,calc(100vw - 28px));border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0e1d1ee6;box-shadow:0 14px 38px #00000047;color:#fff8e7;padding:14px;pointer-events:auto;transition:width .16s ease,background .16s ease,box-shadow .16s ease}@media(hover:hover)and (pointer:fine){.hud-card:not(:hover):not(:focus-within){width:min(286px,calc(100vw - 28px));background:#0e1d1ec7}.hud-card:not(:hover):not(:focus-within) .hud-header{align-items:stretch;flex-direction:column}.hud-card:not(:hover):not(:focus-within) .hud-actions{justify-content:stretch}.hud-card:not(:hover):not(:focus-within) .hud-actions button{flex:1 1 0;min-width:0;padding:0 7px}.hud-card:not(:hover):not(:focus-within) .hud-hint,.hud-card:not(:hover):not(:focus-within) .hud-active-item,.hud-card:not(:hover):not(:focus-within) .hud-money,.hud-card:not(:hover):not(:focus-within) .hud-network,.hud-card:not(:hover):not(:focus-within) .hud-counts,.hud-card:not(:hover):not(:focus-within) .hud-section,.hud-card:not(:hover):not(:focus-within) .hud-debug{display:none}.wuland-hud[data-connection-status=error] .hud-card:not(:hover):not(:focus-within) .hud-network{display:flex}}.hud-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hud-actions{display:flex;gap:6px;justify-content:flex-end}.hud-header strong{display:block;max-width:155px;margin-top:3px;overflow-wrap:anywhere}.icon-button{min-height:34px;max-width:132px;padding:0 10px;font-size:12px}.god-button{border:1px solid rgba(255,135,135,.35)}.god-clear-chat-button{display:none;border:1px solid rgba(255,216,168,.35)}.wuland-hud[data-god-mode-active=true] .god-button{background:#ff8787;color:#2b1114;box-shadow:0 0 0 3px #ff87872e}.wuland-hud[data-god-mode-active=true] .god-clear-chat-button{display:inline-flex}.hud-class{margin-top:12px;border-radius:8px;background:#ffffff1a;color:#e8fff9;padding:9px 10px;font-size:13px;font-weight:800;line-height:1.25}.hud-location{display:grid;gap:4px;margin-top:8px;border-radius:8px;background:#fff3bf1f;color:#fff8e7;padding:8px 10px}.hud-location strong{font-size:14px}.hud-combat{display:grid;gap:9px;margin-top:10px}.hud-meter{display:grid;gap:5px;min-width:0;border-radius:8px;background:#00000029;padding:8px 10px}.hud-meter strong{color:#fff8e7;font-size:13px;overflow-wrap:anywhere}.meter-track{position:relative;display:block;height:7px;overflow:hidden;border-radius:8px;background:#ffffff24}.meter-track span{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:#69db7c}.meter-track.special span{background:#74c0fc}.hud-hint{margin-top:10px;border-radius:8px;background:#56c4a81f;color:#dff7f1;padding:8px 10px;font-size:12px;font-weight:800}.hud-active-item{display:grid;gap:4px;margin-top:10px;border-radius:8px;background:#ffffff14;color:#dff7f1;padding:8px 10px;font-size:12px;font-weight:800}.hud-active-item strong{color:#fff8e7}.hud-active-item span:last-child{min-height:15px;color:#fff3bf}.hud-money{display:grid;gap:4px;margin-top:10px;border-radius:8px;background:#fff3bf1f;color:#dff7f1;padding:8px 10px;font-size:12px;font-weight:800}.hud-money strong{color:#fff3bf}.hud-network{display:flex;align-items:center;gap:8px;min-height:34px;margin-top:10px;border-radius:8px;background:#ffffff14;color:#dff7f1;padding:8px 10px;font-size:12px;font-weight:800;line-height:1.25}.hotbar-panel{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));width:min(640px,calc(100vw - 24px));pointer-events:auto;transform:translate(-50%)}.chat-window{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(96px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(360px,calc(100vw - 28px));max-height:min(330px,calc(100vh - 190px));border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0a1617e0;box-shadow:0 14px 34px #0000004d;color:#fff8e7;overflow:hidden;pointer-events:auto}.chat-window header{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:34px;padding:6px 8px 0}.chat-messages{display:grid;align-content:end;gap:5px;min-height:96px;overflow:auto;padding:2px 9px 8px}.chat-messages p{margin:0;color:#dff7f1;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.chat-messages strong{color:#fff3bf}.chat-map{margin-right:5px;color:#abd8d0;font-weight:900}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;border-top:1px solid rgba(255,255,255,.12);padding:8px}.chat-form input{min-height:38px}.wuland-hud[data-chat-collapsed=true] .chat-messages,.wuland-hud[data-chat-collapsed=true] .chat-form{display:none}.wuland-hud[data-chat-collapsed=true] .chat-window{grid-template-rows:auto;max-height:none}.hotbar-slots{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0a1617db;box-shadow:0 14px 34px #0000004d;padding:8px}.hotbar-slot{position:relative;display:grid;gap:2px;justify-items:center;min-width:0;min-height:66px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff14;color:#fff8e7;padding:8px 4px 5px;touch-action:none}.hotbar-slot.selected{border-color:#fff3bf;background:#fff3bf2e;box-shadow:0 0 0 2px #fff3bf38}.item-icon-image,.item-icon-fallback{display:block;width:32px;height:32px;object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;backface-visibility:hidden;transform:translateZ(0)}.item-icon-fallback{display:grid;place-items:center;min-height:18px;color:#fff3bf;font-size:12px;font-weight:900;line-height:1}.hotbar-slot small{max-width:100%;color:#cfe7e0;font-size:9px;font-weight:800;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotbar-number,.hotbar-count{position:absolute;display:grid;place-items:center;border-radius:6px;font-size:10px;font-weight:900}.hotbar-number{left:4px;top:4px;width:16px;height:16px;background:#00000047;color:#abd8d0}.hotbar-count{left:6px;right:auto;bottom:2px;min-width:0;height:auto;background:transparent;color:#fff;font-size:12px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9),1px 0 2px rgba(0,0,0,.72);z-index:2}.hotbar-charge{position:absolute;left:5px;right:5px;bottom:5px;height:5px;border-radius:999px;background:#0000006b;overflow:hidden;z-index:1}.hotbar-charge i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#facc15,#fff3bf);box-shadow:0 0 8px #facc157a}.status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#ffd166;box-shadow:0 0 0 3px #ffd16629}.wuland-hud[data-connection-status=connected] .status-dot{background:#67e08f;box-shadow:0 0 0 3px #67e08f29}.wuland-hud[data-connection-status=disconnected] .status-dot,.wuland-hud[data-connection-status=error] .status-dot{background:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b2e}.hud-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.enemy-counts{margin-top:8px}.hud-counts span{display:grid;gap:2px;min-width:0;border-radius:8px;background:#0000002b;color:#abd8d0;padding:8px 6px;font-size:10px;font-weight:900;text-align:center;text-transform:uppercase}.hud-counts strong{color:#fff8e7;font-size:17px;line-height:1}.hud-section{margin-top:12px}.hud-section ul{display:grid;gap:5px;margin:8px 0 0;padding:0;list-style:none}.hud-section li{display:flex;gap:7px;align-items:center;color:#cfe7e0;font-size:13px}.hud-section li.visited{color:#91f2bd;font-weight:800}.hud-section li span{color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hud-debug{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:#aebfbd;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.wuland-hud:not([data-debug-open=true]) .hud-debug{display:none}.help-overlay,.merchant-shop{position:absolute;inset:0;display:none;place-items:center;padding:20px;background:#060e0f8f;pointer-events:auto;z-index:40}.wuland-hud[data-help-open=true] .help-overlay,.wuland-hud[data-shop-open=true] .merchant-shop{display:grid}.pet-confirm-overlay{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:22px;background:#060e0f85;pointer-events:auto}.pet-confirm-dialog{width:min(390px,calc(100vw - 36px));border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#0e1d1ef7;box-shadow:0 20px 70px #00000061;color:#fff8e7;padding:18px}.pet-confirm-question{margin:0;font-size:20px;line-height:1.2;font-weight:800}.pet-confirm-detail{margin:10px 0 0;color:#d8e6df;font-size:14px;line-height:1.4}.pet-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.pet-confirm-actions button{min-height:52px;border-radius:9px;font-size:17px;font-weight:800}.help-overlay>div,.merchant-shop>div{width:min(430px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0e1d1ef5;color:#fff8e7;padding:16px}.merchant-shop>div{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;width:min(760px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));overflow:hidden;overscroll-behavior:contain}.merchant-shop header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.help-overlay h2{margin:8px 0 10px;font-size:24px}.settings-status{display:grid;gap:8px;margin-top:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff12;padding:10px}.settings-status>strong{color:#fff8e7;font-size:20px}.settings-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.settings-status-grid span{display:grid;gap:2px;min-width:0;border-radius:8px;background:#00000029;color:#abd8d0;padding:7px;font-size:10px;font-weight:900;text-transform:uppercase}.settings-status-grid b{color:#fff8e7;font-size:13px;line-height:1.1;overflow-wrap:anywhere;text-transform:none}.settings-status p{margin:0;color:#dff7f1;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.settings-actions{display:grid;gap:8px}.settings-actions button{justify-content:center;min-height:44px}.settings-note{font-size:12px}.merchant-shop h2{margin:4px 0 0;font-size:24px}.help-overlay p,.merchant-shop p{margin:8px 0 0;color:#cfe7e0;line-height:1.4}.shop-note{margin:0;color:#fff3bf;font-weight:800}.shop-feedback{min-height:18px;color:#91f2bd;font-weight:800}.merchant-stock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.merchant-item{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff12;padding:10px}.merchant-item.blocked{opacity:.68}.merchant-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:8px;background:#fff3bf29;color:#fff3bf;font-size:13px}.merchant-icon .item-icon-image,.merchant-icon .item-icon-fallback{width:42px;height:42px}.merchant-item h3{margin:0;color:#fff;font-size:15px}.merchant-item span{display:block;margin-top:3px;color:#abd8d0;font-size:11px;font-weight:900;text-transform:uppercase}.merchant-item p{margin-top:5px;font-size:12px}.mobile-controls{position:absolute;inset:auto 0 0;display:none;align-items:end;justify-content:space-between;gap:12px;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:none;z-index:6}body[data-touch-controls] .mobile-controls{display:flex}body[data-wuland-settings-open=true] .mobile-controls,body[data-wuland-settings-open=true] .hotbar-panel,body[data-wuland-shop-open=true] .mobile-controls,body[data-wuland-shop-open=true] .hotbar-panel{display:none!important}.mobile-joystick,.mobile-action-zone,.mobile-menu-stack{pointer-events:auto}.mobile-joystick{position:relative;width:146px;height:146px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.11) 0 28%,transparent 29%),#0f191b57;box-shadow:inset 0 0 28px #ffffff14,0 12px 28px #00000040;touch-action:none}.mobile-action-zone button,.mobile-menu-stack button{min-height:50px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0e1d1ed1;color:#fff8e7;font-size:13px;font-weight:900;box-shadow:0 10px 24px #0000003d;touch-action:none}.mobile-joystick-ring,.mobile-joystick-knob{position:absolute;left:50%;top:50%;display:block;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.mobile-joystick-ring{width:66px;height:66px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f}.mobile-joystick-knob{width:56px;height:56px;border:1px solid rgba(255,255,255,.28);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.34),transparent 34%),#ffffff29;box-shadow:inset 0 0 18px #ffffff14,0 10px 22px #00000042;transition:transform 90ms ease}.mobile-joystick.active .mobile-joystick-knob{transition:none}.mobile-action-zone button:disabled{opacity:.42}.mobile-menu-stack{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:grid;gap:7px}.mobile-menu-stack button{display:grid;gap:2px;place-items:center;width:58px;min-height:58px;padding:4px;background:#0e1d1ec7;font-size:24px}.mobile-menu-stack span{font-size:11px;line-height:1}.mobile-action-zone{position:relative;width:184px;height:176px}.mobile-action-zone>button{display:grid;place-items:center}.mobile-action-zone .mobile-primary-action{--mobile-icon: url(/assets/ui/attack.svg);position:absolute;right:0;bottom:68px;width:96px;height:96px;min-height:96px;border-radius:999px;border-color:#ffffff47;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.16),transparent 34%),#0e1d1edb;color:#fff8e7;font-size:16px;text-transform:uppercase}.mobile-action-zone .mobile-primary-action[data-primary-action=interact],.mobile-radial-menu [data-mobile-action=pickup]{--mobile-icon: url(/assets/ui/interact.svg)}.mobile-action-zone .mobile-primary-action[data-primary-action=use]{--mobile-icon: url(/assets/ui/use.svg)}.mobile-action-zone .mobile-act-toggle{--mobile-icon: url(/assets/ui/act.svg);position:absolute;right:86px;bottom:42px;width:64px;height:64px;min-height:64px;border-radius:999px;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.14),transparent 34%),#0e1d1ed1;color:#fff8e7}.mobile-controls.actions-open .mobile-act-toggle{--mobile-icon: url(/assets/ui/close.svg)}.mobile-action-zone .mobile-settings-action{--mobile-icon: url(/assets/ui/settings.svg);position:absolute;right:8px;bottom:0;width:52px;height:52px;min-height:52px;border-radius:999px;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.14),transparent 34%),#0e1d1ec7;color:#fff8e7;font-size:20px}.mobile-action-zone>button .mobile-control-icon{display:block;width:42px;height:42px;background:currentColor;mask:var(--mobile-icon) center / contain no-repeat;-webkit-mask:var(--mobile-icon) center / contain no-repeat}.mobile-action-zone>.mobile-primary-action .mobile-control-icon{width:50px;height:50px}.mobile-action-zone>.mobile-settings-action .mobile-control-icon,.mobile-action-zone>.mobile-act-toggle .mobile-control-icon{width:30px;height:30px}.mobile-action-zone>button .mobile-control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mobile-radial-menu{position:absolute;right:48px;bottom:58px;width:170px;height:154px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#091214b8;opacity:0;pointer-events:none;transform:scale(.82);transform-origin:82% 82%;transition:opacity .12s ease,transform .12s ease}.mobile-controls.actions-open .mobile-radial-menu{opacity:1;pointer-events:auto;transform:scale(1)}.mobile-radial-menu button{position:absolute;display:grid;place-items:center;width:54px;height:54px;min-height:54px;border-radius:999px;border-color:#fff3;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.12),transparent 34%),#0e1d1ee6;color:#fff8e7;padding:0 4px;font-size:11px}.mobile-radial-menu [data-mobile-action=use]{--mobile-icon: url(/assets/ui/use.svg);left:58px;top:8px}.mobile-radial-menu [data-mobile-action=pickup]{left:14px;top:56px}.mobile-radial-menu [data-mobile-action=pickup][data-interact-kind=door]{--mobile-icon: url(/assets/ui/open.svg)}.mobile-radial-menu [data-mobile-action=pickup][data-interact-kind=pick]{--mobile-icon: url(/assets/ui/pickup.svg)}.mobile-radial-menu [data-mobile-action=pickup][data-interact-kind=shop]{--mobile-icon: url(/assets/ui/shop.svg)}.mobile-radial-menu [data-mobile-action=gift]{--mobile-icon: url(/assets/ui/gift.svg);right:12px;top:56px}.mobile-radial-menu [data-mobile-action=pet]{--mobile-icon: url(/assets/ui/pet.svg);left:58px;top:52px}.mobile-radial-menu [data-mobile-action=chat]{--mobile-icon: url(/assets/ui/chat.svg);left:42px;bottom:10px}.mobile-radial-menu [data-mobile-action=help]{--mobile-icon: url(/assets/ui/help.svg);right:34px;bottom:10px}.mobile-radial-menu [data-mobile-action=god]{--mobile-icon: url(/assets/ui/god-mode.svg);left:58px;bottom:-42px}.mobile-radial-menu [data-mobile-action=god].active{border-color:#fff3bf8c;background:radial-gradient(circle at 34% 28%,rgba(255,243,191,.18),transparent 34%),#0e1d1ef0;box-shadow:0 0 0 2px #fff3bf29,0 10px 24px #0000003d}.mobile-radial-menu .mobile-control-icon{display:block;width:30px;height:30px;background:currentColor;mask:var(--mobile-icon) center / contain no-repeat;-webkit-mask:var(--mobile-icon) center / contain no-repeat}.mobile-radial-menu .mobile-control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:760px){.character-screen{align-items:stretch;justify-items:stretch;padding:0}.character-panel{grid-template-columns:1fr;width:100vw;max-height:100vh;border:0;border-radius:0;padding:14px}.control-grid{grid-template-columns:1fr}.saved-actions,.hud-header{align-items:stretch;flex-direction:column}.wuland-hud{padding:max(8px,env(safe-area-inset-top)) 8px 8px}.hud-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:calc(100vw - 16px);max-height:none;overflow:visible;padding:8px;background:#0a1617d1}.hud-class,.hud-location,.hud-network,.hud-active-item,.hud-money,.hud-hint,.hud-combat,.hud-counts{margin-top:7px}.hud-header{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.hud-header strong{max-width:100%;font-size:14px}.hud-actions{align-items:center}.icon-button{min-height:32px;padding:0 8px;font-size:11px}.hud-class{grid-column:1;margin-top:0;padding:7px 8px;font-size:12px}.hud-location,.hud-money{margin-top:0;padding:7px 8px}.hud-combat{grid-column:1 / -1;margin-top:0}.hud-active-item{grid-column:1 / -1;margin-top:0;padding:7px 8px}.hud-hint,.hud-network,.hud-counts,.hud-section{display:none}.wuland-hud[data-connection-status=error] .hud-network,.wuland-hud[data-connection-status=disconnected] .hud-network{display:flex;grid-column:1 / -1;margin-top:0}.action-row{justify-content:stretch}.action-row button{flex:1 1 130px}.preview-card{width:min(100%,300px);min-height:320px;margin:0 auto;padding:14px}.preview-sprite{transform:scale(.7);margin:-42px 0 -58px}.merchant-stock{grid-template-columns:1fr}.merchant-item{grid-template-columns:46px minmax(0,1fr)}.merchant-item button{grid-column:1 / -1}.chat-window{right:8px;top:max(118px,calc(env(safe-area-inset-top) + 118px));bottom:auto;width:min(330px,calc(100vw - 16px));max-height:min(310px,42vh)}}@media(pointer:coarse),(max-width:860px){.wuland-hud{padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}.hud-card{display:grid;gap:6px;width:min(250px,44vw);max-height:none;overflow:visible;border-radius:12px;background:#0a1617bd;padding:8px}.hud-header{align-items:center;gap:8px}.hud-header .eyebrow,.hud-actions,.hud-class,.hud-location,.hud-active-item,.hud-money,.hud-hint,.hud-network,.hud-counts,.hud-section,.hud-debug{display:none}.hud-header strong{max-width:100%;margin:0;font-size:16px;line-height:1}.hud-combat{margin-top:0}.hud-meter{gap:4px;background:#0000002e;padding:5px 6px}.hud-meter .eyebrow{display:none}.hud-meter strong{font-size:12px;line-height:1}.meter-track{height:6px}.wuland-hud[data-connection-status=error] .hud-network,.wuland-hud[data-connection-status=disconnected] .hud-network{display:flex;margin-top:0;padding:6px}.mobile-controls{display:flex}.mobile-radial-menu{position:fixed;inset:50% auto auto 50%;width:min(320px,calc(100vw - 44px));height:min(320px,calc(100vw - 44px));background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 34%),#091214d1;transform:translate(-50%,-50%) scale(.86);transform-origin:center;z-index:9}.mobile-controls.actions-open .mobile-radial-menu{transform:translate(-50%,-50%) scale(1)}.mobile-radial-menu button{width:74px;height:74px;min-height:74px;font-size:13px}.mobile-radial-menu [data-mobile-action=use]{left:50%;top:18px;transform:translate(-50%)}.mobile-radial-menu [data-mobile-action=pickup]{left:24px;top:50%;transform:translateY(-50%)}.mobile-radial-menu [data-mobile-action=gift]{right:24px;top:50%;transform:translateY(-50%)}.mobile-radial-menu [data-mobile-action=pet]{left:50%;top:50%;transform:translate(-50%,-50%)}.mobile-radial-menu [data-mobile-action=chat]{left:34px;bottom:42px}.mobile-radial-menu [data-mobile-action=help]{right:34px;bottom:42px}.mobile-radial-menu [data-mobile-action=god]{left:50%;bottom:18px;transform:translate(-50%)}.help-overlay,.merchant-shop{align-items:end;padding:8px;touch-action:pan-y}.help-overlay>div,.merchant-shop>div{width:100%;max-height:calc(100dvh - 18px);border-radius:12px 12px 8px 8px}.merchant-shop>div{padding-bottom:max(12px,env(safe-area-inset-bottom))}.merchant-stock{grid-template-columns:1fr;padding-bottom:8px}.merchant-item{grid-template-columns:48px minmax(0,1fr);align-items:stretch}.merchant-item button{grid-column:1 / -1;min-height:48px}.hotbar-panel{bottom:max(172px,calc(env(safe-area-inset-bottom) + 172px))}.hotbar-number,.hotbar-slot small{display:none}.chat-window{top:max(112px,calc(env(safe-area-inset-top) + 112px));bottom:auto}.wuland-hud[data-chat-collapsed=true] .chat-window{display:none}}@media(pointer:coarse)and (orientation:landscape){.wuland-hud{padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}.hud-card{width:min(230px,30vw);padding:7px}.hud-header strong{font-size:15px}.mobile-controls{gap:8px;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mobile-joystick{width:142px;height:142px}.mobile-action-zone{width:180px;height:166px}.mobile-action-zone .mobile-primary-action{width:92px;height:92px;min-height:92px;bottom:60px}.mobile-action-zone .mobile-act-toggle{right:82px;bottom:36px;width:62px;height:62px;min-height:62px}.mobile-action-zone .mobile-settings-action{width:50px;height:50px;min-height:50px}.mobile-radial-menu{right:auto;bottom:auto}.mobile-action-zone button{min-height:46px}.hotbar-panel{left:50%;top:max(8px,env(safe-area-inset-top));bottom:auto;width:min(470px,calc(100vw - 390px))}.hotbar-slots{gap:4px;padding:5px}.hotbar-slot{min-height:0;aspect-ratio:1;align-content:center;padding:4px}.item-icon-image,.item-icon-fallback{width:28px;height:28px}.chat-window{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:min(330px,calc(100vw - 280px));max-height:calc(100vh - 18px)}}@media(orientation:portrait)and (max-width:760px){.hud-card{display:none}.mobile-controls{align-items:end;gap:8px;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mobile-menu-stack{display:none}.mobile-joystick{width:146px;height:146px}.mobile-action-zone{width:160px;height:164px}.mobile-action-zone .mobile-primary-action{left:0;right:auto;bottom:0;width:84px;height:84px;min-height:84px;font-size:13px}.mobile-action-zone .mobile-act-toggle{inset:8px auto auto 86px;width:62px;height:62px;min-height:62px}.mobile-action-zone .mobile-settings-action{right:4px;top:82px;bottom:auto;width:52px;height:52px;min-height:52px}.mobile-radial-menu{right:auto;bottom:auto;transform-origin:center}.hotbar-panel{--touch-slot-size: clamp(36px, 9.8vw, 42px);left:auto;right:max(10px,env(safe-area-inset-right));top:max(150px,calc(env(safe-area-inset-top) + 150px));bottom:auto;width:calc(var(--touch-slot-size) + 10px);transform:none}.chat-window{left:max(14px,env(safe-area-inset-left));right:8px;top:max(12px,calc(env(safe-area-inset-top) + 12px));bottom:auto;width:auto;max-height:132px;border-radius:14px;background:#0a1617bd}.chat-window header{position:absolute;top:8px;right:8px;z-index:1;min-height:0;padding:0}.chat-messages{min-height:54px;max-height:70px;padding:8px 82px 5px 8px}.chat-form{gap:5px;padding:5px 6px 6px}.chat-form input{min-height:34px}.hotbar-slots{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:var(--touch-slot-size);gap:4px;height:auto;padding:5px}.hotbar-slot{width:var(--touch-slot-size);height:var(--touch-slot-size);min-height:var(--touch-slot-size);aspect-ratio:1;align-content:center;padding:4px}.hotbar-slot small{display:none}.item-icon-image,.item-icon-fallback{width:calc(var(--touch-slot-size) - 14px);height:calc(var(--touch-slot-size) - 14px)}.mobile-action-zone button{padding:0 8px;font-size:12px}}