

.lv{--bg:#0A0F0C;--sf:#121A14;--sf2:#1A241C;--carbon:#0D1410;--ol:#29382C;--stitch:#34453A;
  --tx:#EAEFE4;--tx2:#A6B39B;--lab:#9FB39F;--khaki:#B7AB82;
  --fox:#FF7A1C;--foxc:#3A2408;--onfox:#FFD2AE;--amber:#F0A83C;--amberc:#3A2D14;
  --lime:#7BD34F;--gold:#E3C25C;--med:#D98E32;--weak:#E5544B;--weakb:#EA6A60;--water:#54A8D4;--moon:#E3D9B0;
  --hf:'Oswald','Arial Narrow',sans-serif;--bf:'Inter',system-ui,-apple-system,'Roboto',sans-serif;
  position:relative;width:min(100%,372px);margin:0 auto;aspect-ratio:393/830;max-height:min(840px,calc(100vh - 90px));min-height:560px;
  border-radius:46px;padding:10px;background:linear-gradient(150deg,#2B3530,#121815 45%,#232C27);
  box-shadow:0 0 0 1px #3A453F inset,0 40px 90px rgba(0,0,0,.55);font:400 13px/1.42 var(--bf);color:var(--tx);
  -webkit-font-smoothing:antialiased;text-align:left;user-select:none;-webkit-tap-highlight-color:transparent}
.lv *,.lv *::before,.lv *::after{box-sizing:border-box}
:where(.lv button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
.lv button:focus-visible{outline:2px solid var(--fox);outline-offset:2px;border-radius:8px}
.lv svg{display:block}
.lv-scr{position:relative;width:100%;height:100%;border-radius:37px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}
.lv-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:86px;height:23px;border-radius:12px;background:#000;z-index:30}
.lv-status{flex:none;height:34px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 26px 5px;font:600 12.5px/1 var(--bf);color:#E8EDE4;z-index:2}
.lv-status svg{width:44px;height:11px}
.lv-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:2px 0 18px;scroll-behavior:smooth}
.lv-body::-webkit-scrollbar{display:none}
.lv-pane{display:none;animation:lvIn .28s ease}
.lv-pane.on{display:block}
@keyframes lvIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.lv-nav{flex:none;display:grid;grid-template-columns:repeat(5,1fr);background:#121A14;padding:6px 2px 14px;border-top:1px solid rgba(255,255,255,.04)}
.lv-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 2px;color:#A6B39B;font:600 11px/1.15 var(--bf);position:relative}
.lv-tab svg{width:24px;height:24px;fill:currentColor}
.lv-tab.on{color:var(--fox)}
.lv-tab.on::after{content:"";width:28px;height:3px;border-radius:2px;background:var(--fox);margin-top:2px}
.lv-tab:not(.on)::after{content:"";height:3px;margin-top:2px}

.lv-h{display:flex;align-items:center;gap:10px;padding:6px 16px 2px}
.lv-h1{font:600 22px/1.15 var(--hf);color:#fff;flex:1;min-width:0}
.lv-h1.up{text-transform:uppercase;letter-spacing:.03em}
.lv-h1 .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--fox);margin-right:9px;vertical-align:middle;box-shadow:0 0 8px var(--fox)}
.lv-sub{padding:2px 16px 6px;color:var(--tx2);font-size:12.5px}
.lv-ib{flex:none;width:34px;height:34px;border-radius:50%;background:var(--sf2);display:flex;align-items:center;justify-content:center;font-size:15px}
.lv-badge{display:inline-flex;align-items:center;gap:5px;margin:4px 16px 2px;padding:4px 10px;border-radius:999px;background:var(--sf2);font-size:11px;color:var(--tx2)}
.lv-badge.g{color:var(--lime)}
.lv-note{padding:4px 16px 0;font-size:11.5px;color:var(--tx2)}

.lv .lc{position:relative;margin:10px 12px;padding:14px 14px 12px;border-radius:18px;border:1px solid var(--ol);
  background:linear-gradient(180deg,#141D16,var(--carbon));box-shadow:inset 0 1px 0 var(--stitch)}
.lv .lc.hero{border-color:rgba(240,168,60,.55);background:linear-gradient(180deg,#1C1F12,#0F140E)}
.lv .lc-t{display:flex;align-items:center;gap:8px;font:600 14.5px/1.2 var(--hf);text-transform:uppercase;letter-spacing:.07em;color:#fff}
.lv .lc-t::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--acc,var(--fox));box-shadow:0 0 7px var(--acc,var(--fox))}
.lv .lc-s{margin:3px 0 0 15px;color:var(--tx2);font-size:11.5px;line-height:1.35}
.lv .lc-lab{font:600 11px/1.2 var(--hf);text-transform:uppercase;letter-spacing:.09em;color:var(--khaki);margin:12px 0 6px}
.lv .tx2{color:var(--tx2)} .lv .lime{color:var(--lime)} .lv .amb{color:var(--amber)} .lv .fox{color:var(--fox)} .lv .wat{color:var(--water)} .lv .weak{color:var(--weakb)} .lv .moon{color:var(--moon)} .lv .med{color:var(--med)}
.lv .sm{font-size:11.5px;line-height:1.4}
.lv .xs{font-size:10.5px;line-height:1.35}
.lv b{font-weight:600;color:inherit}
.lv .box{margin-top:10px;padding:9px 11px;border-radius:12px;background:var(--sf2);position:relative}
.lv .box.bar{padding-left:16px}
.lv .box.bar::before{content:"";position:absolute;left:7px;top:9px;bottom:9px;width:3px;border-radius:2px;background:var(--acc,var(--amber))}
.lv .row{display:flex;align-items:center;gap:8px}
.lv .sp{flex:1}

.lv .exp{display:flex;align-items:center;gap:9px;width:100%;margin-top:10px;padding:8px 0 2px;color:var(--fox);font-weight:600;font-size:12.5px}
.lv .exp i{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--fox);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px}
.lv .exp::after{content:"▾";margin-left:auto;font-size:10px;transition:transform .2s}
.lv .exp[aria-expanded="true"]::after{transform:rotate(180deg)}
.lv .exp-b{display:none;margin-top:6px;padding:10px 12px;border-radius:12px;background:var(--sf2);color:var(--tx);font-size:12px;line-height:1.5}
.lv .exp-b.on{display:block;animation:lvIn .25s ease}
.lv .exp-b p+p{margin-top:6px}

.lv .chips{display:flex;gap:8px;padding:8px 16px 0;flex-wrap:wrap}
.lv .chip{padding:7px 14px;border-radius:10px;border:1px solid var(--ol);background:var(--bg);font-weight:600;font-size:12.5px;color:#E3E8DC}
.lv .chip.on{background:var(--foxc);border-color:var(--foxc);color:var(--onfox)}

.lv .idx{display:flex;align-items:flex-end;gap:10px;margin:10px 2px 4px}
.lv .idx-n{font:600 84px/0.9 var(--hf);color:var(--c)}
.lv .idx-d{font:600 20px/1 var(--hf);color:var(--tx2);margin-bottom:6px;margin-left:-6px}
.lv .idx-w{margin-left:6px;margin-bottom:12px}
.lv .idx-w b{display:block;font:600 19px/1.1 var(--hf);color:var(--c)}
.lv .scale{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:10px}
.lv .scale span{height:7px;border-radius:4px;background:var(--c);opacity:.38}
.lv .scale span.on{height:13px;margin-top:-3px;opacity:1;box-shadow:0 0 10px var(--c)}
.lv .scale-n{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;text-align:center;font-size:9.5px;color:var(--tx2);margin-top:3px}
.lv .scale-n .on{color:var(--c);font-weight:700}
.lv .legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:10.5px;color:var(--tx2)}
.lv .legend i{display:inline-block;width:12px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}

.lv .ch{position:relative;margin-top:10px;touch-action:pan-y;cursor:crosshair}
.lv .ch svg{width:100%;height:auto;overflow:visible}
.lv .ch text{font-family:var(--bf)}
.lv .ctip{position:absolute;top:0;transform:translateX(-50%);padding:3px 8px;border-radius:8px;background:#0A0F0C;border:1px solid var(--ol);font:600 11px/1.3 var(--bf);color:#fff;white-space:nowrap;pointer-events:none}

.lv .big{display:flex;align-items:baseline;gap:7px;margin-top:10px}
.lv .big .v{font:600 34px/1 var(--hf);color:#fff}
.lv .big .u{font-size:11.5px;color:var(--tx2)}
.lv .pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:var(--sf2);font-size:11px;color:var(--tx2);font-weight:600}
.lv .trend{position:relative;height:6px;border-radius:3px;background:#1E2A22;margin:10px 0 4px}
.lv .trend i{position:absolute;top:-1px;height:8px;width:34px;border-radius:4px;background:#A6B39B;transform:translateX(-50%)}
.lv .trend-l{display:flex;justify-content:space-between;font-size:10px;color:var(--tx2)}
.lv .thermo{position:relative;height:10px;border-radius:5px;background:#1E2A22;margin:12px 0 4px}
.lv .thermo .z{position:absolute;top:0;bottom:0;border-radius:5px;background:rgba(123,211,79,.35)}
.lv .thermo .m{position:absolute;top:-4px;width:6px;height:18px;border-radius:3px;background:var(--water);transform:translateX(-50%);box-shadow:0 0 8px var(--water)}
.lv .opt{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;border-radius:12px;border:1px solid rgba(229,84,75,.45);background:rgba(229,84,75,.06)}
.lv .lay3{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}
.lv .lay3 div{border-radius:9px;padding:7px 4px;text-align:center;background:#D8C9A4;color:#2A2416;font-weight:700;font-size:12px}
.lv .lay3 div.here{outline:2px solid var(--fox)}
.lv .lay3 small{display:block;font-weight:500;font-size:10px;color:var(--tx2);margin-top:3px;text-align:center}
.lv .gauge{position:relative;height:10px;border-radius:5px;background:#1E2A22;margin:12px 0 4px;overflow:hidden}
.lv .gauge i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--lime)}
.lv .moonb{height:6px;border-radius:3px;background:#1E2A22;margin:10px 0 6px;overflow:hidden}
.lv .moonb i{display:block;height:100%;background:var(--moon)}
.lv .tag{display:block;margin-top:8px;padding:7px 10px;border-radius:10px;background:var(--sf2);font-size:11px;color:var(--tx)}

.lv .days{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:12px -2px 0;padding:0 2px 4px;scroll-snap-type:x mandatory}
.lv .days::-webkit-scrollbar{display:none}
.lv .day{flex:none;width:82px;scroll-snap-align:start;border-radius:13px;border:1px solid #34453A;background:#1A241C;padding:7px 4px 8px;text-align:center}
.lv .day.far{border-style:dashed}
.lv .day.on{border:2px solid var(--fox);background:linear-gradient(180deg,rgba(255,122,28,.14),var(--sf))}
.lv .day b{display:block;font-size:12.5px}
.lv .day.on b{color:var(--fox)}
.lv .day .dt{font-size:10px;color:var(--tx2)}
.lv .day .ic{font-size:21px;line-height:1.3;margin:2px 0}
.lv .day .t{font:600 14px/1 var(--bf)}
.lv .day .t small{font-size:11px;color:var(--tx2);font-weight:500}
.lv .day .wd{font-size:10px;color:var(--tx2);margin-top:3px;white-space:nowrap}
.lv .now{margin-top:12px;border-radius:14px;border:1px solid rgba(255,122,28,.45);background:linear-gradient(180deg,rgba(255,122,28,.08),var(--sf));padding:11px 12px}
.lv .now-h{display:flex;justify-content:space-between;align-items:center;font:600 13px/1 var(--hf);letter-spacing:.06em;text-transform:uppercase;color:var(--fox)}
.lv .now-h small{font:500 10px/1 var(--bf);letter-spacing:0;color:var(--tx2)}
.lv .now-t{display:flex;align-items:center;gap:12px;margin-top:8px}
.lv .now-t .v{font:500 38px/1 var(--bf);color:#fff}
.lv .rainbtn{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:9px 12px;border-radius:12px;border:1px solid rgba(84,168,212,.55);background:rgba(84,168,212,.06)}
.lv .rainbtn b{color:var(--water);font-size:13.5px}
.lv .rainbtn.on{background:rgba(84,168,212,.2)}
.lv .hrs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.lv .hrs::-webkit-scrollbar{display:none}
.lv .hr{flex:none;width:54px;border-radius:11px;border:1px solid var(--ol);background:var(--sf);text-align:center;padding:6px 2px;font-size:11px;color:var(--tx2)}
.lv .hr.on{border-color:var(--fox);color:var(--fox)}
.lv .hr .ic{font-size:16px;line-height:1.5}
.lv .hr b{display:block;font-size:13px;color:#fff}
.lv .kv{display:grid;grid-template-columns:22px 82px 1fr;gap:6px 6px;align-items:center;font-size:12.5px}
.lv .kv span:nth-child(3n+2){color:var(--tx2)}
.lv .pack{display:flex;gap:10px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--sf2)}

.lv .wk{display:grid;grid-template-columns:62px 1fr 46px;gap:6px;align-items:center;margin-top:9px}
.lv .wk-d b{display:block;font-size:12.5px;color:var(--amber)}
.lv .wk-d.far b{color:#E3E8DC}
.lv .wk-d small{font-size:10px;color:var(--tx2)}
.lv .cells{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}
.lv .cells i{height:15px;border-radius:3px;background:#1E2A22}
.lv .cells i.f{background:var(--amber)}
.lv .cells i.r{background:transparent;border:1.5px dashed var(--amber)}
.lv .far .cells i.f{background:#8A6B33}
.lv .wk-v{text-align:right;font:600 20px/1 var(--hf);color:var(--amber)}
.lv .wk-v small{font:500 9.5px/1 var(--bf);color:var(--tx2)}
.lv .wk-v em{display:block;font:500 9.5px/1.3 var(--bf);color:var(--tx2);font-style:normal}
.lv .sep{font:600 11px/1.2 var(--hf);letter-spacing:.09em;text-transform:uppercase;color:var(--amber);text-align:center;margin:12px 0 2px}

.lv .btn-o{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:var(--fox);color:#1B0B00;font-weight:700;font-size:13px}
.lv .btn-l{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:12px;border:1px solid var(--ol);font-weight:600;font-size:12.5px}
.lv .btn-l.f{border-color:rgba(255,122,28,.55);color:var(--fox)}
.lv .offl{margin:10px 12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(123,211,79,.4);background:rgba(123,211,79,.05);display:flex;align-items:center;gap:10px;width:calc(100% - 24px)}
.lv .offl .d{flex:none;width:8px;height:8px;border-radius:50%;background:var(--lime)}
.lv .offl b{color:var(--lime);font-size:14px;display:block}
.lv .spot{position:relative;margin:10px 12px;padding:12px 12px 12px 14px;border-radius:18px;border:1px solid var(--ol);background:var(--sf)}
.lv .spot.view{border:1.5px solid rgba(255,122,28,.8)}
.lv .spot-n{font:600 17px/1.25 var(--bf);padding-right:34px}
.lv .spot-m{position:absolute;right:6px;top:6px;width:34px;height:34px;border-radius:50%;font-size:20px;font-weight:700;color:var(--tx2);display:flex;align-items:center;justify-content:center}
.lv .stags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.lv .stag{padding:3px 9px;border-radius:999px;background:var(--sf2);font-size:11.5px;font-weight:600;color:var(--tx2)}
.lv .stag.g{color:var(--lime);background:rgba(123,211,79,.12)} .lv .stag.f{color:var(--fox);background:rgba(255,122,28,.14)}
.lv .sline{display:flex;gap:7px;align-items:baseline;font-size:12px;margin-top:3px}
.lv .sline::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;transform:translateY(-1px)}
.lv .tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.lv .tile{display:flex;align-items:center;gap:8px;padding:9px;border-radius:13px;border:1px solid #3B4A2F;background:#1C2318;text-align:left}
.lv .tile .e{font-size:20px}
.lv .tile b{display:block;font-size:12.5px;line-height:1.2}
.lv .tile small{font-size:10.5px;color:var(--tx2)}
.lv .menu{position:absolute;right:8px;top:40px;z-index:5;min-width:170px;border-radius:12px;background:#1E2A22;box-shadow:0 12px 30px rgba(0,0,0,.5);padding:4px 0}
.lv .menu button{display:block;width:100%;padding:10px 14px;font-size:13px}
.lv .menu button.del{color:var(--weakb)}

.lv .board{margin:10px 12px;padding:12px 14px;border-radius:18px;border:1.5px solid rgba(123,211,79,.55);background:linear-gradient(180deg,rgba(123,211,79,.08),var(--sf))}
.lv .board-h{display:flex;align-items:center;gap:8px;font:600 13px/1 var(--hf);letter-spacing:.08em;color:var(--lime)}
.lv .board-h::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);animation:lvLed 1.6s ease-in-out infinite}
@keyframes lvLed{50%{box-shadow:0 0 0 5px rgba(123,211,79,0),0 0 10px var(--lime)}0%,100%{box-shadow:0 0 0 0 rgba(123,211,79,.5)}}
.lv .board-h .pill{margin-left:auto;color:var(--lime);border:1px solid rgba(123,211,79,.5);background:transparent}
.lv .board-t{display:flex;align-items:center;gap:12px;margin-top:6px}
.lv .board-t .v{font:600 40px/1 var(--hf);color:var(--amber);font-variant-numeric:tabular-nums}
.lv .board-t b{display:block;font:600 15px/1.25 var(--hf);color:var(--amber)}
.lv .board-t b.l{color:var(--lime)}
.lv .rod{margin-top:9px;border-radius:14px;border:1px solid var(--ol);background:var(--sf);padding:9px 10px}
.lv .rod.due{border-color:rgba(229,84,75,.75);background:linear-gradient(180deg,rgba(229,84,75,.12),var(--sf))}
.lv .rod-top{display:flex;align-items:center;gap:10px}
.lv .ring{position:relative;flex:none;width:40px;height:40px}
.lv .ring svg{width:40px;height:40px;transform:rotate(-90deg)}
.lv .ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 16px/1 var(--hf);color:var(--rc)}
.lv .rod-n{flex:1;min-width:0}
.lv .rod-n b{display:block;font:600 15px/1.15 var(--hf);text-transform:uppercase;letter-spacing:.05em}
.lv .rod-n small{display:block;font-size:11px;color:var(--amber)}
.lv .rod-n em{font-style:normal;font-size:10px;color:var(--tx2)}
.lv .rod-t{text-align:right}
.lv .rod-t b{display:block;font:600 21px/1 var(--hf);font-variant-numeric:tabular-nums}
.lv .rod-t small{font-size:9.5px;color:var(--tx2)}
.lv .rod.due .rod-t b,.lv .rod.due .rod-t small{color:var(--weakb)}
.lv .rod-b{display:grid;grid-template-columns:1.45fr 1fr .9fr;gap:6px;margin-top:8px}
.lv .rb{padding:7px 4px;border-radius:10px;border:1px solid var(--ol);text-align:center;font-weight:600;font-size:12px;white-space:nowrap}
.lv .rb.p{border-color:var(--rc);color:var(--rc)}
.lv .rod.due .rb.p{background:color-mix(in srgb,var(--rc) 22%,transparent)}
.lv .rb.w{border-color:rgba(84,168,212,.7);color:#8EC6EC;background:rgba(84,168,212,.12)}
.lv .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.lv .bite{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.lv .bite button{padding:9px 4px 7px;border-radius:12px;border:1px solid var(--ol);background:var(--sf2);text-align:center}
.lv .bite button b{display:block;font:600 13.5px/1.1 var(--hf);text-transform:uppercase;letter-spacing:.03em}
.lv .bite button small{font-size:9.5px;color:var(--tx2)}
.lv .bite .g b{color:var(--fox)} .lv .bite .c b{color:var(--amber)} .lv .bite .t b{color:var(--water)}
.lv .fishb{display:grid;grid-template-columns:1.2fr 1fr;gap:6px;margin-top:6px}
.lv .fishb button{padding:10px 6px 8px;border-radius:12px;text-align:center}
.lv .fishb .y{background:var(--lime);color:#14220A}
.lv .fishb .e{border:1px solid rgba(240,168,60,.6);color:var(--amber)}
.lv .fishb b{display:block;font:600 16px/1.1 var(--hf);text-transform:uppercase;letter-spacing:.04em}
.lv .fishb small{font-size:9.5px;opacity:.85}
.lv .chr{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-top:1px solid var(--ol)}
.lv .chr:first-child{border-top:0}
.lv .chr time{font:600 15px/1.2 var(--hf);min-width:44px}
.lv .chr .x{margin-left:auto;color:var(--tx2);font-size:14px;padding:0 4px}
.lv .bchip{display:inline-block;padding:4px 9px;border-radius:9px;background:var(--amberc);color:#F2D7A6;font-size:11.5px;font-weight:600;margin:3px 4px 0 0}

.lv .st4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.lv .st4 div{position:relative;border-radius:12px;background:var(--sf2);padding:8px 8px 7px;min-height:56px}
.lv .st4 div::after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--sc,#A6B39B)}
.lv .st4 b{display:block;font:600 22px/1 var(--hf);color:var(--sc2,#fff)}
.lv .st4 small{font:600 9.5px/1.2 var(--hf);text-transform:uppercase;letter-spacing:.06em;color:var(--tx2)}
.lv .jl{display:flex;gap:10px;align-items:flex-start;margin-top:10px}
.lv .jl .e{font-size:18px;width:22px;text-align:center}
.lv .jl small{display:block;font:600 10px/1.2 var(--hf);text-transform:uppercase;letter-spacing:.08em;color:var(--khaki)}
.lv .jl b{font-size:14px}
.lv .open{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px;font:600 13.5px/1 var(--hf);text-transform:uppercase;letter-spacing:.07em;color:var(--fox)}
.lv .back{display:block;padding:6px 16px 0;font:600 13px/1 var(--hf);text-transform:uppercase;letter-spacing:.07em;color:var(--fox)}
.lv .trip{margin-top:10px;border-radius:14px;border:1px solid var(--ol);background:var(--sf);padding:10px 12px}
.lv .trip.live{border-color:rgba(123,211,79,.55)}
.lv .trip-d{flex:none;width:42px;border-radius:9px;background:var(--sf2);text-align:center;padding:4px 0}
.lv .trip-d b{display:block;font:600 19px/1.1 var(--hf)}
.lv .trip-d small{font:600 9px/1 var(--hf);color:var(--tx2)}
.lv .hours{display:flex;align-items:flex-end;gap:2px;height:70px;margin-top:10px}
.lv .hours i{flex:1;background:#2A3B30;border-radius:2px 2px 0 0}
.lv .hours i.pk{background:var(--gold)}
.lv .seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.lv .seg3 button{padding:8px 4px;border-radius:11px;background:var(--sf2);text-align:center;font:600 10.5px/1.2 var(--hf);text-transform:uppercase;letter-spacing:.06em;color:var(--tx2)}
.lv .seg3 button span{display:block;font-size:15px;margin-bottom:3px}
.lv .seg3 button.on{outline:1.5px solid var(--fox);color:#fff}
.lv .brow{display:flex;justify-content:space-between;font-size:12px;margin-top:9px}
.lv .bbar{height:6px;border-radius:3px;background:#1E2A22;margin-top:4px;overflow:hidden}
.lv .bbar i{display:block;height:100%;background:var(--gold)}

.lv .mk-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 12px 0}
.lv .mk-tabs button{padding:7px 0;border-radius:10px;border:1px solid var(--ol);text-align:center;font-size:12px;font-weight:600}
.lv .mk-tabs button.on{background:var(--foxc);border-color:var(--fox);color:var(--onfox)}
.lv .mk-fan{margin:10px 12px 0;border-radius:16px;border:1px solid var(--ol);background:#0B120E;padding:6px}
.lv .mk-fan svg{width:100%;height:auto}
.lv.night .mk-fan{background:#140606;border-color:#4A1414}
.lv .what{margin:10px 12px;padding:11px 12px;border-radius:14px;border:1px solid var(--ol);background:var(--sf);position:relative}
.lv .what .band{position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:2px;background:var(--bc)}
.lv .rodcard{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin-top:9px;padding:10px 12px;border-radius:14px;border:1px solid var(--ol);background:var(--sf);border-left:4px solid var(--rc)}
.lv .rodcard .cl{text-align:right;font:600 22px/1 var(--hf);color:var(--rc)}

.lv .sheet-bg{position:absolute;inset:0;z-index:20;background:rgba(0,0,0,.55);display:none;align-items:flex-end}
.lv .sheet-bg.on{display:flex;animation:lvFade .2s ease}
@keyframes lvFade{from{opacity:0}to{opacity:1}}
.lv .sheet{width:100%;max-height:80%;overflow-y:auto;scrollbar-width:none;background:#141D16;border-radius:22px 22px 0 0;border-top:1px solid var(--stitch);padding:8px 14px 18px;animation:lvUp .25s ease}
@keyframes lvUp{from{transform:translateY(40px)}to{transform:none}}
.lv .sheet::before{content:"";display:block;width:38px;height:4px;border-radius:2px;background:#3B4F42;margin:2px auto 10px}
.lv .sheet h4{display:flex;align-items:center;gap:8px;font:600 16px/1.2 var(--hf);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}
.lv .sheet h4::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc,var(--fox))}
.lv .sh-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.lv .sh-btns button{padding:8px 12px;border-radius:10px;border:1px solid var(--ol);background:var(--sf2);font-size:12.5px;font-weight:600}
.lv .sh-btns button.on{border-color:var(--lime);color:var(--lime)}
.lv .sh-big{display:block;width:100%;margin-top:12px;padding:12px;border-radius:13px;background:var(--fox);color:#1B0B00;text-align:center !important;font:600 15px/1 var(--hf);text-transform:uppercase;letter-spacing:.08em}
.lv .sh-big.r{background:var(--weak);color:#fff}
.lv .toast{position:absolute;left:14px;right:14px;top:40px;z-index:25;padding:10px 12px;border-radius:12px;background:#1E2A22;border:1px solid var(--stitch);font-size:12px;color:var(--tx);box-shadow:0 12px 30px rgba(0,0,0,.5);opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s;pointer-events:none}
.lv .toast.on{opacity:1;transform:none}
.lv .coach{margin-top:10px;border-radius:14px;border:1px solid rgba(240,168,60,.5);background:rgba(240,168,60,.06);padding:10px 12px}
.lv .coach ol{margin:6px 0 0;padding:0;list-style:none;counter-reset:c}
.lv .coach li{counter-increment:c;display:flex;gap:9px;font-size:12px;margin-top:7px}
.lv .coach li::before{content:counter(c);flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--fox);color:var(--fox);font:600 11px/17px var(--hf);text-align:center}
.lv .pal{display:flex;gap:7px;margin-top:6px}
.lv .pal button{width:24px;height:24px;border-radius:50%;background:var(--pc)}
.lv .pal button.on{outline:2px solid #fff;outline-offset:2px}
.lv .ptile{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.lv .ptile button{padding:8px;border-radius:11px;border:1px solid var(--ol);background:var(--sf2);font-size:11.5px;line-height:1.3}
.lv .ptile button b{display:block;font-size:12px;color:#fff}
.lv .ptile button em{font-style:normal;color:var(--amber)}
.lv .ptile button.on{border-color:var(--lime)}

@media (prefers-reduced-motion:reduce){.lv *{animation:none!important;transition:none!important}}
@media (max-width:400px){.lv{border-radius:38px;padding:8px}.lv-scr{border-radius:31px}.lv{min-height:520px}}

.lv.lvc{aspect-ratio:auto;max-height:none;min-height:0;width:100%;max-width:400px;margin:0;padding:6px;border-radius:26px;
  background:linear-gradient(150deg,#2A3022,#12150D 50%,#20261A);box-shadow:0 0 0 1px #3D4630 inset,0 24px 60px rgba(0,0,0,.45)}
.lv.lvc .lv-scr{height:auto;border-radius:21px}
.lv.lvc .lv-body{overflow:visible;padding:4px 0 10px}
.lv.lvc .lv-pane{animation:none}
.lv.lvc .toast{position:absolute}
.fig.c .lv.lvc{margin:0 auto}
.lv .sheet.inl{max-height:none;border-radius:16px;margin:6px 8px 0;border:1px solid var(--stitch);animation:none}
.lv .sheet.inl::before{display:none}

.lv .bitebar{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin:10px 12px}
.lv .bitebar button{padding:12px 6px 10px;border-radius:14px;text-align:center}
.lv .bitebar b{display:block;font:600 17px/1.1 var(--hf);text-transform:uppercase;letter-spacing:.05em}
.lv .bitebar small{display:block;margin-top:3px;font-size:10px;opacity:.85}
.lv .bb-b{background:var(--fox);color:#2A1404}
.lv .bb-f{border:1.5px solid rgba(123,211,79,.6);color:var(--lime)}

.lv .fresh{display:flex;align-items:center;gap:8px;margin:0 12px 10px;padding:8px 6px 8px 12px;border-radius:14px;border:1px solid rgba(255,122,28,.5);background:rgba(255,122,28,.08)}
.lv .fresh .d{width:7px;height:7px;border-radius:50%;background:var(--fox);flex:none}
.lv .fresh b{display:block;font:600 15px/1.15 var(--hf);color:var(--fox)}
.lv .fresh small{font-size:10px;color:var(--tx2)}
.lv .fresh .pill{flex:none;background:transparent;border:1px solid var(--ol)}
.lv .fresh .land{flex:none;padding:8px 9px;border-radius:10px;border:1px solid rgba(123,211,79,.8);background:rgba(123,211,79,.16);color:var(--lime);font:600 12.5px/1 var(--hf);text-transform:uppercase;letter-spacing:.04em}
.lv .fresh .x{color:var(--tx2);padding:6px 6px;font-size:14px}

.lv .rod1{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 4px 6px 6px;border-radius:14px;border:1px solid color-mix(in srgb,var(--rc) 35%,transparent);background:var(--carbon)}
.lv .rod1.due{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 12%,var(--carbon))}
.lv .rod1-m{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.lv .rod1-n{flex:1;min-width:0;display:block}
.lv .rod1-n .t{display:flex;align-items:baseline;gap:6px}
.lv .rod1-n .t b{font:600 15px/1.15 var(--hf);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv .rod1-n .t em{font:600 17px/1 var(--hf);font-style:normal;font-variant-numeric:tabular-nums;color:var(--tx)}
.lv .rod1.due .rod1-n .t em,.lv .rod1.due .rod1-n small{color:var(--rc)}
.lv .rod1-n small{display:block;font-size:10px;color:var(--tx2);line-height:1.3}
.lv .rod1-n .s{display:block;font-size:10px;color:var(--amber);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv .castb{flex:none;width:74px;height:48px;border-radius:10px;border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);color:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 10.5px/1.1 var(--hf);letter-spacing:.02em}
.lv .castb i{font-style:normal;font-size:17px;line-height:1;font-weight:700}
.lv .castb.on{color:var(--rc);border-color:var(--rc);background:color-mix(in srgb,var(--rc) 20%,transparent)}
.lv .rod1 .more{flex:none;width:30px;height:48px;color:var(--khaki);font:700 20px/1 var(--hf)}
.lv .gearl{display:flex;align-items:center;gap:10px;width:calc(100% - 24px);margin:10px 12px;padding:10px 12px;border-radius:14px;border:1px solid var(--ol);background:var(--sf);text-align:left}
.lv .gearl .lab{font:600 10px/1 var(--hf);text-transform:uppercase;letter-spacing:.1em;color:var(--khaki)}
.lv .gearl .v{flex:1;font-size:11px;color:var(--gold);line-height:1.35}

.lv .brods{display:flex;flex-wrap:wrap;gap:8px}
.lv .brods button{min-width:84px;padding:9px 12px 8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--rc) 80%,transparent);background:color-mix(in srgb,var(--rc) 10%,transparent);display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:600;font-size:12.5px}
.lv .brods button i{width:10px;height:10px;border-radius:50%;background:var(--rc);box-shadow:0 0 8px var(--rc)}
.lv .brods button.on{border-width:2px;background:color-mix(in srgb,var(--rc) 28%,transparent)}

.lv .pc{margin:0;padding:14px 12px 12px;background:#08090A;font-family:var(--bf)}
.lv .pc-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #262A2D}
.lv .pc-h b{display:block;font:600 12px/1 var(--hf);text-transform:uppercase;letter-spacing:.14em;color:#9AA09B}
.lv .pc-h span{font:600 26px/1.1 var(--hf);color:#F0A83C;font-variant-numeric:tabular-nums}
.lv .pc-m{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:600 11px/1 var(--hf);letter-spacing:.06em;color:#7BD34F}
.lv .pc-m span+span{color:#9AA09B}
.lv .pc-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.lv .pc-t{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto auto auto;gap:0 8px;padding:10px;border-radius:12px;background:#111315;border:1px solid #262A2D;text-align:left;align-items:center}
.lv .pc-t .ring{grid-row:1/3}
.lv .pc-t b{font:600 14px/1.15 var(--hf);text-transform:uppercase;letter-spacing:.05em;color:#EDEDED}
.lv .pc-t small{font-size:10px;color:#9AA09B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv .pc-t em{grid-column:1/-1;margin-top:8px;font:600 24px/1 var(--hf);font-style:normal;color:#EDEDED;font-variant-numeric:tabular-nums}
.lv .pc-t span{grid-column:1/-1;font-size:10px;color:#6E746F}
.lv .pc-t.due{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 10%,#111315)}
.lv .pc-t.due em,.lv .pc-t.due span{color:var(--rc)}
.lv .pc-r{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 12px;border-radius:10px;background:#181B1D;border:1px solid #262A2D;font-size:11px;color:#C9D0CA}
.lv .pc-r span{color:#FF7A1C;font-weight:600}
.lv .pc-b{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.lv .pc-b button{min-height:58px;border-radius:12px;border:1px solid #FF7A1C;color:#FF7A1C;text-align:center}
.lv .pc-b button.y{border-color:#7BD34F;color:#7BD34F}
.lv .pc-b b{display:block;font:600 16px/1.1 var(--hf);text-transform:uppercase;letter-spacing:.08em}
.lv .pc-b small{font-size:10px;color:#9AA09B}
.lv.lvc .toast{top:10px}

.lv.lvc.st{pointer-events:none}
.lv .fresh .sp{flex:1;min-width:0}
.lv .fresh b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv .stepper{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center}
.lv .stepper button{height:44px;border-radius:12px;border:1px solid var(--stitch);background:var(--sf2);font:600 22px/1 var(--hf);text-align:center;color:var(--tx)}
.lv .stepper div{text-align:center}
.lv .stepper b{display:block;font:600 26px/1 var(--hf);color:var(--fox)}
.lv .stepper small{font-size:10.5px;color:var(--tx2)}
.lv .btiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.lv .btiles span{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;border:1px solid var(--ol);background:var(--sf2);font-size:11.5px;font-weight:600}
.lv .btiles span i{width:10px;height:10px;border-radius:3px;background:var(--bc);flex:none}
.lv .btiles span.on{border-color:var(--bc);background:color-mix(in srgb,var(--bc) 16%,var(--sf2))}
.lv .angles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.lv .angles span{padding:9px 0;border-radius:10px;border:1px solid var(--ol);text-align:center;font:600 13px/1 var(--hf);color:var(--tx)}
.lv .fld{padding:9px 11px;border-radius:10px;border:1px solid var(--stitch);background:#0E1510;font-size:12.5px}
.lv .fld small{display:block;font-size:9.5px;color:var(--tx2);margin-bottom:2px}
.lv .next4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.lv .next4 span{padding:8px 4px;border-radius:10px;border:1px solid var(--ol);text-align:center;font-size:10.5px;font-weight:600;color:var(--tx2)}
.lv .next4 span b{display:block;font-size:15px;margin-bottom:2px}
.lv .next4 span.ok{color:var(--lime);border-color:rgba(123,211,79,.5)}
.lv .next4 span.cur{color:var(--fox);border-color:var(--fox);background:rgba(255,122,28,.08)}
.lv .horizon{position:relative;height:120px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#3A3324 0%,#8C5A2E 38%,#2B2A1E 39%,#1A2016 60%,#10160F 100%)}
.lv .horizon i{position:absolute;bottom:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,var(--rc));opacity:.9}
.lv .horizon em{position:absolute;top:8px;transform:translateX(-50%);padding:2px 7px;border-radius:999px;background:rgba(10,15,12,.8);border:1px solid var(--rc);color:var(--rc);font:600 10px/1.3 var(--bf);font-style:normal;white-space:nowrap}
.lv .horizon .tree{position:absolute;bottom:52px;width:22px;height:30px;border-radius:50% 50% 4px 4px;background:#0D120B}
.lv .horizon .mast{position:absolute;bottom:52px;width:3px;height:56px;background:#0D120B}
.lv.night .horizon{filter:sepia(1) hue-rotate(-50deg) saturate(3) brightness(.55)}
