:root{color-scheme:dark;font-family:Inter,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif;--panel:rgba(23,32,51,.94);--line:rgba(255,255,255,.13);--gold:#ffc857;--cyan:#5eead4;--pink:#f472b6}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#79c9ea;color:#fff}button,input,select{font:inherit}button{color:inherit;cursor:pointer}#game{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}.hidden{display:none!important}.panel{background:var(--panel);border:2px solid var(--line);box-shadow:0 18px 50px #0b121f59;border-radius:20px}.screen-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#36bfbcf0,#2f5ba1f5)}.auth-shell{display:grid;grid-template-columns:1.1fr .9fr;width:min(960px,100%);min-height:570px;border:3px solid rgba(255,255,255,.2);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #0c193659}.brand-side{position:relative;padding:64px;background:linear-gradient(160deg,#24b5b1,#3878c4);overflow:hidden}.brand-side:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(255,255,255,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.05) 87.5%);background-size:60px 104px}.eyebrow{margin:0 0 8px;font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--cyan)}.brand-side .eyebrow{color:#d9fffa;position:relative}.logo{position:relative;margin:0;font-size:clamp(68px,10vw,104px);line-height:.9;letter-spacing:-.08em;color:var(--gold);text-shadow:0 7px 0 #9b5d24,0 12px 25px rgba(21,47,71,.3)}.tagline{position:relative;font-size:21px;font-weight:700;line-height:1.35}.voxel-scene{position:absolute;left:70px;bottom:35px;width:350px;height:180px;transform:rotate(-8deg)}.voxel-scene i{position:absolute;width:88px;height:88px;background:#f4c451;border:5px solid rgba(32,62,86,.22);transform:rotate(30deg) skew(-5deg);border-radius:8px}.voxel-scene i:nth-child(2){left:83px;top:35px;background:#ef6e81}.voxel-scene i:nth-child(3){left:170px;top:2px;background:#8cd56b}.voxel-scene i:nth-child(4){left:250px;top:45px;background:#8b78df}.voxel-scene span{position:absolute;left:145px;top:30px;font-size:70px;z-index:3}.auth-card{border:0;border-radius:0;padding:58px 52px;background:#172033}.auth-tabs{display:flex;background:#ffffff12;padding:4px;border-radius:12px;margin-bottom:35px}.auth-tabs button{flex:1;border:0;background:transparent;padding:10px;border-radius:9px;font-weight:800;color:#9fb2c7}.auth-tabs button.active{background:var(--cyan);color:#153634}.auth-card h2,.navigator-header h2,.side-panel h2{margin:0;font-size:30px}.auth-card>p{color:#9fb2c7}.field{display:grid;gap:7px;margin:15px 0;flex:1}.field span{font-size:12px;font-weight:800;color:#bcd0e7}input,select{width:100%;padding:12px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:#0000003d;color:#fff;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5eead41f}.primary{width:100%;border:0;border-radius:12px;padding:13px;font-weight:900;background:var(--gold);color:#3b2b0c;box-shadow:0 5px #a66e24}.primary:active{transform:translateY(3px);box-shadow:0 2px #a66e24}.secondary{border:1px solid var(--line);background:#ffffff14;padding:12px 18px;border-radius:12px}.hint,.panel-copy{color:#9fb2c7;font-size:12px;line-height:1.5}.form-error{min-height:20px;color:#fb7185!important;font-size:13px}.navigator-card{width:min(1120px,100%);height:min(760px,calc(100vh - 48px));padding:28px;overflow:hidden}.navigator-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px 22px;border-bottom:1px solid var(--line)}.account-pill{display:flex;align-items:center;gap:14px;padding:9px 12px;background:#ffffff12;border-radius:14px}.account-pill button{border:0;background:transparent;font-size:20px}.avatar-dot{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--pink)}.navigator-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;height:calc(100% - 80px);padding-top:24px}.create-room-box{padding:20px;background:#ffffff0e;border-radius:16px;align-self:start}.create-room-box h3{margin-top:0}.room-filter{display:flex;gap:7px;margin-bottom:15px}.room-filter button{border:0;padding:8px 13px;border-radius:9px;background:#ffffff12}.room-filter button.active{background:var(--cyan);color:#163532;font-weight:800}.rooms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:570px;overflow:auto;padding-right:6px}.room-card{background:#fff1;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.15s}.room-card:hover{transform:translateY(-3px);border-color:#5eead4a6}.room-preview{height:116px;position:relative;overflow:hidden;background:linear-gradient(145deg,#8ce1e1,#558cca)}.room-preview i{position:absolute;width:58px;height:45px;background:#f9c655;transform:skewY(-22deg);border:3px solid rgba(29,50,75,.18);bottom:14px}.room-preview i:nth-of-type(1){left:25px}.room-preview i:nth-of-type(2){left:91px;bottom:34px;background:#ef7188}.room-preview i:nth-of-type(3){left:158px;background:#71cd72}.room-preview span{position:absolute;right:10px;top:8px;z-index:2}.theme-1{background:linear-gradient(145deg,#e69bc3,#745eb4)}.theme-2{background:linear-gradient(145deg,#f5d88a,#d7765b)}.theme-3{background:linear-gradient(145deg,#a5d98c,#49a3a1)}.room-info{display:flex;align-items:center;justify-content:space-between;padding:13px}.room-info div{display:grid;min-width:0}.room-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-info small{color:#9fb2c7;margin-top:3px}.room-info button,.item-card button{border:0;background:var(--cyan);color:#153633;font-weight:900;padding:8px 10px;border-radius:9px}.empty-state{grid-column:1/-1;padding:70px;text-align:center;color:#9fb2c7}#hud{position:fixed;inset:0;z-index:5;pointer-events:none}.topbar,.top-actions{position:absolute;top:15px;display:flex;gap:9px;align-items:center}.topbar{left:15px}.top-actions{right:15px}.badge,.coin-wallet{padding:9px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.brand-button{pointer-events:auto;display:flex;gap:8px;align-items:center;border:0;background:var(--panel);border-radius:12px;padding:6px 12px 6px 6px;font-weight:800}.brand-button b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--gold);color:#5a3715;font-size:20px}.hud-button{pointer-events:auto;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:9px 12px}.hud-button.active{background:var(--cyan);color:#173832}.hud-button.square{width:40px}.room-badge small{color:var(--gold);margin-left:5px}#online-dot{display:inline-block;width:8px;height:8px;background:#4ade80;border-radius:50%;margin-right:6px}#build-cursor{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #000}#hotbar{position:absolute;left:50%;bottom:17px;transform:translate(-50%);display:flex;gap:5px;padding:7px;pointer-events:auto;max-width:55vw;overflow-x:auto}.slot{position:relative;min-width:55px;width:55px;height:55px;border:2px solid transparent;border-radius:12px;background:#ffffff14;font-size:24px}.slot.selected{border-color:var(--gold);background:#ffc8572e;transform:translateY(-5px)}.slot small{position:absolute;left:5px;top:3px;color:#b8c6d6;font-size:10px}.slot em{position:absolute;right:3px;bottom:2px;min-width:18px;padding:2px 4px;border-radius:7px;background:#0f172a;font-size:10px;font-style:normal}#chat{position:absolute;left:15px;bottom:18px;width:min(390px,calc(100vw - 30px));pointer-events:auto}#messages{max-height:160px;overflow-y:auto;padding:12px;-webkit-mask-image:linear-gradient(transparent,#000 20%);mask-image:linear-gradient(transparent,#000 20%)}.message{margin:5px 0;font-size:14px;text-shadow:0 1px 2px #000}.message.system{color:#d1dfed;font-style:italic}.message strong{color:var(--gold)}#chat-form{display:flex;gap:8px;padding:8px}#chat-input{flex:1;padding:9px 11px}#chat-form button{border:0;border-radius:9px;padding:0 13px;background:var(--cyan);color:#123530;font-weight:900}.side-panel{position:absolute;pointer-events:auto;right:15px;top:68px;width:min(390px,calc(100vw - 30px));max-height:calc(100vh - 90px);overflow:auto;padding:24px;animation:slide-in .18s ease-out}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}}.panel-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.help-grid span{padding:10px;background:#ffffff0f;border-radius:10px;font-size:12px}.help-grid b{display:block;color:var(--gold)}.item-grid{display:grid;gap:9px}.item-card{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:10px;background:#ffffff0f;border-radius:12px}.item-icon{display:grid;place-items:center;width:43px;height:43px;background:#ffffff14;border-radius:10px;font-size:25px}.item-card div{display:grid}.item-card small{color:#9fb2c7;margin-top:3px}.item-card button:disabled{opacity:.35;cursor:not-allowed}.trade-row{display:flex;gap:10px}.trade-row .qty{max-width:75px}.modal-layer{position:fixed;inset:0;display:grid;place-items:center;pointer-events:auto;background:#050b188c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.trade-modal-card{width:min(430px,calc(100vw - 30px));padding:28px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions>*{flex:1}.modal-actions .primary{width:auto}#toast{position:absolute;left:50%;top:16%;transform:translate(-50%);background:#0f172aed;padding:10px 16px;border:1px solid var(--line);border-radius:999px;opacity:0;transition:.2s}#toast.show{opacity:1}.nameplate{color:#fff;background:#111827cc;padding:3px 8px;border-radius:7px;font-size:12px;white-space:nowrap}#touch-controls{display:none;position:absolute;inset:0;pointer-events:none}.touch-pad{position:absolute;left:20px;bottom:100px;width:120px;height:120px;pointer-events:auto}.touch-pad button,.touch-actions button{position:absolute;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#11182794}.up{left:39px}.down{left:39px;bottom:0}.left{top:39px}.right{right:0;top:39px}.touch-actions{position:absolute;right:22px;bottom:105px;pointer-events:auto}.touch-actions .jump{right:0;bottom:48px;width:54px;height:54px}.touch-actions .break{right:64px}.touch-actions .place{right:0}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.brand-side{display:none}.auth-card{border-radius:25px;padding:36px}.navigator-layout{grid-template-columns:1fr}.create-room-box{display:none}.rooms-grid{grid-template-columns:1fr}.top-actions{top:65px;right:10px;max-width:calc(100vw - 20px);overflow-x:auto}.top-actions .hud-button{white-space:nowrap}.room-badge{display:none}#chat{bottom:155px}#hotbar{max-width:calc(100vw - 170px)}#touch-controls{display:block}.side-panel{top:115px}.navigator-card{padding:18px}}@media(pointer:coarse){#touch-controls{display:block}}.panel{-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}.coin-wallet{background:linear-gradient(135deg,#ffc85738,#f472b61a);box-shadow:inset 0 1px #ffffff1f}.quest-list{display:grid;gap:10px;margin-top:18px}.quest-card{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid rgba(112,245,220,.16);border-radius:14px;background:linear-gradient(120deg,#5eead414,#9b7cf614)}.quest-card.completed{border-color:#ffc8578c;box-shadow:0 0 22px #ffc8571a}.quest-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff17;font-size:22px}.quest-copy{display:grid;gap:4px}.quest-copy small{color:#aebed0}.quest-reward{color:var(--gold);font-weight:900}.quest-progress{grid-column:2/-1;height:6px;overflow:hidden;border-radius:99px;background:#ffffff14}.quest-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#9b7cf6,var(--pink));transition:width .3s ease}.quest-card.locked{filter:saturate(.35);opacity:.58}.quest-card.locked .quest-progress{display:none}.quest-card.locked .quest-icon:after{content:"🔒";position:absolute;font-size:11px;transform:translate(14px,14px)}.quest-icon{position:relative}.quest-stage{padding:3px 7px;border-radius:999px;background:#55d9cf1f;color:#8aeee6;font-size:11px;font-weight:800}.ub-combat-panel{position:fixed;right:1rem;top:1rem;z-index:40;width:min(440px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:1rem;border:1px solid #55d9cf3d;border-radius:20px;background:linear-gradient(145deg,#26334ff5,#303052f5);color:#fff8df;box-shadow:0 18px 50px #14182baa;transform:translate(calc(100% + 2rem));transition:transform .22s ease;font:500 14px/1.3 system-ui;scrollbar-color:#55d9cf66 transparent}.ub-combat-panel.is-open{transform:none}.ub-combat-panel header{display:flex;justify-content:space-between;align-items:center}.ub-combat-panel header div{display:grid;gap:2px}.ub-combat-panel header small{font-size:10px;letter-spacing:.15em;color:#55d9cf}.ub-combat-panel header strong{font-size:20px}.ub-combat-panel button{border:0;border-radius:11px;padding:.55rem .7rem;background:#ffc857;color:#26334f;font-weight:800;cursor:pointer}.ub-combat-panel button:disabled{opacity:.34;cursor:not-allowed}.ub-health{position:relative;height:28px;margin:1rem 0;border-radius:16px;overflow:hidden;background:#171d35}.ub-health i{display:block;height:100%;background:linear-gradient(90deg,#55d9cf,#9b7cf6);transition:width .2s}.ub-health span{position:absolute;inset:5px;text-align:center;text-shadow:0 1px 2px #182033}.ub-combat-panel nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:10px}.empty-equipment{color:#aabdd0}.ub-market-category{margin-top:7px;border:1px solid #55d9cf26;border-radius:14px;background:#ffffff08;overflow:hidden}.ub-market-category summary{display:grid;grid-template-columns:28px 1fr;gap:1px 7px;align-items:center;padding:11px;cursor:pointer;list-style:none}.ub-market-category summary::-webkit-details-marker{display:none}.ub-market-category summary>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#55d9cf1c;color:#55d9cf}.ub-market-category summary small{color:#aabdd0}.ub-market-category[open] summary{border-bottom:1px solid #55d9cf20}.ub-item{display:grid;grid-template-columns:1fr auto auto auto;gap:.4rem;align-items:center;padding:.65rem .7rem;border-bottom:1px solid #55d9cf18}.ub-item:last-child{border:0}.ub-item b,.ub-item small{grid-column:1}.ub-item small{opacity:.72}.ub-item button{grid-row:1/3}.ub-item .sell-item{background:#55d9cf}.ub-item .equip-item{background:#9b7cf6;color:#fff}@media(max-width:520px){.ub-combat-panel{inset:8px;width:auto;max-height:calc(100vh - 16px)}.ub-item{grid-template-columns:1fr 1fr}.ub-item button{grid-row:auto}.ub-item b,.ub-item small{grid-column:1/-1}}#hud .top-actions{max-width:min(620px,calc(100vw - 30px));flex-wrap:nowrap;justify-content:flex-end}#hud .top-actions .dock-secondary{display:none}#hud .top-actions.expanded .dock-secondary,#hud .top-actions .dock-more{display:inline-flex}#hud .top-actions.expanded{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));width:min(620px,calc(100vw - 30px));max-height:min(70vh,360px);overflow-y:auto}#hotbar{gap:9px;max-width:none;padding:9px 11px;border:1px solid rgba(210,222,218,.22);border-radius:13px;background:#11181de6}#hotbar .slot{display:grid;grid-template-rows:38px 14px;place-items:center;min-width:66px;width:66px;height:64px;padding:4px 5px 3px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:linear-gradient(155deg,#ffffff17,#0003);color:#dbe5e1;transition:transform .12s,border-color .12s,background .12s}#hotbar .slot:hover{border-color:#c9ddd57a}#hotbar .slot.selected{transform:translateY(-4px);border-color:#d3b677;background:linear-gradient(155deg,#d3b6772e,#0000003d)}#hotbar .slot small{left:6px;top:4px;color:#aebcb7;font-size:10px}#hotbar .slot em{right:4px;bottom:3px;background:#11191e;color:#edf3f0}#hotbar .slot-name{max-width:52px;overflow:hidden;color:#b8c4c0;font-size:9px;line-height:12px;text-overflow:ellipsis;white-space:nowrap}.slot-visual{position:relative;width:27px;height:27px;border-radius:4px;background:var(--slot-color);box-shadow:inset -6px -7px #0000002e,inset 4px 4px #ffffff1f,0 5px 10px #0000004d;transform:rotate(6deg)}.slot-visual:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.17);border-radius:2px}#hotbar .slot.empty .slot-visual{border:1px dashed #708078;background:transparent;box-shadow:none;transform:none}#hotbar .slot.empty .slot-visual:before{content:"+";inset:50% auto auto 50%;border:0;color:#82918a;font:18px/1 system-ui;transform:translate(-50%,-53%)}.item-actions{display:flex;flex-direction:column;gap:5px}.item-actions button{min-width:92px}.item-actions [data-hotbar-add]{background:#8eb7aa}@media(max-width:1100px){.top-actions{top:65px;max-width:calc(100vw - 20px)}.side-panel{top:115px;max-height:calc(100vh - 135px)}}@media(max-width:620px){#hotbar{gap:5px;padding:6px}#hotbar .slot{min-width:51px;width:51px;height:57px;grid-template-rows:34px 12px}#hotbar .slot-name{max-width:40px}.slot-visual{width:24px;height:24px}}.recipe-panel{width:min(520px,calc(100vw - 30px))}.recipe-filters{display:flex;gap:7px;overflow-x:auto;margin:16px 0 12px;padding-bottom:3px}.recipe-filters button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:#ffffff0f;font-size:12px;font-weight:800}.recipe-filters button.active{border-color:var(--cyan);background:var(--cyan);color:#153633}.recipe-grid{display:grid;gap:10px}.recipe-card{padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff0e}.recipe-card.craftable{border-color:#5eead480;box-shadow:inset 0 0 0 1px #5eead414}.recipe-card header{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center}.recipe-card header>span:not(.recipe-icon){display:grid;gap:3px}.recipe-card header small{color:#9fb2c7;font-size:11px;line-height:1.3}.recipe-card header em{align-self:start;padding:4px 7px;border-radius:8px;background:#0003;color:#c8d5e3;font-size:10px;font-style:normal;white-space:nowrap}.recipe-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:linear-gradient(145deg,#ffc85738,#5eead41f);font-size:25px}.recipe-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0;padding:0;list-style:none}.recipe-card li{display:flex;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:8px;background:#00000029;font-size:11px}.recipe-card li.available strong{color:#6ee7b7}.recipe-card li.missing strong{color:#fb7185}.recipe-card>button{width:100%;border:0;border-radius:9px;padding:8px;background:var(--cyan);color:#153633;font-size:12px;font-weight:900}.recipe-card>button:disabled{background:#ffffff14;color:#8292a6;cursor:not-allowed}.controls-book{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.controls-book summary{cursor:pointer;color:var(--gold);font-size:12px;font-weight:900}.controls-book .help-grid{margin-top:10px}@media(max-width:560px){.recipe-card header{grid-template-columns:42px 1fr}.recipe-card header em{grid-column:2}.recipe-card ul{grid-template-columns:1fr}}:root{--ub-ink:#26334f;--ub-cloud:#f5f2e8;--ub-lagoon:#55d9cf;--ub-sky:#69b8ee;--ub-sun:#ffc857;--ub-coral:#f4728f;--ub-orchid:#9b7cf6;--ub-sprout:#55d69f;--ub-danger:#ed6680}.ub-card{border:1px solid color-mix(in srgb,var(--ub-lagoon) 24%,transparent);border-radius:16px;background:linear-gradient(135deg,#26334ff0,#303052e8);box-shadow:0 14px 36px #121c3147,inset 0 1px #ffffff1a}.ub-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#55d9cf21;color:#dffefa;font-size:12px;font-weight:850}.ub-meter{height:8px;overflow:hidden;border-radius:99px;background:#ffffff17}.ub-meter>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ub-lagoon),var(--ub-orchid));transition:width .25s ease}.ub-meter.danger>i{background:linear-gradient(90deg,var(--ub-sun),var(--ub-danger))}.ub-icon-button{border:1px solid rgba(255,255,255,.13);border-radius:13px;background:linear-gradient(145deg,#ffffff1f,#ffffff0d);box-shadow:0 5px 14px #0a12232e;transition:transform .15s,border-color .15s}.ub-icon-button:hover{transform:translateY(-2px);border-color:#55d9cf8c}.ub-hit-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 45%,rgba(237,102,128,.32));animation:ub-hit .42s ease-out both}@keyframes ub-hit{0%{opacity:1}to{opacity:0}}.ub-weather-label{padding:7px 11px;border-radius:12px;background:#26334fc2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}@media(prefers-reduced-motion:reduce){.ub-icon-button,.ub-meter>i{transition:none}.ub-hit-vignette{animation-duration:.01s}}.ub-health-hud{position:fixed;left:16px;top:70px;z-index:8;display:grid;grid-template-columns:38px minmax(120px,190px);gap:10px;align-items:center;padding:10px 12px;pointer-events:none}.ub-health-hud>div{display:grid;gap:4px}.ub-health-hud small{color:#b9cada;font-size:11px}.ub-health-orb{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:linear-gradient(145deg,var(--ub-coral),var(--ub-orchid));box-shadow:0 5px 15px #f4728f40}.ub-health-hud.is-downed{filter:saturate(.55)}.onboarding{position:absolute;left:16px;top:122px;width:310px;padding:17px 19px;pointer-events:auto;background:linear-gradient(145deg,#26334ff2,#453765ed);animation:ub-arrive .35s ease-out}.onboarding>button{position:absolute;right:9px;top:7px;border:0;background:transparent;font-size:22px}.onboarding strong{font-size:18px}.onboarding ol{margin:10px 0;padding-left:20px;color:#d7e6ee;font-size:13px;line-height:1.55}.onboarding small{color:#a9c3d2}.respawn-options{display:grid;gap:9px;margin-top:16px}.respawn-option{display:grid;grid-template-columns:1fr auto;gap:4px;text-align:left;padding:12px;border:1px solid rgba(85,217,207,.2);border-radius:13px;background:#ffffff0f;color:#fff}.respawn-option:hover,.respawn-option.recommended{border-color:var(--ub-lagoon);background:#55d9cf1f}.respawn-option small{grid-column:1/-1;color:#b8cad8}.risk-low{color:var(--ub-sprout)}.risk-medium{color:var(--ub-sun)}.risk-high{color:var(--ub-danger)}@keyframes ub-arrive{0%{opacity:0;transform:translateY(-10px)}}.loot-memory-view{position:fixed;right:16px;bottom:90px;z-index:45;width:min(390px,calc(100vw - 32px));padding:18px;border:1px solid rgba(155,124,246,.45);border-radius:18px;background:linear-gradient(145deg,#26334ff7,#463465f5);box-shadow:0 18px 45px #121c3166;color:#fff}.loot-memory-view h2{margin:0 28px 6px 0}.loot-memory-view p{color:#b9cada;font-size:12px}.loot-memory-view ul{display:grid;gap:8px;padding:0;list-style:none}.loot-memory-view li{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;padding:8px;border-radius:11px;background:#ffffff0f}.loot-memory-view button{border:0;border-radius:9px;padding:7px;background:var(--ub-sun);color:var(--ub-ink);font-weight:800}.memory-close{position:absolute;right:10px;top:8px;background:transparent!important;color:#fff!important;font-size:20px}@media(max-width:900px){.ub-health-hud{display:none}.onboarding{top:112px;width:min(300px,calc(100vw - 32px))}.top-actions{scrollbar-width:none}.top-actions .coin-wallet{position:sticky;left:0}.respawn-options{max-height:55vh;overflow:auto}}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ub-sun);outline-offset:2px}.panel{border-color:#bcebee29;box-shadow:0 18px 48px #121c3145,inset 0 1px #ffffff14}.topbar{max-width:calc(100vw - 30px);overflow-x:auto;scrollbar-width:none}.top-actions{top:62px;right:15px;max-width:calc(100vw - 30px);padding:5px;border-radius:15px;background:#26334f9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none;box-shadow:0 8px 24px #121c3129}.top-actions::-webkit-scrollbar,.topbar::-webkit-scrollbar{display:none}.top-actions .hud-button{min-height:40px;white-space:nowrap;background:#26334fe0;transition:transform .14s,border-color .14s,background .14s}.top-actions .hud-button:hover{transform:translateY(-2px);border-color:#55d9cf8c;background:#303d5bf5}.top-actions .hud-button:active{transform:translateY(1px)}.coin-wallet{position:sticky;left:0;z-index:2;background:linear-gradient(135deg,#ffc857f2,#f4728fe6);color:var(--ub-ink);font-weight:850;box-shadow:0 5px 13px #121c3138}#build-cursor{width:12px;height:12px;border-color:#ffffffeb;box-shadow:0 0 0 3px #26334f4d,0 0 12px #55d9cf66}.slot{transition:transform .14s,border-color .14s,background .14s}.slot:not(.selected):hover{transform:translateY(-2px);background:#55d9cf21}.item-card{border:1px solid transparent;transition:border-color .15s,background .15s}.item-card:hover{border-color:#55d9cf40;background:#55d9cf12}.item-icon{background:linear-gradient(145deg,#55d9cf1f,#9b7cf621);box-shadow:inset 0 1px #ffffff14}.empty-state.compact{padding:22px}.side-panel{scrollbar-color:rgba(85,217,207,.4) transparent}.modal-layer{z-index:60}.trade-modal-card{position:relative}.message{padding:2px 7px;border-radius:8px;background:#26334f57;width:fit-content;max-width:100%;overflow-wrap:anywhere}#toast{z-index:80;max-width:min(560px,calc(100vw - 28px));text-align:center;pointer-events:none}@media(max-width:800px){.top-actions{top:58px;left:10px;right:10px;max-width:none}.top-actions .hud-button{min-width:44px;min-height:44px}.side-panel{position:absolute;inset:auto 8px 8px;width:auto;max-height:min(68vh,590px);border-radius:22px;padding:22px;animation:ub-sheet .2s ease-out}#hotbar{bottom:18px;border-radius:16px}#chat{left:8px;width:calc(100vw - 16px)}.loot-memory-view{left:8px;right:8px;bottom:82px;width:auto;max-height:60vh;overflow:auto}.loot-memory-view li{grid-template-columns:1fr 1fr}.loot-memory-view li:first-line{grid-column:1/-1}.onboarding{top:112px;left:10px}}@keyframes ub-sheet{0%{opacity:0;transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.screen-layer{background:radial-gradient(circle at 18% 22%,rgba(85,217,207,.78),transparent 34%),radial-gradient(circle at 82% 72%,rgba(244,114,143,.42),transparent 32%),linear-gradient(145deg,#345c91,#343761)}.auth-shell{border-color:#d5fff733;box-shadow:0 32px 90px #1a1f406b}.brand-side{background:radial-gradient(circle at 65% 25%,rgba(255,200,87,.32),transparent 28%),linear-gradient(160deg,#2db9b1,#5865b2)}.brand-side:before{opacity:.45;transform:rotate(8deg) scale(1.2)}.voxel-scene{filter:drop-shadow(0 18px 18px rgba(26,31,64,.24))}.voxel-scene i{border:4px solid rgba(245,242,232,.24);border-radius:55% 45% 62% 38%;transform:rotate(-12deg);box-shadow:inset 0 8px #ffffff21}.voxel-scene i:nth-child(2){border-radius:35% 65% 42% 58%;transform:rotate(17deg)}.voxel-scene i:nth-child(3){border-radius:65% 35% 55% 45%;transform:rotate(-6deg)}.voxel-scene i:nth-child(4){border-radius:42% 58% 68% 32%;transform:rotate(13deg)}.voxel-scene span{color:#fff3bd;text-shadow:0 0 20px rgba(255,200,87,.75);animation:ub-float 2.7s ease-in-out infinite alternate}.room-preview{background:radial-gradient(circle at 72% 20%,rgba(255,255,255,.34),transparent 22%),linear-gradient(145deg,#68d8ce,#5d71b2)}.room-preview i{border:3px solid rgba(245,242,232,.25);border-radius:60% 40% 52% 48%;transform:rotate(-7deg);box-shadow:inset 0 6px #ffffff21,0 10px 12px #26334f2e}.room-preview i:nth-of-type(2){transform:rotate(11deg);border-radius:38% 62% 55% 45%}.room-preview i:nth-of-type(3){transform:rotate(-3deg);border-radius:55% 45% 35% 65%}@keyframes ub-float{to{transform:translateY(-8px) rotate(8deg)}}.top-actions{z-index:12}.top-actions:not(.expanded) .dock-secondary{display:none!important}.dock-more{order:99;border-color:#ffc8576b!important;color:#fff3c4}.top-actions.expanded{flex-wrap:wrap;justify-content:flex-end;width:min(920px,calc(100vw - 30px));max-height:112px;overflow-y:auto}.top-actions.expanded .dock-secondary{animation:ub-action-in .14s ease-out}@keyframes ub-action-in{0%{opacity:0;transform:translateY(-4px)}}@media(max-width:800px){.top-actions{width:auto}.top-actions.expanded{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:auto;max-height:calc(100vh - 170px);overflow-y:auto}.top-actions.expanded>*{position:static;min-width:0}.top-actions.expanded .coin-wallet{display:grid;place-items:center}.top-actions.expanded .hud-button{white-space:normal;line-height:1.15}.top-actions:not(.expanded){padding-right:7px}#build-cursor{top:48%}}#graphics-recovery{position:fixed;inset:0;z-index:100;display:grid;place-content:center;gap:8px;text-align:center;padding:24px;background:#26334ff5;color:#f5f2e8}#graphics-recovery strong{font-size:24px;color:#ffc857}#graphics-recovery span{max-width:440px;color:#c8d9df}