:root{--glass-bg:#ffffff0d;--glass-bg-heavy:#ffffff1a;--glass-border:#fff3;--glass-blur:blur(15px) saturate(160%);--primary:#00f2fe;--secondary:#4facfe;--accent:#ff00de;--text:#1a1a1a;--radius-pill:40px;--radius-module:15px;--shadow:0 4px 20px 0 #0000001a}body,html{width:100%;height:100%;color:var(--text);touch-action:none;background:#f5f7fa;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#container{width:100%;height:100%;position:absolute;top:0;left:0}.glass-module{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow);pointer-events:auto;opacity:.25;transition:all .3s}.glass-module:hover{opacity:1;background:var(--glass-bg-heavy);box-shadow:0 8px 32px #00000026}#status-panel{border-radius:var(--radius-module);z-index:100;flex-direction:column;gap:10px;min-width:250px;max-width:450px;padding:12px 18px;display:flex;position:fixed;top:15px;left:15px}.liquid-title{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg, var(--secondary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:.9rem;font-weight:800}#mode-selector{background:#0000000d;border-radius:20px;gap:3px;padding:3px;display:flex}.btn-mode{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:15px;flex:1;padding:5px 10px;font-size:.65rem;font-weight:700;transition:all .3s}.btn-mode.active{background:#fff;box-shadow:0 2px 8px #00000014}#level-info h2{color:var(--secondary);margin:0;font-size:.8rem}#level-info p{opacity:.7;margin:3px 0 0;font-size:.7rem;line-height:1.3}#actions-container{z-index:100;gap:12px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;display:flex;position:fixed;top:20px;right:20px}#actions-container .btn-secondary-pill{background:var(--glass-bg-heavy);width:50px;height:50px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.4rem;display:flex}#bottom-dock{z-index:100;border-radius:30px;align-items:center;gap:15px;padding:8px 18px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#inventory-items{gap:8px;display:flex}.inventory-item{cursor:pointer;touch-action:none;background:#ffffff4d;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;transition:all .2s;display:flex;position:relative}.inventory-item:hover{background:#fff;transform:translateY(-3px)}.inventory-item.active{background:var(--secondary);color:#fff;box-shadow:0 0 12px var(--secondary)}.item-count{background:var(--accent);color:#fff;border-radius:8px;padding:1px 5px;font-size:.6rem;font-weight:800;display:none;position:absolute;top:-5px;right:-5px}.dock-divider{background:var(--glass-border);width:1px;height:25px}#action-buttons{gap:8px;display:flex}button{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;font-weight:700;transition:all .3s}.btn-primary-pill{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff;padding:8px 18px;font-size:.65rem}.btn-secondary-pill{border-radius:var(--radius-pill);color:var(--text);background:#fff6;padding:6px 14px;font-size:.65rem}.btn-secondary-pill:hover{background:#fff}#rotation-container{border-radius:var(--radius-module);z-index:100;flex-direction:column;gap:12px;width:180px;padding:15px;display:flex;position:fixed;bottom:20px;right:20px}.control-group{flex-direction:column;gap:5px;display:flex}.control-group label{opacity:.5;font-size:.6rem;font-weight:800}input[type=range]{-webkit-appearance:none;background:#00000014;border-radius:2px;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--secondary);cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}#notification-container{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.notification{background:var(--glass-bg-heavy);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-pill);border:1px solid var(--glass-border);box-shadow:var(--shadow);padding:8px 18px;font-size:.75rem;font-weight:600;animation:.4s ease-out forwards liquid-fade-in}@keyframes liquid-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.help-arrow{z-index:1000;color:var(--accent);pointer-events:none;filter:drop-shadow(0 2px 5px #00000080);font-size:2rem;animation:.6s infinite alternate arrow-bounce;position:fixed}@keyframes arrow-bounce{0%{transform:translateY(0)translate(-50%)}to{transform:translateY(-15px)translate(-50%)}}@media (width<=768px){#status-panel{min-width:220px;max-width:300px;padding:10px;top:10px;left:10px}.liquid-title{font-size:.75rem}.btn-mode{padding:4px 6px;font-size:.55rem}#actions-container{gap:8px;top:10px;right:10px}#actions-container .btn-secondary-pill{width:36px;height:36px;font-size:1rem}#bottom-dock{gap:8px;width:auto;max-width:95%;padding:6px 12px;bottom:10px}#inventory-items{gap:4px}.inventory-item{width:32px;height:32px;font-size:.9rem}.dock-divider{height:15px;margin:0 2px}#action-buttons{gap:4px}.btn-primary-pill,.btn-secondary-pill{padding:6px 12px;font-size:.55rem}#rotation-container{width:130px;padding:10px;bottom:70px;right:10px}.control-group label{font-size:.5rem}}@media (width<=400px){#status-panel{min-width:200px;max-width:250px}#actions-container .btn-secondary-pill{width:32px;height:32px}.inventory-item{width:28px;height:28px;font-size:.8rem}}