:root{--wine: #6b1f2a;--wine-2: #8a2f3a;--gold: #e8be6a;--cream: #f5ecd8;--ink: #2a1a12;--glass: rgba(28, 16, 12, .62);--glass-line: rgba(255, 220, 150, .22);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}body{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--cream);background:linear-gradient(#bfe0ea,#e9d3a6)}#root{position:relative}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.topbar{position:absolute;top:calc(var(--safe-t) + 10px);left:10px;right:10px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--glass);border:1px solid var(--glass-line);border-radius:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px #00000040;pointer-events:auto}.topbar .date{font-size:12px;opacity:.85;text-transform:capitalize;line-height:1.1}.topbar .rev{font-size:20px;font-weight:800;color:var(--gold);letter-spacing:.3px}.topbar .grow{flex:1}.icon-btn{pointer-events:auto;width:44px;height:44px;border-radius:14px;border:1px solid var(--glass-line);background:#ffdc961f;color:var(--cream);font-size:20px;display:grid;place-items:center;cursor:pointer}.icon-btn:active{transform:scale(.94)}.minimap{position:absolute;top:calc(var(--safe-t) + 82px);right:12px;width:88px;height:88px;border-radius:50%;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;pointer-events:none}.stick-base{position:absolute;left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(var(--safe-b) + 34px);width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,#ffdc9624,#1c100c80);border:1px solid var(--glass-line);pointer-events:auto;touch-action:none}.stick-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7dfa6,var(--wine-2));border:2px solid rgba(255,255,255,.3);box-shadow:0 6px 14px #00000059}.action-btn{position:absolute;right:calc(26px + env(safe-area-inset-right,0px));bottom:calc(var(--safe-b) + 44px);min-width:108px;padding:16px 20px;border-radius:22px;border:2px solid rgba(255,255,255,.25);background:linear-gradient(180deg,var(--wine-2),var(--wine));color:var(--cream);font-size:15px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto;cursor:pointer;box-shadow:0 8px 22px #6b1f2a80;transform:translateY(20px) scale(.9);opacity:0;transition:transform .22s cubic-bezier(.2,1.4,.4,1),opacity .2s}.action-btn.show{transform:translateY(0) scale(1);opacity:1}.action-btn:active{transform:scale(.95)}.action-btn .a-icon{font-size:24px}.action-btn .a-key{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:15px;font-weight:900;display:grid;place-items:center;box-shadow:0 3px 8px #0000004d}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a060480;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;pointer-events:auto;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:82%;overflow-y:auto;padding:8px 20px calc(24px + var(--safe-b));background:linear-gradient(180deg,#2c1a12,#1b0f0a);border-top:2px solid var(--glass-line);border-radius:26px 26px 0 0;box-shadow:0 -12px 40px #00000080;z-index:21;pointer-events:auto;animation:slideup .28s cubic-bezier(.2,1,.3,1)}@keyframes slideup{0%{transform:translateY(100%)}}.sheet .grabber{width:44px;height:5px;border-radius:3px;background:#ffdc9659;margin:4px auto 14px}.sheet h2{font-size:22px;color:var(--gold);margin-bottom:2px}.sheet .sub{font-size:13px;opacity:.7;margin-bottom:16px;text-transform:capitalize}.rows{display:flex;flex-direction:column;gap:10px}.row{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}.row .k{opacity:.85}.row .v{font-weight:700;color:var(--cream)}.row .v.big{font-size:20px;color:var(--gold)}.bar{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.bar .top{display:flex;justify-content:space-between;font-size:14px}.bar .track{height:12px;border-radius:6px;background:#ffffff14;overflow:hidden}.bar .fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--wine-2),var(--gold));transition:width .4s}.banner{margin:4px 0 14px;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:600;display:flex;gap:8px;align-items:center}.banner.ok{background:#388e4e38;border:1px solid rgba(87,201,119,.5);color:#b6efc4}.banner.warning{background:#be821e38;border:1px solid rgba(224,163,58,.5);color:#f4d79a}.banner.unknown{background:#7878782e;border:1px solid rgba(200,200,200,.3)}.cta{width:100%;margin-top:18px;padding:16px;border:none;border-radius:16px;background:linear-gradient(180deg,var(--gold),#c99a3f);color:var(--ink);font-size:16px;font-weight:800;cursor:pointer}.cta:active{transform:scale(.98)}.chip{font-size:12px;padding:3px 10px;border-radius:999px;background:#ffdc9624;border:1px solid var(--glass-line)}.daylist{display:flex;flex-direction:column;gap:8px}.daycard{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff0d;border:1px solid transparent;cursor:pointer}.daycard.active{border-color:var(--gold);background:#e8be6a1f}.daycard .d-date{font-weight:700;text-transform:capitalize;flex:1}.daycard .d-rev{color:var(--gold);font-weight:800}.daycard .d-track{width:60px;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.daycard .d-fill{height:100%;background:linear-gradient(90deg,var(--wine-2),var(--gold))}.start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:32px;background:radial-gradient(circle at 50% 30%,#3a2016,#160c08)}.start .logo{font-size:15px;letter-spacing:3px;opacity:.7;text-transform:uppercase}.start h1{font-size:44px;color:var(--gold);line-height:1;margin:6px 0;text-shadow:0 4px 18px rgba(0,0,0,.5)}.start p{max-width:300px;font-size:14px;opacity:.8;line-height:1.5;margin-bottom:20px}.start .enter{padding:18px 40px;border:none;border-radius:999px;background:linear-gradient(180deg,var(--wine-2),var(--wine));color:var(--cream);font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px #6b1f2a99;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hint{position:absolute;bottom:calc(var(--safe-b) + 150px);left:0;right:0;text-align:center;font-size:13px;opacity:.7;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.6);animation:fade .4s ease}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#160c08;color:var(--gold);font-size:16px;z-index:40}.login{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#2a170e,#160c08);z-index:50}.login-card{display:flex;flex-direction:column;gap:12px;width:min(320px,84vw);padding:28px 26px;background:#1e120be6;border:1px solid rgba(255,210,130,.25);border-radius:16px;box-shadow:0 20px 60px #00000080;color:var(--gold);text-align:center}.login-card h1{margin:0;font-size:22px}.login-card p{margin:0;font-size:13px;opacity:.75}.login-card input{padding:11px 13px;border-radius:10px;border:1px solid rgba(255,210,130,.3);background:#00000059;color:#fff;font-size:15px;outline:none}.login-card input:focus{border-color:var(--gold)}.login-card button{padding:11px 13px;border:none;border-radius:10px;background:var(--gold);color:#2a170e;font-size:15px;font-weight:700;cursor:pointer}.login-card button:hover{filter:brightness(1.05)}.login-error{color:#ff9a9a;font-size:13px}