:root{--bg:#080c10;--panel:rgba(13,20,27,.84);--panel2:rgba(19,29,38,.72);--line:rgba(255,255,255,.12);--text:#f5f7f9;--muted:#9aa8b5;--accent:#cba86a;--accent2:#e3c68c;--danger:#da655f;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app,#viewport{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);touch-action:none}button,input,select{font:inherit}button{color:inherit;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:14px;padding:12px 14px}button:active{transform:scale(.98)}canvas{display:block;width:100%;height:100%}.hidden{display:none!important}.screen{position:fixed;inset:0;display:none;z-index:20}.screen.active{display:flex}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 60px rgba(0,0,0,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#loading{align-items:center;justify-content:center;background:#05080b}.cinema-bg{position:absolute;inset:-5%;background:linear-gradient(110deg,rgba(4,8,12,.2),rgba(4,8,12,.88)),url('assets/aurum/centro-metropolitano-03-4.jpg') center/cover;filter:saturate(.6) contrast(1.05);transform:scale(1.03)}.loading-content{position:relative;width:min(520px,84vw);text-align:left}.brand-mark{width:70px;height:70px;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;font-family:Georgia,serif;font-size:46px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03));color:var(--accent2)}.loading-content h1{font-size:clamp(42px,12vw,76px);letter-spacing:.24em;margin:18px 0 2px}.loading-content p{margin:0 0 32px;color:var(--muted);letter-spacing:.16em}.progress-shell{height:4px;background:rgba(255,255,255,.12);overflow:hidden;border-radius:99px}.progress-shell div{height:100%;width:0;background:var(--accent2);transition:width .25s}.loading-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:13px}.loading-content small{display:block;margin-top:28px;color:var(--muted)}
.glass-screen{align-items:center;justify-content:center;background:radial-gradient(circle at 75% 35%,rgba(203,168,106,.12),transparent 28%),rgba(5,8,11,.58)}.auth-card{width:min(420px,90vw);padding:28px;border-radius:24px}.brand-inline{display:flex;gap:12px;align-items:center}.brand-mark.mini{width:42px;height:42px;border-radius:12px;font-size:27px;flex:none}.brand-inline div{display:flex;flex-direction:column}.brand-inline small,.auth-card p,.prototype-note{color:var(--muted)}.auth-card h2{font-size:30px;margin:28px 0 6px}.auth-card label,.settings-card label{display:flex;flex-direction:column;gap:8px;margin:16px 0;color:#d8e0e7;font-size:13px}.auth-card input,.search,.settings-card select{width:100%;padding:14px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:white;outline:none}.primary{background:linear-gradient(135deg,#a98448,#d2b272);border-color:rgba(255,255,255,.2);color:#0a0c0e;font-weight:800}.secondary{background:rgba(203,168,106,.13);border-color:rgba(203,168,106,.45)}.ghost{background:rgba(255,255,255,.035)}.auth-card .primary{width:100%;margin-top:8px}.error{min-height:22px;color:#ff918b;font-size:13px;margin-top:10px}.prototype-note{display:block;margin-top:10px;line-height:1.4}
.lobby-screen{display:none;align-items:flex-end;padding:calc(24px + env(safe-area-inset-top)) 24px calc(28px + var(--safe));background:linear-gradient(90deg,rgba(2,5,8,.86),rgba(2,5,8,.06) 70%)}.lobby-screen.active{display:flex}.lobby-top{position:absolute;top:calc(18px + env(safe-area-inset-top));left:22px;right:22px;display:flex;justify-content:space-between;align-items:center}.lobby-card{width:min(430px,92vw);padding:24px;border-radius:24px}.lobby-card>small{color:var(--accent2);letter-spacing:.2em}.lobby-card h2{font-size:34px;margin:8px 0}.lobby-card p{color:var(--muted);line-height:1.55}.big{width:100%;margin-top:10px;padding:15px}.lobby-stats{position:absolute;right:24px;bottom:28px;display:flex;border-radius:18px;overflow:hidden}.lobby-stats span{padding:16px 20px;display:flex;flex-direction:column;border-left:1px solid var(--line)}.lobby-stats span:first-child{border:0}.lobby-stats small{color:var(--muted)}
#hud{position:fixed;inset:0;z-index:8;pointer-events:none}.hud-top{position:absolute;left:12px;right:12px;top:calc(10px + env(safe-area-inset-top));display:flex;align-items:center;gap:8px;justify-content:space-between}.hud-top button{pointer-events:auto}.pill,.location-pill{background:rgba(6,11,16,.72);border:1px solid var(--line);backdrop-filter:blur(14px);border-radius:999px;padding:9px 13px;font-size:12px}.location-pill{display:flex;gap:8px;align-items:center}.location-pill b{color:var(--accent2)}.location-pill span{color:#c8d0d7}.minimap{position:absolute;right:12px;top:calc(62px + env(safe-area-inset-top));width:140px;height:100px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101820;box-shadow:0 10px 30px rgba(0,0,0,.35)}.minimap img{width:100%;height:100%;object-fit:cover;opacity:.52;filter:saturate(.55)}.minimap i{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:var(--accent2);border:2px solid #111;transform:translate(-50%,-50%)}.minimap span{position:absolute;right:7px;top:5px;font-size:9px;color:#fff}.minimap:after{content:'';position:absolute;inset:0;background:radial-gradient(circle,transparent 30%,rgba(0,0,0,.22));pointer-events:none}#toast{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);background:rgba(7,12,17,.86);border:1px solid var(--line);border-radius:14px;padding:10px 14px;opacity:0;transition:.25s;white-space:nowrap}#toast.show{opacity:1}
.controls{position:fixed;inset:0;z-index:9;pointer-events:none}.stick{position:absolute;left:24px;bottom:calc(30px + var(--safe));width:126px;height:126px;pointer-events:auto;touch-action:none}.stick-ring{position:absolute;inset:0;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(7,12,17,.28);backdrop-filter:blur(6px)}.stick-knob{position:absolute;width:54px;height:54px;left:36px;top:36px;border-radius:50%;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.35);box-shadow:0 8px 24px rgba(0,0,0,.2)}.actions{position:absolute;right:18px;bottom:calc(24px + var(--safe));display:grid;grid-template-columns:repeat(2,74px);gap:10px;pointer-events:auto}.actions button{height:58px;font-size:10px;font-weight:700;background:rgba(8,14,20,.68);backdrop-filter:blur(8px)}.actions button:first-child{grid-row:span 2;height:126px}.camera-hint{position:absolute;right:20px;bottom:180px;color:rgba(255,255,255,.55);font-size:9px;letter-spacing:.12em}
#adminUI{position:fixed;inset:0;z-index:10;pointer-events:none}.admin-bar{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(18px + var(--safe));display:flex;gap:7px;align-items:center;padding:8px;border-radius:18px;pointer-events:auto;max-width:calc(100vw - 20px);overflow-x:auto}.round{width:46px;height:46px;border-radius:14px;padding:0;font-size:22px}.tool{font-size:11px;padding:10px 12px;white-space:nowrap}.tool.active{border-color:rgba(203,168,106,.6);background:rgba(203,168,106,.12)}.tool.accent{color:var(--accent2)}.toggle{display:flex;gap:5px;align-items:center;font-size:11px;color:var(--muted);padding:0 8px}.editor-stick{left:18px;bottom:94px;width:108px;height:108px}.editor-stick .stick-knob{left:30px;top:30px;width:48px;height:48px}.drawer{position:absolute;left:12px;top:calc(72px + env(safe-area-inset-top));bottom:90px;width:min(390px,calc(100vw - 24px));border-radius:22px;padding:15px;pointer-events:auto;transform:translateX(-115%);transition:transform .25s}.drawer.open{transform:translateX(0)}.drawer-head,.transform-head{display:flex;justify-content:space-between;align-items:center}.drawer-head div,.transform-head div{display:flex;flex-direction:column}.drawer-head small,.transform-head small{color:var(--muted)}.icon-btn{padding:8px 11px;background:rgba(255,255,255,.05)}.search{margin:12px 0}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.chips button{padding:8px 10px;font-size:10px;white-space:nowrap}.chips button.active{border-color:var(--accent);color:var(--accent2)}.asset-list{height:calc(100% - 130px);overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px}.asset-card{padding:10px;text-align:left;min-height:62px;display:flex;flex-direction:column;justify-content:center}.asset-card b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card small{font-size:9px;color:var(--muted);margin-top:4px}.transform{position:absolute;right:12px;top:calc(72px + env(safe-area-inset-top));width:min(330px,calc(100vw - 24px));padding:15px;border-radius:20px;pointer-events:auto}.transform label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted);margin-top:12px}.transform input[type=range]{width:100%}.transform-row{display:grid;grid-template-columns:auto repeat(4,1fr);gap:5px;align-items:center;margin-top:12px}.transform-row:first-of-type{grid-template-columns:auto repeat(6,1fr)}.transform-row span{font-size:10px;color:var(--muted)}.transform-row button{padding:8px 5px;font-size:10px}.transform-actions{display:flex;gap:8px;margin-top:12px}.transform-actions button{flex:1}.danger{border-color:rgba(218,101,95,.5);color:#ffaaa5}.transform>small{display:block;color:var(--muted);line-height:1.35;margin-top:10px;font-size:9px}
.modal{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.5);display:grid;place-items:center}.settings-card{width:min(420px,90vw);padding:20px;border-radius:22px}.toggle-line{flex-direction:row!important;align-items:center}.settings-card output{color:var(--accent2)}
@media(max-width:700px){.lobby-stats{display:none}.location-pill span{display:none}.minimap{width:116px;height:84px}.admin-bar{left:10px;right:10px;transform:none}.admin-bar .tool:nth-of-type(2),.admin-bar .tool:nth-of-type(3){display:none}.transform{top:auto;bottom:92px}.asset-list{grid-template-columns:1fr 1fr}.lobby-screen{padding-left:16px;padding-right:16px}.lobby-card{width:100%}}