:root{
  --pink:#ff76d7;--purple:#8b5cff;--blue:#3dbaff;--cyan:#69f7ff;--gold:#ffd65c;
  --ink:#182352;--glass:rgba(23,38,91,.72);--line:rgba(255,255,255,.45);
}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#86d7ff;font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:#fff}body{touch-action:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}.glass{background:linear-gradient(145deg,rgba(30,52,120,.82),rgba(29,39,86,.64));border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 35px rgba(29,34,96,.25),inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(14px)}
.hud-top{position:fixed;z-index:10;left:16px;right:16px;top:max(12px,env(safe-area-inset-top));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.profile-card{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:20px;min-width:225px}.avatar-dot{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font-size:26px;font-weight:900;background:radial-gradient(circle at 35% 28%,#fff 0 10%,#ffb6e7 11% 45%,#8a51f4 46% 100%);border:3px solid #fff;box-shadow:0 0 0 3px #ff83d8}.profile-card strong{font-size:17px;display:block;text-shadow:0 2px 4px #14234c}.profile-card small{display:block;opacity:.84;font-size:11px}.xp{margin-top:5px;width:120px;height:6px;background:rgba(3,11,45,.48);border-radius:99px;overflow:hidden}.xp i{display:block;width:58%;height:100%;background:linear-gradient(90deg,#ff70d3,#66eaff);border-radius:inherit}.logo{position:absolute;left:50%;transform:translateX(-50%);text-align:center;filter:drop-shadow(0 5px 1px #4d2a9e) drop-shadow(0 0 18px rgba(96,225,255,.8));line-height:.75;white-space:nowrap}.logo b{display:block;font-size:clamp(32px,4.8vw,72px);letter-spacing:-4px;color:#ff92e4;-webkit-text-stroke:2px white;text-shadow:0 5px #8c42d5}.logo span{display:block;font-size:clamp(25px,3.6vw,55px);letter-spacing:-2px;color:#66deff;-webkit-text-stroke:2px white;text-shadow:0 5px #2978d7}.currency{padding:10px 14px;border-radius:18px;display:flex;align-items:center;gap:7px;font-size:22px}.currency small{font-size:12px;opacity:.8}.coin{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(#fff071,#ffad24);color:#fff;border:2px solid #fff4a4;text-shadow:0 1px #b86700}
.quest-card{position:fixed;z-index:10;left:16px;top:105px;width:265px;border-radius:17px;padding:13px 15px;pointer-events:none}.quest-card h3{margin:0 0 8px;font-size:16px}.quest-card p{display:grid;grid-template-columns:25px 1fr auto;gap:6px;margin:6px 0;padding:5px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12px}.quest-card p span{font-size:17px;color:var(--gold)}.quest-card b{color:#8ff8ff}.controls{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:16px;border-radius:16px;padding:10px 14px;font-size:12px;pointer-events:none}.controls span{display:flex;align-items:center;gap:6px;white-space:nowrap}.controls kbd{border:1px solid rgba(255,255,255,.5);border-bottom-width:3px;background:rgba(5,12,45,.5);border-radius:6px;padding:3px 6px;font:700 11px system-ui}.message{position:fixed;z-index:30;top:20%;left:50%;transform:translate(-50%,-50%);padding:12px 19px;border-radius:999px;background:rgba(41,26,91,.86);border:1px solid rgba(255,255,255,.5);box-shadow:0 0 30px rgba(88,220,255,.55);font-weight:800;text-align:center}.loader{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#bdf7ff,#86cbff 55%,#806ef4 120%)}.loader-card{width:min(430px,86vw);text-align:center;padding:30px;border-radius:30px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 80px rgba(70,50,150,.25);backdrop-filter:blur(20px)}.mini-crown{font-size:35px;color:#ffe461}.brand-loader{font-size:36px;font-weight:1000;color:#ff77d7;text-shadow:0 3px #7344cf}.brand-loader span{color:#35c9ff}.loader-card #load-label{font-weight:800;margin:15px 0 8px}.load-track{height:10px;border-radius:99px;background:rgba(40,37,110,.18);overflow:hidden}.load-track div{height:100%;width:4%;border-radius:inherit;background:linear-gradient(90deg,#ff66cd,#61e5ff);transition:width .2s}.loader-card #load-detail{font-size:12px;margin-top:9px;color:#2c3874}.error-panel{position:fixed;z-index:120;inset:auto 50% 50% auto;transform:translate(50%,50%);width:min(520px,90vw);background:#302968;color:#fff;border:1px solid #fff;padding:24px;border-radius:20px;text-align:center}.error-panel button,.win-card button{border:0;border-radius:999px;padding:12px 22px;background:linear-gradient(135deg,#58ed9b,#27c86f);color:white;font-weight:900;font-size:16px;cursor:pointer}.win{position:fixed;z-index:80;inset:0;display:grid;place-items:center;background:rgba(30,24,80,.34);backdrop-filter:blur(7px)}.win-card{text-align:center;padding:30px 42px;border-radius:28px;max-width:470px}.win-card h1{margin:2px 0 8px;font-size:34px}.win-card p{opacity:.9}.win-star{font-size:70px;color:#ffd94a;filter:drop-shadow(0 0 18px #ffd747)}
.touch-ui{display:none}.joystick{position:fixed;z-index:20;left:22px;bottom:28px;width:118px;height:118px;border-radius:50%;background:rgba(25,34,80,.35);border:2px solid rgba(255,255,255,.4);backdrop-filter:blur(6px)}#stick{position:absolute;left:34px;top:34px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.68);box-shadow:0 4px 15px rgba(20,30,90,.25)}.touch-actions{position:fixed;z-index:20;right:22px;bottom:26px;display:flex;gap:14px}.touch-actions button{width:76px;height:76px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:rgba(47,57,121,.58);color:white;font-size:25px;font-weight:900;backdrop-filter:blur(7px)}.touch-actions small{display:block;font-size:9px;font-weight:700}
@media(max-width:800px),(pointer:coarse){.desktop-controls{display:none}.touch-ui{display:block}.quest-card{top:auto;bottom:160px;left:12px;width:225px}.profile-card{min-width:0;padding:6px 8px}.profile-card>div:not(.avatar-dot){display:none}.avatar-dot{width:44px;height:44px}.logo{top:6px}.currency{font-size:16px;padding:8px 10px}.currency .coin{width:25px;height:25px}.quest-card p:nth-of-type(2){display:none}}

/* Asset-world time-of-day HUD */
.hud-right{display:flex;align-items:center;gap:10px}.time-card{display:flex;align-items:center;gap:9px;padding:8px 12px;min-width:116px}.time-card>span{font-size:25px;line-height:1}.time-card div{display:flex;flex-direction:column;line-height:1.05}.time-card strong{font-size:15px;letter-spacing:.04em}.time-card small{font-size:10px;opacity:.78;margin-top:4px;text-transform:uppercase;letter-spacing:.09em}@media(max-width:720px){.time-card{min-width:auto;padding:7px 9px}.time-card small{display:none}.time-card>span{font-size:18px}.time-card strong{font-size:12px}}

/* Multiplayer connection indicator */
.multiplayer-status{display:flex;align-items:center;gap:7px;align-self:center;padding:7px 10px;border-radius:999px;background:rgba(19,31,76,.72);border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 24px rgba(14,24,70,.18);backdrop-filter:blur(10px);font-size:11px;font-weight:900;letter-spacing:.02em;white-space:nowrap}.multiplayer-status i{display:block;width:9px;height:9px;border-radius:50%;background:#8794b7;box-shadow:0 0 0 3px rgba(135,148,183,.13)}.multiplayer-status.online i{background:#67f5a0;box-shadow:0 0 0 3px rgba(103,245,160,.16),0 0 10px rgba(103,245,160,.55)}.multiplayer-status.connecting i,.multiplayer-status.authenticating i,.multiplayer-status.joining i,.multiplayer-status.reconnecting i{background:#ffd65c;box-shadow:0 0 0 3px rgba(255,214,92,.15);animation:cwNetPulse 1s ease-in-out infinite}.multiplayer-status.offline i{background:#97a2bd}@keyframes cwNetPulse{50%{opacity:.38;transform:scale(.75)}}
@media(max-width:800px),(pointer:coarse){.multiplayer-status{position:fixed;right:12px;top:74px;padding:6px 9px;font-size:10px}.hud-right{gap:6px}}