:root{
    --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    --fun:'Lilita One','Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    --display:'Space Grotesk','Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    --fs-hero:26px; --fs-h:15px; --fs-b:13px; --fs-c:11.5px;
    --bg:#070d1c; --surface:rgba(11,19,38,.9); --surface-2:#111b33; --raised:#16213d;
    --hair:rgba(148,170,220,.11); --hair-2:rgba(148,170,220,.22);
    --ink:#e8eefc; --ink-2:#a9b6d3; --ink-3:#8794b4;
    --accent:#f5c76a; --accent-ink:#1a1206; --accent-soft:rgba(245,199,106,.14);
    --up:#4fd1c5; --up-soft:rgba(79,209,197,.13); --dn:#a78bfa; --dn-soft:rgba(167,139,250,.14);
    --gain:#34d399; --gain-soft:rgba(52,211,153,.13); --loss:#f87171; --loss-soft:rgba(248,113,113,.13);
    --r:14px;
    --real:#ff6a3d; --real-ink:#1a0700; --real-soft:rgba(255,106,61,.14);
    --sat:env(safe-area-inset-top,0px); --sab:env(safe-area-inset-bottom,0px); --sal:env(safe-area-inset-left,0px); --sar:env(safe-area-inset-right,0px);
  }
  @media (max-width:899px){ :root{ --fs-hero:21px; --fs-h:14.5px; --fs-b:12.5px; --fs-c:11px; } }
  *{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
  html,body{ margin:0; height:100%; overflow:hidden; }
  body{ background:var(--bg); color:var(--ink); font:400 var(--fs-b)/1.4 var(--font); font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1; -webkit-font-smoothing:antialiased; }
  button,input{ font:inherit; color:inherit; }
  [hidden]{ display:none !important; }
  .num{ font-variant-numeric:tabular-nums; }
  .gain{ color:var(--gain); } .loss{ color:var(--loss); } .mut{ color:var(--ink-3); }
  :focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
  .sky{ position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(120% 70% at 70% -10%, #13204a 0%, #0a1229 45%, var(--bg) 75%); }
  .sky i{ position:absolute; border-radius:50%; filter:blur(80px); opacity:.16; }
  .sky i:nth-child(1){ width:55vmax; height:55vmax; left:-20vmax; top:20vh; background:#4b2a8e; animation:blobA 50s ease-in-out infinite alternate; }
  .sky i:nth-child(2){ width:45vmax; height:45vmax; right:-15vmax; top:45vh; background:#0f5f6a; animation:blobB 60s ease-in-out infinite alternate; }
  @keyframes blobA{ to{ transform:translate(25vw,25vh) scale(1.15); } }
  @keyframes blobB{ to{ transform:translate(-25vw,-25vh) scale(.9); } }
  @media (prefers-reduced-motion:reduce){ .sky i{ animation:none; } }
  .app{ position:fixed; inset:0; display:grid; grid-template-rows:auto minmax(0,1fr); gap:8px;
    padding:calc(6px + var(--sat)) max(10px,var(--sar)) max(10px,var(--sab)) max(10px,var(--sal)); max-width:1600px; margin:0 auto; }
  .main{ min-height:0; display:grid; gap:10px; grid-template-columns:minmax(0,1fr) clamp(300px,27vw,400px); grid-template-rows:minmax(0,1fr) auto; grid-template-areas:"lake side" "dock side"; }
  .lake{ grid-area:lake; } .dock{ grid-area:dock; } .side{ grid-area:side; }
  .bar{ display:flex; align-items:center; gap:10px; min-width:0; height:36px; }
  .logo{ font:700 14px var(--display); letter-spacing:.02em; white-space:nowrap; color:var(--ink); }
  .logo span{ color:var(--ink-3); font-weight:500; }
  .nav{ display:flex; gap:2px; min-width:0; }
  .nav a{ font:500 var(--fs-c) var(--font); color:var(--ink-3); text-decoration:none; padding:6px 9px; border-radius:8px; white-space:nowrap; }
  .nav a:hover{ color:var(--ink-2); }
  .nav a.on{ color:var(--ink); background:var(--raised); }
  .chip{ font:500 var(--fs-c) var(--font); color:var(--ink-3); border:1px solid var(--hair-2); padding:3px 9px; border-radius:20px; white-space:nowrap; }
  .money{ margin-left:auto; display:flex; gap:18px; align-items:baseline; white-space:nowrap; }
  .mode{ display:flex; flex:none; gap:2px; padding:2px; border:1px solid var(--hair-2); border-radius:20px; }
  .mode button{ border:0; background:transparent; color:var(--ink-3); font:700 10.5px var(--font); letter-spacing:.06em; padding:4px 9px; border-radius:16px; cursor:pointer; white-space:nowrap; }
  .mode button:hover{ color:var(--ink); }
  .mode button.on{ background:var(--raised); color:var(--ink); }
  .mode button.off{ text-decoration:line-through; text-decoration-thickness:1px; }
  .hp .go.realgo{ background:var(--real); color:var(--real-ink); }
  .hp .go.stay{ background:var(--raised); color:var(--ink); margin-top:8px; }
  .mwhy .warn{ color:var(--real); }
  @media (max-width:640px){ .mode button{ padding:4px 6px; font-size:10px; letter-spacing:.03em; }
    .nav{ overflow-x:auto; scrollbar-width:none; } .nav::-webkit-scrollbar{ display:none; } }
  @media (max-width:430px){ .mode button{ padding:4px 5px; font-size:9.5px; letter-spacing:.02em; } }
  .money .k{ font:500 var(--fs-c) var(--font); color:var(--ink-3); margin-right:6px; }
  .money b{ font:600 var(--fs-h) var(--font); }
  .money{ cursor:pointer; border-radius:10px; padding:2px 4px; }
  .money:hover{ background:rgba(255,255,255,.03); }
  .money .o b{ font-size:var(--fs-b); } .money .w b{ font-size:var(--fs-b); color:var(--ink-3); font-weight:500; }
  .money .lk{ font:500 var(--fs-c) var(--font); margin-left:6px; }
  .mwhy{ position:fixed; right:max(10px,var(--sar)); top:calc(46px + var(--sat)); z-index:55; width:min(92vw,360px); padding:11px 13px; border-radius:12px; background:var(--surface-2); border:1px solid var(--hair-2); box-shadow:0 10px 30px rgba(0,0,0,.55); font:400 var(--fs-c)/1.5 var(--font); color:var(--ink-2); }
  .mwhy b{ color:var(--ink); font-weight:600; }
  .mwhy .mr{ display:flex; justify-content:space-between; gap:10px; border-top:1px solid var(--hair); padding-top:5px; margin-top:6px; }
  .mwhy .mr i{ font-style:normal; font-weight:400; color:var(--ink-3); margin-left:4px; }
  .deskbtn{ display:none; width:30px; height:30px; flex:none; border-radius:9px; border:1px solid var(--hair-2); background:transparent; color:var(--ink-2); cursor:pointer; place-items:center; padding:0; }
  .deskbtn svg{ width:16px; height:16px; stroke:currentColor; stroke-width:1.6; fill:none; stroke-linecap:round; }
  .deskm{ position:fixed; left:max(10px,var(--sal)); top:calc(44px + var(--sat)); z-index:55; display:grid; padding:6px; min-width:170px; border-radius:12px; background:var(--surface-2); border:1px solid var(--hair-2); box-shadow:0 10px 30px rgba(0,0,0,.55); }
  .deskm a{ color:var(--ink-2); text-decoration:none; font:500 var(--fs-b) var(--font); padding:9px 10px; border-radius:8px; }
  .deskm a:hover, .deskm a.on{ color:var(--ink); background:var(--raised); }
  @media (max-width:899px){ html.standalone .nav{ display:none; } html.standalone .deskbtn{ display:grid; } html.standalone .money .bk{ display:grid; } }
  .helpbtn{ width:30px; height:30px; flex:none; border-radius:50%; border:1px solid var(--hair-2); background:transparent; color:var(--ink-2); font:600 14px var(--font); cursor:pointer; }
  .helpbtn:hover{ color:var(--ink); border-color:var(--ink-3); }
  @media (max-width:900px){ .money .w{ display:none; } }
  @media (max-width:430px){ .money .lk{ display:none; } }   
  @media (max-width:640px){ .logo,.chip{ display:none; } .nav a{ padding:6px 6px; } .money{ gap:12px; } .money > span{ display:grid; line-height:1.15; text-align:right; } .money .k{ margin:0; font-size:10.5px; } .money b{ font-size:14px; } .bar{ gap:6px; } }
  .lake{ position:relative; border-radius:var(--r); overflow:hidden; border:1px solid var(--hair); background:#081127; min-height:0; }
  canvas#lake{ position:absolute; inset:0; width:100%; height:100%; display:block; cursor:pointer; touch-action:none; }
  .recenter{ position:absolute; right:12px; bottom:10px; z-index:3; display:flex; align-items:center; gap:6px; height:32px; padding:0 12px 0 8px; border-radius:16px; border:1px solid var(--hair-2); background:rgba(7,13,28,.82); color:var(--ink); font:600 var(--fs-c) var(--font); cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.4); }
  .recenter svg{ width:22px; height:16px; }
  canvas#lake:focus-visible{ outline-offset:-3px; }
  .ltop{ position:absolute; left:12px; right:12px; top:10px; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; pointer-events:none; }
  .ltop > *{ pointer-events:auto; }
  .coins{ display:flex; padding:3px; gap:2px; border-radius:11px; background:rgba(7,13,28,.55); border:1px solid var(--hair); backdrop-filter:blur(6px); }
  .coins button{ border:0; background:none; color:var(--ink-3); font:600 var(--fs-c) var(--font); padding:6px 12px; border-radius:8px; cursor:pointer; min-height:30px; }
  .coins button:hover{ color:var(--ink-2); }
  .coins button.on{ background:var(--raised); color:var(--ink); }
  .clock{ text-align:right; line-height:1.1; }
  .clock .cap{ font:500 var(--fs-c) var(--font); color:var(--ink-2); text-shadow:0 1px 6px #000; }
  .clock .big{ font:600 var(--fs-hero) var(--font); letter-spacing:-.01em; text-shadow:0 2px 10px rgba(0,0,0,.6); display:block; margin-top:2px; }
  .clock.hot .cap, .clock.hot .big{ color:var(--accent); }
  .lmsg{ position:absolute; left:0; right:0; top:46%; text-align:center; font:500 var(--fs-b) var(--font); color:var(--ink-2); pointer-events:none; padding:0 20px; }
  .lfoot{ position:absolute; left:12px; right:12px; bottom:8px; display:flex; gap:14px; flex-wrap:wrap; font:400 var(--fs-c) var(--font); color:var(--ink-3); pointer-events:none; }
  .lfoot .glowkey{ font:400 12.5px/1.2 var(--fun); letter-spacing:.03em; color:#c9d6f0; text-shadow:1.2px 0 0 #050a18, -1.2px 0 0 #050a18, 0 1.2px 0 #050a18, 0 -1.2px 0 #050a18, 0 1px 4px rgba(0,0,0,.8); white-space:nowrap; display:inline-flex; align-items:center; gap:4px; }
  .lfoot .glowkey .dot{ margin:0; }
  .dot{ display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:5px; vertical-align:0; }
  .dot.u{ background:var(--up); box-shadow:0 0 6px var(--up); } .dot.d{ background:var(--dn); box-shadow:0 0 6px var(--dn); }
  .dock{ background:var(--surface); border:1px solid var(--hair); border-radius:var(--r); padding:12px 14px; display:grid; gap:12px 18px; min-width:0;
    grid-template-columns:minmax(0,1fr) minmax(250px,330px); grid-template-areas:"cast lines"; }
  .cz{ grid-area:cast; display:grid; gap:10px 14px; min-width:0; align-items:end;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"fish fish" "bait size" "sum cast"; }
  .fishrow{ grid-area:fish; display:flex; align-items:baseline; gap:10px; min-width:0; white-space:nowrap; }
  .fishrow .k{ font:500 var(--fs-c) var(--font); color:var(--ink-3); }
  .fishrow .strike{ font:600 var(--fs-h) var(--font); }
  .fishrow .dist{ font:400 var(--fs-c) var(--font); color:var(--ink-2); overflow:hidden; text-overflow:ellipsis; }
  .best{ font:600 10.5px var(--font); letter-spacing:.04em; text-transform:uppercase; color:var(--accent); }
  .lbl{ font:500 var(--fs-c) var(--font); color:var(--ink-3); margin-bottom:6px; display:flex; justify-content:space-between; gap:8px; white-space:nowrap; }
  .lbl b{ color:var(--ink); font-weight:600; }
  .bait{ grid-area:bait; min-width:0; }
  .seg{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
  .seg button{ min-height:50px; border-radius:11px; border:1px solid var(--hair-2); background:transparent; cursor:pointer; padding:5px 10px; text-align:left; display:grid; gap:1px; align-content:center; }
  .seg .t{ display:flex; justify-content:space-between; align-items:baseline; font:600 var(--fs-h) var(--font); }
  .seg .s{ font:400 var(--fs-c) var(--font); color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .seg .yes .t{ color:var(--up); } .seg .no .t{ color:var(--dn); }
  .seg button.on.yes{ background:var(--up-soft); border-color:var(--up); }
  .seg button.on.no{ background:var(--dn-soft); border-color:var(--dn); }
  .seg button:not(.on) .t span{ color:var(--ink-2); }
  .size{ grid-area:size; min-width:0; }
  .size .cost{ color:var(--ink-2); }
  input[type=range]{ -webkit-appearance:none; appearance:none; width:100%; height:30px; background:transparent; margin:0; cursor:grab; touch-action:none; }
  input[type=range]:active{ cursor:grabbing; }
  input[type=range]::-webkit-slider-runnable-track{ height:6px; border-radius:6px; background:linear-gradient(90deg,var(--side) 0 var(--p),var(--raised) var(--p) 100%); }
  input[type=range]::-moz-range-track{ height:6px; border-radius:6px; background:var(--raised); }
  input[type=range]::-moz-range-progress{ height:6px; border-radius:6px; background:var(--side); }
  input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:26px; height:26px; margin-top:-10px; border-radius:50%; background:var(--ink); border:4px solid var(--side); box-shadow:0 2px 10px rgba(0,0,0,.5); }
  input[type=range]::-moz-range-thumb{ width:18px; height:18px; border-radius:50%; background:var(--ink); border:4px solid var(--side); box-shadow:0 2px 10px rgba(0,0,0,.5); }
  .szr{ display:flex; align-items:center; gap:8px; }
  .szr input[type=number]{ flex:none; width:64px; height:30px; padding:0 6px; border-radius:8px; border:1px solid var(--hair-2); background:#0a1430; color:var(--ink); font:600 var(--fs-b) var(--font); text-align:center; -moz-appearance:textfield; }
  .szr input[type=number]::-webkit-inner-spin-button, .szr input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
  .chips{ display:flex; align-items:center; gap:4px; margin-top:2px; }
  .chips button{ border:1px solid var(--hair); background:transparent; color:var(--ink-2); font:600 10.5px var(--font); border-radius:7px; padding:0 8px; height:22px; cursor:pointer; }
  .chips button:hover{ color:var(--ink); border-color:var(--hair-2); }
  .chips button:disabled{ opacity:.4; cursor:default; }
  .nmax{ margin-left:auto; font:400 10.5px var(--font); color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .castbtn{ grid-area:cast; min-height:50px; border:0; border-radius:12px; cursor:pointer; background:var(--accent); color:var(--accent-ink); font:600 var(--fs-h) var(--font); padding:6px 12px; line-height:1.2; box-shadow:0 6px 22px rgba(245,199,106,.18); transition:transform .1s, filter .15s; }
  .castbtn:hover{ filter:brightness(1.06); }
  .castbtn:active{ transform:scale(.98); }
  .castbtn:disabled{ background:var(--raised); color:var(--ink-2); box-shadow:none; cursor:not-allowed; font:500 var(--fs-c) var(--font); }
  .sum{ grid-area:sum; font:400 var(--fs-b)/1.45 var(--font); color:var(--ink-2); min-width:0; }
  .sum b{ color:var(--ink); font-weight:600; }
  .sum .ch{ color:var(--ink-3); font-size:var(--fs-c); margin-left:6px; }
  .lz{ grid-area:lines; min-width:0; min-height:0; display:flex; flex-direction:column; border-left:1px solid var(--hair); padding-left:16px; }
  .lz .lbl{ margin-bottom:6px; }
  .lz .lbl .cnt{ color:var(--ink-2); }
  .lines{ display:grid; gap:8px; align-content:start; overflow-y:auto; overscroll-behavior:contain; max-height:150px; min-height:0; padding-right:2px; }
  .lempty{ font:400 var(--fs-c)/1.5 var(--font); color:var(--ink-3); padding:6px 0; }
  .lc{ border-radius:11px; border:1px solid var(--hair); background:rgba(255,255,255,.02); padding:8px 10px; display:grid; gap:5px; cursor:pointer; }
  .lc.sel{ border-color:var(--hair-2); background:rgba(255,255,255,.045); box-shadow:inset 3px 0 0 var(--side); }
  .lc .lh{ display:flex; justify-content:space-between; gap:8px; font:500 var(--fs-c) var(--font); color:var(--ink-2); white-space:nowrap; }
  .lc .lh b{ color:var(--ink); font-weight:600; }
  .sd{ font:600 10px var(--font); letter-spacing:.05em; padding:1px 6px; border-radius:6px; margin-right:6px; }
  .sd.yes{ background:var(--up-soft); color:var(--up); } .sd.no{ background:var(--dn-soft); color:var(--dn); }
  .lc .lr{ display:flex; align-items:center; gap:10px; min-width:0; }
  .reel{ flex:none; min-height:36px; min-width:132px; padding:0 14px; border-radius:10px; cursor:pointer; font:600 var(--fs-h) var(--font); white-space:nowrap; border:1px solid var(--hair-2); background:var(--raised); color:var(--ink); }
  .reel.gain{ background:var(--gain-soft); border-color:rgba(52,211,153,.5); color:var(--gain); }
  .reel.loss{ background:var(--loss-soft); border-color:rgba(248,113,113,.5); color:var(--loss); }
  .reel:disabled{ background:transparent; color:var(--ink-3); border-color:var(--hair); cursor:not-allowed; font:500 var(--fs-c) var(--font); }
  .reel .w{ font-weight:500; margin-right:6px; color:var(--ink); }
  .reel.gain .w, .reel.loss .w{ color:inherit; opacity:.85; }
  .lc .lr{ align-items:flex-start; }
  .lc .rb{ display:grid; gap:3px; flex:none; }
  .lc .cash{ font:400 var(--fs-c)/1.3 var(--font); color:var(--ink-2); white-space:nowrap; }
  .lc .hold{ font:400 var(--fs-c)/1.35 var(--font); color:var(--ink-3); min-width:0; padding-top:9px; }
  .reel.settle:disabled{ font:600 var(--fs-c) var(--font); background:transparent; }
  .reel.settle.gain:disabled{ color:var(--gain); border-color:rgba(52,211,153,.4); }
  .reel.settle.loss:disabled{ color:var(--loss); border-color:rgba(248,113,113,.4); }
  .reel.settle .w{ font-weight:600; margin:0 0 0 4px; opacity:1; }
  .side{ background:var(--surface); border:1px solid var(--hair); border-radius:var(--r); display:flex; flex-direction:column; min-height:0; overflow:hidden; }
  .tabs{ display:flex; gap:2px; padding:6px 6px 0; border-bottom:1px solid var(--hair); flex:none; }
  .tabs button{ flex:1; min-width:0; padding:8px 2px 9px; background:none; border:0; border-bottom:2px solid transparent; color:var(--ink-3); font:500 var(--fs-c) var(--font); cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .tabs button:hover{ color:var(--ink-2); }
  .tabs button.on{ color:var(--ink); border-bottom-color:var(--ink-2); }
  .tb{ flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .ex{ padding:10px 14px; font:400 var(--fs-c)/1.5 var(--font); color:var(--ink-3); }
  .ex b{ color:var(--ink-2); font-weight:600; }
  .empty{ padding:16px 14px; color:var(--ink-3); font:400 var(--fs-c)/1.5 var(--font); }
  .spots{ width:100%; border-collapse:collapse; font-size:var(--fs-c); }
  .spots th{ font:500 10.5px var(--font); color:var(--ink-3); text-align:right; padding:6px 12px; position:sticky; top:0; background:var(--surface-2); }
  .spots th:first-child, .spots td:first-child{ text-align:left; }
  .spots td{ padding:8px 12px; text-align:right; border-top:1px solid var(--hair); white-space:nowrap; color:var(--ink-2); }
  .spots td:first-child{ color:var(--ink); font-weight:500; }
  .spots tr[data-t]{ cursor:pointer; } .spots tr[data-t]:hover td{ background:rgba(255,255,255,.025); }
  .spots tr.sel td{ background:rgba(255,255,255,.05); } .spots tr.dead td{ opacity:.45; }
  .spots tr.now td{ color:var(--ink-2); font:500 10.5px var(--font); text-align:center; padding:4px; background:rgba(255,255,255,.02); }
  .glow{ display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:5px; vertical-align:middle; }
  .stats{ display:flex; gap:16px; flex-wrap:wrap; padding:2px 14px 10px; font:400 var(--fs-c) var(--font); color:var(--ink-3); border-bottom:1px solid var(--hair); }
  .stats b{ color:var(--ink); font-weight:600; }
  .log .r{ display:grid; grid-template-columns:40px 1fr auto; gap:1px 10px; align-items:center; padding:8px 14px; border-bottom:1px solid var(--hair); }
  .log svg{ width:40px; height:22px; }
  .log .r > div:first-child{ grid-row:span 2; } .log .a{ font:500 var(--fs-c) var(--font); grid-column:2; } .log .b{ font:400 10.5px/1.4 var(--font); color:var(--ink-3); grid-column:2; grid-row:2; }
  .log .p{ grid-column:3; grid-row:1 / span 2; text-align:right; font-weight:600; }
  .board{ width:100%; border-collapse:collapse; font-size:var(--fs-c); }
  .board th{ font:500 10.5px var(--font); color:var(--ink-3); text-align:right; padding:6px 12px; }
  .board td{ padding:8px 12px; text-align:right; border-top:1px solid var(--hair); color:var(--ink-2); }
  .board th:first-child, .board td:first-child{ text-align:left; color:var(--ink); }
  .name{ background:none; border:0; color:var(--ink); font:600 var(--fs-c) var(--font); cursor:pointer; padding:0; text-decoration:underline dotted var(--ink-3); }
  .guide{ padding:4px 14px 14px; font:400 var(--fs-c)/1.55 var(--font); color:var(--ink-2); }
  .guide h4{ margin:12px 0 4px; font:600 var(--fs-c) var(--font); color:var(--ink); }
  .guide b{ color:var(--ink); font-weight:600; }
  .sp{ display:grid; grid-template-columns:48px 1fr; gap:0 10px; align-items:center; padding:3px 0; }
  .sp svg{ width:48px; height:26px; } .sp.no svg{ filter:grayscale(1) brightness(.4); }
  .linkbtn{ background:none; border:1px solid var(--hair-2); color:var(--ink-2); border-radius:9px; padding:7px 12px; font:500 var(--fs-c) var(--font); cursor:pointer; margin-top:10px; }
  .side{ --chH:clamp(180px,calc(100vh - 520px),330px); }
  .side .tb{ min-height:96px; }
  .tabs .ph{ display:none; } .tabs .dk{ display:none; }
  .chartc{ flex:none; height:var(--chH); display:flex; flex-direction:column; border-top:1px solid var(--hair); min-height:0; }
  .chd{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 10px 4px 14px; flex:none; }
  .cht{ font:600 var(--fs-c) var(--font); color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
  .chd .cht{ flex:none; min-width:max-content; }
  @media (min-width:900px) and (max-width:1150px){ .side > .chartc .chd{ gap:3px !important; padding-left:8px !important; padding-right:4px !important; } .chd .tfs button{ padding-left:3px !important; padding-right:3px !important; min-width:23px !important; } .chd .toolb{ padding:0 6px; } }
  .cht .mut{ font-weight:500; margin-left:4px; }
  .tfs{ display:flex; gap:1px; padding:2px; border-radius:9px; background:rgba(7,13,28,.55); border:1px solid var(--hair); flex:none; }
  .tfs button{ border:0; background:none; color:var(--ink-3); font:600 10.5px var(--font); padding:4px 7px; border-radius:7px; cursor:pointer; min-width:28px; min-height:24px; }
  .tfs button:hover{ color:var(--ink-2); }
  .tfs button.on{ background:var(--raised); color:var(--ink); }
  .chbox{ position:relative; flex:1; min-height:0; margin:0 4px 0 6px; }
  .chmsg{ position:absolute; inset:0; display:grid; place-items:center; font:500 var(--fs-c) var(--font); color:var(--ink-3); pointer-events:none; z-index:3; text-align:center; padding:0 16px; }
  .chmark{ position:absolute; top:0; bottom:26px; width:0; border-left:2px dashed rgba(232,238,252,.6); pointer-events:none; z-index:2; }
  .chmark span{ display:none; position:absolute; bottom:2px; left:4px; font:600 10px var(--font); color:var(--ink-2); white-space:nowrap; background:rgba(7,13,28,.78); padding:1px 5px; border-radius:5px; }
  .chmark.flip span{ left:auto; right:4px; }
  .chft{ flex:none; padding:3px 14px 7px; font:400 10.5px/1.35 var(--font); color:var(--ink-3); }
  :root{ --cone:#5b8def; --ev-strong:#9ab8ff; }
  .chartc{ height:auto; }
  .chbox{ flex:none; height:var(--chH); }
  #chov{ position:absolute; left:0; top:0; pointer-events:none; z-index:2; }
  .tools{ position:relative; flex:none; }
  .toolb{ border:1px solid var(--hair); background:rgba(7,13,28,.55); color:var(--ink-3); font:600 10.5px var(--font); border-radius:9px; padding:0 8px; height:28px; cursor:pointer; }
  .toolb:hover,.toolb.on{ color:var(--ink); }
  .toolm{ position:absolute; left:0; top:32px; z-index:20; width:210px; padding:6px; border-radius:12px; background:var(--surface-2); border:1px solid var(--hair-2); box-shadow:0 10px 30px rgba(0,0,0,.5); display:grid; gap:2px; }
  .toolm label{ display:flex; align-items:center; gap:8px; padding:6px 6px; border-radius:8px; font:500 var(--fs-c) var(--font); color:var(--ink-2); cursor:pointer; }
  .toolm label:hover{ background:rgba(255,255,255,.04); color:var(--ink); }
  .toolm input{ accent-color:var(--ev-strong); margin:0; }
  .toolm .k{ font:600 10px var(--font); letter-spacing:.05em; text-transform:uppercase; color:var(--ink-3); padding:6px 6px 2px; }
  .toolm i{ display:inline-block; width:14px; height:0; border-top:2px solid; margin-left:auto; }
  .gauges{ flex:none; display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:4px 8px 2px 10px; position:relative; }
  .gz{ border-radius:10px; border:1px solid var(--hair); background:rgba(255,255,255,.02); padding:6px 8px 6px; min-width:0; cursor:pointer; text-align:left; display:grid; gap:1px; }
  .gz:hover,.gz.open{ border-color:var(--hair-2); background:rgba(255,255,255,.04); }
  .gz .gk{ display:flex; justify-content:space-between; align-items:center; gap:6px; font:500 10.5px var(--font); color:var(--ink-3); white-space:nowrap; }
  .gz .gv{ font:600 var(--fs-b)/1.3 var(--font); color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .gz .gs{ font:400 10.5px/1.3 var(--font); color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .gz .gv .u{ color:var(--up); } .gz .gv .d{ color:var(--dn); }
  .ev{ font:600 9.5px var(--font); letter-spacing:.03em; padding:0 6px; border-radius:99px; border:1px solid; line-height:15px; }
  .ev.strong{ color:var(--ev-strong); border-color:rgba(154,184,255,.45); }
  .ev.some{ color:var(--ink-2); border-color:var(--hair-2); }
  .ev.weak{ color:var(--ink-3); border-color:var(--hair); }
  .chartc{ position:relative; }
  .gwhy{ position:absolute; left:10px; right:8px; z-index:6; padding:9px 11px; border-radius:10px; background:var(--surface-2); border:1px solid var(--hair-2); box-shadow:0 10px 30px rgba(0,0,0,.55); font:400 var(--fs-c)/1.45 var(--font); color:var(--ink-2); }
  .gwhy b{ color:var(--ink); font-weight:600; }
  @media (min-width:900px) and (max-height:760px){ .gz .gs{ display:none; } .chft{ padding-bottom:4px; } }
  @media (max-width:899px){
    .app{ gap:6px; padding-top:calc(4px + var(--sat)); }
    .main{ grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(170px,1fr) auto; grid-template-areas:"lake" "dock"; gap:6px; }
    .dock{ grid-template-columns:minmax(0,1fr); grid-template-areas:"cast" "lines"; padding:10px 12px 6px; gap:8px; border-radius:18px 18px var(--r) var(--r); }
    .cz{ grid-template-columns:minmax(0,1fr); grid-template-areas:"fish" "bait" "size" "sum" "cast"; gap:8px; }
    .seg button{ min-height:46px; }
    .castbtn{ min-height:46px; }
    .sum{ font-size:var(--fs-c); line-height:1.4; }
    .sum .ch{ display:none; }
    .lz{ border-left:0; padding-left:0; border-top:1px solid var(--hair); padding-top:8px; }
    .lz.none{ display:none; }
    .lines{ display:flex; overflow-x:auto; overflow-y:hidden; gap:8px; max-height:none; scroll-snap-type:x mandatory; padding-bottom:2px; }
    .lc{ flex:0 0 min(86%,330px); scroll-snap-align:start; }
    .lc:only-child{ flex-basis:100%; }
    .side{ position:fixed; left:0; right:0; bottom:0; z-index:40; height:min(78vh,620px); border-radius:18px 18px 0 0; transform:translateY(105%); transition:transform .25s ease; box-shadow:0 -12px 40px rgba(0,0,0,.55); background:var(--surface-2); padding-bottom:var(--sab); }
    .side.open{ transform:none; }
    .scrim{ position:fixed; inset:0; z-index:39; background:rgba(3,6,16,.55); }
    .tabs .ph{ display:block; }
    .tabs button{ flex:1 1 auto; padding:8px 4px 9px; }
    .side .tb{ min-height:0; }
    .chartc{ display:none; border-top:0; }
    .side.chart-on .chartc{ display:flex; flex:1; height:auto; min-height:0; }
    .side.chart-on .chbox{ flex:1; height:auto; min-height:110px; }
  }
  @media (max-width:899px) and (max-height:800px){ .gz .gs{ display:none; } .chft{ display:none; } }
  @media (max-width:899px){
    body.chartmode .main{ margin-bottom:var(--sheetH,50vh); }
    body.chartmode .main{ grid-template-rows:minmax(0,1fr) auto; }
    body.chartmode .scrim, body.chartmode .lfoot{ display:none; }
    body.chartmode .side{ height:var(--sheetH,50vh); transform:none; transition:height .22s ease; box-shadow:0 -8px 30px rgba(0,0,0,.5); }
    body.chartmode .tabs{ display:none; }
    body.chartmode .chartc{ padding-top:0; }
    body.chartmode .tabs button{ padding:6px 4px 7px; }
    body.chartmode .chd{ padding-top:5px; padding-bottom:5px; }
    body.chartmode .chft{ display:none; }
    body.chartmode .gauges{ display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; padding-bottom:6px; overscroll-behavior:contain; }
    body.chartmode .gz{ flex:0 0 auto; min-width:132px; max-width:230px; scroll-snap-align:start; }
    body.chartmode .gz .gs{ display:none; }
    body.chartmode .dock{ grid-template-areas:"cast"; padding:7px 10px; border-radius:var(--r); }
    body.chartmode .lz, body.chartmode .fishrow, body.chartmode .sum, body.chartmode .bait .lbl, body.chartmode .size .lbl, body.chartmode .chips, body.chartmode .seg .s{ display:none; }
    body.chartmode .cz{ grid-template-columns:minmax(108px,126px) minmax(0,1fr) auto; grid-template-areas:"bait size cast"; gap:8px; align-items:center; }
    body.chartmode .seg{ gap:4px; }
    body.chartmode .seg button{ min-height:40px; padding:2px 4px; text-align:center; }
    body.chartmode .seg .t{ flex-direction:column; align-items:center; font-size:12px; line-height:1.15; }
    body.chartmode .szr{ gap:4px; }
    body.chartmode .szr input[type=number]{ width:46px; height:34px; padding:0 2px; }
    body.chartmode .castbtn{ min-height:40px; font-size:17px; font-weight:700; padding:4px 10px; min-width:84px; max-width:104px; white-space:nowrap; font-variant-numeric:tabular-nums; }
    body.chartmode .castbtn.why{ font-size:10.5px; font-weight:600; white-space:normal; line-height:1.15; max-width:120px; }
  }
  @media (max-width:899px) and (max-height:700px){
    .seg button{ min-height:42px; } .castbtn{ min-height:42px; } .seg .s{ display:none; }
    .lc .hold{ display:none; } .lfoot{ display:none; } .bait .lbl{ display:none; } .size .lbl{ margin-bottom:2px; }
    .main{ grid-template-rows:minmax(140px,1fr) auto; }
    .size{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:8px; align-items:center; }
    .size .lbl{ grid-column:1 / -1; }
    .size .chips{ margin-top:0; } .size .nmax{ display:none; }
  }
  .tabbar{ display:none; }
  @media (max-width:899px){
    :root{ --tbh:50px; --sabt:calc(var(--sab) * 0.3); }
    .app{ padding:calc(4px + var(--sat)) 0 0 0; gap:0; grid-template-rows:auto minmax(0,1fr) auto; }
    .bar{ padding:0 max(10px,var(--sar)) 0 max(10px,var(--sal)); }
    .main{ margin-top:4px; gap:0; }
    .lake{ border:0; border-radius:0; }
    .ltop{ left:calc(10px + var(--sal)); right:calc(10px + var(--sar)); }
    .lfoot{ left:calc(10px + var(--sal)); right:calc(10px + var(--sar)); bottom:12px; }   
    .recenter{ right:calc(10px + var(--sar)); bottom:8px; }
    .lmsg{ padding:0 calc(20px + var(--sar)) 0 calc(20px + var(--sal)); }
    .dock{ position:relative; z-index:2; margin-top:-14px; border-width:1px 0 0; border-radius:18px 18px 0 0; padding:10px calc(12px + var(--sar)) 8px calc(12px + var(--sal)); }
    .tabbar{ display:flex; position:relative; z-index:41; height:calc(var(--tbh) + var(--sabt)); padding:0 var(--sar) var(--sabt) var(--sal); background:#0b1429; border-top:1px solid var(--hair-2); }
    .tabbar button{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border:0; background:none; color:var(--ink-3); font:500 10.5px/1.1 var(--font); cursor:pointer; padding:5px 0 3px; }
    .tabbar button span{ max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .tabbar svg{ width:22px; height:22px; flex:none; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
    .tabbar button.on{ color:var(--accent); }
    .tabbar button:active{ color:var(--ink); }
    .side{ bottom:calc(var(--tbh) + var(--sabt)); height:min(calc(80% - var(--tbh) - var(--sabt)),620px); padding:0 var(--sar) 0 var(--sal); transform:translateY(calc(100% + var(--tbh) + var(--sabt) + 60px)); }
    .side.open{ transform:none; }
    .tabs button[data-tab]{ display:none; }
    .tabs button[data-tab].on{ display:block; flex:1 1 auto; text-align:left; padding:8px 4px 9px 10px; border-bottom-color:transparent; font:600 var(--fs-b) var(--font); color:var(--ink); cursor:default; }
    body.chartmode .tabs button[data-tab].on{ padding:4px 4px 5px 10px; }
    body.chartmode .side{ border-radius:0; border-width:1px 0 0; }
    body.chartmode .dock{ margin-top:-14px; border-radius:18px 18px 0 0; padding:7px calc(10px + var(--sar)) 7px calc(10px + var(--sal)); }
  }
  .dock{ grid-template-columns:minmax(0,1fr) 148px minmax(220px,272px); grid-template-areas:"cast book lines"; column-gap:14px; }
  .bk{ grid-area:book; position:relative; min-width:0; min-height:0; }
  .bkin{ position:absolute; inset:0; display:flex; flex-direction:column; min-height:0; font:500 10.5px/1 var(--font); color:var(--ink-2); }
  .bkh{ flex:none; display:flex; align-items:baseline; justify-content:space-between; gap:6px; margin-bottom:4px; font:500 var(--fs-c) var(--font); color:var(--ink-3); white-space:nowrap; }
  .bkh b{ font:600 10px var(--font); letter-spacing:.05em; margin-left:4px; }
  .bkh b.yes{ color:var(--up); } .bkh b.no{ color:var(--dn); }
  .bkh .st{ font:400 10px var(--font); }
  .bkl{ flex:1; min-height:0; display:flex; flex-direction:column; gap:1px; }
  .bkr{ position:relative; flex:1 1 0; min-height:0; max-height:17px; display:flex; align-items:center; justify-content:space-between; padding:0 5px; border-radius:4px; overflow:hidden; }
  .bkr i{ position:absolute; right:0; top:1px; bottom:1px; border-radius:3px; background:rgba(169,182,211,.13); pointer-events:none; }
  .bkr.a i{ background:var(--side-soft,rgba(169,182,211,.13)); }
  .bkr span{ position:relative; }
  .bkr .p{ color:var(--ink); font-weight:600; }
  .bkr.a .p{ color:var(--ink); } .bkr.b .p{ color:var(--ink-2); }
  .bkr.top .p{ font-weight:700; }
  .bkr.use{ box-shadow:inset 2px 0 0 var(--side); }
  .bkr.e .p, .bkr.e .z{ color:var(--ink-3); opacity:.5; }
  .bkm{ flex:none; display:flex; align-items:center; justify-content:center; gap:6px; margin:3px 0; }
  .bkm .pill{ display:inline-flex; align-items:center; gap:6px; padding:2px 8px; border-radius:99px; border:1px solid var(--hair-2); font:600 10px var(--font); color:var(--ink-2); white-space:nowrap; }
  .bkm .mt{ display:inline-flex; gap:2px; }
  .bkm .mt u{ width:5px; height:7px; border-radius:1.5px; background:var(--hair-2); text-decoration:none; }
  .bkm .mt u.on{ background:var(--ink-2); }
  .bkf{ flex:none; margin-top:4px; font:400 10.5px/1.3 var(--font); color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .bkf b{ color:var(--ink); font-weight:600; }
  .bkf div{ overflow:hidden; text-overflow:ellipsis; }
  .bkmsg{ flex:1; display:grid; place-items:center; text-align:center; font:400 var(--fs-c)/1.4 var(--font); color:var(--ink-3); padding:0 6px; white-space:normal; }
  .bks{ display:none; }
  @media (min-width:900px) and (max-width:1300px){ .dock{ grid-template-columns:minmax(0,1fr) 140px minmax(210px,250px); } }
  .chzm{ position:absolute; left:6px; top:30px; z-index:5; display:flex; flex-direction:column; gap:3px; }   
  .chzm[hidden]{ display:none; }
  .chzm button{ width:26px; height:26px; padding:0; display:grid; place-items:center; border-radius:6px; border:1px solid rgba(170,192,240,.5); background:rgba(7,13,28,.72); color:#e8eefc; font:400 18px/1 'Lilita One',var(--font); cursor:pointer; }
  .chzm button:hover{ background:rgba(22,33,61,.92); }
  .chzm button:active{ transform:translateY(1px); }
  .bklg{ position:absolute; left:6px; top:4px; z-index:4; display:flex; align-items:center; gap:5px; padding:1px 6px 1px 7px; border-radius:99px; border:1px solid var(--hair); background:rgba(7,13,28,.7); color:var(--ink-3); font:500 10px var(--font); cursor:pointer; }
  .bklg:hover{ color:var(--ink-2); border-color:var(--hair-2); }
  .bklg i{ display:inline-block; width:9px; height:5px; border-radius:1px; }
  @media (max-width:899px){
    .dock{ grid-template-columns:minmax(0,1fr); grid-template-areas:"cast" "lines"; }
    .bks{ display:inline-flex; align-items:center; gap:5px; min-width:0; max-width:64%; height:20px; margin:-3px 0 -3px auto; padding:0 8px; border-radius:99px; border:1px solid var(--hair-2); background:rgba(255,255,255,.02); color:var(--ink-2); font:500 10.5px var(--font); cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .bks b{ color:var(--ink); font-weight:600; }
    .bks .cv{ flex:none; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-135deg) translate(-1px,-1px); }
    .bks[aria-expanded="true"]{ border-color:var(--ink-3); color:var(--ink); }
    .bks[aria-expanded="true"] .cv{ transform:rotate(45deg) translate(-1px,-1px); }
    .size .lbl .cost{ display:none; }
    .bk{ display:none; position:absolute; z-index:6; right:calc(12px + var(--sar)); bottom:calc(100% + 8px); width:min(250px,calc(100% - 24px)); height:226px; padding:9px 10px 8px; border-radius:14px; background:var(--surface-2); border:1px solid var(--hair-2); box-shadow:0 10px 30px rgba(0,0,0,.55); }
    .bk.open{ display:block; }
    .bk .bkin{ inset:9px 10px 8px; }
    .bkr{ max-height:15px; }
    body.chartmode .bk{ display:none; }
  }
  @media (max-width:899px) and (max-height:700px){ .bk{ height:200px; } }
  #toast{ position:fixed; left:50%; top:calc(52px + var(--sat)); transform:translateX(-50%); z-index:50; display:grid; gap:8px; width:min(92vw,380px); pointer-events:none; }
  .tst{ pointer-events:auto; cursor:pointer; background:var(--surface-2); border:1px solid var(--hair-2); border-radius:12px; padding:10px 14px; font:400 var(--fs-b)/1.45 var(--font); color:var(--ink-2); box-shadow:0 10px 30px rgba(0,0,0,.5); animation:tin .25s ease-out; }
  .tst b{ color:var(--ink); font-weight:600; }
  .tst.err{ border-color:rgba(248,113,113,.5); color:#fecaca; }
  @keyframes tin{ from{ transform:translateY(-10px); opacity:0; } }
  .ovl{ position:fixed; inset:0; z-index:60; display:none; align-items:center; justify-content:center; background:rgba(3,6,16,.6); backdrop-filter:blur(3px); padding:12px; }
  .ovl.on{ display:flex; }
  .cc{ width:min(90vw,340px); text-align:center; padding:20px 18px 16px; border-radius:18px; background:var(--surface-2); border:1px solid var(--hair-2); animation:pop .4s cubic-bezier(.2,1.5,.4,1); cursor:pointer; }
  .cc svg{ width:160px; height:86px; animation:flop 1.4s ease-in-out infinite; }
  .cc .h{ font:600 18px var(--display); margin-top:2px; }
  .cc .s{ color:var(--ink-2); margin-top:6px; font:400 var(--fs-b)/1.5 var(--font); }
  .cc .s b{ color:var(--ink); font-weight:600; }
  .cc .pnl{ font:600 var(--fs-hero) var(--font); margin-top:8px; }
  .cc .tap{ margin-top:10px; font:400 var(--fs-c) var(--font); color:var(--ink-3); }
  .cc.esc svg{ animation:swim 1.6s ease-in infinite; opacity:.7; }
  @keyframes pop{ from{ transform:scale(.7); opacity:0; } }
  @keyframes flop{ 0%,100%{ transform:rotate(-5deg); } 50%{ transform:rotate(6deg) translateY(-4px); } }
  @keyframes swim{ from{ transform:translateX(-10px); } to{ transform:translateX(110px); opacity:0; } }
  @media (prefers-reduced-motion:reduce){ .cc svg{ animation:none; } }
  .hp{ width:min(94vw,500px); max-height:100%; overflow:auto; padding:20px 20px 16px; border-radius:18px; background:var(--surface-2); border:1px solid var(--hair-2); font:400 var(--fs-b)/1.55 var(--font); color:var(--ink-2); animation:pop .3s ease-out; position:relative; }
  .hp h2{ margin:0 0 12px; font:600 20px var(--display); color:var(--ink); }
  .hp .x{ position:absolute; right:10px; top:10px; width:32px; height:32px; border-radius:50%; border:0; background:none; color:var(--ink-3); font:400 20px var(--font); cursor:pointer; }
  .hp ol{ margin:0 0 12px; padding:0; list-style:none; display:grid; gap:10px; }
  .hp li{ display:grid; grid-template-columns:24px 1fr; gap:10px; }
  .hp li i{ font-style:normal; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--raised); color:var(--ink); font:600 12px var(--font); }
  .hp b{ color:var(--ink); font-weight:600; }
  .hp .note{ font-size:var(--fs-c); color:var(--ink-3); margin:0 0 12px; }
  .hp .spp{ display:grid; grid-template-columns:repeat(5,1fr); gap:4px; text-align:center; font-size:10.5px; color:var(--ink-3); margin-bottom:12px; }
  .hp .spp svg{ width:100%; max-width:52px; height:28px; }
  .hp .go{ width:100%; min-height:46px; border:0; border-radius:12px; font:600 var(--fs-h) var(--font); color:var(--accent-ink); background:var(--accent); cursor:pointer; }
  .hq, .hq *{ --rgL:2.30px 0.00px 0 var(--cbO), 2.27px 0.40px 0 var(--cbO), 2.16px 0.79px 0 var(--cbO), 1.99px 1.15px 0 var(--cbO), 1.76px 1.48px 0 var(--cbO), 1.48px 1.76px 0 var(--cbO), 1.15px 1.99px 0 var(--cbO), 0.79px 2.16px 0 var(--cbO), 0.40px 2.27px 0 var(--cbO), 0.00px 2.30px 0 var(--cbO), -0.40px 2.27px 0 var(--cbO), -0.79px 2.16px 0 var(--cbO), -1.15px 1.99px 0 var(--cbO), -1.48px 1.76px 0 var(--cbO), -1.76px 1.48px 0 var(--cbO), -1.99px 1.15px 0 var(--cbO), -2.16px 0.79px 0 var(--cbO), -2.27px 0.40px 0 var(--cbO), -2.30px 0.00px 0 var(--cbO), -2.27px -0.40px 0 var(--cbO), -2.16px -0.79px 0 var(--cbO), -1.99px -1.15px 0 var(--cbO), -1.76px -1.48px 0 var(--cbO), -1.48px -1.76px 0 var(--cbO), -1.15px -1.99px 0 var(--cbO), -0.79px -2.16px 0 var(--cbO), -0.40px -2.27px 0 var(--cbO), -0.00px -2.30px 0 var(--cbO), 0.40px -2.27px 0 var(--cbO), 0.79px -2.16px 0 var(--cbO), 1.15px -1.99px 0 var(--cbO), 1.48px -1.76px 0 var(--cbO), 1.76px -1.48px 0 var(--cbO), 1.99px -1.15px 0 var(--cbO), 2.16px -0.79px 0 var(--cbO), 2.27px -0.40px 0 var(--cbO), 1.75px 0.00px 0 var(--cbO), 1.69px 0.45px 0 var(--cbO), 1.51px 0.87px 0 var(--cbO), 1.24px 1.24px 0 var(--cbO), 0.87px 1.51px 0 var(--cbO), 0.45px 1.69px 0 var(--cbO), 0.00px 1.75px 0 var(--cbO), -0.45px 1.69px 0 var(--cbO), -0.87px 1.51px 0 var(--cbO), -1.24px 1.24px 0 var(--cbO), -1.51px 0.87px 0 var(--cbO), -1.69px 0.45px 0 var(--cbO), -1.75px 0.00px 0 var(--cbO), -1.69px -0.45px 0 var(--cbO), -1.51px -0.87px 0 var(--cbO), -1.24px -1.24px 0 var(--cbO), -0.87px -1.51px 0 var(--cbO), -0.45px -1.69px 0 var(--cbO), -0.00px -1.75px 0 var(--cbO), 0.45px -1.69px 0 var(--cbO), 0.87px -1.51px 0 var(--cbO), 1.24px -1.24px 0 var(--cbO), 1.51px -0.87px 0 var(--cbO), 1.69px -0.45px 0 var(--cbO), 1.03px 0.00px 0 var(--cbO), 0.90px 0.52px 0 var(--cbO), 0.52px 0.90px 0 var(--cbO), 0.00px 1.03px 0 var(--cbO), -0.52px 0.90px 0 var(--cbO), -0.90px 0.52px 0 var(--cbO), -1.03px 0.00px 0 var(--cbO), -0.90px -0.52px 0 var(--cbO), -0.52px -0.90px 0 var(--cbO), -0.00px -1.03px 0 var(--cbO), 0.52px -0.90px 0 var(--cbO), 0.90px -0.52px 0 var(--cbO); --rgS:1.70px 0.00px 0 var(--cbO), 1.67px 0.30px 0 var(--cbO), 1.60px 0.58px 0 var(--cbO), 1.47px 0.85px 0 var(--cbO), 1.30px 1.09px 0 var(--cbO), 1.09px 1.30px 0 var(--cbO), 0.85px 1.47px 0 var(--cbO), 0.58px 1.60px 0 var(--cbO), 0.30px 1.67px 0 var(--cbO), 0.00px 1.70px 0 var(--cbO), -0.30px 1.67px 0 var(--cbO), -0.58px 1.60px 0 var(--cbO), -0.85px 1.47px 0 var(--cbO), -1.09px 1.30px 0 var(--cbO), -1.30px 1.09px 0 var(--cbO), -1.47px 0.85px 0 var(--cbO), -1.60px 0.58px 0 var(--cbO), -1.67px 0.30px 0 var(--cbO), -1.70px 0.00px 0 var(--cbO), -1.67px -0.30px 0 var(--cbO), -1.60px -0.58px 0 var(--cbO), -1.47px -0.85px 0 var(--cbO), -1.30px -1.09px 0 var(--cbO), -1.09px -1.30px 0 var(--cbO), -0.85px -1.47px 0 var(--cbO), -0.58px -1.60px 0 var(--cbO), -0.30px -1.67px 0 var(--cbO), -0.00px -1.70px 0 var(--cbO), 0.30px -1.67px 0 var(--cbO), 0.58px -1.60px 0 var(--cbO), 0.85px -1.47px 0 var(--cbO), 1.09px -1.30px 0 var(--cbO), 1.30px -1.09px 0 var(--cbO), 1.47px -0.85px 0 var(--cbO), 1.60px -0.58px 0 var(--cbO), 1.67px -0.30px 0 var(--cbO), 1.29px 0.00px 0 var(--cbO), 1.25px 0.33px 0 var(--cbO), 1.12px 0.65px 0 var(--cbO), 0.91px 0.91px 0 var(--cbO), 0.65px 1.12px 0 var(--cbO), 0.33px 1.25px 0 var(--cbO), 0.00px 1.29px 0 var(--cbO), -0.33px 1.25px 0 var(--cbO), -0.65px 1.12px 0 var(--cbO), -0.91px 0.91px 0 var(--cbO), -1.12px 0.65px 0 var(--cbO), -1.25px 0.33px 0 var(--cbO), -1.29px 0.00px 0 var(--cbO), -1.25px -0.33px 0 var(--cbO), -1.12px -0.65px 0 var(--cbO), -0.91px -0.91px 0 var(--cbO), -0.65px -1.12px 0 var(--cbO), -0.33px -1.25px 0 var(--cbO), -0.00px -1.29px 0 var(--cbO), 0.33px -1.25px 0 var(--cbO), 0.65px -1.12px 0 var(--cbO), 0.91px -0.91px 0 var(--cbO), 1.12px -0.65px 0 var(--cbO), 1.25px -0.33px 0 var(--cbO), 0.77px 0.00px 0 var(--cbO), 0.66px 0.38px 0 var(--cbO), 0.38px 0.66px 0 var(--cbO), 0.00px 0.77px 0 var(--cbO), -0.38px 0.66px 0 var(--cbO), -0.66px 0.38px 0 var(--cbO), -0.77px 0.00px 0 var(--cbO), -0.66px -0.38px 0 var(--cbO), -0.38px -0.66px 0 var(--cbO), -0.00px -0.77px 0 var(--cbO), 0.38px -0.66px 0 var(--cbO), 0.66px -0.38px 0 var(--cbO); }
  #help.ovl{ padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom)); }
  .hq{ --cbO:#050a18; position:relative; box-sizing:border-box; width:min(100%,440px); max-height:100%; display:flex; flex-direction:column; gap:10px; padding:12px 14px 14px; overflow:hidden;
    border-radius:22px; border:var(--cardBW) solid var(--cardB); color:var(--ink-2); font:400 15px/1.45 var(--font);
    background:radial-gradient(120% 55% at 50% 0%, rgba(90,150,255,.16), rgba(90,150,255,0) 70%), linear-gradient(180deg,#14234a 0%,#0e1834 55%,#0a1229 100%);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08), 0 22px 60px rgba(0,0,0,.6); animation:hqIn .32s cubic-bezier(.2,1.3,.4,1); outline:none; }
  @keyframes hqIn{ from{ transform:translateY(14px) scale(.94); opacity:0; } }
  @media (min-width:900px){ .hq{ width:500px; padding:16px 18px 18px; gap:12px; } }
  .hq-hd{ display:flex; align-items:center; gap:10px; min-height:40px; padding-right:46px; }
  .hq-logo{ flex:none; display:block; height:40px; }
  .hq-logo:empty{ display:none; }
  .hq-logo img{ display:block; height:100%; width:auto; }
  .hq-t{ margin:0; min-width:0; font:400 23px/1.05 var(--fun); letter-spacing:.02em; color:#ffd27a; --cbO:#4a2f04; text-shadow:var(--rgL); }
  .hq-t small{ display:block; margin-top:3px; font:400 13px/1 var(--fun); letter-spacing:.05em; color:#c9d4ee; --cbO:#050a18; text-shadow:var(--rgS); }
  .hq-x{ position:absolute; right:12px; top:12px; width:38px; height:38px; padding:0; display:grid; place-items:center; cursor:pointer; border-radius:12px;
    --cbHi:#62779f; --cbMid:#3a4d78; --cbLo:#27365e; --cbO:#0a1230; border:2.5px solid var(--cbO);
    background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%); box-shadow:inset 0 2px 0 rgba(255,255,255,.38), 0 3px 0 var(--cbO), 0 6px 10px rgba(0,0,0,.35); transition:transform .08s, box-shadow .08s; }
  @media (min-width:900px){ .hq-x{ right:16px; top:16px; } }
  .hq-x svg{ width:16px; height:16px; overflow:visible; }
  .hq-x path{ fill:none; stroke-linecap:round; }
  .hq-x:active{ transform:translateY(3px); box-shadow:inset 0 2px 0 rgba(255,255,255,.3), 0 0 0 var(--cbO), 0 3px 6px rgba(0,0,0,.3); }
  .hq-real{ margin:0; padding:7px 10px; border-radius:10px; background:rgba(255,106,61,.14); border:1px solid rgba(255,106,61,.5); color:#ffb79e; font:600 12.5px/1.35 var(--font); }
  .hq-vp{ position:relative; overflow:hidden; touch-action:pan-y; margin:0 -14px; cursor:grab; -webkit-user-select:none; user-select:none; }
  @media (min-width:900px){ .hq-vp{ margin:0 -18px; } }
  .hq-vp:active{ cursor:grabbing; }
  .hq-tr{ display:flex; transition:transform .38s cubic-bezier(.25,1,.35,1); will-change:transform; }
  .hq-sl{ flex:0 0 100%; box-sizing:border-box; padding:0 14px; display:flex; flex-direction:column; align-items:center; text-align:center; }
  @media (min-width:900px){ .hq-sl{ padding:0 18px; } }
  .hq-sl:not(.on){ opacity:.55; transition:opacity .3s; }
  .hq-h{ margin:12px 0 0; font:400 31px/1.05 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgL), 0 4px 0 rgba(5,10,24,.6); }
  .hq-p{ margin:6px 0 0; max-width:340px; min-height:2.9em; font:500 15px/1.45 var(--font); color:#c3cee8; text-wrap:balance; }
  .hq-p b{ color:#fff; font-weight:700; }
  .hq-p b.u{ color:var(--up); } .hq-p b.d{ color:var(--dn); }
  .hq-note{ margin:2px 0 0; max-width:400px; font:400 12px/1.4 var(--font); color:var(--ink-3); }
  .hq-stage{ position:relative; box-sizing:border-box; width:100%; height:clamp(170px, calc(100vh - 400px), 250px); height:clamp(170px, calc(100dvh - 400px), 250px); border-radius:17px; overflow:hidden;
    background:radial-gradient(120% 60% at 50% 0%, rgba(80,170,210,.16), rgba(80,170,210,0) 60%), linear-gradient(180deg, rgba(6,16,38,.72) 0%, rgba(5,12,30,.84) 55%, rgba(4,9,24,.92) 100%),
      url('/art/ocean/base-v2.webp') 50% 100% / auto 200% no-repeat, #081127;
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.55), inset 0 3px 12px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.07); }
  .hq-stage > canvas.hq-scene{ position:absolute; inset:0; width:100%; height:100%; display:block; }
  .hq canvas.hq-fc{ display:block; }
  .hq .hq-fsvg svg{ width:100%; height:100%; }
  .hq .ar{ width:.62em; height:.74em; fill:#fff; stroke:var(--cbO); stroke-width:3.4px; stroke-linejoin:round; paint-order:stroke fill; overflow:visible; vertical-align:-.04em; }
  .hq-pl{ position:absolute; left:12px; right:12px; top:12px; bottom:76px; }
  .hq-pl .z{ position:absolute; left:0; right:0; display:flex; align-items:center; justify-content:flex-end; padding:0 12px; border-radius:12px; transition:background .35s, opacity .35s; opacity:.55;
    font:400 15px/1 var(--fun); letter-spacing:.03em; --cbO:#050a18; text-shadow:var(--rgS); }
  .hq-pl .z.up{ top:0; bottom:calc(50% + 2px); color:#7ff0e4; background:linear-gradient(0deg, rgba(79,209,197,.05), rgba(79,209,197,.0)); }
  .hq-pl .z.dn{ bottom:0; top:calc(50% + 2px); color:#c9b6ff; background:linear-gradient(180deg, rgba(167,139,250,.05), rgba(167,139,250,0)); }
  .hq-pl .z .ar{ margin-right:5px; width:13px; height:15px; fill:currentColor; stroke:#050a18; }
  .s2:not(.pd) .hq-pl .z.up{ opacity:1; background:linear-gradient(0deg, rgba(79,209,197,.30), rgba(79,209,197,.02)); }
  .s2.pd .hq-pl .z.dn{ opacity:1; background:linear-gradient(180deg, rgba(167,139,250,.32), rgba(167,139,250,.02)); }
  .hq-pl .ln{ position:absolute; left:0; right:0; top:50%; height:0; border-top:2px dashed rgba(220,232,255,.75); }
  .hq-pl .tg{ position:absolute; left:8px; top:50%; transform:translateY(-50%); padding:4px 11px 3px; border-radius:99px; font:400 15px/1 var(--fun); letter-spacing:.02em; color:#fff;
    background:linear-gradient(180deg,#22335f,#0d1633); border:1.5px solid rgba(170,195,245,.45); box-shadow:0 2px 6px rgba(0,0,0,.5); --cbO:#050a18; text-shadow:var(--rgS); }
  .hq-pl .pd2{ position:absolute; left:58%; top:50%; display:flex; flex-direction:column; align-items:center; gap:2px; transform:translate(-50%,-140%); transition:transform .55s cubic-bezier(.3,1.4,.5,1); }
  .s2.pd .hq-pl .pd2{ transform:translate(-50%,40%); }
  .hq-pl .pd2 i{ display:block; width:14px; height:14px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #fff6d0, #ffd27a 45%, #c98a1c); border:2px solid #4a2f04; box-shadow:0 0 12px rgba(255,210,122,.7); }
  .hq-pl .pd2 b{ font:400 12px/1 var(--fun); letter-spacing:.04em; color:#ffd27a; --cbO:#4a2f04; text-shadow:var(--rgS); }
  .hq-keys{ position:absolute; left:10px; right:10px; bottom:10px; display:flex; gap:6px; padding:5px 5px 6px; border-radius:18px; background:rgba(2,6,18,.6);
    box-shadow:inset 0 2px 6px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.04); }
  .hq-key{ position:relative; flex:1 1 0; min-width:0; height:48px; box-sizing:border-box; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; align-items:center; column-gap:6px;
    padding:3px 10px 3px 10px; text-align:left; border-radius:14px; border:3px solid #1c2a47; --cbO:#050a18;
    background:linear-gradient(180deg,#16223f,#0e1730); box-shadow:inset 0 2px 5px rgba(0,0,0,.5), inset 0 -1px 0 rgba(255,255,255,.04); transform:translateY(2px); transition:transform .12s, box-shadow .12s, background .12s, border-color .12s; }
  .hq-key .t{ grid-row:1; grid-column:1; font:400 19px/1 var(--fun); letter-spacing:.04em; text-shadow:var(--rgS); white-space:nowrap; }
  .hq-key .t .ar{ width:13px; height:15px; fill:currentColor; margin-right:3px; }
  .hq-key.yes .t{ color:#5cb3ab; } .hq-key.no .t{ color:#9483d4; }
  .hq-key .s{ grid-row:2; grid-column:1; font:600 11px/1.2 var(--font); color:var(--ink-3); white-space:nowrap; }
  .hq-key .pr{ grid-row:1 / span 2; grid-column:2; font:400 27px/1 var(--fun); color:#8592b1; text-shadow:var(--rgL); }
  .s2:not(.pd) .hq-key.yes, .s2.pd .hq-key.no{ border-color:var(--cbO); background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 4px 0 var(--cbO), 0 8px 14px rgba(0,0,0,.35); transform:translateY(-2px); }
  .hq-key.yes{ --cbHi:#8cf7ea; --cbMid:#1fd6c4; --cbLo:#0ea295; } .hq-key.no{ --cbHi:#ddd2ff; --cbMid:#a78bfa; --cbLo:#7a5ae0; }
  .s2:not(.pd) .hq-key.yes{ --cbO:#0c5049; } .s2.pd .hq-key.no{ --cbO:#3d2490; }
  .s2:not(.pd) .hq-key.yes .t, .s2:not(.pd) .hq-key.yes .pr, .s2.pd .hq-key.no .t, .s2.pd .hq-key.no .pr{ color:#fff; text-shadow:var(--rgL); }
  .s2:not(.pd) .hq-key.yes .s, .s2.pd .hq-key.no .s{ color:#fff; text-shadow:0 1px 0 var(--cbO), 0 0 2px var(--cbO); }
  .s2:not(.pd) .hq-key.yes::after, .s2.pd .hq-key.no::after{ content:''; position:absolute; left:8%; right:8%; top:2px; height:34%; border-radius:11px 11px 40% 40%;
    background:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0)); pointer-events:none; }
  .hq-c3{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; }
  .hq-chip{ display:inline-flex; align-items:center; gap:6px; padding:6px 13px 5px; border-radius:99px; font:400 15px/1 var(--fun); letter-spacing:.03em; color:#fff; --cbO:#0a1230; text-shadow:var(--rgS);
    background:linear-gradient(180deg,#62779f,#3a4d78 50%,#27365e); border:2px solid #0a1230; box-shadow:inset 0 1.5px 0 rgba(255,255,255,.35), 0 3px 0 #0a1230; }
  .hq-chip i{ font-style:normal; color:#ffd27a; --cbO:#4a2f04; }
  .hq-cast{ position:relative; display:inline-flex; align-items:center; gap:8px; height:60px; padding:0 26px; box-sizing:border-box; border-radius:18px; color:#fff;
    font:400 29px/1 var(--fun); letter-spacing:.03em; --cbHi:#8cf7ea; --cbMid:#1fd6c4; --cbLo:#0ea295; --cbO:#0c5049; text-shadow:var(--rgL);
    border:3px solid var(--cbO); background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 10px 16px rgba(0,0,0,.38); }
  .hq-cast::after{ content:''; position:absolute; left:9%; right:9%; top:3px; height:36%; border-radius:13px 13px 40% 40%; background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0)); pointer-events:none; }
  .hq-cast .ar{ width:20px; height:24px; stroke-width:4px; }
  .hq-cast::before{ content:''; position:absolute; left:50%; top:50%; width:100%; height:100%; border-radius:22px; transform:translate(-50%,-50%) scale(1); border:3px solid rgba(127,240,228,.0); pointer-events:none; }
  .hq-sl.on .hq-cast{ animation:hqPress 2.6s ease-in-out .5s infinite; }
  .hq-sl.on .hq-cast::before{ animation:hqRing 2.6s ease-out .5s infinite; }
  @keyframes hqPress{ 0%,70%,86%,100%{ transform:none; box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 10px 16px rgba(0,0,0,.38); }
    76%,80%{ transform:translateY(4px); box-shadow:inset 0 2px 0 rgba(255,255,255,.4), 0 1px 0 var(--cbO), 0 5px 10px rgba(0,0,0,.35); } }
  @keyframes hqRing{ 0%,76%{ border-color:rgba(127,240,228,0); transform:translate(-50%,-50%) scale(1); } 78%{ border-color:rgba(127,240,228,.85); } 100%{ border-color:rgba(127,240,228,0); transform:translate(-50%,-50%) scale(1.25,1.6); } }
  .hq-wl{ display:flex; align-items:baseline; gap:8px; font:400 15px/1 var(--fun); letter-spacing:.05em; --cbO:#050a18; }
  .hq-wl i{ font-style:normal; font-size:14px; text-shadow:var(--rgS); }
  .hq-wl b{ font-weight:400; font-size:23px; text-shadow:var(--rgL); margin-right:6px; }
  .hq-wl .g{ color:#34d399; } .hq-wl .l{ color:#f47272; } .hq-wl i.g{ color:#2bb07f; } .hq-wl i.l{ color:#d45b5b; }
  .hq-r4{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:10px; padding:0 12px; }
  .hq-opt{ flex:1 1 0; min-width:0; max-width:170px; display:flex; flex-direction:column; align-items:center; gap:10px; }
  .hq-opt > i{ font-style:normal; font:400 15px/1.1 var(--fun); letter-spacing:.03em; color:#e6eeff; --cbO:#050a18; text-shadow:var(--rgS); }
  .hq-opt > em{ font-style:normal; font:500 12px/1.3 var(--font); color:var(--ink-3); margin-top:-6px; }
  .hq-or{ flex:none; font:400 18px/1 var(--fun); color:#8592b1; --cbO:#050a18; text-shadow:var(--rgS); margin-top:-28px; }
  .hq-reel{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:100%; height:62px; box-sizing:border-box; border-radius:16px; color:#fff;
    --cbHi:#a9f7cd; --cbMid:#34d399; --cbLo:#13a067; --cbO:#0a4f30; border:3px solid var(--cbO); background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 10px 16px rgba(0,0,0,.38); }
  .hq-reel::after, .hq-haul::after{ content:''; position:absolute; left:9%; right:9%; top:2px; height:34%; border-radius:12px 12px 40% 40%; background:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0)); pointer-events:none; }
  .hq-reel .rv{ font:400 25px/1 var(--fun); letter-spacing:.01em; text-shadow:var(--rgL); }
  .hq-reel .cash{ font:700 11px/1 var(--font); letter-spacing:.02em; text-shadow:0 1px 0 var(--cbO), 0 0 2px var(--cbO), 0 0 1px var(--cbO); }
  .hq-sl.on .hq-reel{ animation:hqPress 2.6s ease-in-out .9s infinite; }
  .hq-haul{ position:relative; display:flex; align-items:center; justify-content:center; gap:7px; width:100%; height:62px; box-sizing:border-box; border-radius:16px; color:#fff;
    --cbHi:#fff0b8; --cbMid:#f5c76a; --cbLo:#d9962a; --cbO:#6b3f00; border:3px solid var(--cbO); background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 10px 16px rgba(0,0,0,.38); font:400 27px/1 var(--fun); letter-spacing:.02em; text-shadow:var(--rgL); }
  .hq-haul svg{ width:28px; height:28px; flex:none; overflow:visible; }
  .hq-sl.on .hq-haul svg .hand{ transform-origin:12px 12px; animation:hqTick 4s steps(8) infinite; }
  @keyframes hqTick{ to{ transform:rotate(360deg); } }
  .hq-cards{ position:absolute; inset:0; padding:10px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:8px; }
  .hq-card{ position:relative; box-sizing:border-box; width:calc((100% - 16px) / 3); height:calc(50% - 4px); max-height:112px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:1px; padding:4px 4px 7px; border-radius:13px;
    border:2.5px solid color-mix(in srgb, var(--spc) 55%, #0a1230); background:radial-gradient(90% 70% at 50% 30%, color-mix(in srgb, var(--spc) 26%, transparent), transparent 75%), linear-gradient(180deg,#1a2a55,#0e1835);
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.14), 0 3px 0 rgba(3,7,20,.9), 0 6px 12px rgba(0,0,0,.35); overflow:hidden; }
  .hq-card .hq-fc, .hq-card .hq-fsvg{ flex:1 1 auto; width:100%; min-height:0; }
  .hq-sl.on .hq-card .hq-fc, .hq-sl.on .hq-card .hq-fsvg{ animation:hqBob 3.2s ease-in-out infinite; }
  .hq-card:nth-child(2) .hq-fc{ animation-delay:-.6s; } .hq-card:nth-child(3) .hq-fc{ animation-delay:-1.3s; } .hq-card:nth-child(4) .hq-fc{ animation-delay:-2s; } .hq-card:nth-child(5) .hq-fc{ animation-delay:-2.6s; }
  @keyframes hqBob{ 50%{ transform:translateY(-3px); } }
  .hq-card b{ font:400 16px/1 var(--fun); letter-spacing:.02em; color:var(--spc); --cbO:#050a18; text-shadow:var(--rgS); }
  .hq-card i{ font-style:normal; font:600 11px/1.2 var(--font); color:#aab7d6; white-space:nowrap; }
  .hq-card .rar{ position:absolute; left:6px; top:5px; display:flex; gap:1px; }
  .hq-card .rar svg{ width:8px; height:8px; fill:#ffd27a; stroke:#4a2f04; stroke-width:1.4px; paint-order:stroke fill; overflow:visible; }
  .hq-card em{ position:absolute; right:5px; top:5px; font-style:normal; font:400 10px/1 var(--fun); letter-spacing:.04em; color:#fff; padding:3px 6px 2px; border-radius:7px;
    background:linear-gradient(180deg,#94f3e8,#1fa596); border:1.5px solid #0a524b; --cbO:#0a524b; text-shadow:var(--rgS); }
  .hq-card.legendary{ border-color:#ffcf7a; box-shadow:inset 0 1.5px 0 rgba(255,255,255,.2), 0 3px 0 #6b3f00, 0 0 16px rgba(255,207,122,.35), 0 6px 12px rgba(0,0,0,.35); }
  .hq-card.legendary::after{ content:''; position:absolute; top:-20%; bottom:-20%; width:34%; left:-50%; transform:skewX(-18deg); background:linear-gradient(90deg, rgba(255,240,190,0), rgba(255,240,190,.28), rgba(255,240,190,0)); pointer-events:none; }
  .hq-sl.on .hq-card.legendary::after{ animation:hqShine 3.4s ease-in-out 1s infinite; }
  @keyframes hqShine{ 0%{ left:-50%; } 45%,100%{ left:130%; } }
  .hq-ft{ display:flex; flex-direction:column; gap:12px; }
  .hq-dots{ display:flex; justify-content:center; gap:7px; }
  .hq-dots button{ width:11px; height:11px; padding:0; border-radius:99px; cursor:pointer; border:2px solid #0a1230; background:#2a3a63; box-shadow:inset 0 1px 0 rgba(255,255,255,.15); transition:width .25s, background .25s; }
  .hq-dots button[aria-current="step"]{ width:28px; background:linear-gradient(180deg,#fff0b8,#f5c76a 50%,#d9962a); border-color:#6b3f00; }
  .hq-nav{ display:flex; gap:10px; }
  .hq-nav button{ position:relative; height:52px; box-sizing:border-box; padding:0 18px; border-radius:16px; cursor:pointer; color:#fff; font:400 21px/1 var(--fun); letter-spacing:.03em;
    border:3px solid var(--cbO); background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%); text-shadow:var(--rgL);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 10px 16px rgba(0,0,0,.38); transition:transform .08s, box-shadow .08s, filter .15s; margin-bottom:5px; }
  .hq-nav button::after{ content:''; position:absolute; left:9%; right:9%; top:3px; height:34%; border-radius:12px 12px 40% 40%; background:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0)); pointer-events:none; }
  .hq-nav button:hover{ filter:brightness(1.08); }
  .hq-nav button:active{ transform:translateY(4px); box-shadow:inset 0 2px 0 rgba(255,255,255,.4), 0 1px 0 var(--cbO), 0 5px 10px rgba(0,0,0,.35); }
  .hq-nav button:focus-visible, .hq-x:focus-visible, .hq-dots button:focus-visible{ outline:2px solid #fff; outline-offset:3px; }
  .hq-nav .hq-back{ flex:0 0 auto; min-width:104px; font-size:18px; --cbHi:#62779f; --cbMid:#3a4d78; --cbLo:#27365e; --cbO:#0a1230; box-shadow:inset 0 2px 0 rgba(255,255,255,.35), 0 5px 0 var(--cbO), 0 10px 16px rgba(0,0,0,.38); }
  .hq-nav .hq-next{ flex:1 1 auto; --cbHi:#fff0b8; --cbMid:#f5c76a; --cbLo:#d9962a; --cbO:#6b3f00; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
  .hq-nav .hq-next svg{ width:13px; height:16px; fill:#fff; stroke:var(--cbO); stroke-width:3.4px; stroke-linejoin:round; paint-order:stroke fill; overflow:visible; }
  .hq-nav .hq-next.go{ --cbHi:#8cf7ea; --cbMid:#1fd6c4; --cbLo:#0ea295; --cbO:#0c5049; font-size:24px; }
  .hq-nav .hq-next.go svg{ display:none; }
  @media (max-height:700px){ .hq{ gap:8px; padding-top:10px; padding-bottom:10px; } .hq-h{ margin-top:9px; font-size:28px; } .hq-p{ font-size:14.5px; } .hq-nav button{ height:48px; } .hq-ft{ gap:9px; } }
  @media (prefers-reduced-motion:reduce){
    .hq, .hq-tr, .hq-dots button, .hq-pl .z, .hq-pl .pd2, .hq-key, .hq-sl:not(.on){ animation:none !important; transition:none !important; }
    .hq-sl.on .hq-cast, .hq-sl.on .hq-cast::before, .hq-sl.on .hq-reel, .hq-sl.on .hq-haul svg .hand, .hq-sl.on .hq-card .hq-fc, .hq-sl.on .hq-card .hq-fsvg, .hq-sl.on .hq-card.legendary::after{ animation:none !important; }
  }
  .lg{ position:fixed; inset:0; z-index:90; display:flex; align-items:center; justify-content:center; background:rgba(3,6,16,.92); }
  .lgc{ width:min(88vw,300px); display:grid; gap:8px; padding:22px; border-radius:14px; background:var(--surface-2); border:1px solid var(--hair-2); }
  .lgc .t{ font:600 16px var(--display); text-align:center; margin-bottom:6px; }
  .lgc input{ font:14px var(--font); padding:10px; border-radius:8px; border:1px solid var(--hair-2); background:#0a1430; color:var(--ink); }
  .lgc button{ min-height:42px; border:0; border-radius:8px; font:600 13px var(--font); background:var(--accent); color:var(--accent-ink); cursor:pointer; }
  .lgm{ color:var(--loss); font-size:11px; min-height:14px; text-align:center; }
  .dg{ font-style:normal; display:inline-block; width:.6em; text-align:center; }
  .clock .big{ font:400 calc(var(--fs-hero) + 5px)/1.05 var(--fun); letter-spacing:.01em; }
  .castbtn{ font-family:var(--fun); font-weight:400; font-size:calc(var(--fs-h) + 4px); letter-spacing:.02em; }
  .castbtn.why{ font-family:var(--font); }
  @media (max-width:899px){ body.chartmode .castbtn{ font-weight:400; font-size:19px; } body.chartmode .castbtn.why{ font-weight:600; font-size:10.5px; } }
  .clock.moved .big{ visibility:hidden; }
  .vig{ position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity 1.2s ease; background:radial-gradient(ellipse 75% 70% at 50% 46%, rgba(2,4,12,0) 52%, rgba(2,4,12,.62) 100%); }
  body.lastmin .vig{ opacity:1; }
  body.final3 .vig{ opacity:1; background:radial-gradient(ellipse 70% 64% at 50% 46%, rgba(2,4,12,0) 45%, rgba(2,4,12,.78) 100%); }
  body.lastmin .lfoot, body.haulon .lfoot{ visibility:hidden; }
  .oclock{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:3; text-align:center; pointer-events:none; line-height:1; white-space:nowrap; opacity:0; transition:opacity .5s ease; }
  .oclock.on{ opacity:1; }
  .oclock .cap{ display:block; font:600 10.5px var(--font); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2); text-shadow:0 1px 8px #000; margin-bottom:2px; }
  .oclock .n{ display:inline-block; font:400 64px/1 var(--fun); color:var(--ink); text-shadow:0 4px 26px rgba(0,0,0,.7), 0 0 34px rgba(140,170,255,.28); transform-origin:50% 60%; }
  .oclock.tick .n{ animation:otick .9s ease-in-out; }
  .oclock.ten.tick .n{ animation:oten .9s ease-out; }
  .oclock.three .n{ text-shadow:0 4px 26px rgba(0,0,0,.75), 0 0 46px rgba(255,255,255,.45); }
  .oclock.three.tick .n{ animation:othree .9s ease-out; }
  .oclock.zero .n{ animation:ozero .7s ease-in forwards; }
  @keyframes otick{ 0%{ transform:scale(1.03); } 100%{ transform:scale(1); } }   
  @keyframes oten{ 0%{ transform:scale(1.1); } 100%{ transform:scale(1); } }
  @keyframes othree{ 0%{ transform:scale(1.18); } 100%{ transform:scale(1); } }
  @keyframes ozero{ 0%{ transform:scale(1.3); opacity:1; } 100%{ transform:scale(.9); opacity:0; } }
  .hres{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:4; text-align:center; pointer-events:none; white-space:nowrap; max-width:calc(100% - 20px); }
  .hres .r{ display:inline-grid; gap:1px; padding:8px 18px 9px; border-radius:16px; background:rgba(7,13,28,.78); border:1px solid var(--hair-2); box-shadow:0 10px 30px rgba(0,0,0,.45); backdrop-filter:blur(4px); animation:pop .35s cubic-bezier(.2,1.5,.4,1); }
  .hres .w{ font:600 var(--fs-b) var(--font); color:var(--ink-2); overflow:hidden; text-overflow:ellipsis; }
  .hres .p{ font:400 32px/1.05 var(--fun); letter-spacing:.01em; }
  .hres .t{ font:500 10.5px var(--font); color:var(--ink-3); }
  .hres .p.mut{ font-size:22px; }
  .hskip{ position:absolute; right:12px; top:50px; z-index:4; font:500 10.5px var(--font); color:var(--ink-3); pointer-events:none; text-shadow:0 1px 6px #000; }
  .hhead{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:5; pointer-events:none; text-align:center; width:max-content; max-width:calc(100% - 16px); }
  @media (max-width:899px){ .hhead{ bottom:26px; } }
  .hhead .hhb{ display:inline-flex; align-items:center; gap:10px; }
  .hhead .tx{ font:400 clamp(19px,5.6vw,46px)/1.05 var(--fun); letter-spacing:.01em; color:var(--ink); text-shadow:0 4px 22px rgba(0,0,0,.75), 0 0 30px rgba(255,207,122,.35); white-space:nowrap; }
  .hhead .hhr{ flex:none; width:clamp(26px,7vw,46px); height:clamp(26px,7vw,46px); color:#ffcf7a; filter:drop-shadow(0 2px 10px rgba(0,0,0,.6)); }
  .hhead .sub{ display:block; margin-top:4px; font:600 10.5px var(--font); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2); text-shadow:0 1px 8px #000; }
  .hhead .sp{ position:absolute; left:50%; top:4px; width:6px; height:6px; border-radius:50%; background:rgba(190,225,255,.9); opacity:0; }
  .hhead.hh-go{ animation:hhin .6s cubic-bezier(.2,1.6,.4,1) both; }
  .hhead.hh-go .hhr{ animation:hhreel .5s linear 4; }
  .hhead.hh-go .sp{ animation:hhsp .9s ease-out .15s both; }
  .hhead .s1{ --dx:-70px; --dy:-26px; } .hhead .s2{ --dx:-38px; --dy:-44px; } .hhead .s3{ --dx:-8px; --dy:-52px; } .hhead .s4{ --dx:22px; --dy:-48px; } .hhead .s5{ --dx:52px; --dy:-36px; } .hhead .s6{ --dx:80px; --dy:-20px; }
  .hhead.hh-out{ animation:hhout .45s ease-in both; }
  @keyframes hhin{ 0%{ transform:translateX(-50%) scale(.35); opacity:0; } 70%{ transform:translateX(-50%) scale(1.08); opacity:1; } 100%{ transform:translateX(-50%) scale(1); opacity:1; } }
  @keyframes hhout{ 0%{ transform:translateX(-50%) translateY(0); opacity:1; } 100%{ transform:translateX(-50%) translateY(-18px); opacity:0; } }
  @keyframes hhreel{ to{ transform:rotate(-360deg); } }
  @keyframes hhsp{ 0%{ transform:translate(0,0) scale(.6); opacity:0; } 15%{ opacity:1; } 50%{ transform:translate(calc(var(--dx) * .6),var(--dy)) scale(1); opacity:1; } 100%{ transform:translate(var(--dx),calc(var(--dy) + 56px)) scale(.8); opacity:0; } }
  @media (prefers-reduced-motion: reduce){ .hhead.hh-go, .hhead.hh-go .hhr, .hhead.hh-go .sp, .hhead.hh-out{ animation:none; } }
  .hcard{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:6; width:min(calc(100% - 20px),380px); max-height:calc(100% - 16px); overflow-y:auto; overscroll-behavior:contain;
    padding:12px 14px 12px; border-radius:18px; background:#0e162c; border:1px solid var(--hair-2); box-shadow:0 18px 50px rgba(0,0,0,.6); animation:pop .4s cubic-bezier(.2,1.4,.4,1); cursor:pointer; }
  .hcard .hh{ display:flex; align-items:center; gap:8px; }
  .hcard .ht{ font:400 22px/1 var(--fun); letter-spacing:.02em; color:var(--ink); }
  .hcard .hw{ font:500 var(--fs-c) var(--font); color:var(--ink-3); white-space:nowrap; min-width:0; overflow:hidden; text-overflow:ellipsis; }   
  .hcard .hchip{ flex:none; }
  .hcard .rl{ font:700 9.5px var(--font); letter-spacing:.08em; color:var(--real); border:1px solid var(--real); border-radius:6px; padding:1px 5px; }
  .hchip{ margin-left:auto; display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 9px; border-radius:99px; border:1px solid var(--hair-2); background:rgba(255,255,255,.03); color:var(--ink-2); font:600 10.5px var(--font); cursor:pointer; white-space:nowrap; }
  .hchip svg{ width:11px; height:13px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
  .hchip.ok{ color:var(--ink); border-color:rgba(232,238,252,.4); }
  .hchip.wait svg{ animation:hg 2.4s ease-in-out infinite; }
  @keyframes hg{ 0%,40%{ transform:rotate(0); } 50%,90%{ transform:rotate(180deg); } 100%{ transform:rotate(180deg); } }
  .hwhy{ margin:6px 0 0; font:400 var(--fs-c)/1.4 var(--font); color:var(--ink-2); }
  .hcard .net{ font:400 46px/1 var(--fun); letter-spacing:.01em; margin:8px 0 2px; text-align:center; }
  .hcard .cnt{ text-align:center; font:500 var(--fs-c) var(--font); color:var(--ink-2); }
  .hcard .cnt b{ color:var(--ink); font-weight:600; }
  .hcard .kv{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:2px 8px; margin-top:9px; padding-top:8px; border-top:1px solid var(--hair); font:400 var(--fs-c) var(--font); color:var(--ink-3); }
  .hcard .kv svg{ width:30px; height:16px; }
  .hcard .kv .v{ color:var(--ink); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .hcard .kv .nn{ font:400 17px var(--fun); letter-spacing:.01em; text-align:right; white-space:nowrap; }
  .hcard .ls{ margin-top:8px; padding-top:6px; border-top:1px solid var(--hair); display:grid; gap:2px; max-height:116px; overflow-y:auto; }
  .hcard .li{ display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:6px; font:400 10.5px/1.3 var(--font); color:var(--ink-2); padding:2px 0; border-radius:6px; }
  .hcard .li svg{ width:28px; height:15px; }
  .hcard .li.esc svg{ opacity:.35; filter:grayscale(.8); }
  .hcard .li span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .hcard .li b{ font:400 14px var(--fun); letter-spacing:.01em; }
  .hcard .li.flip{ animation:hflip 1.6s ease-out; }
  @keyframes hflip{ 0%,30%{ background:rgba(232,238,252,.16); } 100%{ background:transparent; } }
  .hcard .bt{ display:grid; grid-template-columns:1fr 1.4fr; gap:8px; margin-top:10px; }
  .hcard .bt button{ min-height:40px; border-radius:11px; border:1px solid var(--hair-2); background:var(--raised); color:var(--ink); font:600 var(--fs-b) var(--font); cursor:pointer; }
  .hcard .bt .again{ border:0; font:400 17px var(--fun); letter-spacing:.02em; }
  .hcard .bt .again:disabled{ background:var(--raised); color:var(--ink-3); box-shadow:none; font:500 var(--fs-c) var(--font); cursor:default; }
  .hcard .bt .again.one{ grid-column:1 / -1; }   
  .hcard.compact .ls{ display:none; }
  .hcard .net.cp{ color:var(--ink); font-size:40px; }
  .hcard .mnote{ margin-top:6px; text-align:center; font:400 10.5px var(--font); color:var(--ink-3); }
  .hcard .kv .mvi{ display:flex; justify-content:center; } .hcard .kv .mvi svg{ width:11px; height:13px; fill:currentColor; }
  .hcard .kv .mvi.gain{ color:var(--gain); } .hcard .kv .mvi.loss{ color:var(--loss); } .hcard .kv .mvi.mut{ color:var(--ink-3); }
  .hres .r.mr .p{ font-size:clamp(20px,6.2vw,32px); }
  .hcard.compact .mnote{ display:none; }
  .hcard.compact .net{ font-size:38px; margin-top:5px; }
  @media (max-width:899px){ .oclock, .hres{ bottom:26px; } }
  @media (prefers-reduced-motion:reduce){ .oclock .n, .oclock.tick .n, .oclock.ten.tick .n, .oclock.three.tick .n, .oclock.zero .n{ animation:none !important; } .hres .r, .hcard{ animation:none; } .hchip.wait svg{ animation:none; } .hcard .li.flip{ animation:none; background:rgba(232,238,252,.12); } }
  .ar{ width:.78em; height:.92em; fill:currentColor; flex:none; vertical-align:-.08em; }
  .fishrow{ align-items:baseline; gap:8px; }
  .fishrow .strike{ font:400 23px/1 var(--fun); letter-spacing:.01em; color:var(--ink); }
  .fishrow .dist{ font:500 var(--fs-c) var(--font); color:var(--ink-3); }
  .fishrow .best{ margin-left:auto; }
  .seg button{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"t pr" "s pr"; column-gap:6px; padding:5px 10px 5px 11px; }
  .seg .t{ grid-area:t; justify-content:flex-start; align-items:center; gap:5px; font:700 var(--fs-h) var(--font); letter-spacing:.02em; }
  .seg .s{ grid-area:s; }
  .seg .pr{ grid-area:pr; align-self:center; font:400 32px/1 var(--fun); letter-spacing:.01em; color:var(--ink); }
  .seg button:not(.on) .pr{ color:var(--ink-2); }
  .seg .yes .t .ar{ color:var(--up); } .seg .no .t .ar{ color:var(--dn); }
  .castbtn{ justify-self:end; align-self:end; width:auto; min-width:150px; padding:6px 22px; display:inline-flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap;
    font:400 22px/1 var(--fun); letter-spacing:.02em; background:var(--up); color:#05231f; box-shadow:0 6px 22px rgba(79,209,197,.22); }
  .castbtn.dn{ background:var(--dn); color:#140b30; box-shadow:0 6px 22px rgba(167,139,250,.24); }
  .castbtn .ar{ width:.7em; height:.85em; }
  .castbtn .rt{ font:700 9.5px var(--font); letter-spacing:.08em; color:var(--real-ink); background:var(--real); border-radius:6px; padding:2px 5px; margin-left:2px; }
  .castbtn:disabled{ background:var(--raised); color:var(--ink-2); box-shadow:none; font:500 var(--fs-c)/1.25 var(--font); white-space:normal; max-width:100%; }
  .sum{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; align-self:center; }
  .sum .k{ color:var(--ink-3); font-size:var(--fs-c); }
  .sum b{ font:400 17px var(--fun); letter-spacing:.01em; }
  .sum b.mut{ color:var(--ink-2); } .sum b.gain{ color:var(--gain); } .sum b.loss{ color:var(--loss); }
  .size .lbl .cost{ display:none; }   
  .sum i{ font-style:normal; color:var(--ink-3); margin:0 8px; }
  .cz{ align-items:center; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"fish sum" "bait bait" "size cast"; }
  .sum{ justify-self:end; }
  .rall{ border:1px solid var(--hair-2); background:var(--raised); color:var(--ink); font:600 var(--fs-c) var(--font); border-radius:8px; padding:1px 9px; cursor:pointer; white-space:nowrap; min-height:20px; line-height:16px; margin:-3px 0; }
  .rall b{ font:400 14px var(--fun); letter-spacing:.01em; margin-left:3px; }
  .rall.gain{ border-color:rgba(52,211,153,.5); } .rall.gain b{ color:var(--gain); }
  .rall.loss{ border-color:rgba(248,113,113,.5); } .rall.loss b{ color:var(--loss); }
  .rall.arm{ background:var(--ink); color:var(--bg); border-color:var(--ink); }
  .lz .lbl{ align-items:center; }
  .lc .fi svg{ width:30px; height:16px; vertical-align:-3px; margin-right:4px; }
  .lc .sd{ display:inline-flex; align-items:center; padding:2px 4px; margin-right:5px; } .lc .sd .ar{ width:9px; height:11px; }
  .lc .hold{ display:none; }
  .reel .w{ margin-right:5px; }
  .lc .lr{ align-items:center; }
  @media (max-width:899px){
    .cz{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"fish fish" "bait bait" "size size" "sum cast"; }
    .sum{ justify-self:stretch; min-width:0; }
    .seg .pr{ font-size:28px; }
    .castbtn{ min-width:136px; padding:6px 16px; font-size:20px; }
    .sum b{ font-size:15px; } .sum i{ margin:0 5px; }
    body.chartmode .castbtn{ min-width:84px; padding:4px 10px; justify-self:stretch; }
    body.chartmode .seg button{ grid-template-columns:auto auto; grid-template-areas:"t pr"; justify-content:center; column-gap:4px; text-align:left; }
    body.chartmode .seg .t{ flex-direction:row; font-size:11px; gap:2px; }
    body.chartmode .seg .t{ font-size:0; } body.chartmode .seg .t .ar{ width:11px; height:13px; }
    body.chartmode .seg .pr{ font-size:18px; }
  }
  @media (max-width:899px) and (max-height:700px){ .seg .pr{ font-size:24px; } }
  @media (max-width:440px){ .sum .md{ display:none; } }
  .hcard .bt .again{ background:var(--up); color:#05231f; box-shadow:0 6px 22px rgba(79,209,197,.2); }
  .hcard .bt .again.dn:not(:disabled){ background:var(--dn); color:#140b30; box-shadow:0 6px 22px rgba(167,139,250,.22); }
  html.iosfull, html.iosfull body{ height:var(--apph); min-height:var(--apph); overflow:hidden; }
  html.iosfull .app{ inset:auto; top:0; left:0; right:0; height:var(--apph); bottom:auto; }
  .stars{ display:none; }
  @media (max-width:899px){
    .sky{ background:#060b1d; }
    .sky i{ display:none; }
    .stars{ display:block; position:absolute; left:0; right:0; top:0; height:var(--starsH,120px); overflow:hidden; }
    .stars b{ position:absolute; left:0; top:0; width:1px; height:1px; border-radius:50%; background:transparent; animation:twk 4.5s ease-in-out infinite alternate; }
    .stars b:nth-child(2){ animation-duration:6.5s; animation-delay:-2s; }
    .stars b:nth-child(3){ animation-duration:3.2s; animation-delay:-1s; }
    .stars s{ position:absolute; top:0; left:0; width:46px; height:1px; border-radius:2px; opacity:0; text-decoration:none;
      background:linear-gradient(90deg, rgba(225,235,255,.75), rgba(225,235,255,0)); transform-origin:left center; }
    .stars s.go{ animation:shoot 1.1s ease-out forwards; }
    @keyframes twk{ from{ opacity:.25; } to{ opacity:.7; } }
    @keyframes shoot{ 0%{ opacity:0; transform:rotate(var(--sa,-20deg)) translateX(0); } 20%{ opacity:.8; } 100%{ opacity:0; transform:rotate(var(--sa,-20deg)) translateX(var(--sd,-170px)); } }
  }
  @media (max-width:899px) and (prefers-reduced-motion:reduce){ .stars b{ animation:none; } .stars s{ display:none; } }
  @media (max-width:899px){ html.skyart .stars b:nth-child(n+2){ display:none; } html.skyart .stars b{ filter:opacity(.55); } }
  #bk, .dock .bk, .bks{ display:none !important; }   
  @media (min-width:900px){ .dock{ grid-template-columns:minmax(0,1fr) minmax(220px,300px) !important; grid-template-areas:"cast lines" !important; } }
  :root{ --cardB:#284a66; --cardBW:3px; }      
  .lake, .dock, .side{ border:var(--cardBW) solid var(--cardB) !important; border-radius:18px !important; box-shadow:inset 0 0 0 1px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.35); }
  @media (max-width:899px){
    .main{ padding:0 6px; }
    .dock{ margin-top:6px !important; }
    body.chartmode .dock{ margin-top:6px !important; }
    .side{ border-bottom-width:0 !important; border-radius:18px 18px 0 0 !important; }
  }
  .castbtn:not(:disabled){ position:relative; color:#fff !important; border:3px solid var(--cbO) !important; border-radius:16px !important;
    background:linear-gradient(180deg, var(--cbHi) 0%, var(--cbMid) 50%, var(--cbLo) 100%) !important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 10px 16px rgba(0,0,0,.38) !important;
    -webkit-text-stroke:0; text-shadow:2.60px 0.00px 0 var(--cbO), 2.56px 0.45px 0 var(--cbO), 2.44px 0.89px 0 var(--cbO), 2.25px 1.30px 0 var(--cbO), 1.99px 1.67px 0 var(--cbO), 1.67px 1.99px 0 var(--cbO), 1.30px 2.25px 0 var(--cbO), 0.89px 2.44px 0 var(--cbO), 0.45px 2.56px 0 var(--cbO), 0.00px 2.60px 0 var(--cbO), -0.45px 2.56px 0 var(--cbO), -0.89px 2.44px 0 var(--cbO), -1.30px 2.25px 0 var(--cbO), -1.67px 1.99px 0 var(--cbO), -1.99px 1.67px 0 var(--cbO), -2.25px 1.30px 0 var(--cbO), -2.44px 0.89px 0 var(--cbO), -2.56px 0.45px 0 var(--cbO), -2.60px 0.00px 0 var(--cbO), -2.56px -0.45px 0 var(--cbO), -2.44px -0.89px 0 var(--cbO), -2.25px -1.30px 0 var(--cbO), -1.99px -1.67px 0 var(--cbO), -1.67px -1.99px 0 var(--cbO), -1.30px -2.25px 0 var(--cbO), -0.89px -2.44px 0 var(--cbO), -0.45px -2.56px 0 var(--cbO), -0.00px -2.60px 0 var(--cbO), 0.45px -2.56px 0 var(--cbO), 0.89px -2.44px 0 var(--cbO), 1.30px -2.25px 0 var(--cbO), 1.67px -1.99px 0 var(--cbO), 1.99px -1.67px 0 var(--cbO), 2.25px -1.30px 0 var(--cbO), 2.44px -0.89px 0 var(--cbO), 2.56px -0.45px 0 var(--cbO), 1.98px 0.26px 0 var(--cbO), 1.85px 0.77px 0 var(--cbO), 1.59px 1.22px 0 var(--cbO), 1.22px 1.59px 0 var(--cbO), 0.77px 1.85px 0 var(--cbO), 0.26px 1.98px 0 var(--cbO), -0.26px 1.98px 0 var(--cbO), -0.77px 1.85px 0 var(--cbO), -1.22px 1.59px 0 var(--cbO), -1.59px 1.22px 0 var(--cbO), -1.85px 0.77px 0 var(--cbO), -1.98px 0.26px 0 var(--cbO), -1.98px -0.26px 0 var(--cbO), -1.85px -0.77px 0 var(--cbO), -1.59px -1.22px 0 var(--cbO), -1.22px -1.59px 0 var(--cbO), -0.77px -1.85px 0 var(--cbO), -0.26px -1.98px 0 var(--cbO), 0.26px -1.98px 0 var(--cbO), 0.77px -1.85px 0 var(--cbO), 1.22px -1.59px 0 var(--cbO), 1.59px -1.22px 0 var(--cbO), 1.85px -0.77px 0 var(--cbO), 1.98px -0.26px 0 var(--cbO), 1.16px 0.31px 0 var(--cbO), 0.85px 0.85px 0 var(--cbO), 0.31px 1.16px 0 var(--cbO), -0.31px 1.16px 0 var(--cbO), -0.85px 0.85px 0 var(--cbO), -1.16px 0.31px 0 var(--cbO), -1.16px -0.31px 0 var(--cbO), -0.85px -0.85px 0 var(--cbO), -0.31px -1.16px 0 var(--cbO), 0.31px -1.16px 0 var(--cbO), 0.85px -0.85px 0 var(--cbO), 1.16px -0.31px 0 var(--cbO) !important;   
    --cbHi:#8cf7ea; --cbMid:#1fd6c4; --cbLo:#0ea295; --cbO:#0c5049; transition:transform .08s, box-shadow .08s; margin-bottom:5px; }
  .castbtn.dn:not(:disabled){ --cbHi:#ddd2ff; --cbMid:#a78bfa; --cbLo:#7a5ae0; --cbO:#3d2490; }
  .castbtn:not(:disabled)::after{ content:''; position:absolute; left:9%; right:9%; top:3px; height:36%; border-radius:12px 12px 40% 40%;
    background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0)); pointer-events:none; }
  .castbtn:not(:disabled) .ar{ fill:#fff; stroke:var(--cbO); stroke-width:4px; stroke-linejoin:round; stroke-linecap:round; paint-order:stroke fill; overflow:visible; filter:none; }   
  .castbtn:not(:disabled):hover{ filter:brightness(1.05); }
  .castbtn:not(:disabled):active{ transform:translateY(4px) !important; box-shadow:inset 0 2px 0 rgba(255,255,255,.4), 0 1px 0 var(--cbO), 0 5px 10px rgba(0,0,0,.35) !important; }
  .dock{ background:
      radial-gradient(120% 60% at 50% 0%, rgba(80,170,210,.10), rgba(80,170,210,0) 60%),
      linear-gradient(180deg, rgba(6,16,38,.80) 0%, rgba(5,12,30,.88) 55%, rgba(4,9,24,.94) 100%),
      url('/art/ocean/base-v2.webp') 50% 92% / cover no-repeat, #081127 !important; }
  @media (max-width:899px){ .dock{ background-size:auto, auto, auto 230% !important; background-position:0 0, 0 0, 50% 100% !important; } }
  .sky{ background:
      radial-gradient(60% 45% at 82% 6%, rgba(150,170,255,.16), rgba(150,170,255,0) 70%),
      radial-gradient(70% 50% at 50% 108%, rgba(40,150,190,.20), rgba(40,150,190,0) 70%),
      radial-gradient(50% 60% at 6% 40%, rgba(120,80,200,.12), rgba(120,80,200,0) 70%),
      radial-gradient(120% 100% at 50% 50%, rgba(0,0,0,0) 55%, rgba(0,0,0,.35) 100%),
      #070d1f !important; }
  .dock, .dock *{ --rgL:2.30px 0.00px 0 var(--cbO), 2.27px 0.40px 0 var(--cbO), 2.16px 0.79px 0 var(--cbO), 1.99px 1.15px 0 var(--cbO), 1.76px 1.48px 0 var(--cbO), 1.48px 1.76px 0 var(--cbO), 1.15px 1.99px 0 var(--cbO), 0.79px 2.16px 0 var(--cbO), 0.40px 2.27px 0 var(--cbO), 0.00px 2.30px 0 var(--cbO), -0.40px 2.27px 0 var(--cbO), -0.79px 2.16px 0 var(--cbO), -1.15px 1.99px 0 var(--cbO), -1.48px 1.76px 0 var(--cbO), -1.76px 1.48px 0 var(--cbO), -1.99px 1.15px 0 var(--cbO), -2.16px 0.79px 0 var(--cbO), -2.27px 0.40px 0 var(--cbO), -2.30px 0.00px 0 var(--cbO), -2.27px -0.40px 0 var(--cbO), -2.16px -0.79px 0 var(--cbO), -1.99px -1.15px 0 var(--cbO), -1.76px -1.48px 0 var(--cbO), -1.48px -1.76px 0 var(--cbO), -1.15px -1.99px 0 var(--cbO), -0.79px -2.16px 0 var(--cbO), -0.40px -2.27px 0 var(--cbO), -0.00px -2.30px 0 var(--cbO), 0.40px -2.27px 0 var(--cbO), 0.79px -2.16px 0 var(--cbO), 1.15px -1.99px 0 var(--cbO), 1.48px -1.76px 0 var(--cbO), 1.76px -1.48px 0 var(--cbO), 1.99px -1.15px 0 var(--cbO), 2.16px -0.79px 0 var(--cbO), 2.27px -0.40px 0 var(--cbO), 1.75px 0.00px 0 var(--cbO), 1.69px 0.45px 0 var(--cbO), 1.51px 0.87px 0 var(--cbO), 1.24px 1.24px 0 var(--cbO), 0.87px 1.51px 0 var(--cbO), 0.45px 1.69px 0 var(--cbO), 0.00px 1.75px 0 var(--cbO), -0.45px 1.69px 0 var(--cbO), -0.87px 1.51px 0 var(--cbO), -1.24px 1.24px 0 var(--cbO), -1.51px 0.87px 0 var(--cbO), -1.69px 0.45px 0 var(--cbO), -1.75px 0.00px 0 var(--cbO), -1.69px -0.45px 0 var(--cbO), -1.51px -0.87px 0 var(--cbO), -1.24px -1.24px 0 var(--cbO), -0.87px -1.51px 0 var(--cbO), -0.45px -1.69px 0 var(--cbO), -0.00px -1.75px 0 var(--cbO), 0.45px -1.69px 0 var(--cbO), 0.87px -1.51px 0 var(--cbO), 1.24px -1.24px 0 var(--cbO), 1.51px -0.87px 0 var(--cbO), 1.69px -0.45px 0 var(--cbO), 1.03px 0.00px 0 var(--cbO), 0.90px 0.52px 0 var(--cbO), 0.52px 0.90px 0 var(--cbO), 0.00px 1.03px 0 var(--cbO), -0.52px 0.90px 0 var(--cbO), -0.90px 0.52px 0 var(--cbO), -1.03px 0.00px 0 var(--cbO), -0.90px -0.52px 0 var(--cbO), -0.52px -0.90px 0 var(--cbO), -0.00px -1.03px 0 var(--cbO), 0.52px -0.90px 0 var(--cbO), 0.90px -0.52px 0 var(--cbO);
    --rgS:1.70px 0.00px 0 var(--cbO), 1.67px 0.30px 0 var(--cbO), 1.60px 0.58px 0 var(--cbO), 1.47px 0.85px 0 var(--cbO), 1.30px 1.09px 0 var(--cbO), 1.09px 1.30px 0 var(--cbO), 0.85px 1.47px 0 var(--cbO), 0.58px 1.60px 0 var(--cbO), 0.30px 1.67px 0 var(--cbO), 0.00px 1.70px 0 var(--cbO), -0.30px 1.67px 0 var(--cbO), -0.58px 1.60px 0 var(--cbO), -0.85px 1.47px 0 var(--cbO), -1.09px 1.30px 0 var(--cbO), -1.30px 1.09px 0 var(--cbO), -1.47px 0.85px 0 var(--cbO), -1.60px 0.58px 0 var(--cbO), -1.67px 0.30px 0 var(--cbO), -1.70px 0.00px 0 var(--cbO), -1.67px -0.30px 0 var(--cbO), -1.60px -0.58px 0 var(--cbO), -1.47px -0.85px 0 var(--cbO), -1.30px -1.09px 0 var(--cbO), -1.09px -1.30px 0 var(--cbO), -0.85px -1.47px 0 var(--cbO), -0.58px -1.60px 0 var(--cbO), -0.30px -1.67px 0 var(--cbO), -0.00px -1.70px 0 var(--cbO), 0.30px -1.67px 0 var(--cbO), 0.58px -1.60px 0 var(--cbO), 0.85px -1.47px 0 var(--cbO), 1.09px -1.30px 0 var(--cbO), 1.30px -1.09px 0 var(--cbO), 1.47px -0.85px 0 var(--cbO), 1.60px -0.58px 0 var(--cbO), 1.67px -0.30px 0 var(--cbO), 1.29px 0.00px 0 var(--cbO), 1.25px 0.33px 0 var(--cbO), 1.12px 0.65px 0 var(--cbO), 0.91px 0.91px 0 var(--cbO), 0.65px 1.12px 0 var(--cbO), 0.33px 1.25px 0 var(--cbO), 0.00px 1.29px 0 var(--cbO), -0.33px 1.25px 0 var(--cbO), -0.65px 1.12px 0 var(--cbO), -0.91px 0.91px 0 var(--cbO), -1.12px 0.65px 0 var(--cbO), -1.25px 0.33px 0 var(--cbO), -1.29px 0.00px 0 var(--cbO), -1.25px -0.33px 0 var(--cbO), -1.12px -0.65px 0 var(--cbO), -0.91px -0.91px 0 var(--cbO), -0.65px -1.12px 0 var(--cbO), -0.33px -1.25px 0 var(--cbO), -0.00px -1.29px 0 var(--cbO), 0.33px -1.25px 0 var(--cbO), 0.65px -1.12px 0 var(--cbO), 0.91px -0.91px 0 var(--cbO), 1.12px -0.65px 0 var(--cbO), 1.25px -0.33px 0 var(--cbO), 0.77px 0.00px 0 var(--cbO), 0.66px 0.38px 0 var(--cbO), 0.38px 0.66px 0 var(--cbO), 0.00px 0.77px 0 var(--cbO), -0.38px 0.66px 0 var(--cbO), -0.66px 0.38px 0 var(--cbO), -0.77px 0.00px 0 var(--cbO), -0.66px -0.38px 0 var(--cbO), -0.38px -0.66px 0 var(--cbO), -0.00px -0.77px 0 var(--cbO), 0.38px -0.66px 0 var(--cbO), 0.66px -0.38px 0 var(--cbO); }
  .dock{ font-variant-numeric:tabular-nums; }
  .fishrow{ align-items:center; gap:10px; height:32px; overflow:hidden; }
  .fishrow .strike{ font:400 30px/1 var(--fun); color:#fff; --cbO:#050a18; text-shadow:var(--rgL); letter-spacing:.015em; flex:none; padding:0 2px; }
  .fishrow .dist{ flex:0 1 auto; min-width:0; }
  .fishrow .dist i.bw{ font-style:normal; } .fishrow .dist.short i.bw{ display:none; }
  @media (min-width:900px){
  .cz.dtight .sum .k{ display:none; } .cz.dtight .sum{ gap:8px; grid-row:1; position:relative; z-index:1; }
  .cz.dtight .fishrow{ grid-column:1 / -1; grid-row:1; }    .cz.dtight2 .fishrow .strike{ font-size:24px; } .cz.dtight2 .fishrow{ gap:6px; }
  .cz.dtight3 .sum b, .cz.dtight3 .sum .st b{ font-size:14px !important; } .cz.dtight3 .sum, .cz.dtight3 .sum .st{ gap:4px; padding:0 3px; } .cz.dtight3 .dchip{ font-size:16px !important; gap:4px; } .cz.dtight3 .fishrow .strike{ font-size:22px; }
  }
  .dchip{ display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 12px 0 9px; border-radius:14px; box-sizing:border-box;
    background:linear-gradient(180deg,#22335f,#0d1633); border:1.5px solid rgba(170,195,245,.38); box-shadow:0 2px 6px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12);
    font:400 17px/1 var(--fun) !important; letter-spacing:.02em; color:#fff !important; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .dchip span{ overflow:hidden; text-overflow:ellipsis; }
  .dchip .ar{ width:14px; height:16px; flex:none; stroke-width:2.6px; stroke-linejoin:round; paint-order:stroke fill; overflow:visible; vertical-align:0; }
  .dchip.up .ar{ fill:var(--up); stroke:#0a524b; } .dchip.dn .ar{ fill:var(--dn); stroke:#33208a; }
  .fishrow .best{ flex:none; font:400 13px/1 var(--fun); letter-spacing:.05em; color:#fff; --cbO:#6b3f00; text-shadow:var(--rgS); padding:5px 10px 4px; border-radius:10px;
    background:linear-gradient(180deg,#ffe7a3,#f5b93f); border:1.5px solid #7a4a06; box-shadow:0 2px 0 #7a4a06, inset 0 1px 0 rgba(255,255,255,.6); margin-left:0; }
  .sum{ display:flex; align-items:center; gap:6px; height:32px; overflow:hidden; white-space:nowrap; }
  .sum .st{ flex:none; display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 10px; border-radius:14px; box-sizing:border-box;
    background:linear-gradient(180deg,#1d2d55,#0d1633); border:1.5px solid rgba(170,195,245,.28); box-shadow:0 2px 6px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.10); }
  .sum .st .k{ font:800 10px/1 var(--font); letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3); }
  .sum .st b{ font:400 19px/1 var(--fun); letter-spacing:.01em; --cbO:#050a18; text-shadow:var(--rgS); }
  .sum .st.gain b{ color:#5ef0a6; } .sum .st.gain .k{ color:rgba(94,240,166,.72); }
  .sum .st.loss b{ color:#ff8f8f; } .sum .st.loss .k{ color:rgba(255,143,143,.72); }
  .sum .st.md b{ color:var(--ink); font-size:17px; }
  .sum i.gg{ display:block; flex:none; width:17px; height:17px; margin:0; border-radius:50%; box-shadow:0 0 0 1.5px rgba(0,0,0,.4);
    background:radial-gradient(circle, #0f1a3a 0 4.6px, transparent 5.2px), conic-gradient(var(--side) calc(var(--m) * 1%), rgba(255,255,255,.15) 0); }
  .sum .md{ display:inline-flex !important; }
  .dock .seg{ gap:6px; padding:5px 5px 6px; border-radius:20px; background:rgba(2,6,18,.55); box-shadow:inset 0 2px 6px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.04); }
  .dock .seg button{ position:relative; height:52px; min-height:0; box-sizing:border-box; border-radius:15px; border:3px solid #1c2a47; --cbO:#050a18;
    background:linear-gradient(180deg,#16223f,#0e1730); box-shadow:inset 0 2px 5px rgba(0,0,0,.5), inset 0 -1px 0 rgba(255,255,255,.04);
    transform:translateY(2px); transition:transform .08s, box-shadow .08s, filter .15s; padding:3px 12px 3px 10px; overflow:visible; }
  .dock .seg button .t{ font:400 20px/1 var(--fun); letter-spacing:.04em; gap:5px; text-shadow:var(--rgS); }
  .dock .seg button.yes .t{ color:#5cb3ab; } .dock .seg button.no .t{ color:#9483d4; }
  .dock .seg button .t .ar{ width:15px; height:17px; fill:currentColor; stroke:var(--cbO); stroke-width:3px; stroke-linejoin:round; paint-order:stroke fill; overflow:visible; }
  .dock .seg button .s{ font:600 11.5px/1.25 var(--font); color:var(--ink-3); }
  .dock .seg button .pr{ font:400 32px/1 var(--fun); color:#8592b1; text-shadow:var(--rgL); }
  .dock .seg button:not(.on):hover{ filter:brightness(1.2); }
  .dock .seg button.on{ border-color:var(--cbO); background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 4px 0 var(--cbO), 0 8px 14px rgba(0,0,0,.35); transform:translateY(-2px); }
  .dock .seg button.yes.on{ --cbHi:#8cf7ea; --cbMid:#1fd6c4; --cbLo:#0ea295; --cbO:#0c5049; }
  .dock .seg button.no.on{ --cbHi:#ddd2ff; --cbMid:#a78bfa; --cbLo:#7a5ae0; --cbO:#3d2490; }
  .dock .seg button.on::after{ content:''; position:absolute; left:8%; right:8%; top:2px; height:34%; border-radius:11px 11px 40% 40%;
    background:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0)); pointer-events:none; }
  .dock .seg button.on .t, .dock .seg button.on .pr{ color:#fff; text-shadow:var(--rgL); }
  .dock .seg button.on .t .ar{ fill:#fff; }
  .dock .seg button.on .s{ color:#fff; text-shadow:0 1px 0 var(--cbO), 0 0 2px var(--cbO), 0 0 1px var(--cbO); }
  .dock .seg button:active{ transform:translateY(3px); }
  .dock .seg button.on:active{ transform:translateY(1px); box-shadow:inset 0 2px 0 rgba(255,255,255,.4), 0 1px 0 var(--cbO), 0 4px 8px rgba(0,0,0,.3); }
  .dock .seg button:focus-visible, .dock .cta button:focus-visible, .dock .reel:focus-visible{ outline:2px solid #fff; outline-offset:3px; }
  .cta{ grid-area:cast; display:flex; align-items:flex-start; justify-content:flex-end; gap:10px; height:57px; min-width:0; }
  .cta .castbtn, .cta .rallb{ height:50px; min-height:0; margin:0 !important; box-sizing:border-box; overflow:hidden; align-self:flex-start; }
  .cta .castbtn{ flex:0 1 auto; min-width:0; }
  .cta .castbtn:disabled{ line-height:1.15; padding:4px 12px; }
  .rallb{ position:relative; flex:none; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:112px; padding:3px 14px;
    border-radius:16px; border:3px solid var(--cbO); cursor:pointer; color:#fff; white-space:nowrap;
    background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 10px 16px rgba(0,0,0,.38); transition:transform .08s, box-shadow .08s; }
  .rallb::after, .dock .reel:not(:disabled)::after{ content:''; position:absolute; left:9%; right:9%; top:2px; height:34%; border-radius:11px 11px 40% 40%;
    background:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0)); pointer-events:none; }
  .rallb .k{ font:400 13px/1 var(--fun); letter-spacing:.04em; text-shadow:var(--rgS); }
  .rallb b{ font:400 21px/1 var(--fun); letter-spacing:.01em; text-shadow:var(--rgL); }
  .rallb.gain, .dock .reel.gain{ --cbHi:#a9f7cd; --cbMid:#34d399; --cbLo:#13a067; --cbO:#0a4f30; }
  .rallb.loss, .dock .reel.loss{ --cbHi:#ffb3b3; --cbMid:#f47272; --cbLo:#cf3838; --cbO:#6e1212; }
  .rallb.mut, .dock .reel.mut{ --cbHi:#dfe5f1; --cbMid:#9aa5bf; --cbLo:#69738f; --cbO:#2d3447; }
  .rallb.arm{ --cbHi:#fff0b8; --cbMid:#f5c76a; --cbLo:#d9962a; --cbO:#6b3f00; animation:rarm .9s ease-in-out infinite alternate; }
  @keyframes rarm{ to{ filter:brightness(1.14); } }
  .rallb:not(:disabled):hover, .dock .reel:not(:disabled):hover{ filter:brightness(1.06); }
  .rallb:not(:disabled):active, .dock .reel:not(:disabled):active{ transform:translateY(4px); box-shadow:inset 0 2px 0 rgba(255,255,255,.4), 0 1px 0 var(--cbO), 0 4px 8px rgba(0,0,0,.3); }
  .rallb:disabled, .dock .reel:disabled{ --cbO:#050a18; cursor:not-allowed; color:#7b86a3; border-color:#212d49;
    background:linear-gradient(180deg,#19233f,#111a32); box-shadow:inset 0 2px 4px rgba(0,0,0,.45), 0 5px 0 #0a1124; }
  .rallb:disabled .k, .rallb:disabled b{ text-shadow:none; color:#7b86a3; }
  .rallb:disabled b{ font:600 12px/1.1 var(--font); }
  .lz .lbl{ height:22px; margin-bottom:6px; }
  .lz .lbl > span:first-child{ font:400 16px/1 var(--fun); letter-spacing:.02em; color:#e6eeff; --cbO:#050a18; text-shadow:var(--rgS); }
  .lz .lbl .cnt{ color:var(--ink-2); }
  .dock .lines{ gap:6px; padding:0 2px 6px 0; }
  .dock .lc{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; column-gap:8px; row-gap:0; height:52px; box-sizing:border-box; padding:4px 6px 4px 8px;
    border-radius:16px; border:1.5px solid rgba(170,195,245,.16); background:linear-gradient(180deg,rgba(30,46,88,.62),rgba(12,20,46,.72)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
  .dock .lc.sel{ border-color:rgba(232,240,255,.5); background:linear-gradient(180deg,rgba(46,68,124,.75),rgba(18,30,66,.8)); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
  .dock .lc .fi{ display:block; width:36px; height:20px; }
  .dock .lc .fi svg{ display:block; width:36px; height:20px; margin:0; vertical-align:0; filter:drop-shadow(0 1px 1px rgba(0,0,0,.5)); }
  .dock .lc .lm{ min-width:0; display:grid; gap:3px; }
  .dock .lc .h1{ display:flex; align-items:center; gap:6px; white-space:nowrap; min-width:0; height:20px; overflow:hidden; }
  .dock .lc .sd{ flex:none; display:inline-grid; place-items:center; width:20px; height:20px; padding:0; margin:0; border-radius:50%; box-sizing:border-box; border:1.5px solid var(--cbO);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 1.5px 0 var(--cbO); }
  .dock .lc .sd.yes{ --cbO:#0a524b; background:linear-gradient(180deg,#94f3e8,#1fa596); } .dock .lc .sd.no{ --cbO:#33208a; background:linear-gradient(180deg,#cdbcff,#7550ea); }
  .dock .lc .sd .ar{ width:10px; height:12px; fill:#fff; stroke:var(--cbO); stroke-width:2.4px; stroke-linejoin:round; paint-order:stroke fill; overflow:visible; }
  .dock .lc .stk{ font:400 18px/1 var(--fun); letter-spacing:.01em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); }
  .dock .lc .nx{ font:700 12.5px/1 var(--font); color:var(--ink-2); }
  .dock .lc .cn{ font:700 10.5px/1 var(--font); letter-spacing:.06em; color:var(--ink-3); }
  .dock .lc .h2{ font:500 11.5px/1.2 var(--font); color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:14px; }
  .dock .lc .h2 b{ font-weight:700; } .dock .lc .h2 b.gain{ color:var(--gain); } .dock .lc .h2 b.loss{ color:var(--loss); }
  .dock .lc .hold{ display:none; }
  .dock .reel{ position:relative; flex:none; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; width:96px; min-width:0; height:40px; min-height:0;
    margin:0 0 4px; padding:0 6px; box-sizing:border-box; border-radius:13px; border:2.5px solid var(--cbO); color:#fff; overflow:hidden; white-space:nowrap; font:inherit; cursor:pointer;
    background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.45), 0 4px 0 var(--cbO), 0 7px 12px rgba(0,0,0,.35); transition:transform .08s, box-shadow .08s; }
  .dock .reel .rv{ font:400 18px/1 var(--fun); letter-spacing:.01em; text-shadow:var(--rgS); }
  .dock .reel .cash{ font:700 10px/1 var(--font); letter-spacing:.02em; color:#fff; text-shadow:0 1px 0 var(--cbO), 0 0 2px var(--cbO), 0 0 1px var(--cbO); max-width:100%; overflow:hidden; text-overflow:ellipsis; }
  .dock .reel:disabled{ box-shadow:inset 0 2px 4px rgba(0,0,0,.45), 0 4px 0 #0a1124; }
  .dock .reel:disabled .rv{ font:700 12.5px/1.1 var(--font); color:#9aa5c2; text-shadow:none; }
  .dock .reel:disabled .cash{ color:#6f7a96; text-shadow:none; font-weight:600; }
  .dock .reel.settle.gain:disabled .rv{ font:400 17px/1 var(--fun); color:var(--gain); } .dock .reel.settle.loss:disabled .rv{ font:400 17px/1 var(--fun); color:var(--loss); }
  .dock .lempty{ font:500 var(--fs-c)/1.5 var(--font); }
  .cz{ grid-template-areas:"fish sum" "bait bait" "size cast"; row-gap:9px; }
  @media (min-width:900px) and (max-width:1500px){
    .fishrow .best{ font-size:0; padding:0; width:22px; height:22px; border-radius:50%; position:relative; }
    .fishrow .best::before{ content:'\2605'; position:absolute; inset:0; display:grid; place-items:center; font:400 13px/1 var(--font); color:#fff; text-shadow:0 1px 0 #6b3f00, 0 0 2px #6b3f00; }
    .sum .st.md .k{ display:none; }
  }
  @media (min-width:900px) and (max-width:1320px){
    .fishrow .strike{ font-size:27px; } .dchip{ font-size:15.5px !important; padding:0 10px 0 8px; } .sum .st{ padding:0 8px; gap:5px; } .sum .st b{ font-size:17px; } .sum .st .k{ font-size:9.5px; }
    .cta .castbtn{ min-width:0; padding-left:16px; padding-right:16px; font-size:20px; } .rallb{ min-width:100px; padding:3px 10px; }
  }
  @media (max-width:899px){
    .cz{ grid-template-columns:minmax(0,1fr); grid-template-areas:"fish" "bait" "size" "sum" "cast"; gap:7px; }
    .fishrow .strike{ font-size:28px; }
    .fishrow .best{ margin-left:auto; }
    .sum{ justify-self:stretch; justify-content:flex-start; }
    .dock .seg button .pr{ font-size:30px; }
    .cta{ justify-content:stretch; }
    .cta .castbtn{ flex:1 1 auto; min-width:150px; }
    .cta .castbtn:disabled{ flex:1 1 auto; }
    .dock .lines{ display:grid; overflow-x:hidden; overflow-y:auto; height:86px; max-height:none; scroll-snap-type:y proximity; padding-bottom:4px; }
    .dock .lc{ flex:none; scroll-snap-align:start; }
    .lz{ padding-top:7px; }
    .lz .lbl{ height:18px; margin-bottom:5px; }
    body.chartmode .cta{ height:auto; gap:0; }
    body.chartmode .cta .rallb{ display:none; }
    body.chartmode .cta .castbtn{ height:40px; flex:none; }
    body.chartmode .dock .seg{ padding:3px; gap:3px; border-radius:14px; }
    body.chartmode .dock .seg button{ height:38px; padding:2px 4px; border-width:2px; border-radius:11px; }
    body.chartmode .dock .seg button .t{ font-size:0; } body.chartmode .dock .seg button .t .ar{ width:12px; height:14px; }
    body.chartmode .dock .seg button .pr{ font-size:18px; }
  }
  @media (max-width:420px){ .sum .st{ padding:0 8px; gap:5px; } .sum .st.md .k{ display:none; } }
  @media (max-width:899px) and (max-height:700px){
    .dock .seg button{ height:46px; } .dock .seg button .pr{ font-size:26px; } .cta{ height:52px; } .cta .castbtn, .cta .rallb{ height:46px; }
    .fishrow{ height:28px; } .fishrow .strike{ font-size:25px; } .sum{ height:30px; }
    .dock .lines{ height:56px; }
  }
  @media (min-width:900px){ .dock .reel{ width:86px; } .dock .reel .rv{ font-size:17px; } .dock .lc{ column-gap:6px; padding-left:6px; } .dock .lc .fi, .dock .lc .fi svg{ width:30px; height:17px; } .dock .lc .stk{ font-size:17px; } .dock .lc .h1{ gap:5px; } }
  @media (max-width:899px){
    .cz{ gap:6px; } .fishrow{ height:30px; } .sum{ height:30px; }
    .dock .seg{ padding:4px 4px 5px; } .dock .seg button{ height:48px; }
    .cta{ height:54px; } .cta .castbtn, .cta .rallb{ height:48px; }
    .dock .lines{ height:80px; } .dock .lc{ height:50px; } .lz{ padding-top:6px; } .lz .lbl{ margin-bottom:4px; }
  }
  @media (max-width:899px) and (max-height:700px){
    .dock .seg button{ height:44px; } .dock .seg button .pr{ font-size:26px; } .cta{ height:50px; } .cta .castbtn, .cta .rallb{ height:44px; }
    .fishrow{ height:28px; } .fishrow .strike{ font-size:25px; } .sum{ height:28px; } .sum .st{ height:26px; }
    .dock .lines{ height:54px; }
  }
  @media (prefers-reduced-motion:reduce){ .rallb.arm{ animation:none; } .dock .seg button, .rallb, .dock .reel{ transition:none; } }
  .coins button, .mode button, .recenter, .helpbtn, .deskbtn, .toolb, .tfs button, .hchip, .hcard .bt button, body .wxb, .gz, .ev{ --rgL:2.30px 0.00px 0 var(--cbO), 2.27px 0.40px 0 var(--cbO), 2.16px 0.79px 0 var(--cbO), 1.99px 1.15px 0 var(--cbO), 1.76px 1.48px 0 var(--cbO), 1.48px 1.76px 0 var(--cbO), 1.15px 1.99px 0 var(--cbO), 0.79px 2.16px 0 var(--cbO), 0.40px 2.27px 0 var(--cbO), 0.00px 2.30px 0 var(--cbO), -0.40px 2.27px 0 var(--cbO), -0.79px 2.16px 0 var(--cbO), -1.15px 1.99px 0 var(--cbO), -1.48px 1.76px 0 var(--cbO), -1.76px 1.48px 0 var(--cbO), -1.99px 1.15px 0 var(--cbO), -2.16px 0.79px 0 var(--cbO), -2.27px 0.40px 0 var(--cbO), -2.30px 0.00px 0 var(--cbO), -2.27px -0.40px 0 var(--cbO), -2.16px -0.79px 0 var(--cbO), -1.99px -1.15px 0 var(--cbO), -1.76px -1.48px 0 var(--cbO), -1.48px -1.76px 0 var(--cbO), -1.15px -1.99px 0 var(--cbO), -0.79px -2.16px 0 var(--cbO), -0.40px -2.27px 0 var(--cbO), -0.00px -2.30px 0 var(--cbO), 0.40px -2.27px 0 var(--cbO), 0.79px -2.16px 0 var(--cbO), 1.15px -1.99px 0 var(--cbO), 1.48px -1.76px 0 var(--cbO), 1.76px -1.48px 0 var(--cbO), 1.99px -1.15px 0 var(--cbO), 2.16px -0.79px 0 var(--cbO), 2.27px -0.40px 0 var(--cbO), 1.75px 0.00px 0 var(--cbO), 1.69px 0.45px 0 var(--cbO), 1.51px 0.87px 0 var(--cbO), 1.24px 1.24px 0 var(--cbO), 0.87px 1.51px 0 var(--cbO), 0.45px 1.69px 0 var(--cbO), 0.00px 1.75px 0 var(--cbO), -0.45px 1.69px 0 var(--cbO), -0.87px 1.51px 0 var(--cbO), -1.24px 1.24px 0 var(--cbO), -1.51px 0.87px 0 var(--cbO), -1.69px 0.45px 0 var(--cbO), -1.75px 0.00px 0 var(--cbO), -1.69px -0.45px 0 var(--cbO), -1.51px -0.87px 0 var(--cbO), -1.24px -1.24px 0 var(--cbO), -0.87px -1.51px 0 var(--cbO), -0.45px -1.69px 0 var(--cbO), -0.00px -1.75px 0 var(--cbO), 0.45px -1.69px 0 var(--cbO), 0.87px -1.51px 0 var(--cbO), 1.24px -1.24px 0 var(--cbO), 1.51px -0.87px 0 var(--cbO), 1.69px -0.45px 0 var(--cbO), 1.03px 0.00px 0 var(--cbO), 0.90px 0.52px 0 var(--cbO), 0.52px 0.90px 0 var(--cbO), 0.00px 1.03px 0 var(--cbO), -0.52px 0.90px 0 var(--cbO), -0.90px 0.52px 0 var(--cbO), -1.03px 0.00px 0 var(--cbO), -0.90px -0.52px 0 var(--cbO), -0.52px -0.90px 0 var(--cbO), -0.00px -1.03px 0 var(--cbO), 0.52px -0.90px 0 var(--cbO), 0.90px -0.52px 0 var(--cbO);
    --rgS:1.70px 0.00px 0 var(--cbO), 1.67px 0.30px 0 var(--cbO), 1.60px 0.58px 0 var(--cbO), 1.47px 0.85px 0 var(--cbO), 1.30px 1.09px 0 var(--cbO), 1.09px 1.30px 0 var(--cbO), 0.85px 1.47px 0 var(--cbO), 0.58px 1.60px 0 var(--cbO), 0.30px 1.67px 0 var(--cbO), 0.00px 1.70px 0 var(--cbO), -0.30px 1.67px 0 var(--cbO), -0.58px 1.60px 0 var(--cbO), -0.85px 1.47px 0 var(--cbO), -1.09px 1.30px 0 var(--cbO), -1.30px 1.09px 0 var(--cbO), -1.47px 0.85px 0 var(--cbO), -1.60px 0.58px 0 var(--cbO), -1.67px 0.30px 0 var(--cbO), -1.70px 0.00px 0 var(--cbO), -1.67px -0.30px 0 var(--cbO), -1.60px -0.58px 0 var(--cbO), -1.47px -0.85px 0 var(--cbO), -1.30px -1.09px 0 var(--cbO), -1.09px -1.30px 0 var(--cbO), -0.85px -1.47px 0 var(--cbO), -0.58px -1.60px 0 var(--cbO), -0.30px -1.67px 0 var(--cbO), -0.00px -1.70px 0 var(--cbO), 0.30px -1.67px 0 var(--cbO), 0.58px -1.60px 0 var(--cbO), 0.85px -1.47px 0 var(--cbO), 1.09px -1.30px 0 var(--cbO), 1.30px -1.09px 0 var(--cbO), 1.47px -0.85px 0 var(--cbO), 1.60px -0.58px 0 var(--cbO), 1.67px -0.30px 0 var(--cbO), 1.29px 0.00px 0 var(--cbO), 1.25px 0.33px 0 var(--cbO), 1.12px 0.65px 0 var(--cbO), 0.91px 0.91px 0 var(--cbO), 0.65px 1.12px 0 var(--cbO), 0.33px 1.25px 0 var(--cbO), 0.00px 1.29px 0 var(--cbO), -0.33px 1.25px 0 var(--cbO), -0.65px 1.12px 0 var(--cbO), -0.91px 0.91px 0 var(--cbO), -1.12px 0.65px 0 var(--cbO), -1.25px 0.33px 0 var(--cbO), -1.29px 0.00px 0 var(--cbO), -1.25px -0.33px 0 var(--cbO), -1.12px -0.65px 0 var(--cbO), -0.91px -0.91px 0 var(--cbO), -0.65px -1.12px 0 var(--cbO), -0.33px -1.25px 0 var(--cbO), -0.00px -1.29px 0 var(--cbO), 0.33px -1.25px 0 var(--cbO), 0.65px -1.12px 0 var(--cbO), 0.91px -0.91px 0 var(--cbO), 1.12px -0.65px 0 var(--cbO), 1.25px -0.33px 0 var(--cbO), 0.77px 0.00px 0 var(--cbO), 0.66px 0.38px 0 var(--cbO), 0.38px 0.66px 0 var(--cbO), 0.00px 0.77px 0 var(--cbO), -0.38px 0.66px 0 var(--cbO), -0.66px 0.38px 0 var(--cbO), -0.77px 0.00px 0 var(--cbO), -0.66px -0.38px 0 var(--cbO), -0.38px -0.66px 0 var(--cbO), -0.00px -0.77px 0 var(--cbO), 0.38px -0.66px 0 var(--cbO), 0.66px -0.38px 0 var(--cbO); }
  .cta{ justify-content:flex-end; }
  .cta .castbtn{ flex:none; min-width:150px; }
  .sum{ gap:12px; }
  .sum .st{ height:auto; padding:0; gap:5px; border:0; border-radius:0; background:none; box-shadow:none; align-items:baseline; }
  .sum .st .k{ font:400 13px/1 var(--fun); letter-spacing:.05em; --cbO:#050a18; text-shadow:var(--rgS); }
  .sum .st b{ font-size:21px; }
  .sum .st.md{ align-items:center; } .sum .st.md b{ font-size:19px; } .sum .st.md .k{ color:var(--ink-3); }
  .dchip{ height:auto; padding:0; gap:6px; border:0; border-radius:0; background:none; box-shadow:none; font-size:20px !important; }
  .dchip .ar{ width:16px; height:18px; }
  .dchip.at{ color:var(--ink-2) !important; }
  .dock .szr input[type=number]{ width:58px; height:32px; border:0; border-radius:0; background:none; padding:0 2px; box-shadow:inset 0 -2px 0 rgba(170,195,245,.28);
    font:400 24px/1 var(--fun); color:#fff; --cbO:#050a18; text-shadow:var(--rgS); }
  .dock .szr input[type=number]:hover{ box-shadow:inset 0 -2px 0 rgba(170,195,245,.5); }
  .dock .szr input[type=number]:focus{ outline:none; box-shadow:inset 0 -2px 0 var(--side); }
  .lz .lbl{ height:44px; align-items:center; margin-bottom:4px; }
  .dock .reel.rallb{ margin:0 0 4px auto; animation:none; }
  .dock .reel.rallb.arm{ --cbHi:#fff0b8; --cbMid:#f5c76a; --cbLo:#d9962a; --cbO:#6b3f00; animation:rarm .9s ease-in-out infinite alternate; }
  #lTot:empty{ display:none; }
  #lTot{ margin-left:auto; padding-left:8px; overflow:hidden; text-overflow:ellipsis; }
  @media (min-width:900px){ .lz{ align-self:stretch; } .dock .lines{ flex:1 1 0; min-height:0; max-height:none; } }
  @media (max-width:899px){
    .cz{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"fish fish" "bait bait" "size size" "sum cast"; }
    .sum{ gap:10px; }
    .cta{ justify-content:flex-end; }
    .cta .castbtn{ flex:none; min-width:140px; padding-left:16px; padding-right:16px; }
    .lz .lbl{ height:44px; margin-bottom:2px; }
  }
  @media (max-width:899px){
    .sum{ display:grid; grid-template-columns:auto auto; grid-template-rows:1fr 1fr; grid-auto-flow:column; align-items:center; justify-content:start; column-gap:14px; row-gap:0; height:54px; align-self:start; }
    .sum .st.gain{ grid-row:1; grid-column:1; } .sum .st.loss{ grid-row:2; grid-column:1; }
    .sum .st.md{ grid-row:1 / span 2; grid-column:2; flex-direction:column; gap:3px; align-items:center; }
    .sum .st .k{ display:inline-block; min-width:38px; }
    .sum .st b{ font-size:20px; }
    .sum .st.md .k{ display:none; } .sum .st.md b{ font-size:18px; }
    .sum i.gg{ width:22px; height:22px; background:radial-gradient(circle, #0f1a3a 0 6px, transparent 6.6px), conic-gradient(var(--side) calc(var(--m) * 1%), rgba(255,255,255,.15) 0); }
  }
  @media (max-width:899px) and (max-height:700px){ .sum{ height:50px; } .sum .st b{ font-size:18px; } }
  @media (max-width:360px){ .cta .castbtn{ min-width:120px; padding-left:10px; padding-right:10px; font-size:18px; } }
  @media (max-width:899px) and (max-height:700px){ .lz .lbl{ height:42px; } }
  .coins button.on, .mode button.on, .recenter, .helpbtn, .deskbtn, .toolb, .tfs button.on, .hchip, .hcard .bt .done, body .wxb{
    --cbHi:#62779f; --cbMid:#3a4d78; --cbLo:#27365e; --cbO:#0a1230; position:relative;
    background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%) !important; border:2px solid var(--cbO) !important; color:#fff !important;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.38), 0 3px 0 var(--cbO), 0 5px 9px rgba(0,0,0,.35) !important;
    font-family:var(--fun) !important; font-weight:400 !important; letter-spacing:.04em; text-shadow:var(--rgS); transition:transform .08s, box-shadow .08s; }
  .coins button.on:active, .mode button.on:active, .recenter:active, .helpbtn:active, .deskbtn:active, .toolb:active, .tfs button.on:active, .hchip:active, .hcard .bt .done:active, body .wxb:active{
    transform:translateY(2px); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.3), 0 1px 0 var(--cbO), 0 2px 4px rgba(0,0,0,.3) !important; }
  .coins button.on:hover, .recenter:hover, .helpbtn:hover, .deskbtn:hover, .toolb:hover, .hchip:hover, .hcard .bt .done:hover, body .wxb:hover{ filter:brightness(1.1); }
  .coins, .mode, .tfs{ background:rgba(2,6,18,.55) !important; border:0 !important; box-shadow:inset 0 2px 5px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.04); }
  .coins{ padding:4px 4px 6px; gap:4px; border-radius:14px; }
  .coins button{ font:400 15px/1 var(--fun); letter-spacing:.04em; color:#7f8db0; --cbO:#050a18; text-shadow:var(--rgS); border-radius:10px; border:2px solid transparent; }
  .coins button:not(.on):hover{ color:#c9d4ee; }
  @media (max-width:899px){ .coins{ padding:3px 3px 5px; gap:2px; } .coins button{ font-size:14px; padding:5px 8px; min-height:28px; } }
  .mode{ padding:3px 3px 5px; gap:3px; }
  .mode button{ font:400 12px/1 var(--fun) !important; letter-spacing:.06em; color:#7f8db0; --cbO:#050a18; text-shadow:var(--rgS); border:2px solid transparent; }
  .mode button.on{ border-radius:13px; }
  .mode button.off{ text-shadow:none; color:#56617e; text-decoration-thickness:1.5px; }
  .tfs{ padding:2px 2px 4px; gap:2px; }
  .tfs button{ font:400 12px/1 var(--fun); letter-spacing:.03em; color:#7f8db0; --cbO:#050a18; text-shadow:var(--rgS); border:2px solid transparent; border-radius:8px; }
  .helpbtn{ font-size:17px !important; display:grid; place-items:center; padding:0; }
  .deskbtn svg{ stroke:#fff; filter:drop-shadow(0 1px 0 #0a1230); }
  .toolb{ font-size:12.5px !important; }
  .recenter{ font-size:14px !important; position:absolute; }   
  .recenter svg{ filter:drop-shadow(0 1px 0 rgba(10,18,48,.8)); }
  body .wxb{ height:26px; font-size:13px !important; }
  body .recenter{ height:26px; padding:0 9px 0 7px; gap:5px; border-radius:12px; font-size:13px !important; }   
  body .recenter svg{ width:15px; height:15px; }   
  body .wxb svg{ stroke:#fff; filter:drop-shadow(0 1px 0 #0a1230); }
  .hchip{ height:26px; font-size:12px !important; }
  .hchip svg{ stroke:#fff; }
  .hcard .bt .done{ font-size:17px !important; border-radius:13px; }
  .hcard .bt .again:not(:disabled){ --cbHi:#8cf7ea; --cbMid:#1fd6c4; --cbLo:#0ea295; --cbO:#0c5049; position:relative; color:#fff !important; border:3px solid var(--cbO) !important; border-radius:14px;
    background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%) !important; text-shadow:var(--rgL);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 4px 0 var(--cbO), 0 8px 14px rgba(0,0,0,.35) !important; }
  .hcard .bt .again{ --rgL:2.30px 0.00px 0 var(--cbO), 2.27px 0.40px 0 var(--cbO), 2.16px 0.79px 0 var(--cbO), 1.99px 1.15px 0 var(--cbO), 1.76px 1.48px 0 var(--cbO), 1.48px 1.76px 0 var(--cbO), 1.15px 1.99px 0 var(--cbO), 0.79px 2.16px 0 var(--cbO), 0.40px 2.27px 0 var(--cbO), 0.00px 2.30px 0 var(--cbO), -0.40px 2.27px 0 var(--cbO), -0.79px 2.16px 0 var(--cbO), -1.15px 1.99px 0 var(--cbO), -1.48px 1.76px 0 var(--cbO), -1.76px 1.48px 0 var(--cbO), -1.99px 1.15px 0 var(--cbO), -2.16px 0.79px 0 var(--cbO), -2.27px 0.40px 0 var(--cbO), -2.30px 0.00px 0 var(--cbO), -2.27px -0.40px 0 var(--cbO), -2.16px -0.79px 0 var(--cbO), -1.99px -1.15px 0 var(--cbO), -1.76px -1.48px 0 var(--cbO), -1.48px -1.76px 0 var(--cbO), -1.15px -1.99px 0 var(--cbO), -0.79px -2.16px 0 var(--cbO), -0.40px -2.27px 0 var(--cbO), -0.00px -2.30px 0 var(--cbO), 0.40px -2.27px 0 var(--cbO), 0.79px -2.16px 0 var(--cbO), 1.15px -1.99px 0 var(--cbO), 1.48px -1.76px 0 var(--cbO), 1.76px -1.48px 0 var(--cbO), 1.99px -1.15px 0 var(--cbO), 2.16px -0.79px 0 var(--cbO), 2.27px -0.40px 0 var(--cbO), 1.75px 0.00px 0 var(--cbO), 1.69px 0.45px 0 var(--cbO), 1.51px 0.87px 0 var(--cbO), 1.24px 1.24px 0 var(--cbO), 0.87px 1.51px 0 var(--cbO), 0.45px 1.69px 0 var(--cbO), 0.00px 1.75px 0 var(--cbO), -0.45px 1.69px 0 var(--cbO), -0.87px 1.51px 0 var(--cbO), -1.24px 1.24px 0 var(--cbO), -1.51px 0.87px 0 var(--cbO), -1.69px 0.45px 0 var(--cbO), -1.75px 0.00px 0 var(--cbO), -1.69px -0.45px 0 var(--cbO), -1.51px -0.87px 0 var(--cbO), -1.24px -1.24px 0 var(--cbO), -0.87px -1.51px 0 var(--cbO), -0.45px -1.69px 0 var(--cbO), -0.00px -1.75px 0 var(--cbO), 0.45px -1.69px 0 var(--cbO), 0.87px -1.51px 0 var(--cbO), 1.24px -1.24px 0 var(--cbO), 1.51px -0.87px 0 var(--cbO), 1.69px -0.45px 0 var(--cbO), 1.03px 0.00px 0 var(--cbO), 0.90px 0.52px 0 var(--cbO), 0.52px 0.90px 0 var(--cbO), 0.00px 1.03px 0 var(--cbO), -0.52px 0.90px 0 var(--cbO), -0.90px 0.52px 0 var(--cbO), -1.03px 0.00px 0 var(--cbO), -0.90px -0.52px 0 var(--cbO), -0.52px -0.90px 0 var(--cbO), -0.00px -1.03px 0 var(--cbO), 0.52px -0.90px 0 var(--cbO), 0.90px -0.52px 0 var(--cbO);
    --rgS:1.70px 0.00px 0 var(--cbO), 1.67px 0.30px 0 var(--cbO), 1.60px 0.58px 0 var(--cbO), 1.47px 0.85px 0 var(--cbO), 1.30px 1.09px 0 var(--cbO), 1.09px 1.30px 0 var(--cbO), 0.85px 1.47px 0 var(--cbO), 0.58px 1.60px 0 var(--cbO), 0.30px 1.67px 0 var(--cbO), 0.00px 1.70px 0 var(--cbO), -0.30px 1.67px 0 var(--cbO), -0.58px 1.60px 0 var(--cbO), -0.85px 1.47px 0 var(--cbO), -1.09px 1.30px 0 var(--cbO), -1.30px 1.09px 0 var(--cbO), -1.47px 0.85px 0 var(--cbO), -1.60px 0.58px 0 var(--cbO), -1.67px 0.30px 0 var(--cbO), -1.70px 0.00px 0 var(--cbO), -1.67px -0.30px 0 var(--cbO), -1.60px -0.58px 0 var(--cbO), -1.47px -0.85px 0 var(--cbO), -1.30px -1.09px 0 var(--cbO), -1.09px -1.30px 0 var(--cbO), -0.85px -1.47px 0 var(--cbO), -0.58px -1.60px 0 var(--cbO), -0.30px -1.67px 0 var(--cbO), -0.00px -1.70px 0 var(--cbO), 0.30px -1.67px 0 var(--cbO), 0.58px -1.60px 0 var(--cbO), 0.85px -1.47px 0 var(--cbO), 1.09px -1.30px 0 var(--cbO), 1.30px -1.09px 0 var(--cbO), 1.47px -0.85px 0 var(--cbO), 1.60px -0.58px 0 var(--cbO), 1.67px -0.30px 0 var(--cbO), 1.29px 0.00px 0 var(--cbO), 1.25px 0.33px 0 var(--cbO), 1.12px 0.65px 0 var(--cbO), 0.91px 0.91px 0 var(--cbO), 0.65px 1.12px 0 var(--cbO), 0.33px 1.25px 0 var(--cbO), 0.00px 1.29px 0 var(--cbO), -0.33px 1.25px 0 var(--cbO), -0.65px 1.12px 0 var(--cbO), -0.91px 0.91px 0 var(--cbO), -1.12px 0.65px 0 var(--cbO), -1.25px 0.33px 0 var(--cbO), -1.29px 0.00px 0 var(--cbO), -1.25px -0.33px 0 var(--cbO), -1.12px -0.65px 0 var(--cbO), -0.91px -0.91px 0 var(--cbO), -0.65px -1.12px 0 var(--cbO), -0.33px -1.25px 0 var(--cbO), -0.00px -1.29px 0 var(--cbO), 0.33px -1.25px 0 var(--cbO), 0.65px -1.12px 0 var(--cbO), 0.91px -0.91px 0 var(--cbO), 1.12px -0.65px 0 var(--cbO), 1.25px -0.33px 0 var(--cbO), 0.77px 0.00px 0 var(--cbO), 0.66px 0.38px 0 var(--cbO), 0.38px 0.66px 0 var(--cbO), 0.00px 0.77px 0 var(--cbO), -0.38px 0.66px 0 var(--cbO), -0.66px 0.38px 0 var(--cbO), -0.77px 0.00px 0 var(--cbO), -0.66px -0.38px 0 var(--cbO), -0.38px -0.66px 0 var(--cbO), -0.00px -0.77px 0 var(--cbO), 0.38px -0.66px 0 var(--cbO), 0.66px -0.38px 0 var(--cbO); }
  .hcard .bt .again.dn:not(:disabled){ --cbHi:#ddd2ff; --cbMid:#a78bfa; --cbLo:#7a5ae0; --cbO:#3d2490; }
  .hcard .bt .again:not(:disabled):active{ transform:translateY(3px); box-shadow:inset 0 2px 0 rgba(255,255,255,.4), 0 1px 0 var(--cbO) !important; }
  .ev{ border:0 !important; padding:0 !important; border-radius:0; background:none !important; font:800 9.5px var(--font); letter-spacing:.08em; text-transform:uppercase; }
  .coins button:focus-visible, .mode button:focus-visible, .recenter:focus-visible, .helpbtn:focus-visible, .deskbtn:focus-visible, .toolb:focus-visible, .tfs button:focus-visible, .hchip:focus-visible, .hcard .bt button:focus-visible, body .wxb:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
  .dock .lines{ scrollbar-width:none; padding:0 2px 4px 0; gap:7px; }
  .dock .lines::-webkit-scrollbar{ display:none; }
  .dock .lc{ height:60px; padding:5px 8px 9px 8px; border-radius:15px; border:3px solid #1c2a47; column-gap:8px;
    background:linear-gradient(180deg,#16223f,#0e1730); box-shadow:inset 0 2px 5px rgba(0,0,0,.5), inset 0 -1px 0 rgba(255,255,255,.04); }
  .dock .lc:hover{ filter:brightness(1.12); }
  .dock .lc.sel{ border-color:#3b5283; background:linear-gradient(180deg,#1b2a4d,#111c3a); box-shadow:inset 0 2px 5px rgba(0,0,0,.5), inset 0 -1px 0 rgba(255,255,255,.06); }
  .dock .lc .lm{ align-self:center; }
  .dock .lc .reel{ align-self:center; }
  .lz .lbl{ height:40px; margin-bottom:4px; padding-right:13px; box-sizing:border-box; }
  .dock .reel.rallb{ flex-direction:row; align-items:center; width:auto; min-width:0; height:34px; gap:7px; padding:0 12px; margin:0 0 4px auto; border-radius:12px; }
  .dock .reel.rallb .cash{ font:400 14px/1 var(--fun); letter-spacing:.03em; text-shadow:var(--rgS); max-width:none; }
  .dock .reel.rallb .rv{ font-size:19px; }
  .dock .reel.rallb:disabled .cash{ text-shadow:none; color:#7b86a3; }
  .dock .reel.rallb:disabled .rv{ font:600 11.5px/1 var(--font); color:#6f7a96; }
  @media (min-width:900px){ .dock .lc .reel{ width:86px; } }
  @media (min-width:900px){ .dock .lc .h2 .avg{ display:none; } }   
  @media (max-width:899px){ .dock .lines{ height:92px; } .lz .lbl{ height:40px; margin-bottom:2px; } }
  @media (max-width:899px) and (max-height:700px){ .dock .lines{ height:64px; } .lz .lbl{ height:38px; } }
  @media (prefers-reduced-motion:reduce){ .dock .reel.rallb.arm{ animation:none; } .coins button, .mode button, .recenter, .helpbtn, .deskbtn, .toolb, .tfs button, .hchip, body .wxb{ transition:none; } }
  .side, .side *, .money, .money *, .mwhy, .mwhy *, .clock, .clock *{ --rgL:2.30px 0.00px 0 var(--cbO), 2.27px 0.40px 0 var(--cbO), 2.16px 0.79px 0 var(--cbO), 1.99px 1.15px 0 var(--cbO), 1.76px 1.48px 0 var(--cbO), 1.48px 1.76px 0 var(--cbO), 1.15px 1.99px 0 var(--cbO), 0.79px 2.16px 0 var(--cbO), 0.40px 2.27px 0 var(--cbO), 0.00px 2.30px 0 var(--cbO), -0.40px 2.27px 0 var(--cbO), -0.79px 2.16px 0 var(--cbO), -1.15px 1.99px 0 var(--cbO), -1.48px 1.76px 0 var(--cbO), -1.76px 1.48px 0 var(--cbO), -1.99px 1.15px 0 var(--cbO), -2.16px 0.79px 0 var(--cbO), -2.27px 0.40px 0 var(--cbO), -2.30px 0.00px 0 var(--cbO), -2.27px -0.40px 0 var(--cbO), -2.16px -0.79px 0 var(--cbO), -1.99px -1.15px 0 var(--cbO), -1.76px -1.48px 0 var(--cbO), -1.48px -1.76px 0 var(--cbO), -1.15px -1.99px 0 var(--cbO), -0.79px -2.16px 0 var(--cbO), -0.40px -2.27px 0 var(--cbO), -0.00px -2.30px 0 var(--cbO), 0.40px -2.27px 0 var(--cbO), 0.79px -2.16px 0 var(--cbO), 1.15px -1.99px 0 var(--cbO), 1.48px -1.76px 0 var(--cbO), 1.76px -1.48px 0 var(--cbO), 1.99px -1.15px 0 var(--cbO), 2.16px -0.79px 0 var(--cbO), 2.27px -0.40px 0 var(--cbO), 1.75px 0.00px 0 var(--cbO), 1.69px 0.45px 0 var(--cbO), 1.51px 0.87px 0 var(--cbO), 1.24px 1.24px 0 var(--cbO), 0.87px 1.51px 0 var(--cbO), 0.45px 1.69px 0 var(--cbO), 0.00px 1.75px 0 var(--cbO), -0.45px 1.69px 0 var(--cbO), -0.87px 1.51px 0 var(--cbO), -1.24px 1.24px 0 var(--cbO), -1.51px 0.87px 0 var(--cbO), -1.69px 0.45px 0 var(--cbO), -1.75px 0.00px 0 var(--cbO), -1.69px -0.45px 0 var(--cbO), -1.51px -0.87px 0 var(--cbO), -1.24px -1.24px 0 var(--cbO), -0.87px -1.51px 0 var(--cbO), -0.45px -1.69px 0 var(--cbO), -0.00px -1.75px 0 var(--cbO), 0.45px -1.69px 0 var(--cbO), 0.87px -1.51px 0 var(--cbO), 1.24px -1.24px 0 var(--cbO), 1.51px -0.87px 0 var(--cbO), 1.69px -0.45px 0 var(--cbO), 1.03px 0.00px 0 var(--cbO), 0.90px 0.52px 0 var(--cbO), 0.52px 0.90px 0 var(--cbO), 0.00px 1.03px 0 var(--cbO), -0.52px 0.90px 0 var(--cbO), -0.90px 0.52px 0 var(--cbO), -1.03px 0.00px 0 var(--cbO), -0.90px -0.52px 0 var(--cbO), -0.52px -0.90px 0 var(--cbO), -0.00px -1.03px 0 var(--cbO), 0.52px -0.90px 0 var(--cbO), 0.90px -0.52px 0 var(--cbO);
    --rgS:1.70px 0.00px 0 var(--cbO), 1.67px 0.30px 0 var(--cbO), 1.60px 0.58px 0 var(--cbO), 1.47px 0.85px 0 var(--cbO), 1.30px 1.09px 0 var(--cbO), 1.09px 1.30px 0 var(--cbO), 0.85px 1.47px 0 var(--cbO), 0.58px 1.60px 0 var(--cbO), 0.30px 1.67px 0 var(--cbO), 0.00px 1.70px 0 var(--cbO), -0.30px 1.67px 0 var(--cbO), -0.58px 1.60px 0 var(--cbO), -0.85px 1.47px 0 var(--cbO), -1.09px 1.30px 0 var(--cbO), -1.30px 1.09px 0 var(--cbO), -1.47px 0.85px 0 var(--cbO), -1.60px 0.58px 0 var(--cbO), -1.67px 0.30px 0 var(--cbO), -1.70px 0.00px 0 var(--cbO), -1.67px -0.30px 0 var(--cbO), -1.60px -0.58px 0 var(--cbO), -1.47px -0.85px 0 var(--cbO), -1.30px -1.09px 0 var(--cbO), -1.09px -1.30px 0 var(--cbO), -0.85px -1.47px 0 var(--cbO), -0.58px -1.60px 0 var(--cbO), -0.30px -1.67px 0 var(--cbO), -0.00px -1.70px 0 var(--cbO), 0.30px -1.67px 0 var(--cbO), 0.58px -1.60px 0 var(--cbO), 0.85px -1.47px 0 var(--cbO), 1.09px -1.30px 0 var(--cbO), 1.30px -1.09px 0 var(--cbO), 1.47px -0.85px 0 var(--cbO), 1.60px -0.58px 0 var(--cbO), 1.67px -0.30px 0 var(--cbO), 1.29px 0.00px 0 var(--cbO), 1.25px 0.33px 0 var(--cbO), 1.12px 0.65px 0 var(--cbO), 0.91px 0.91px 0 var(--cbO), 0.65px 1.12px 0 var(--cbO), 0.33px 1.25px 0 var(--cbO), 0.00px 1.29px 0 var(--cbO), -0.33px 1.25px 0 var(--cbO), -0.65px 1.12px 0 var(--cbO), -0.91px 0.91px 0 var(--cbO), -1.12px 0.65px 0 var(--cbO), -1.25px 0.33px 0 var(--cbO), -1.29px 0.00px 0 var(--cbO), -1.25px -0.33px 0 var(--cbO), -1.12px -0.65px 0 var(--cbO), -0.91px -0.91px 0 var(--cbO), -0.65px -1.12px 0 var(--cbO), -0.33px -1.25px 0 var(--cbO), -0.00px -1.29px 0 var(--cbO), 0.33px -1.25px 0 var(--cbO), 0.65px -1.12px 0 var(--cbO), 0.91px -0.91px 0 var(--cbO), 1.12px -0.65px 0 var(--cbO), 1.25px -0.33px 0 var(--cbO), 0.77px 0.00px 0 var(--cbO), 0.66px 0.38px 0 var(--cbO), 0.38px 0.66px 0 var(--cbO), 0.00px 0.77px 0 var(--cbO), -0.38px 0.66px 0 var(--cbO), -0.66px 0.38px 0 var(--cbO), -0.77px 0.00px 0 var(--cbO), -0.66px -0.38px 0 var(--cbO), -0.38px -0.66px 0 var(--cbO), -0.00px -0.77px 0 var(--cbO), 0.38px -0.66px 0 var(--cbO), 0.66px -0.38px 0 var(--cbO); }
  .tabs{ margin:7px 8px 3px; padding:3px 3px 5px; gap:3px; border:0; border-radius:13px; background:rgba(2,6,18,.55);
    box-shadow:inset 0 2px 5px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.04); }
  .tabs button{ padding:6px 2px 7px; border:2px solid transparent; border-radius:10px; font:400 13.5px/1 var(--fun); letter-spacing:.03em; color:#7f8db0; --cbO:#050a18; text-shadow:var(--rgS); }
  .tabs button:hover{ color:#c9d4ee; }
  .tabs button.on{ --cbHi:#62779f; --cbMid:#3a4d78; --cbLo:#27365e; --cbO:#0a1230; color:#fff; border-color:var(--cbO);
    background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.38), 0 3px 0 var(--cbO), 0 5px 9px rgba(0,0,0,.35); }
  .tabs button:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
  #tb-spots > .ex, #tb-log > .ex{ display:none; }   
  .ex{ padding:6px 14px 8px; }
  .empty{ text-align:center; padding:22px 16px; }
  .side .ot{ font:400 15px/1 var(--fun); letter-spacing:.02em; --cbO:#050a18; text-shadow:var(--rgS); }
  .side .ot.gain{ color:var(--gain); } .side .ot.loss{ color:var(--loss); } .side .ot.mut{ color:#c9d4ee; }
  .side .lsd{ font:400 11.5px/1 var(--fun); letter-spacing:.04em; --cbO:#050a18; text-shadow:var(--rgS); }
  .side .lsd.yes{ color:var(--up); } .side .lsd.no{ color:var(--dn); }
  .side .ticket{ border-radius:14px; border:2px solid #1c2a47; background:linear-gradient(180deg,#16223f,#0e1730);
    box-shadow:inset 0 2px 5px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.04); }
  .side .plate{ display:grid; place-items:center; border-radius:11px; background:radial-gradient(ellipse at 50% 38%, rgba(110,150,240,.22), rgba(2,6,18,.55) 75%);
    box-shadow:inset 0 1px 3px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.05); }
  .stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:8px 10px 9px; border-bottom:1px solid var(--hair); }
  .stats .cs{ display:grid; justify-items:center; gap:4px; min-width:0; }
  .stats .cs b{ font:400 21px/1 var(--fun); letter-spacing:.01em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .stats .cs b.gain{ color:var(--gain); } .stats .cs b.loss{ color:var(--loss); }
  .stats .cs i{ font:700 9px/1 var(--font); font-style:normal; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); white-space:nowrap; }
  .stats .cs.caught i{ color:#e8c372; } .stats .cs.escaped i{ color:#a99fc9; } .stats .cs.reeled i{ color:#9fb0d0; }
  .log{ padding:6px 8px 8px; display:grid; gap:6px; }
  .log .r{ display:grid; grid-template-columns:48px minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:10px; row-gap:4px; align-items:center; padding:7px 10px 7px 7px; border-bottom:0; }
  .log .r.caught{ border-color:#4a4020; background:linear-gradient(180deg,#1d2440,#121a33); }
  .log .r > .plate{ grid-row:1 / span 2; width:48px; height:36px; }
  .log .r > .plate svg{ width:42px; height:22px; }
  .log .r.escaped > .plate svg{ opacity:.45; filter:grayscale(.85); }
  .log .a{ grid-column:2; grid-row:1; display:flex; align-items:baseline; gap:6px; min-width:0; white-space:nowrap; overflow:hidden; font:400 16px/1.1 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); }
  .log .a .oc{ flex:none; }
  .log .a .oc.caught{ color:#ffd27a; } .log .a .oc.escaped{ color:#a99fc9; } .log .a .oc.reeled{ color:#b3c0dc; }
  .log .a .spn{ overflow:hidden; text-overflow:ellipsis; }
  .log .b{ grid-column:2; grid-row:2; font:500 10.5px/1.35 var(--font); color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
  .log .b .est{ color:#7f8db0; font-style:italic; }
  .log .p{ grid-column:3; grid-row:1 / span 2; text-align:right; font:400 21px/1 var(--fun); letter-spacing:.01em; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .log .p.gain{ color:var(--gain); } .log .p.loss{ color:var(--loss); } .log .p.mut{ color:#c9d4ee; }
  .log .kr{ grid-column:1 / -1; font:400 10px/1.35 var(--font); color:var(--ink-3); }
  #nm{ --cbHi:#62779f; --cbMid:#3a4d78; --cbLo:#27365e; --cbO:#0a1230; display:inline-flex; align-items:center; gap:5px; margin-left:4px; padding:3px 9px 4px; border-radius:9px;
    border:2px solid var(--cbO); background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.38), 0 2px 0 var(--cbO);
    font:400 13px/1 var(--fun); letter-spacing:.03em; color:#fff; text-shadow:var(--rgS); text-decoration:none; vertical-align:middle; }
  #nm::after{ content:''; width:10px; height:10px; background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 10l.6-2.6L8.4 1.6l2 2-5.8 5.8z' fill='%23fff' stroke='%230a1230' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  #nm:active{ transform:translateY(1px); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.3), 0 1px 0 var(--cbO); }
  .lb{ padding:2px 8px 8px; display:grid; gap:6px; }
  .lb .lr{ display:grid; grid-template-columns:30px minmax(0,1fr) auto auto; column-gap:9px; align-items:center; padding:6px 10px 6px 7px; min-height:46px; }
  .lb .lr.me{ border-color:#7a6230; background:linear-gradient(180deg,#232a45,#151d38); box-shadow:inset 0 2px 5px rgba(0,0,0,.4), 0 0 0 1px rgba(255,210,122,.18); }
  .lb .rk{ display:grid; place-items:center; width:28px; height:28px; border-radius:50%; font:400 15px/1 var(--fun); color:#7f8db0; --cbO:#050a18; text-shadow:var(--rgS); }
  .lb .rk.m{ color:#fff; border:2px solid var(--cbO); background:radial-gradient(circle at 50% 30%,var(--cbHi) 0%,var(--cbMid) 55%,var(--cbLo) 100%);
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55), 0 2.5px 0 var(--cbO), 0 4px 8px rgba(0,0,0,.35); }
  .lb .rk.m1{ --cbHi:#fff3c4; --cbMid:#f5c76a; --cbLo:#d9962a; --cbO:#6b3f00; }
  .lb .rk.m2{ --cbHi:#ffffff; --cbMid:#c6cede; --cbLo:#8e99b0; --cbO:#353d52; }
  .lb .rk.m3{ --cbHi:#ffd9bd; --cbMid:#d9925e; --cbLo:#a8602d; --cbO:#4f2508; }
  .lb .nm{ min-width:0; display:grid; gap:3px; }
  .lb .nm b{ display:flex; align-items:center; gap:6px; min-width:0; font:400 16px/1.05 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .lb .nm b span{ overflow:hidden; text-overflow:ellipsis; }
  .lb .nm i{ font:500 10.5px/1.2 var(--font); font-style:normal; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .lb .you{ flex:none; font:400 10px/1 var(--fun); letter-spacing:.08em; padding:3px 5px 2px; border-radius:6px; color:#fff; --cbO:#6b3f00;
    background:linear-gradient(180deg,#fff0b8,#f5c76a 50%,#d9962a); border:1.5px solid #6b3f00; text-shadow:0 1px 0 #6b3f00, 0 0 2px #6b3f00; }
  .lb .lgd{ display:flex; align-items:center; gap:2px; font:400 13px/1 var(--fun); color:#ffd27a; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .lb .lgd svg{ width:22px; height:12px; }
  .lb .lgd.none{ opacity:.28; filter:grayscale(1); }
  .lb .pl{ min-width:62px; text-align:right; font:400 19px/1 var(--fun); }
  .guide{ padding:2px 14px 16px; }
  .guide h4{ display:flex; align-items:center; gap:7px; margin:14px 0 7px; font:400 17px/1.1 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); }
  .guide h4:first-child{ margin-top:8px; }
  .guide h4::before{ content:''; flex:none; width:6px; height:14px; border-radius:3px; background:linear-gradient(180deg,#ffe7a8,#f5c76a 55%,#d9962a); box-shadow:0 0 0 1.5px #6b3f00; }
  .guide .steps{ list-style:none; margin:0; padding:0; display:grid; gap:7px; }
  .guide .steps li{ display:grid; grid-template-columns:24px minmax(0,1fr); column-gap:9px; align-items:start; }
  .guide .sn{ display:grid; place-items:center; width:22px; height:22px; margin-top:-1px; border-radius:8px; border:2px solid var(--cbO); --cbHi:#8cf7ea; --cbMid:#1fd6c4; --cbLo:#0ea295; --cbO:#0c5049;
    background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5), 0 2px 0 var(--cbO);
    font:400 13px/1 var(--fun); color:#fff; text-shadow:var(--rgS); box-sizing:border-box; }
  .guide .gw{ color:var(--up); font-weight:700; } .guide .gw.d{ color:var(--dn); }
  .guide .sp{ grid-template-columns:52px minmax(0,1fr); gap:0 10px; padding:6px 8px 6px 6px; margin-bottom:5px; }
  .guide .sp > .plate{ width:52px; height:34px; }
  .guide .sp svg{ width:46px; height:24px; }
  .guide .sp .sn2{ font:400 15px/1.1 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); }
  .guide .sp .bd{ font:400 12px/1 var(--fun); color:#ffd27a; --cbO:#050a18; text-shadow:var(--rgS); margin-left:6px; letter-spacing:.02em; }
  .guide .sp .sy{ display:block; font:500 10.5px/1.35 var(--font); color:var(--ink-3); }
  .guide .sp .sy b{ color:#e8c372; font-weight:700; }
  .guide .sp.no svg{ filter:grayscale(1) brightness(.5); }
  .guide .linkbtn{ --cbHi:#62779f; --cbMid:#3a4d78; --cbLo:#27365e; --cbO:#0a1230; margin-top:14px; padding:8px 14px 9px; border-radius:12px; border:2px solid var(--cbO);
    background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.38), 0 3px 0 var(--cbO), 0 5px 9px rgba(0,0,0,.35);
    font:400 14px/1 var(--fun); letter-spacing:.03em; color:#fff; text-shadow:var(--rgS); }
  .guide .linkbtn:active{ transform:translateY(2px); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.3), 0 1px 0 var(--cbO); }
  .gd{ --cbO:#050a18; padding:8px 10px 14px; display:grid; gap:9px; color:#c3cee8; font:500 13px/1.4 var(--font); }
  .gd b{ color:#fff; font-weight:700; } .gd b.u{ color:var(--up); } .gd b.d{ color:var(--dn); }
  .gd-hero{ display:grid; justify-items:center; }
  .gd .gd-stage{ height:150px; width:100%; cursor:pointer; }
  @media (min-width:900px){ .gd .gd-stage{ height:164px; } }
  .gd-tour{ position:relative; z-index:1; margin-top:-24px; display:inline-flex; align-items:center; gap:9px; height:50px; padding:0 20px 0 16px; box-sizing:border-box; border-radius:16px; cursor:pointer;
    color:#fff; font:400 19px/1 var(--fun); letter-spacing:.03em; --cbHi:#fff0b8; --cbMid:#f5c76a; --cbLo:#d9962a; --cbO:#6b3f00; text-shadow:var(--rgL);
    border:3px solid var(--cbO); background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 10px 16px rgba(0,0,0,.42); transition:transform .08s, box-shadow .08s, filter .15s; }
  .gd-tour::after{ content:''; position:absolute; left:9%; right:9%; top:3px; height:34%; border-radius:12px 12px 40% 40%; background:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0)); pointer-events:none; }
  .gd-tour svg{ width:15px; height:18px; flex:none; fill:#fff; stroke:var(--cbO); stroke-width:3.4px; stroke-linejoin:round; paint-order:stroke fill; overflow:visible; }
  .gd-tour:hover{ filter:brightness(1.08); }
  .gd-tour:active{ transform:translateY(4px); box-shadow:inset 0 2px 0 rgba(255,255,255,.4), 0 1px 0 var(--cbO), 0 5px 10px rgba(0,0,0,.35); }
  .gd-tour:focus-visible, .gd-faq summary:focus-visible{ outline:2px solid #fff; outline-offset:3px; }
  .gd-sum{ margin:12px 4px 0; text-align:center; font:500 13.5px/1.4 var(--font); color:#c3cee8; text-wrap:balance; }
  .gd-c{ position:relative; display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:11px; align-items:center; padding:9px 11px 10px 9px; border-radius:15px;
    border:2px solid #1c2a47; background:linear-gradient(180deg,#16223f,#0e1730); box-shadow:inset 0 2px 5px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.04); }
  .gd-c.wide{ grid-template-columns:minmax(0,1fr); }
  #guide.guide{ padding:0; }
  .guide .gd-t::before{ display:none; }
  .guide .gd-t{ margin:0 0 3px; display:flex; align-items:center; gap:7px; font:400 17px/1.1 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); }
  .guide .gd-t .n{ flex:none; display:grid; place-items:center; width:20px; height:20px; box-sizing:border-box; border-radius:7px; font:400 12px/1 var(--fun); color:#fff;
    border:2px solid var(--cbO); --cbHi:#62779f; --cbMid:#3a4d78; --cbLo:#27365e; --cbO:#0a1230; background:linear-gradient(180deg,var(--cbHi),var(--cbMid) 50%,var(--cbLo)); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.35), 0 2px 0 var(--cbO); }
  .gd-c p{ margin:0; font:500 12.5px/1.4 var(--font); color:#aebbd9; }
  .gd-c p + p{ margin-top:3px; }
  .gd-ill{ position:relative; display:grid; place-items:center; width:56px; height:56px; box-sizing:border-box; border-radius:15px; color:#fff; --cbO:#050a18;
    border:2.5px solid var(--cbO); background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%); box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 3px 0 var(--cbO), 0 6px 10px rgba(0,0,0,.35); }
  .gd-ill::after{ content:''; position:absolute; left:10%; right:10%; top:2px; height:34%; border-radius:11px 11px 40% 40%; background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,0)); pointer-events:none; }
  .gd-ill.gold{ --cbHi:#fff0b8; --cbMid:#f5c76a; --cbLo:#d9962a; --cbO:#6b3f00; }
  .gd-ill.teal{ --cbHi:#8cf7ea; --cbMid:#1fd6c4; --cbLo:#0ea295; --cbO:#0c5049; }
  .gd-ill.green{ --cbHi:#a9f7cd; --cbMid:#34d399; --cbLo:#13a067; --cbO:#0a4f30; }
  .gd-ill.slate{ --cbHi:#62779f; --cbMid:#3a4d78; --cbLo:#27365e; --cbO:#0a1230; }
  .gd-ill.real{ --cbHi:#ffc9b3; --cbMid:#ff8a5c; --cbLo:#e0582c; --cbO:#5a1a04; }
  .gd-ill b{ position:relative; z-index:1; font:400 21px/1 var(--fun); letter-spacing:.01em; color:#fff; text-shadow:var(--rgL); }
  .gd-ill b.sm{ font-size:16px; }
  .gd-ill svg{ position:relative; z-index:1; width:32px; height:32px; overflow:visible; }
  .gd-ill .ar{ width:16px; height:19px; fill:#fff; stroke:var(--cbO); stroke-width:3.6px; stroke-linejoin:round; paint-order:stroke fill; overflow:visible; }
  .gd-on .gd-ill.ck svg .hand{ transform-origin:12px 12px; animation:hqTick 4s steps(8) infinite; }
  .gd-chips{ display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
  .gd-ch{ display:inline-flex; align-items:center; gap:5px; padding:4px 8px 3px; border-radius:99px; font:400 12px/1 var(--fun); letter-spacing:.03em; color:#e6eeff; --cbO:#050a18; text-shadow:var(--rgS);
    background:rgba(2,6,18,.55); box-shadow:inset 0 1px 3px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.06); white-space:nowrap; }
  .gd-ch.g{ color:#ffd27a; } .gd-ch.v{ color:#c9b6ff; } .gd-ch.w{ color:#34d399; } .gd-ch.l{ color:#f47272; } .gd-ch.r{ color:#ffb79e; }
  .gd-ch svg{ width:13px; height:13px; flex:none; overflow:visible; }
  .gd-sp{ display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top:8px; }
  .gd .hq-card{ height:94px; max-height:none; width:calc((100% - 14px) / 3); }
  .gd canvas.hq-fc{ display:block; }
  .gd .hq-fsvg svg{ width:100%; height:100%; }
  .gd .hq-card em{ right:5px; top:4px; width:17px; height:17px; padding:0; box-sizing:border-box; display:grid; place-items:center; border-radius:50%; font-size:0; }
  .gd .hq-card em svg{ width:10px; height:10px; fill:none; stroke:#fff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 1px #0a524b); }
  .gd-on .hq-card .hq-fc, .gd-on .hq-card .hq-fsvg{ animation:hqBob 3.2s ease-in-out infinite; }
  .gd-on .hq-card:nth-child(2) .hq-fc{ animation-delay:-.6s; } .gd-on .hq-card:nth-child(3) .hq-fc{ animation-delay:-1.3s; } .gd-on .hq-card:nth-child(4) .hq-fc{ animation-delay:-2s; } .gd-on .hq-card:nth-child(5) .hq-fc{ animation-delay:-2.6s; }
  .gd-on .hq-card.legendary::after{ animation:hqShine 3.4s ease-in-out 1s infinite; }
  .gd-keys{ display:grid; gap:6px; margin-top:7px; }
  .gd-k{ display:grid; grid-template-columns:34px minmax(0,1fr); column-gap:9px; align-items:center; font:500 12.5px/1.35 var(--font); color:#aebbd9; }
  .gd-k > i{ display:grid; place-items:center; width:34px; height:30px; border-radius:10px; font-style:normal;
    background:radial-gradient(ellipse at 50% 38%, rgba(110,150,240,.22), rgba(2,6,18,.55) 75%); box-shadow:inset 0 1px 3px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.05); }
  .gd-k > i svg{ width:18px; height:18px; fill:none; stroke:var(--gc,#9fd8ff); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; overflow:visible; filter:drop-shadow(0 1px 0 #050a18); }
  .gd-k > i img{ display:block; width:30px; height:auto; }
  .gd-k > i .sw{ display:block; width:18px; height:0; border-top:3px solid var(--gc); border-radius:2px; }
  .gd-k > i .gl{ display:block; width:12px; height:12px; border-radius:50%; background:#7ff0e4; box-shadow:0 0 6px 3px rgba(79,209,197,.75), 7px 0 0 -1px #c9b6ff, 7px 0 7px 2px rgba(167,139,250,.6); margin-left:-7px; }
  .gd-k > span b{ font:400 14px/1 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); margin-right:5px; font-weight:400; }
  .gd-wx{ display:flex; gap:3px; margin-top:4px; flex-wrap:wrap; }
  .gd-wx i{ font-style:normal; padding:3px 6px 2px; border-radius:7px; font:400 11px/1 var(--fun); letter-spacing:.03em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); background:var(--wc); box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 1.5px 0 #050a18; }
  .gd-gz{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:7px; }
  .gd-g{ display:grid; grid-template-columns:22px minmax(0,1fr); column-gap:6px; align-items:start; padding:6px 7px 7px; border-radius:11px; background:rgba(2,6,18,.45); box-shadow:inset 0 1px 3px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.04); }
  .gd-g svg{ width:18px; height:18px; margin-top:1px; fill:none; stroke:var(--gc); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; overflow:visible; filter:drop-shadow(0 1px 0 #050a18); }
  .gd-g b{ display:block; font:400 13.5px/1.1 var(--fun) !important; letter-spacing:.02em; color:var(--gc) !important; --cbO:#050a18; text-shadow:var(--rgS); }
  .gd-g span{ display:block; margin-top:2px; font:500 11px/1.3 var(--font); color:#9aa8c8; }
  .gd-hint{ margin-top:6px !important; font:500 11px/1.35 var(--font) !important; color:#7f8db0 !important; }
  .gd-faq{ display:grid; gap:5px; margin-top:7px; }
  .gd-faq details{ border-radius:11px; background:rgba(2,6,18,.45); box-shadow:inset 0 1px 3px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.04); }
  .gd-faq summary{ list-style:none; display:flex; align-items:center; gap:8px; padding:8px 10px; cursor:pointer; border-radius:11px; font:400 14px/1.15 var(--fun); letter-spacing:.02em; color:#e6eeff; --cbO:#050a18; text-shadow:var(--rgS); }
  .gd-faq summary::-webkit-details-marker{ display:none; }
  .gd-faq summary::after{ content:''; margin-left:auto; flex:none; width:8px; height:8px; border-right:2.5px solid #ffd27a; border-bottom:2.5px solid #ffd27a; transform:translateY(-2px) rotate(45deg); transition:transform .2s; filter:drop-shadow(0 1px 0 #050a18); }
  .gd-faq details[open] summary::after{ transform:translateY(2px) rotate(-135deg); }
  .gd-faq details p{ margin:0; padding:0 10px 9px; font:500 12.5px/1.4 var(--font); color:#aebbd9; }
  .gd-c a{ color:#9fd8ff; }
  @media (prefers-reduced-motion:reduce){
    .gd-tour, .gd-faq summary::after{ transition:none !important; }
    .gd-on .hq-card .hq-fc, .gd-on .hq-card .hq-fsvg, .gd-on .hq-card.legendary::after, .gd-on .gd-ill.ck svg .hand{ animation:none !important; }
  }
  .fl{ padding:0 8px 8px; display:grid; gap:5px; }
  .fl .fh, .fl .fr{ display:grid; grid-template-columns:minmax(0,1fr) 46px 50px 70px; column-gap:6px; align-items:center; }
  .fl .fh{ position:sticky; top:0; z-index:1; padding:7px 10px 5px; margin:0 -8px; background:var(--surface-2);
    font:700 9px/1 var(--font); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
  .fl .fh span:nth-child(n+2){ text-align:right; } .fl .fh span:last-child{ text-align:left; padding-left:4px; }
  .fl .fh .u{ color:var(--up); } .fl .fh .d{ color:var(--dn); }
  .fl .fr{ padding:5px 10px 5px 6px; min-height:42px; cursor:pointer; }
  .fl .fr:hover{ filter:brightness(1.12); }
  .fl .fr.sel{ border-color:#3b5283; background:linear-gradient(180deg,#1b2a4d,#111c3a); box-shadow:inset 0 2px 5px rgba(0,0,0,.45), 0 0 0 1px rgba(232,238,252,.25); }
  .fl .fr.dead{ opacity:.45; }
  .fl .fx{ display:flex; align-items:center; gap:6px; min-width:0; }
  .fl .fx > .plate{ flex:none; width:38px; height:28px; border-radius:9px; }
  .fl .fx svg{ width:34px; height:18px; }
  .fl .ln{ flex:none; padding:4px 8px 4px; border-radius:99px; background:#0b1430; box-shadow:0 0 0 1.5px rgba(200,215,245,.32), 0 2px 0 #050a18;
    font:400 14px/1 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .fl .bb{ flex:none; font:400 9.5px/1 var(--fun); font-style:normal; letter-spacing:.06em; padding:3px 4px 2px; border-radius:5px; color:#fff;
    background:linear-gradient(180deg,#fff0b8,#f5c76a 50%,#d9962a); border:1.5px solid #6b3f00; text-shadow:0 1px 0 #6b3f00, 0 0 2px #6b3f00; }
  .fl .pu, .fl .pd{ text-align:right; font:400 17px/1 var(--fun); letter-spacing:.01em; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .fl .pu{ color:var(--up); } .fl .pd{ color:var(--dn); }
  .fl .dl{ display:grid; gap:3px; padding-left:4px; min-width:0; }
  .fl .pips{ display:flex; gap:1px; filter:drop-shadow(0 0 .7px #4a2f04) drop-shadow(0 1px 0 #4a2f04); }
  .fl .pips i{ width:11px; height:11px; background:rgba(160,175,210,.18); clip-path:polygon(50% 0,63% 35%,100% 38%,71% 60%,81% 100%,50% 77%,19% 100%,29% 60%,0 38%,37% 35%); }
  .fl .pips i.on{ background:linear-gradient(180deg,#fff2bf,#ffd36b 60%,#e6a93a); }
  .fl .dl em{ font:600 9.5px/1 var(--font); font-style:normal; letter-spacing:.02em; color:var(--ink-3); white-space:nowrap; }
  .fl .dl.yes em{ color:#7fd9cf; } .fl .dl.no em{ color:#b9a6f5; }
  .fl .fnow{ display:flex; align-items:center; gap:8px; padding:2px 4px; font:400 13px/1 var(--fun); letter-spacing:.03em; color:#ffd27a; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .fl .fnow::before, .fl .fnow::after{ content:''; flex:1; border-top:2px dashed rgba(255,210,122,.45); }
  .gauges{ gap:5px; padding:4px 8px 2px 10px; }
  .gz{ border-radius:13px; border:2px solid #1c2a47; background:linear-gradient(180deg,#16223f,#0e1730); box-shadow:inset 0 2px 5px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.04); padding:5px 8px 6px; gap:3px; }
  .gz:hover, .gz.open{ border-color:#3b5283; background:linear-gradient(180deg,#1b2a4d,#111c3a); }
  .gz .gk{ font:400 13px/1 var(--fun); letter-spacing:.03em; color:#e6eeff; --cbO:#050a18; text-shadow:var(--rgS); }
  .gz .gk .gt{ display:flex; align-items:center; gap:5px; min-width:0; overflow:hidden; }
  .gz .gi{ flex:none; display:inline-grid; width:14px; height:14px; }
  .gz .gi svg{ width:14px; height:14px; fill:none; stroke:#9fd8ff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 1px 0 #050a18); }
  .gz .gv{ font:400 15px/1.15 var(--fun); letter-spacing:.015em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); }
  .gz .gv .u{ color:var(--up); } .gz .gv .d{ color:var(--dn); }
  .gz .gs{ font:500 10px/1.3 var(--font); color:var(--ink-3); }
  .gz .ev{ flex:none; font:400 9.5px/1 var(--fun) !important; letter-spacing:.07em; text-transform:uppercase; padding:3px 5px 2px !important; border-radius:6px; text-shadow:0 1px 0 var(--cbO), 0 0 2px var(--cbO); }
  .gz .ev.strong{ --cbO:#6b3f00; color:#fff; border:1.5px solid var(--cbO) !important; background:linear-gradient(180deg,#fff0b8,#f5c76a 50%,#d9962a) !important; }
  .gz .ev.some{ --cbO:#0a1230; color:#fff; border:1.5px solid var(--cbO) !important; background:linear-gradient(180deg,#62779f,#3a4d78 50%,#27365e) !important; }
  .gz .ev.weak{ --cbO:#050a18; color:#6f7b99; border:1.5px solid #1c2a47 !important; background:rgba(2,6,18,.5) !important; text-shadow:none; }
  .gwhy{ border-radius:13px; border:2px solid #284a66; }
  @media (min-width:900px) and (max-height:820px){ .gz .gs{ display:none; } .gz{ padding:5px 8px 5px; } }
  .money{ gap:16px; align-items:center; padding:1px 4px; }
  .money > span{ display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:baseline; column-gap:5px; row-gap:2px; line-height:1; text-align:right; }
  .money .k{ flex:0 0 100%; margin:0; font:700 9px/1 var(--font); letter-spacing:.1em; text-transform:uppercase; color:#8f9bbb; }
  .money b{ display:inline-flex; align-items:center; gap:4px; font:400 20px/1 var(--fun) !important; letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .money .bk b{ color:#ffd27a; }
  .money b.gain{ color:var(--gain); } .money b.loss{ color:var(--loss); } .money b.mut{ color:#c9d4ee; }
  .money .o b{ font-size:17px !important; } .money .w b{ font-size:15px !important; color:#9aa6c4; }
  .money .mi{ flex:none; width:17px; height:17px; overflow:visible; filter:drop-shadow(0 1px 0 #050a18); }
  .money .lk{ font:600 10px/1 var(--font); margin:0; }
  .mwhy .mr b{ font:400 15px/1.1 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; }
  .mwhy .mr b.gain{ color:var(--gain); } .mwhy .mr b.loss{ color:var(--loss); } .mwhy .mr b.warn{ color:var(--real); }
  .mwhy .mr b i{ font:400 10.5px var(--font); text-shadow:none; color:var(--ink-3); }
  .mwhy{ border-radius:14px; border:2px solid #284a66; }
  @media (max-width:640px){ .money{ gap:10px; } .money .k{ font-size:8.5px; letter-spacing:.07em; } .money b{ font-size:17px !important; } .money .o b{ font-size:16px !important; } .money .mi{ width:15px; height:15px; } }
  @media (max-width:380px){ .money{ gap:8px; } .money b, .money .o b{ font-size:15px !important; } }
  .clock .cap, .clock.hot .cap{ color:#b9c3d8; }
  .clock .big, .clock.hot .big{ color:#fff; --cbO:#050a18; text-shadow:var(--rgS), 0 3px 12px rgba(0,0,0,.55); }
  .tabbar, .tabbar *{ --rgL:2.30px 0.00px 0 var(--cbO), 2.27px 0.40px 0 var(--cbO), 2.16px 0.79px 0 var(--cbO), 1.99px 1.15px 0 var(--cbO), 1.76px 1.48px 0 var(--cbO), 1.48px 1.76px 0 var(--cbO), 1.15px 1.99px 0 var(--cbO), 0.79px 2.16px 0 var(--cbO), 0.40px 2.27px 0 var(--cbO), 0.00px 2.30px 0 var(--cbO), -0.40px 2.27px 0 var(--cbO), -0.79px 2.16px 0 var(--cbO), -1.15px 1.99px 0 var(--cbO), -1.48px 1.76px 0 var(--cbO), -1.76px 1.48px 0 var(--cbO), -1.99px 1.15px 0 var(--cbO), -2.16px 0.79px 0 var(--cbO), -2.27px 0.40px 0 var(--cbO), -2.30px 0.00px 0 var(--cbO), -2.27px -0.40px 0 var(--cbO), -2.16px -0.79px 0 var(--cbO), -1.99px -1.15px 0 var(--cbO), -1.76px -1.48px 0 var(--cbO), -1.48px -1.76px 0 var(--cbO), -1.15px -1.99px 0 var(--cbO), -0.79px -2.16px 0 var(--cbO), -0.40px -2.27px 0 var(--cbO), -0.00px -2.30px 0 var(--cbO), 0.40px -2.27px 0 var(--cbO), 0.79px -2.16px 0 var(--cbO), 1.15px -1.99px 0 var(--cbO), 1.48px -1.76px 0 var(--cbO), 1.76px -1.48px 0 var(--cbO), 1.99px -1.15px 0 var(--cbO), 2.16px -0.79px 0 var(--cbO), 2.27px -0.40px 0 var(--cbO), 1.75px 0.00px 0 var(--cbO), 1.69px 0.45px 0 var(--cbO), 1.51px 0.87px 0 var(--cbO), 1.24px 1.24px 0 var(--cbO), 0.87px 1.51px 0 var(--cbO), 0.45px 1.69px 0 var(--cbO), 0.00px 1.75px 0 var(--cbO), -0.45px 1.69px 0 var(--cbO), -0.87px 1.51px 0 var(--cbO), -1.24px 1.24px 0 var(--cbO), -1.51px 0.87px 0 var(--cbO), -1.69px 0.45px 0 var(--cbO), -1.75px 0.00px 0 var(--cbO), -1.69px -0.45px 0 var(--cbO), -1.51px -0.87px 0 var(--cbO), -1.24px -1.24px 0 var(--cbO), -0.87px -1.51px 0 var(--cbO), -0.45px -1.69px 0 var(--cbO), -0.00px -1.75px 0 var(--cbO), 0.45px -1.69px 0 var(--cbO), 0.87px -1.51px 0 var(--cbO), 1.24px -1.24px 0 var(--cbO), 1.51px -0.87px 0 var(--cbO), 1.69px -0.45px 0 var(--cbO), 1.03px 0.00px 0 var(--cbO), 0.90px 0.52px 0 var(--cbO), 0.52px 0.90px 0 var(--cbO), 0.00px 1.03px 0 var(--cbO), -0.52px 0.90px 0 var(--cbO), -0.90px 0.52px 0 var(--cbO), -1.03px 0.00px 0 var(--cbO), -0.90px -0.52px 0 var(--cbO), -0.52px -0.90px 0 var(--cbO), -0.00px -1.03px 0 var(--cbO), 0.52px -0.90px 0 var(--cbO), 0.90px -0.52px 0 var(--cbO);
    --rgS:1.70px 0.00px 0 var(--cbO), 1.67px 0.30px 0 var(--cbO), 1.60px 0.58px 0 var(--cbO), 1.47px 0.85px 0 var(--cbO), 1.30px 1.09px 0 var(--cbO), 1.09px 1.30px 0 var(--cbO), 0.85px 1.47px 0 var(--cbO), 0.58px 1.60px 0 var(--cbO), 0.30px 1.67px 0 var(--cbO), 0.00px 1.70px 0 var(--cbO), -0.30px 1.67px 0 var(--cbO), -0.58px 1.60px 0 var(--cbO), -0.85px 1.47px 0 var(--cbO), -1.09px 1.30px 0 var(--cbO), -1.30px 1.09px 0 var(--cbO), -1.47px 0.85px 0 var(--cbO), -1.60px 0.58px 0 var(--cbO), -1.67px 0.30px 0 var(--cbO), -1.70px 0.00px 0 var(--cbO), -1.67px -0.30px 0 var(--cbO), -1.60px -0.58px 0 var(--cbO), -1.47px -0.85px 0 var(--cbO), -1.30px -1.09px 0 var(--cbO), -1.09px -1.30px 0 var(--cbO), -0.85px -1.47px 0 var(--cbO), -0.58px -1.60px 0 var(--cbO), -0.30px -1.67px 0 var(--cbO), -0.00px -1.70px 0 var(--cbO), 0.30px -1.67px 0 var(--cbO), 0.58px -1.60px 0 var(--cbO), 0.85px -1.47px 0 var(--cbO), 1.09px -1.30px 0 var(--cbO), 1.30px -1.09px 0 var(--cbO), 1.47px -0.85px 0 var(--cbO), 1.60px -0.58px 0 var(--cbO), 1.67px -0.30px 0 var(--cbO), 1.29px 0.00px 0 var(--cbO), 1.25px 0.33px 0 var(--cbO), 1.12px 0.65px 0 var(--cbO), 0.91px 0.91px 0 var(--cbO), 0.65px 1.12px 0 var(--cbO), 0.33px 1.25px 0 var(--cbO), 0.00px 1.29px 0 var(--cbO), -0.33px 1.25px 0 var(--cbO), -0.65px 1.12px 0 var(--cbO), -0.91px 0.91px 0 var(--cbO), -1.12px 0.65px 0 var(--cbO), -1.25px 0.33px 0 var(--cbO), -1.29px 0.00px 0 var(--cbO), -1.25px -0.33px 0 var(--cbO), -1.12px -0.65px 0 var(--cbO), -0.91px -0.91px 0 var(--cbO), -0.65px -1.12px 0 var(--cbO), -0.33px -1.25px 0 var(--cbO), -0.00px -1.29px 0 var(--cbO), 0.33px -1.25px 0 var(--cbO), 0.65px -1.12px 0 var(--cbO), 0.91px -0.91px 0 var(--cbO), 1.12px -0.65px 0 var(--cbO), 1.25px -0.33px 0 var(--cbO), 0.77px 0.00px 0 var(--cbO), 0.66px 0.38px 0 var(--cbO), 0.38px 0.66px 0 var(--cbO), 0.00px 0.77px 0 var(--cbO), -0.38px 0.66px 0 var(--cbO), -0.66px 0.38px 0 var(--cbO), -0.77px 0.00px 0 var(--cbO), -0.66px -0.38px 0 var(--cbO), -0.38px -0.66px 0 var(--cbO), -0.00px -0.77px 0 var(--cbO), 0.38px -0.66px 0 var(--cbO), 0.66px -0.38px 0 var(--cbO); }
  @media (max-width:899px){
    .tabbar{ border-top:0 !important; background:radial-gradient(130% 150% at 50% 135%, rgba(40,130,150,.55) 0%, rgba(70,58,160,.32) 42%, rgba(11,20,41,0) 78%), linear-gradient(180deg,#0b1429 0%,#0c1830 55%,#112645 100%) !important; }
    .tabbar button{ gap:2px; padding:4px 0 3px; font:400 11.5px/1 var(--fun) !important; letter-spacing:.03em; color:#8c98b8; --cbO:#050a18; text-shadow:var(--rgS); }
    .tabbar svg.ti{ width:28px; height:28px; stroke:none; fill:none; stroke-width:initial; overflow:visible; opacity:.8; filter:saturate(.8) drop-shadow(0 1.5px 0 #050a18);    transition:transform .15s ease, opacity .15s, filter .15s; }
    .tabbar button.on{ color:#ffd27a; }
    .tabbar button.on svg.ti{ opacity:1; transform:translateY(-2px) scale(1.06); filter:drop-shadow(0 1.5px 0 #050a18) drop-shadow(0 3px 7px rgba(255,200,90,.6)); }
    .tabbar button:active svg.ti{ transform:translateY(0) scale(.96); }
    .tabbar button:active{ color:#fff; }
  }
  @media (prefers-reduced-motion:reduce){ .tabbar svg.ti{ transition:none; } }
  .money .dg{ width:.55em; }
  .money b{ gap:0; } .money .mi{ margin-right:4px; }
  .money .bk{ position:static; width:auto; height:auto; padding:0; border:0; border-radius:0; background:none; box-shadow:none; z-index:auto; }
  @media (max-width:899px){ .money .bk{ display:none; } html.standalone .money .bk{ display:flex; } }
  @media (max-width:640px){ .money .kx{ display:none; } }
  @media (max-width:430px){ html.standalone .money .mi{ display:none; } .money{ gap:9px; } }
  @media (max-width:899px) and (min-width:385px){ html.standalone .money .bk{ padding-right:9px; margin-right:3px; border-right:1px solid rgba(160,180,230,.18); } }
  .log .a .tm{ margin-left:auto; padding-left:6px; flex:none; font:500 10px/1 var(--font); color:var(--ink-3); text-shadow:none; }
  .fl .dl:not(.yes):not(.no) .pips{ opacity:.45; }
  .tabs button{ flex:1 1 auto; padding-left:5px; padding-right:5px; }
  @media (max-width:899px){
    .tabs{ margin:0; padding:6px 6px 0; border-radius:0; background:none; box-shadow:none; border-bottom:1px solid var(--hair); }
    .tabs button[data-tab].on{ padding:8px 4px 10px 10px !important; border:0 !important; background:none !important; box-shadow:none !important; font:400 21px/1 var(--fun) !important; letter-spacing:.02em; color:#fff !important; --cbO:#050a18; text-shadow:var(--rgS) !important; }
    body.chartmode .tabs button[data-tab].on{ padding:4px 4px 5px 10px !important; }
    .fl .fh, .fl .fr{ grid-template-columns:minmax(0,1fr) 48px 52px 76px; }
    body.chartmode .gz{ padding:5px 9px 6px; }
  }
  @media (max-width:899px){
    .tabbar, .tabbar button{ overflow:visible; }
    .tabbar button{ position:relative; justify-content:flex-end !important; padding:0 0 5px !important; color:#9aa6c8 !important; }
    .tabbar button::before{ content:""; position:absolute; left:3px; right:3px; top:4px; bottom:3px; border-radius:14px; opacity:0; transform:scale(.9); transition:opacity .15s, transform .15s;
      background:linear-gradient(180deg,#3d5a9a,#24386a 55%,#1b2b55); box-shadow:inset 0 2px 0 rgba(255,255,255,.25), 0 3px 0 #0a0f24, 0 0 0 2px #0a0f24; }
    .tabbar button.on::before{ opacity:1; transform:none; }
    .tabbar button span{ position:relative; z-index:1; }
    .tabbar svg.ti{ position:relative; z-index:1; width:31px !important; height:31px !important; opacity:1 !important; filter:saturate(.85) brightness(.88) drop-shadow(0 2px 0 rgba(5,10,24,.9)) !important; }
    .tabbar button.on svg.ti{ transform:translateY(-8px) scale(1.22) !important; filter:drop-shadow(0 2px 0 rgba(5,10,24,.9)) drop-shadow(0 4px 8px rgba(255,200,90,.35)) !important; }
    .tabbar button.on{ color:#ffd27a !important; }
    :root{ --tbh:58px; }
    .tabbar button{ padding:0 0 6px !important; }
    #lfoot{ display:none !important; }
  }
  @media (max-width:899px){
    .side{ height:auto; max-height:min(calc(80% - var(--tbh) - var(--sabt)),620px); }
    .side:not(.chart-on) .tb{ flex:0 1 auto; }
    body.chartmode .side{ max-height:none; }
    :root{ --sgap:4px; --sbot:11px; }   
    .side{ left:6px; right:6px; bottom:calc(var(--tbh) + var(--sabt) + var(--sbot)); border-width:var(--cardBW) !important; border-radius:18px !important; }
    .side.open{ box-shadow:inset 0 0 0 1px rgba(0,0,0,.35), 0 -10px 34px rgba(0,0,0,.5); }
    body.chartmode .side{ border-width:var(--cardBW) !important; border-radius:18px !important; }
    body.chartmode .dock{ margin-top:var(--sgap) !important; }
    body.chartmode .main{ margin-bottom:calc(var(--sheetH,50vh) + var(--sgap) + var(--sbot)); }
  }
  @media (max-width:899px){ .chd{ padding-left:11px; gap:6px; } .tfs button{ padding:4px 5px; min-width:26px; } }
  .dock .seg button .t .ar{ stroke-width:4.6px; vector-effect:non-scaling-stroke; }
  .dock .seg button .t .ar path{ vector-effect:non-scaling-stroke; }
  @media (max-width:899px){
    body.chartmode .cz{ grid-template-columns:minmax(128px,146px) minmax(0,1fr) auto; }
    body.chartmode .dock .seg button{ padding:2px 9px; }
  }
  @media (max-width:380px){ body.chartmode .cz{ grid-template-columns:minmax(122px,134px) minmax(0,1fr) auto; } body.chartmode .dock .seg button{ padding:2px 7px; } }
  .stats{ gap:6px; padding:8px 10px 8px; border-bottom:0; }
  .stats .cs{ padding:7px 2px 6px; border-radius:12px; border:2px solid #1c2a47; background:linear-gradient(180deg,#16223f,#0e1730); box-shadow:inset 0 2px 5px rgba(0,0,0,.45); }
  .stats .cs b{ font-size:20px; }
  .stats .cs.caught b{ color:#a8f5ec; } .stats .cs.caught i{ color:#7fd9cf; }
  .stats .cs.escaped b{ color:#cfc6ee; } .stats .cs.escaped i{ color:#9a93b8; }
  .stats .cs.reeled b{ color:#dbe3f3; } .stats .cs.reeled i{ color:#93a2c2; }
  .log{ padding:2px 8px 10px; gap:6px; }
  .log .r, .log .r.caught{ border-radius:15px; border:3px solid #1c2a47; background:linear-gradient(180deg,#16223f,#0e1730); box-shadow:inset 0 2px 5px rgba(0,0,0,.5), inset 0 -1px 0 rgba(255,255,255,.04); }
  .log .r > .plate{ width:46px; height:34px; }
  .log .r.escaped > .plate svg{ opacity:.5; filter:grayscale(.9); }
  .log .a{ gap:7px; align-items:center; }
  .log .a .spn{ color:#fff; }
  .log .a .oc{ display:inline-flex; align-items:center; gap:3px; height:19px; padding:0 7px; box-sizing:border-box; border-radius:7px; font:400 11px/1 var(--fun); letter-spacing:.07em; text-transform:uppercase; }
  .log .a .oc svg{ width:10px; height:10px; fill:none; stroke:#fff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 1px 0 #0c5049); margin-left:-1px; }
  .log .a .oc.caught{ --cbO:#0c5049; color:#fff; border:1.5px solid var(--cbO); background:linear-gradient(180deg,#8cf7ea 0%,#1fd6c4 50%,#0ea295 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 1.5px 0 var(--cbO); text-shadow:0 1px 0 var(--cbO), 0 0 2px var(--cbO), 0 0 1px var(--cbO); }
  .log .a .oc.reeled{ --cbO:#0a1230; color:#fff; border:1.5px solid var(--cbO); background:linear-gradient(180deg,#62779f 0%,#3a4d78 50%,#27365e 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 1.5px 0 var(--cbO); text-shadow:0 1px 0 var(--cbO), 0 0 2px var(--cbO); }
  .log .a .oc.escaped{ color:#a99fc9; border:1.5px solid #2c2a4d; background:rgba(28,24,56,.7); box-shadow:inset 0 1px 3px rgba(0,0,0,.5); text-shadow:none; }
  .log .p{ font-size:20px; }
  .log .r.escaped .a .spn{ color:#c9c3e0; }
  .clockw{ display:flex; align-items:center; gap:7px; }
  .clockw .clock{ display:flex; flex-direction:column; align-items:flex-end; }
  .clki{ --cbHi:#62779f; --cbMid:#3a4d78; --cbLo:#27365e; --cbO:#0a1230; flex:none; width:22px; height:22px; padding:0; border-radius:50%; box-sizing:border-box; cursor:pointer;
    display:grid; place-items:center; border:2px solid var(--cbO); background:radial-gradient(circle at 50% 30%,var(--cbHi) 0%,var(--cbMid) 55%,var(--cbLo) 100%);
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4), 0 2px 0 var(--cbO), 0 3px 7px rgba(0,0,0,.4); color:#fff; font:400 13px/1 var(--fun); padding-top:1px;
    text-shadow:0 1px 0 var(--cbO), 0 0 2px var(--cbO), 0 0 1px var(--cbO); -webkit-tap-highlight-color:transparent; }
  .clki[hidden]{ display:none; }
  .clki:active{ transform:translateY(1px); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.3), 0 1px 0 var(--cbO); }
  .clki:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
  body.lastmin .clki, body.haulon .clki{ visibility:hidden; }
  .clktip{ position:absolute; z-index:6; padding:8px 11px; border-radius:12px; border:2px solid #284a66; background:rgba(7,13,28,.94); box-shadow:0 8px 22px rgba(0,0,0,.45);
    color:#c9d4ee; font:500 12.5px/1.2 var(--font); white-space:nowrap; pointer-events:auto; }
  .clktip b{ font:400 15px/1 var(--fun); letter-spacing:.02em; color:#fff; text-shadow:1.2px 0 0 #050a18, -1.2px 0 0 #050a18, 0 1.2px 0 #050a18, 0 -1.2px 0 #050a18; margin-left:3px; }
  body.haulon .clktip, body.lastmin .clktip{ display:none; }
  .lfoot{ display:none !important; }
  @media (max-width:640px){
    html:not(.fguest) .nav{ display:none; } html:not(.fguest) .deskbtn{ display:grid; } .money .bk{ display:grid !important; }
  }
  @media (max-width:899px){
    .money{ gap:12px; align-items:stretch; padding:0 2px; border-radius:10px; }
    .money > span.w{ display:none !important; }
    .money > span:not(.w){ display:grid !important; grid-template-rows:10px 20px; row-gap:2px; justify-items:end; align-items:end; text-align:right; line-height:1; }
    .money .bk{ padding:0 !important; margin:0 !important; border:0 !important; }
    .money .k{ font:700 8.5px/1 var(--font) !important; letter-spacing:.07em !important; margin:0 !important; align-self:start; }
    .money b{ font-size:16px !important; line-height:1 !important; font-variant-numeric:tabular-nums; }
    .money .bk b{ font-size:19px !important; }
    .money .mi{ display:none !important; }
    .helpbtn{ margin-left:6px; }
  }
  @media (max-width:409px){ .money{ gap:10px; } .money .bk b{ font-size:17px !important; } .money b{ font-size:15px !important; } .helpbtn{ margin-left:4px; } }
  html.fguest .fgx{ display:none !important; }   
  .gz{ --gc:#ffd27a; position:relative; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0 0 8px; overflow:hidden; border-radius:14px;
    border:2px solid #0a1230; background:linear-gradient(180deg,#16223f,#0e1730); box-shadow:inset 0 -2px 5px rgba(0,0,0,.35), 0 2px 0 #050a18, 0 4px 10px rgba(0,0,0,.3); }
  .gz:hover, .gz.open{ border-color:#0a1230; background:linear-gradient(180deg,#1b2a4d,#111c3a); box-shadow:inset 0 -2px 5px rgba(0,0,0,.35), 0 2px 0 #050a18, 0 0 0 2px var(--gc); }
  .gz:active{ transform:translateY(1px); }
  .gz .gk{ padding:4px 6px 4px 7px; gap:5px; background:linear-gradient(180deg,#62779f 0%,#3a4d78 55%,#27365e 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 1.5px 0 #0a1230;
    --cbO:#0a1230; font:400 13px/1 var(--fun); color:#fff; text-shadow:var(--rgS); }
  .gz .gi, .gz .gi svg{ width:15px; height:15px; }
  .gz .gi svg{ stroke:var(--gc); stroke-width:2; filter:drop-shadow(0 1px 0 #0a1230) drop-shadow(0 0 1px #0a1230); }
  .gz .gv{ padding:6px 8px 0; font:400 16px/1.1 var(--fun); letter-spacing:.015em; color:var(--gc); --cbO:#050a18; text-shadow:var(--rgS); }
  .gz .gs{ padding:3px 8px 0; }
  .gz .gm{ position:relative; display:block; flex:none; height:6px; margin:6px 8px 0; border-radius:4px; background:rgba(2,6,18,.65); box-shadow:inset 0 1px 2px rgba(0,0,0,.7), 0 0 0 1px rgba(160,180,230,.08); }
  .gz .gm .f{ position:absolute; left:0; top:0; bottom:0; border-radius:4px; background:var(--gc); box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.25); }
  .gz .gm .z{ position:absolute; top:0; bottom:0; background:rgba(255,255,255,.07); }
  .gz .gm .c{ position:absolute; left:50%; top:-2px; bottom:-2px; width:1.5px; margin-left:-.75px; background:rgba(201,212,238,.45); }
  .gz .gm .k{ position:absolute; top:-3px; width:6px; height:12px; margin-left:-3px; border-radius:3px; background:var(--gc); box-shadow:0 0 0 1.5px #050a18, inset 0 1px 0 rgba(255,255,255,.6); }
  .gz .gm.dots{ display:flex; gap:4px; background:none; box-shadow:none; }
  .gz .gm.dots i{ flex:1; border-radius:4px; background:rgba(2,6,18,.65); box-shadow:inset 0 1px 2px rgba(0,0,0,.7), 0 0 0 1px rgba(160,180,230,.08); }
  .gz .gm.dots i.on{ background:var(--gc); box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 1px #050a18; }
  .gz .gm.off > *{ display:none; }
  .gauges{ align-items:stretch; }
  @media (max-width:899px){
    body.chartmode .gauges{ padding:3px 10px 6px; scroll-padding-inline:10px; gap:7px; }
    body.chartmode .gz{ flex:0 0 176px; width:176px; min-width:0; max-width:none; padding:0 0 6px; }
    body.chartmode .gz .gk{ padding-top:3px; padding-bottom:3px; }
    body.chartmode .gz .gv{ font-size:15px; padding-top:4px; }
    body.chartmode .gz .gm{ margin-top:5px; height:5px; }
  }
  @media (min-width:900px) and (max-height:820px){
    .gauges{ gap:5px; padding-top:3px; } .gz{ padding:0 0 5px; border-radius:12px; }
    .gz .gk{ padding:2px 6px 2px 7px; font-size:12.5px; } .gz .ev{ padding:2px 4px 1px !important; font-size:9px !important; }
    .gz .gv{ padding-top:3px; font-size:14.5px; } .gz .gm{ margin-top:4px; height:5px; } }
  .gwhy{ left:auto; right:auto; width:min(300px, calc(100% - 16px)); box-sizing:border-box; padding:9px 12px 10px; border-radius:14px; border:3px solid #284a66;
    background:linear-gradient(180deg,#0f1a33,#0a1328); box-shadow:inset 0 2px 6px rgba(0,0,0,.55), 0 12px 30px rgba(0,0,0,.55); font:400 12.5px/1.45 var(--font); color:#c9d4ee; }
  .gwhy .wt{ display:flex; align-items:center; gap:6px; margin:0 0 4px; font:400 16px/1.1 var(--fun); letter-spacing:.02em; color:#fff; --cbO:#050a18; text-shadow:var(--rgS); }
  .gwhy .wt svg{ width:16px; height:16px; fill:none; stroke:var(--gc,#9fd8ff); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 1px 0 #050a18); }
  .gwhy .wt .ev{ margin-left:auto; }
  .gwhy p{ margin:0; }
  .gwhy .ev{ flex:none; font:400 9.5px/1 var(--fun) !important; letter-spacing:.07em; text-transform:uppercase; padding:3px 5px 2px !important; border-radius:6px; text-shadow:0 1px 0 var(--cbO), 0 0 2px var(--cbO); }
  .gwhy .ev.strong{ --cbO:#6b3f00; color:#fff; border:1.5px solid var(--cbO) !important; background:linear-gradient(180deg,#fff0b8,#f5c76a 50%,#d9962a) !important; }
  .gwhy .ev.some{ --cbO:#0a1230; color:#fff; border:1.5px solid var(--cbO) !important; background:linear-gradient(180deg,#62779f,#3a4d78 50%,#27365e) !important; }
  .gwhy .ev.weak{ --cbO:#050a18; color:#6f7b99; border:1.5px solid #1c2a47 !important; background:rgba(2,6,18,.5) !important; text-shadow:none; }
  .gwhy .pt{ position:absolute; width:12px; height:12px; margin-left:-6px; transform:rotate(45deg); background:#0c162d; border:3px solid #284a66; }
  .gwhy.up .pt{ bottom:-8px; border-top:0; border-left:0; }
  .gwhy.dn .pt{ top:-8px; border-bottom:0; border-right:0; background:#0f1a33; }
  @media (max-width:899px){
    body:not(.chartmode) .dock .cz{ position:relative; isolation:isolate; row-gap:6px; }
    body:not(.chartmode) .dock .cz > *{ position:relative; z-index:1; }
    body:not(.chartmode) .dock .cz::before, body:not(.chartmode) .dock .cz::after, body:not(.chartmode) .dock .size::before{ content:""; z-index:0; pointer-events:none; border-radius:16px;
      background:linear-gradient(180deg,rgba(24,37,72,.82),rgba(13,22,48,.82)); border:1.5px solid rgba(120,150,220,.22);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05), inset 0 -2px 6px rgba(0,0,0,.25), 0 1px 0 rgba(0,0,0,.35); }
    body:not(.chartmode) .dock .cz::before, body:not(.chartmode) .dock .cz::after{ align-self:stretch; justify-self:stretch; }
    body:not(.chartmode) .dock .cz::before{ grid-row:1 / 3; grid-column:1 / -1; margin:-4px -7px -4px; }
    body:not(.chartmode) .dock .cz::after{ grid-row:4; grid-column:1 / -1; margin:-3px -7px -1px; }
    body:not(.chartmode) .dock .size::before{ position:absolute; z-index:-1; left:-7px; right:-7px; top:-3px; bottom:-3px; }
    body:not(.chartmode) .dock .fishrow{ height:24px; padding-left:2px; }
    body:not(.chartmode) .dock .size{ margin-top:5px; }
    body:not(.chartmode) .dock .size .lbl{ margin-bottom:2px; padding-left:2px; }
    body:not(.chartmode) .dock .sum, body:not(.chartmode) .dock .cta{ margin-top:7px; }
    body:not(.chartmode) .dock .sum{ padding-left:2px; }
    body:not(.chartmode) .dock .lz{ border-top:0; margin:3px -7px 0; padding:5px 7px 0; border-radius:16px 16px 0 0; position:relative;
      background:linear-gradient(180deg,rgba(24,37,72,.82),rgba(13,22,48,0) 92%); border:1.5px solid rgba(120,150,220,.22); border-bottom:0;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
    body:not(.chartmode) .dock .lz .lbl{ padding-left:2px; margin-bottom:2px; }
    body:not(.chartmode) .dock .lines{ height:88px; }
  }
  @media (max-width:899px) and (max-height:700px){ body:not(.chartmode) .dock .lines{ height:60px; } body:not(.chartmode) .dock .lz .lbl{ height:32px; } }
  @media (max-width:899px){
    .ltop{ top:6px; }
    .coins{ padding:2px 3px 4px; } .coins button{ min-height:26px; padding:4px 8px; }
    body:not(.chartmode) .dock .seg{ padding:3px 3px 4px; }
    body:not(.chartmode) .dock .seg button{ padding-top:2px; padding-bottom:2px; }
    body:not(.chartmode) .dock .seg button .s{ line-height:12px; }
    body:not(.chartmode) .dock #nIn{ height:28px; font-size:22px; }
    body:not(.chartmode) .dock .szr{ height:28px; }
    body:not(.chartmode) .dock .size .lbl{ margin-bottom:1px; }
    body:not(.chartmode) .dock .lz .lbl{ height:34px; }
    body:not(.chartmode) .dock .lines{ height:80px; }
    body:not(.chartmode) .dock .sum, body:not(.chartmode) .dock .cta{ margin-top:5px; }
    body:not(.chartmode) .dock .size{ margin-top:4px; }
  }
  @media (max-width:899px) and (max-height:700px){ body:not(.chartmode) .dock .lines{ height:60px; } body:not(.chartmode) .dock .lz .lbl{ height:32px; } }
  @media (max-width:899px) and (max-height:700px){ body:not(.chartmode) .dock .size{ margin-top:3px; } body:not(.chartmode) .dock .sum, body:not(.chartmode) .dock .cta{ margin-top:4px; } body:not(.chartmode) .dock .lz{ margin-top:2px; } }
  .chgrip{ display:none; }
  @media (max-width:899px){
    body.chartmode .dock{ touch-action:none; }
    body.chartmode .chgrip{ display:block; position:absolute; z-index:3; left:50%; top:-15px; width:76px; height:26px; margin-left:-38px; padding:0; border:0; background:none; cursor:row-resize; touch-action:none; -webkit-tap-highlight-color:transparent; }
    body.chartmode .chgrip::before{ content:''; position:absolute; left:50%; top:50%; width:56px; height:4px; margin:-5px 0 0 -28px;    border-radius:2px; background:rgba(150,175,230,.45); transition:background .15s, width .15s, margin .15s; }
    body.chartmode .chgrip::after{ content:none; }
    body.chartmode.chsplit .chgrip::before{ background:#ffd27a; width:84px; margin-left:-42px; }
    body.chartmode.chsplit .side{ transition:none !important; }
    body.chartmode.chsmall .gauges{ display:none !important; }
  }
  @media (max-width:899px){
    body:not(.chartmode) .dock{ --g:10px; --w:6px; padding:12px calc(12px + var(--sar)) 10px calc(12px + var(--sal)); row-gap:var(--g); margin-bottom:var(--sgap,4px); }
    body:not(.chartmode) .dock .cz::before, body:not(.chartmode) .dock .cz::after, body:not(.chartmode) .dock .size::before{ content:none; display:none; }
    body:not(.chartmode) .dock .cz{ row-gap:0; isolation:auto; }
    body:not(.chartmode) .dock .fishrow{ height:28px; padding-left:0; }
    body:not(.chartmode) .dock .bait{ margin-top:var(--w); }
    body:not(.chartmode) .dock .size{ margin-top:var(--g); }
    body:not(.chartmode) .dock .size .lbl{ padding-left:0; margin-bottom:2px; }
    body:not(.chartmode) .dock .sum, body:not(.chartmode) .dock .cta{ margin-top:var(--g); }
    body:not(.chartmode) .dock .sum{ padding-left:0; }
    body:not(.chartmode) .dock .lz{ margin:0 calc(-12px - var(--sar)) -10px calc(-12px - var(--sal));   
      padding:8px calc(12px + var(--sar)) 10px calc(12px + var(--sal));
      border:0; border-radius:0 0 15px 15px; background:rgba(0,4,16,.32); box-shadow:inset 0 1px 0 rgba(150,180,240,.08); }
    body:not(.chartmode) .dock .lz .lbl{ height:34px; padding-left:0; padding-right:11px; margin-bottom:calc(var(--w) + 2px); }
    body:not(.chartmode) .dock .lines{ height:60px; padding:0; scroll-snap-type:y mandatory; }
  }
  @media (max-width:899px) and (max-height:700px){
    body:not(.chartmode) .dock{ --g:8px; --w:4px; padding-top:6px; }
    body:not(.chartmode) .dock{ padding-bottom:6px; }
    body:not(.chartmode) .dock .lz{ padding-top:6px; padding-bottom:6px; margin-bottom:-6px; }
    body:not(.chartmode) .dock .lz .lbl{ height:32px; }
  }
  @media (max-width:899px){
    .dock input[type=range]::-webkit-slider-thumb{ width:28px; height:28px; margin-top:-11px; }
    body:not(.chartmode) .dock .szr input[type=range]{ height:40px; margin:-6px 0; position:relative; z-index:1; }
    body.chartmode .cz{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"bait cast" "size size"; row-gap:4px; column-gap:8px; }
    body.chartmode .dock .castbtn{ min-width:124px; max-width:none; }
    body.chartmode .dock .szr{ height:36px; gap:10px; }
    body.chartmode .dock .szr input[type=number]{ height:32px; }
    body.chartmode .dock .szr input[type=range]{ height:36px; flex:1 1 auto; min-width:0; }
  }
  .szr{ position:relative; }
  .szr.broke input[type=range]{ opacity:.18; }
  .szr.broke::after{ content:attr(data-msg); position:absolute; right:0; top:50%; transform:translateY(-50%); left:calc(var(--szrL,0px)); pointer-events:none;
    font:400 14px/1 var(--fun); letter-spacing:.03em; color:#ffd27a; text-align:center; text-shadow:0 1px 2px #050a18; padding:0 4px; }
  .tst, .tst *{ --rgS:1.70px 0.00px 0 var(--cbO), 1.67px 0.30px 0 var(--cbO), 1.60px 0.58px 0 var(--cbO), 1.47px 0.85px 0 var(--cbO), 1.30px 1.09px 0 var(--cbO), 1.09px 1.30px 0 var(--cbO), 0.85px 1.47px 0 var(--cbO), 0.58px 1.60px 0 var(--cbO), 0.30px 1.67px 0 var(--cbO), 0.00px 1.70px 0 var(--cbO), -0.30px 1.67px 0 var(--cbO), -0.58px 1.60px 0 var(--cbO), -0.85px 1.47px 0 var(--cbO), -1.09px 1.30px 0 var(--cbO), -1.30px 1.09px 0 var(--cbO), -1.47px 0.85px 0 var(--cbO), -1.60px 0.58px 0 var(--cbO), -1.67px 0.30px 0 var(--cbO), -1.70px 0.00px 0 var(--cbO), -1.67px -0.30px 0 var(--cbO), -1.60px -0.58px 0 var(--cbO), -1.47px -0.85px 0 var(--cbO), -1.30px -1.09px 0 var(--cbO), -1.09px -1.30px 0 var(--cbO), -0.85px -1.47px 0 var(--cbO), -0.58px -1.60px 0 var(--cbO), -0.30px -1.67px 0 var(--cbO), -0.00px -1.70px 0 var(--cbO), 0.30px -1.67px 0 var(--cbO), 0.58px -1.60px 0 var(--cbO), 0.85px -1.47px 0 var(--cbO), 1.09px -1.30px 0 var(--cbO), 1.30px -1.09px 0 var(--cbO), 1.47px -0.85px 0 var(--cbO), 1.60px -0.58px 0 var(--cbO), 1.67px -0.30px 0 var(--cbO), 1.29px 0.00px 0 var(--cbO), 1.25px 0.33px 0 var(--cbO), 1.12px 0.65px 0 var(--cbO), 0.91px 0.91px 0 var(--cbO), 0.65px 1.12px 0 var(--cbO), 0.33px 1.25px 0 var(--cbO), 0.00px 1.29px 0 var(--cbO), -0.33px 1.25px 0 var(--cbO), -0.65px 1.12px 0 var(--cbO), -0.91px 0.91px 0 var(--cbO), -1.12px 0.65px 0 var(--cbO), -1.25px 0.33px 0 var(--cbO), -1.29px 0.00px 0 var(--cbO), -1.25px -0.33px 0 var(--cbO), -1.12px -0.65px 0 var(--cbO), -0.91px -0.91px 0 var(--cbO), -0.65px -1.12px 0 var(--cbO), -0.33px -1.25px 0 var(--cbO), -0.00px -1.29px 0 var(--cbO), 0.33px -1.25px 0 var(--cbO), 0.65px -1.12px 0 var(--cbO), 0.91px -0.91px 0 var(--cbO), 1.12px -0.65px 0 var(--cbO), 1.25px -0.33px 0 var(--cbO), 0.77px 0.00px 0 var(--cbO), 0.66px 0.38px 0 var(--cbO), 0.38px 0.66px 0 var(--cbO), 0.00px 0.77px 0 var(--cbO), -0.38px 0.66px 0 var(--cbO), -0.66px 0.38px 0 var(--cbO), -0.77px 0.00px 0 var(--cbO), -0.66px -0.38px 0 var(--cbO), -0.38px -0.66px 0 var(--cbO), -0.00px -0.77px 0 var(--cbO), 0.38px -0.66px 0 var(--cbO), 0.66px -0.38px 0 var(--cbO); }
  #toast{ top:auto; transform:translate(-50%,-100%); display:flex; flex-direction:column-reverse; align-items:center; gap:6px; width:min(86vw,360px); }
  .tst{ width:max-content; }
  .tst{ --cbO:#050a18; background:linear-gradient(180deg,#1b2d55,#101c3a) !important; border:3px solid #284a66 !important; border-radius:16px !important;
    padding:9px 16px 10px !important; font:400 16px/1.2 'Lilita One',var(--font) !important; letter-spacing:.02em; color:#fff !important; text-align:center;
    text-shadow:var(--rgS,0 1px 0 #050a18); box-shadow:inset 0 2px 0 rgba(255,255,255,.12), 0 4px 0 #0a1430, 0 10px 22px rgba(0,0,0,.45) !important; max-width:100%; }
  .tst b{ color:#ffd27a !important; font-weight:400 !important; }
  .tst.err{ border-color:#c2465a !important; background:linear-gradient(180deg,#4a1f33,#2a1222) !important; color:#ffd9de !important; box-shadow:inset 0 2px 0 rgba(255,255,255,.12), 0 4px 0 #2a0d18, 0 10px 22px rgba(0,0,0,.45) !important; }
  @media (min-width:900px){
    .tabs button{ padding-left:3px; padding-right:3px; font-size:13px; letter-spacing:.02em; }
    .side .tb{ min-height:0; }
  }
  @media (min-width:900px) and (max-width:1320px){ .tabs button{ font-size:12px; letter-spacing:.01em; padding-left:2px; padding-right:2px; } }
  @media (min-width:900px){
    .tabs .ph{ display:none; } .tabs .dk{ display:block; }
    .side > .chartc{ order:-1; display:flex; flex:0 0 40%; height:auto; min-height:190px; border-top:0; border-bottom:1px solid var(--hair); }
    .side > .chartc .chd{ padding-top:7px; }
    .side > .chartc .chbox{ flex:1 1 auto; height:auto; min-height:0; margin-bottom:4px; }
    .side > .tabs{ order:0; }
    .side > .tb{ order:1; flex:1 1 0; }
    #tb-ind{ position:relative; }
    #tb-ind .gauges{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; align-content:start; align-items:start;
      gap:7px; padding:6px 8px 2px; }
    #tb-ind .gz{ padding:0 0 5px; border-radius:12px; gap:0; height:auto; }
    #tb-ind .gz .gk{ padding:3px 7px 3px 8px; gap:5px; font-size:14px; }
    #tb-ind .gz .gi, #tb-ind .gz .gi svg{ width:15px; height:15px; }
    #tb-ind .gz .ev{ padding:2px 5px 1px !important; font-size:9px !important; }
    #tb-ind .gz .gv{ padding:3px 8px 0; font-size:16px; line-height:1.15; }
    #tb-ind .gz .gm{ margin:4px 8px 0; height:6px; }
    #tb-ind .gz .gs{ display:block; padding:3px 8px 0; font:500 10px/1.2 var(--font); color:var(--ink-3); }
    #tb-ind .chft{ padding:7px 12px 8px; font-size:10.5px; line-height:1.35; }
  }
  @media (min-width:900px){
    .side{ --cg:10px; --chcH:max(calc((100% - var(--cg)) * .4), 190px); position:relative; isolation:isolate;
      background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; overflow:visible; }
    .side::before{ content:''; position:absolute; left:0; right:0; bottom:0; top:calc(var(--chcH) + var(--cg)); z-index:-1; pointer-events:none;
      background:var(--surface); border:var(--cardBW) solid var(--cardB); border-radius:18px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.35); }
    .side > .chartc{ flex:0 0 var(--chcH); min-height:0; margin-bottom:var(--cg); overflow:hidden;
      background:var(--surface); border:var(--cardBW) solid var(--cardB); border-radius:18px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.35); }
    .side > .chartc .chd{ padding-top:6px; }
    .side > .chartc .chbox{ margin-bottom:6px; }
    .side > .tabs{ margin:var(--cardBW) var(--cardBW) 0; }
    .side > .tb{ margin:0 var(--cardBW) var(--cardBW); border-radius:0 0 15px 15px; }
  }
  @media (min-width:900px) and (max-width:1500px){
    .side .cht .usd{ display:none; }
    .side > .chartc .chd{ gap:6px; padding-left:12px; padding-right:8px; }
    .side .tfs button{ padding-left:5px; padding-right:5px; min-width:26px; }
  }
  .gz, #tb-ind .gz{ border:2px solid #3a4d78; }
  .gz:hover, .gz.open{ border-color:#4f6496; }
  .gz:hover, .gz.open{ outline:2px solid var(--gc); outline-offset:1px; box-shadow:inset 0 -2px 5px rgba(0,0,0,.35); }   
  .gauges{ padding-bottom:4px; }
  #tb-ind .phx{ display:none; }
  @media (max-width:899px){
    #tb-ind{ position:relative; }
    #tb-ind .phx{ display:block; padding-bottom:4px; }
    #tb-ind .gauges{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; align-content:start; align-items:start; gap:8px; padding:4px 10px 4px; }
    #tb-ind .gz{ height:auto; min-width:0; padding:0 0 7px; }
    #tb-ind .gz .gv{ font-size:15px; line-height:1.2; padding-top:4px; }
    #tb-ind .gz .gm{ margin-top:5px; }
    #tb-ind .gz .gs{ display:block; padding:4px 9px 0; font:500 10.5px/1.25 var(--font); color:var(--ink-3); }
    #tb-ind .chft{ display:block; padding:8px 12px 10px; }
  }
  @media (max-width:430px){ .tabbar button{ font-size:10.5px !important; letter-spacing:.01em !important; } }
  .tabbar .sh{ display:none; }
  @media (max-width:359px){ .tabbar .lg{ display:none; } .tabbar .sh{ display:inline; } }
  html.dscale .dock{ zoom:var(--fzd,1); }
  html.artwait .sky canvas, html.artwait .sky > div, html.artwait .stars{ opacity:0 !important; }
  .sky canvas, .sky > div, .stars{ transition:opacity .45s ease; }
  #lakewrap .artveil{ position:absolute; inset:0; z-index:30; display:flex; opacity:0; visibility:hidden; transition:opacity .45s ease, visibility 0s linear .45s; border-radius:inherit; align-items:center; justify-content:center; pointer-events:none;
    background:radial-gradient(120% 80% at 50% 30%, #12234a 0%, #070d1c 70%); font:400 18px/1 'Lilita One',sans-serif; letter-spacing:.03em; color:#cfe0ff;
    text-shadow:0 2px 0 #050a18; }
  #lakewrap.artwait .artveil{ opacity:1; visibility:visible; transition:none; }
  #lakewrap .artveil i{ display:inline-block; width:10px; height:10px; margin-left:8px; border-radius:50%; background:#4fd1c5; animation:artpulse 1s ease-in-out infinite; }
  @keyframes artpulse{ 0%,100%{ opacity:.25; transform:scale(.8);} 50%{ opacity:1; transform:scale(1.1);} }
  @media (prefers-reduced-motion:reduce){ #lakewrap .artveil i{ animation:none; } #lakewrap .artveil, .sky canvas, .sky > div, .stars{ transition:none; } }
  .bar{ position:relative; z-index:45; }
  .money .k{ text-shadow:0 1px 0 #050a18, 0 0 3px rgba(5,10,24,.9), 1px 0 0 #050a18, -1px 0 0 #050a18; color:#c3cee8 !important; }
  @media (max-width:899px){ html.standalone .app{ padding-top:calc(26px + var(--sat)) !important; } }
  .lmsg{ display:grid; justify-items:center; gap:4px; }
  .lmsg b{ font:400 24px/1.05 'Lilita One',var(--font); letter-spacing:.02em; color:#ffd27a; --cbO:#050a18;
    text-shadow:2px 0 0 #050a18,-2px 0 0 #050a18,0 2px 0 #050a18,0 -2px 0 #050a18,1.5px 1.5px 0 #050a18,-1.5px -1.5px 0 #050a18,1.5px -1.5px 0 #050a18,-1.5px 1.5px 0 #050a18,0 3px 8px rgba(0,0,0,.6); }
  .lmsg i{ font:600 12px/1.2 var(--font); font-style:normal; letter-spacing:.08em; text-transform:uppercase; color:#cfe0ff; text-shadow:0 1px 3px rgba(0,0,0,.9); }
  .lb .lgd.none{ display:none !important; }
  .lb .nm b{ font-size:15px !important; }
  .lb .nm b{ white-space:normal !important; flex-wrap:wrap; row-gap:2px; }
  .lb .nm b span{ white-space:normal; overflow:hidden; text-overflow:clip; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; line-height:1.05; }
  .lb .nm i{ white-space:normal !important; }
  .lb .lr, .lb .row, .lb li{ position:relative; }
  .lb .nm b .you{ position:absolute; top:-8px; right:14px; z-index:2; box-shadow:0 2px 0 rgba(5,10,24,.6); }
  .fcount{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); z-index:3; display:grid; justify-items:center; line-height:1; pointer-events:none; text-align:center; }
  .fcount[hidden]{ display:none; }
  @media (max-width:899px){ .fcount{ grid-template-columns:auto auto; grid-template-rows:auto auto; column-gap:6px; row-gap:1px; align-items:center; text-align:left; justify-items:start; bottom:0px; }   
    .fcount b{ grid-row:1 / 3; align-self:center; } .fcount span{ align-self:end; } .fcount i{ align-self:start; } }
  @media (max-width:399px){ .fcount{ column-gap:4px; bottom:0px; } .fcount b{ font-size:30px; } .fcount span{ font-size:15px; } .fcount i{ font-size:8px; letter-spacing:.06em; } }
  .fcount b{ font:400 40px/.95 'Lilita One',var(--font); color:#fff; text-shadow:2px 0 0 #050a18,-2px 0 0 #050a18,0 2px 0 #050a18,0 -2px 0 #050a18,1.5px 1.5px 0 #050a18,-1.5px -1.5px 0 #050a18,1.5px -1.5px 0 #050a18,-1.5px 1.5px 0 #050a18,0 3px 6px rgba(0,0,0,.5); }
  .fcount span{ font:400 20px/1 'Lilita One',var(--font); letter-spacing:.04em; color:#a8f5ec; text-shadow:1.5px 0 0 #050a18,-1.5px 0 0 #050a18,0 1.5px 0 #050a18,0 -1.5px 0 #050a18; }
  .fcount i{ font:600 9.5px/1.2 var(--font); font-style:normal; letter-spacing:.1em; text-transform:uppercase; color:#cfe0ff; text-shadow:0 1px 2px #050a18; }
  .fcount.low b{ color:#ffd27a; }
  body.chartmode .fcount{ display:none; }
  body.lastmin .fcount, body.haulon .fcount{ display:none !important; }   
  .tools{ display:flex; align-items:center; gap:6px; }
  .toolb.lnb{ width:32px; padding:0 !important; display:inline-grid; place-items:center; }
  .toolb.lnb svg{ width:18px; height:18px; }
  .toolb.lnb .sl{ display:none; }
  .toolb.lnb.off{ opacity:.7; } .toolb.lnb.off .sl{ display:inline; }
  @media (max-width:899px){ .cht .usd{ display:none; } }
  @keyframes castnudge{ 0%{ box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 0 0 0 var(--nudgeC,rgba(79,209,197,.75)); }
    70%{ box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 0 0 14px rgba(79,209,197,0); }
    100%{ box-shadow:inset 0 2px 0 rgba(255,255,255,.5), 0 5px 0 var(--cbO), 0 0 0 0 rgba(79,209,197,0); } }
  .dock[data-side=no] .castbtn.nudge, .castbtn.nudge.dn{ --nudgeC:rgba(167,139,250,.8); }
  @media (prefers-reduced-motion:reduce){ .castbtn.nudge:not(:disabled){ animation:none; outline:3px solid #ffd27a; outline-offset:3px; } }
  .dock .seg button.yes.on{ --cbHi:#4fd8cb !important; --cbMid:#0fa697 !important; --cbLo:#08756b !important; --cbO:#05403a !important; }
  .dock .seg button.no.on{ --cbHi:#9d8fd6 !important; --cbMid:#6a54b6 !important; --cbLo:#4b3893 !important; --cbO:#2a1d63 !important; }
  .dock .seg button.on{ box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 3px 0 var(--cbO), 0 5px 10px rgba(0,0,0,.28) !important; }
  .dock .seg button.on::after{ opacity:.45; }
  .castbtn{ position:relative; overflow:hidden; --gc:rgba(31,214,196,.85); }
  .castbtn.dn{ --gc:rgba(167,139,250,.9); }
  @keyframes castbreathe{ 0%,100%{ filter:drop-shadow(0 0 3px var(--gc)); } 50%{ filter:drop-shadow(0 0 12px var(--gc)) drop-shadow(0 0 4px var(--gc)); } }
  body:not(.real) .castbtn:not(:disabled){ animation:castbreathe 3.6s ease-in-out infinite; }
  .castbtn:not(:disabled)::before{ content:''; position:absolute; top:-20%; bottom:-20%; left:-60%; width:38%; transform:skewX(-20deg); pointer-events:none; z-index:1;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%); animation:castshine 4.2s ease-in-out infinite; }
  @keyframes castshine{ 0%,62%{ left:-60%; } 86%,100%{ left:130%; } }
  .castbtn:not(:disabled) .ar{ animation:castbobup 1.1s ease-in-out infinite; }
  .castbtn.dn:not(:disabled) .ar{ animation-name:castbobdn; }
  @keyframes castbobup{ 0%,100%{ transform:translateY(1px); } 50%{ transform:translateY(-2.5px); } }
  @keyframes castbobdn{ 0%,100%{ transform:translateY(-1px); } 50%{ transform:translateY(2.5px); } }
  .csplash{ position:fixed; z-index:70; width:0; height:0; pointer-events:none; }
  .csplash i{ position:absolute; left:-4px; top:-4px; width:8px; height:8px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#ffffff,#9be7ff 45%,#3fa9e0 100%);
    box-shadow:0 0 0 1.5px #0a2a4a; animation:csplash .7s cubic-bezier(.2,.7,.3,1) forwards; }
  @keyframes csplash{ 0%{ transform:translate(0,0) scale(.6); opacity:1; } 70%{ opacity:1; } 100%{ transform:translate(var(--dx),calc(var(--dy) + 18px)) scale(.3); opacity:0; } }
  @media (prefers-reduced-motion:reduce){ .castbtn:not(:disabled), .castbtn:not(:disabled) .ar, .castbtn:not(:disabled)::before{ animation:none !important; } body:not(.real) .castbtn:not(:disabled){ filter:drop-shadow(0 0 8px var(--gc)); } }
  .lc.rarm .reel{ position:relative; }
  .lc.rarm .reel::before{ content:'Tap again'; position:absolute; inset:0; z-index:3; display:grid; place-items:center; border-radius:inherit;
    background:linear-gradient(180deg,#ffe28a,#f5b83d); color:#3a2300; font:400 15px/1 'Lilita One',var(--font); letter-spacing:.02em; animation:rarm .9s ease-in-out infinite alternate; }
  @keyframes rarm{ from{ filter:brightness(1); } to{ filter:brightness(1.15); } }
  .oreels{ position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; }
  .oreels[hidden]{ display:none; }
  .oreel{ position:absolute; left:0; top:0; will-change:transform; box-sizing:border-box; pointer-events:auto; touch-action:manipulation; -webkit-tap-highlight-color:transparent; user-select:none; -webkit-user-select:none;
    display:inline-flex; align-items:center; justify-content:center; gap:3px; height:26px; padding:0 10px; margin:0; border-radius:11px; border:2px solid var(--cbO); cursor:pointer; white-space:nowrap; color:#fff;
    font:400 14px/1 var(--fun); letter-spacing:.03em; --cbHi:#9af7ad; --cbMid:#2bd46a; --cbLo:#17a34f; --cbO:#0f5128;
    background:linear-gradient(180deg,var(--cbHi) 0%,var(--cbMid) 50%,var(--cbLo) 100%); box-shadow:inset 0 2px 0 rgba(255,255,255,.45), 0 3px 0 var(--cbO), 0 5px 9px rgba(0,0,0,.42);
    text-shadow:1.3px 0 0 var(--cbO),-1.3px 0 0 var(--cbO),0 1.3px 0 var(--cbO),0 -1.3px 0 var(--cbO),1px 1px 0 var(--cbO),-1px -1px 0 var(--cbO),1px -1px 0 var(--cbO),-1px 1px 0 var(--cbO),0 2px 0 var(--cbO); }
  .oreel::before{ content:''; position:absolute; left:9%; right:9%; top:2px; height:34%; border-radius:9px 9px 40% 40%; background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0)); pointer-events:none; }
  .oreel.loss{ --cbHi:#ffb3b3; --cbMid:#f47272; --cbLo:#cf3838; --cbO:#6e1212; }
  .oreel.mut{ --cbHi:#dfe5f1; --cbMid:#9aa5bf; --cbLo:#69738f; --cbO:#2d3447; }
  .oreel.arm{ --cbHi:#ffe28a; --cbMid:#f5c76a; --cbLo:#d9962a; --cbO:#6b3f00; animation:rarm .9s ease-in-out infinite alternate; }
  .oreel:not(:disabled):hover{ filter:brightness(1.07); }
  .oreel:not(:disabled):active{ margin-top:2px; box-shadow:inset 0 2px 0 rgba(255,255,255,.4), 0 1px 0 var(--cbO), 0 3px 6px rgba(0,0,0,.35); }
  .oreel:disabled{ --cbO:#050a18; cursor:default; color:#9aa5c2; border-color:#2a3656; background:linear-gradient(180deg,#1d2847,#121b34); box-shadow:inset 0 2px 4px rgba(0,0,0,.45), 0 3px 0 #0a1124; text-shadow:none; font:700 11.5px/1 var(--font); letter-spacing:.02em; }
  .oreel:disabled::before{ display:none; }
  .oreel:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
  .oreel.ovr{ flex-direction:column; gap:1px; padding:0 8px; min-width:60px; } .oreel.ovr .oc{ font:700 8px/1 var(--font); letter-spacing:.07em; text-transform:uppercase; } .oreel.ovr .ov{ font:400 14.5px/1 var(--fun); }
  .oreel.mini{ width:34px; padding:0; } .oreel.mini .ar{ width:12px; height:14px; }
  .oreel .ar{ width:10px; height:12px; fill:#fff; stroke:var(--cbO); stroke-width:3px; stroke-linejoin:round; paint-order:stroke fill; overflow:visible; }
  @media (max-width:899px){ .oreel{ height:30px; padding:0 11px; border-radius:12px; font-size:15px; }
    .oreel.ovr{ min-width:66px; } .oreel.ovr .ov{ font-size:16px; } .oreel.mini{ width:40px; } .oreel::after{ content:''; position:absolute; left:-4px; right:-4px; top:-3px; bottom:-3px; } .oreel.mini::after{ left:-2px; right:-2px; } }
  @media (prefers-reduced-motion:reduce){ .oreel.arm{ animation:none; } }
  .szr.broke::after{ content:none !important; display:none !important; }
  .lmsg u{ margin-top:6px; text-decoration:none; font:400 14px/1.1 'Lilita One',var(--font); letter-spacing:.03em; color:#ffd27a; text-shadow:1.5px 0 0 #050a18,-1.5px 0 0 #050a18,0 1.5px 0 #050a18,0 -1.5px 0 #050a18; }
  @media (max-width:899px){
    .money{ padding-top:4px !important; align-items:end !important; }
    .money > span:not(.w){ grid-template-rows:auto auto !important; row-gap:0 !important; align-content:end; }
    .money .k{ align-self:end !important; margin-bottom:1px !important; }
    .money b, .money .bk b, .money .o b{ font-size:18px !important; line-height:1 !important; }
  }
  @media (max-width:409px){ .money b, .money .bk b, .money .o b{ font-size:16px !important; } }
  @media (min-width:900px){ .dock{ grid-template-columns:minmax(0,55fr) minmax(300px,45fr) !important; } }   
  .dock .lines{ container:lns / inline-size; }
  .dock .lc{ grid-template-columns:auto minmax(0,1fr) auto; height:80px; padding:4px 8px 4px 6px; column-gap:10px; align-items:center; }
  .dock .lc .fb{ display:grid; justify-items:center; align-content:center; gap:4px; width:60px; height:100%; min-width:0; }
  .dock .lc .fb .fi, .dock .lc .fb .fi svg{ width:42px; height:23px; }
  .dock .lc .fb .fn{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:400 11px/1 var(--fun); letter-spacing:.03em;
    color:var(--spc,#c9d6e8); text-shadow:0 1px 0 #050a18, 0 0 2px #050a18, 0 0 1px #050a18; }
  .dock .lc .lm{ display:flex; flex-direction:column; justify-content:center; gap:0; min-width:0; align-self:center; }
  .dock .lc .h1{ height:22px; gap:7px; }
  .dock .lc .sd{ flex:none; display:inline-flex; align-items:center; gap:3px; width:auto; height:19px; padding:0 7px 0 6px; border-radius:9px; box-sizing:border-box;
    background:rgba(2,6,18,.6); border:1.5px solid rgba(79,209,197,.38); box-shadow:inset 0 1px 3px rgba(0,0,0,.55); color:var(--up);
    font:400 12px/1 var(--fun); letter-spacing:.05em; --cbO:#050a18; text-shadow:0 1px 0 #050a18; }
  .dock .lc .sd.yes{ background:rgba(2,6,18,.6); color:var(--up); border-color:rgba(79,209,197,.38); }
  .dock .lc .sd.no{ background:rgba(2,6,18,.6); color:var(--dn); border-color:rgba(167,139,250,.42); }
  .dock .lc .sd .ar{ width:8px; height:10px; fill:currentColor; stroke:none; }
  .dock .lc .stk{ font-size:20px; }
  .dock .lc .nx{ font:700 12px/1 var(--font); color:var(--ink-2); }
  .dock .lc .nx .ns{ display:none; }
  .dock .lc.xc .nx .nl{ display:none; } .dock .lc.xc .nx .ns{ display:inline; }
  .dock .lc .h2{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; height:15px; margin-top:4px; overflow:hidden; text-overflow:clip;
    font:700 12px/15px var(--font); color:var(--ink-2); }
  .dock .lc .h2 .tr{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .dock .lc .h2 .tr.win{ color:var(--up); } .dock .lc .h2 .tr.lose{ color:#ff8f8f; }
  .dock .lc .h2 .tl{ flex:none; font-weight:600; color:var(--ink-2); }
  .dock .lc .h2 .tl .lw{ font-weight:500; color:var(--ink-3); }
  .dock .lc .pg{ display:block; position:relative; height:4px; margin-top:4px; border-radius:2px; overflow:hidden; background:rgba(150,175,230,.13); box-shadow:inset 0 1px 1px rgba(0,0,0,.4); }
  .dock .lc .pg > i{ display:block; height:100%; width:0; border-radius:2px; background:var(--ink-3); transition:width 1s linear; }
  .dock .lc .pg.win > i{ background:linear-gradient(90deg,#2a9d93,var(--up)); } .dock .lc .pg.lose > i{ background:linear-gradient(90deg,#c25656,#ff8f8f); }
  .dock .lc .h3{ height:13px; margin-top:5px; font:500 11px/13px var(--font); color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .dock .lc .rb{ display:grid; justify-items:center; align-content:center; gap:6px; width:98px; align-self:center; }
  .dock .lc .reel, .dock .lc .reel:disabled{ width:98px; height:44px; margin:0; gap:3px; }
  .dock .lc .reel .cash{ order:0; font:700 9.5px/1 var(--font); letter-spacing:.06em; text-transform:uppercase; }
  .dock .lc .reel .rv{ order:1; font-size:20px; }
  .dock .lc .reel:disabled .rv{ font:700 12.5px/1.1 var(--font); }
  .dock .lc .reel.settle.gain:disabled .rv, .dock .lc .reel.settle.loss:disabled .rv{ font:400 18px/1 var(--fun); }
  .dock .lc .gn{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 10.5px/1 var(--font); color:var(--ink-2); }
  .dock .lc .gn.off{ color:var(--ink-3); font-weight:500; }
  .dock .lines{ scroll-snap-type:y mandatory; }
  .dock .lc{ scroll-snap-align:start; }
  @media (prefers-reduced-motion:reduce){ .dock .lc .pg > i{ transition:none; } }
  .rallb.gain, .dock .reel.gain{ --cbHi:#9af7ad; --cbMid:#2bd46a; --cbLo:#17a34f; --cbO:#0f5128; }   
  .dock .lc .reel.settle.gain:disabled .rv{ color:#3ee07a; }
  .rallb:disabled::after{ display:none; }
  .dock .lc .reel.settle .cash{ font-size:8.5px; letter-spacing:.03em; }   
  .dock .lempty.lph{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; column-gap:10px; height:80px; box-sizing:border-box; padding:4px 8px 4px 6px;
    border-radius:15px; border:3px dashed #1c2a47; background:linear-gradient(180deg,rgba(22,34,63,.55),rgba(14,23,48,.55)); font:inherit; color:var(--ink-3); }
  .dock .lempty.lph .fb{ display:grid; place-items:center; width:60px; opacity:.32; filter:grayscale(1); }
  .dock .lempty.lph .fi, .dock .lempty.lph .fi svg{ display:block; width:42px; height:23px; }
  .dock .lempty.lph .pt{ display:grid; gap:4px; min-width:0; }
  .dock .lempty.lph .pt b{ font:400 16px/1 var(--fun); letter-spacing:.02em; color:#8794b4; --cbO:#050a18; text-shadow:var(--rgS); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .dock .lempty.lph .pt i{ font:500 11.5px/1.2 var(--font); font-style:normal; color:#6f7a96; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .dock .lempty.lph .rb{ display:grid; place-items:center; width:98px; }
  .dock .lempty.lph .pr{ display:block; width:98px; height:44px; box-sizing:border-box; border-radius:13px; border:2.5px dashed #212d49; background:rgba(5,10,24,.35); }
  @media (min-width:900px){ .dock .lines.more{ -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),rgba(0,0,0,.18) 100%); mask-image:linear-gradient(180deg,#000 calc(100% - 34px),rgba(0,0,0,.18) 100%); } }
  @media (max-width:899px){
    .dock .lc, body:not(.chartmode) .dock .lc{ height:60px; padding:3px 8px 3px 5px; column-gap:8px; }
    .dock .lc .fb{ width:48px; gap:3px; }
    .dock .lc .fb .fi, .dock .lc .fb .fi svg{ width:36px; height:19px; }
    .dock .lc .fb .fn{ font-size:9.5px; }
    .dock .lc .h1{ height:20px; gap:6px; }
    .dock .lc .sd{ height:17px; font-size:11px; padding:0 6px 0 5px; }
    .dock .lc .stk{ font-size:18px; }
    .dock .lc .nx{ font-size:11.5px; }
    .dock .lc .h2{ height:14px; margin-top:3px; font-size:11.5px; line-height:14px; }
    .dock .lc .pg{ height:3px; margin-top:4px; }
    .dock .lc .h3{ display:none; }
    .dock .lc, body:not(.chartmode) .dock .lc{ padding-top:2px; padding-bottom:2px; }
    .dock .lc .rb{ width:92px; gap:5px; }
    .dock .lc .reel, .dock .lc .reel:disabled{ width:92px; height:33px; gap:2px; }
    .dock .lc .reel .cash{ font-size:8.5px; }
    .dock .lc .reel .rv{ font-size:18px; }
    .dock .lc .gn{ font-size:9.5px; }
  }
  @media (max-width:899px){
    body:not(.chartmode) .dock .lz.none{ display:flex; }
    .dock .lempty.lph{ height:60px; padding:3px 8px 3px 5px; column-gap:8px; }
    .dock .lempty.lph .fb{ width:48px; } .dock .lempty.lph .fi, .dock .lempty.lph .fi svg{ width:36px; height:19px; }
    .dock .lempty.lph .pt b{ font-size:15px; } .dock .lempty.lph .pt i{ font-size:11px; }
    .dock .lempty.lph .rb, .dock .lempty.lph .pr{ width:92px; } .dock .lempty.lph .pr{ height:33px; }
  }
  @media (max-width:400px){
    .dock .lc .nx .nl, .dock .lc .h2 .cw, .dock .lc .h2 .tl .lw{ display:none; } .dock .lc .nx .ns{ display:inline; }
    .dock .lc, body:not(.chartmode) .dock .lc{ column-gap:7px; } .dock .lc .h2{ gap:6px; } .dock .lc .h1{ gap:5px; } .dock .lc .stk{ font-size:17px; }
    .dock .lc .h2{ font-size:11px; } .dock .lc.xc .cn{ display:none; } .dock .lc.xc .stk{ font-size:16px; }
  }
  @media (max-width:370px){
    .dock .lc .fb{ width:42px; } .dock .lc .fb .fn{ font-size:9px; letter-spacing:.01em; } .dock .lc .fb .fi, .dock .lc .fb .fi svg{ width:32px; height:17px; }
    .dock .lc .rb, .dock .lc .reel, .dock .lc .reel:disabled{ width:86px; } .dock .lc .reel .rv{ font-size:17px; }
    .dock .lc .sd{ padding:0 5px 0 4px; } .dock .lc.xc .stk{ font-size:15px; }
  }
  @media (min-width:900px){
    @container lns (max-width:430px){
      .dock .lc .nx .nl, .dock .lc .h2 .cw, .dock .lc .h2 .tl .lw{ display:none; } .dock .lc .nx .ns{ display:inline; }
      .dock .lc{ column-gap:8px; } .dock .lc .fb{ width:52px; } .dock .lc .fb .fn{ font-size:10px; letter-spacing:.02em; }
      .dock .lc .rb, .dock .lc .reel, .dock .lc .reel:disabled{ width:92px; }
      .dock .lc .h2{ gap:6px; } .dock .lc .stk{ font-size:19px; } .dock .lc .h3{ font-size:10.5px; }
      .dock .lc.xc .stk{ font-size:16px; } .dock .lc.xc .h1{ gap:5px; }
    }
    @container lns (max-width:330px){
      .dock .lc{ column-gap:7px; padding-left:5px; } .dock .lc .fb{ width:34px; } .dock .lc .fb .fn{ display:none; } .dock .lc .fb .fi, .dock .lc .fb .fi svg{ width:34px; height:19px; }
      .dock .lc .sd{ font-size:0; gap:0; padding:0 5px; } .dock .lc .sd .ar{ width:9px; height:11px; }
      .dock .lc .stk{ font-size:18px; } .dock .lc .h1{ gap:6px; }
      .dock .lc .h2 .ww, .dock .lc .h3 .ih{ display:none; }
      .dock .lc.xc .cn{ display:none; } .dock .lc.xc .stk{ font-size:16px; }
      .dock .lc .rb, .dock .lc .reel, .dock .lc .reel:disabled{ width:86px; } .dock .lc .reel .rv{ font-size:18px; }
    }
  }
  .dock .lc .h1 .nm, .dock .lc .h1 .t1{ display:none; }
  @media (min-width:900px){
    .dock .lc{ position:relative; overflow:hidden; height:64px; padding:4px 8px 4px 10px; column-gap:12px; }
    .dock .lc .fb{ width:46px; gap:0; } .dock .lc .fb .fn{ display:none; }
    .dock .lc .fb .fi, .dock .lc .fb .fi svg{ width:46px; height:26px; }
    .dock .lc .h1{ height:24px; gap:8px; }
    .dock .lc .sd{ font-size:0; gap:0; width:22px; height:22px; padding:0; justify-content:center; border-radius:50%; }
    .dock .lc .sd .ar{ width:9px; height:12px; }
    .dock .lc .stk{ font-size:22px; }
    .dock .lc .nx{ display:none; }
    .dock .lc .h1 .nm{ display:inline; font:400 15px/1 var(--fun); letter-spacing:.02em; color:var(--ink-2); text-shadow:0 1px 0 #050a18; }
    .dock .lc .h2{ height:16px; margin-top:5px; font:700 13px/16px var(--font); }
    .dock .lc .h2 .cw{ display:none; } .dock .lc.xc .h2 .cw{ display:inline; }
    .dock .lc .h3, .dock .lc .gn, .dock .lc .pg, .dock .lc .h2 .tl{ display:none; }
    .dock .lc .h1 .t1{ display:inline; margin-left:auto; font:600 13px/1 var(--font); color:var(--ink-3); font-variant-numeric:tabular-nums; }
    .dock .reel.rallb .cash{ font-size:19px; }
    .dock .lc .rb{ display:flex; width:auto; gap:0; }
    .dock .lc .reel, .dock .lc .reel:disabled{ flex-direction:row; align-items:center; width:auto; min-width:150px; height:46px; gap:8px; padding:0 16px; margin:0 0 4px; border-radius:13px; }
    .dock .lc .reel .cash{ order:0; font:400 20px/1 var(--fun); letter-spacing:.02em; text-transform:none; text-shadow:var(--rgS); max-width:none; overflow:visible; }
    .dock .lc .reel .rv{ order:1; font:400 20px/1 var(--fun); letter-spacing:.01em; text-shadow:var(--rgS); }
    .dock .lc .reel:disabled .cash{ font-size:16px; color:#7b86a3; text-shadow:none; }
    .dock .lc .reel:disabled .rv{ font:700 13px/1.1 var(--font); color:#7b86a3; text-shadow:none; }
    .dock .lc .reel.settle.gain:disabled .rv, .dock .lc .reel.settle.loss:disabled .rv{ font:400 18px/1 var(--fun); }
    .dock .lc .reel.settle .cash{ font-size:15px; letter-spacing:.01em; }
    .lc.rarm .reel::before{ font-size:20px; }
    .dock .lempty.lph{ height:64px; padding:4px 8px 4px 10px; column-gap:12px; }
    .dock .lempty.lph .fb{ width:46px; } .dock .lempty.lph .fi, .dock .lempty.lph .fi svg{ width:46px; height:26px; }
    .dock .lempty.lph .rb, .dock .lempty.lph .pr{ width:124px; } .dock .lempty.lph .pr{ height:38px; }
    .dock .lc .reel, .dock .lc .reel:disabled, .dock .reel.rallb{ min-width:0; height:38px; gap:7px; padding:0 13px; border-radius:12px; }
    .dock .lc .reel .cash, .dock .lc .reel .rv, .dock .reel.rallb .cash, .dock .reel.rallb .rv{ font-size:18px; }
    .dock .lc .reel:disabled .cash{ font-size:15px; }
    .lc.rarm .reel::before{ font-size:18px; }
    .dock .reel.rallb.gain:not(:disabled){ filter:drop-shadow(0 0 7px rgba(43,212,106,.75)) drop-shadow(0 0 16px rgba(43,212,106,.35)); }
    .dock .reel.rallb.loss:not(:disabled){ filter:drop-shadow(0 0 7px rgba(244,114,114,.75)) drop-shadow(0 0 16px rgba(244,114,114,.35)); }
    .dock .reel.rallb.arm:not(:disabled){ filter:drop-shadow(0 0 7px rgba(245,199,106,.8)) drop-shadow(0 0 16px rgba(245,199,106,.4)); }
    .dock .reel.rallb.gain:not(:disabled):hover{ filter:brightness(1.06) drop-shadow(0 0 7px rgba(43,212,106,.75)) drop-shadow(0 0 16px rgba(43,212,106,.35)); }
    .dock .reel.rallb.loss:not(:disabled):hover{ filter:brightness(1.06) drop-shadow(0 0 7px rgba(244,114,114,.75)) drop-shadow(0 0 16px rgba(244,114,114,.35)); }
    .lz .lbl{ position:relative; z-index:3; }
    .lz .lbl{ display:flex; align-items:center; height:42px; margin-bottom:5px; padding-bottom:3px; box-sizing:border-box; }
    .dock .reel.rallb{ height:30px; padding:0 11px; gap:6px; margin:0 0 0 auto; border-radius:11px; box-shadow:inset 0 2px 0 rgba(255,255,255,.45), 0 3px 0 var(--cbO), 0 5px 9px rgba(0,0,0,.3); }
    .dock .reel.rallb .cash, .dock .reel.rallb .rv{ font-size:15px; }
    .dock .reel.rallb:disabled .rv{ font-size:11px; }   
    .dock .lc .h1{ min-width:0; } .dock .lc .stk, .dock .lc .h1 .nm, .dock .lc .sd{ flex:none; } .dock .lc .h1 .t1{ flex:none; padding-left:4px; }
    .dock .lc .h1.t1off .t1, .dock .lc .h1.nmoff .nm{ display:none !important; }   
    .dock .lines.more{ -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 26px),rgba(0,0,0,.18) 100%); mask-image:linear-gradient(180deg,#000 calc(100% - 26px),rgba(0,0,0,.18) 100%); }
    @container lns (max-width:430px){
      .dock .lc{ column-gap:9px; padding-left:8px; } .dock .lc .fb{ width:38px; } .dock .lc .fb .fi, .dock .lc .fb .fi svg{ width:38px; height:21px; }
      .dock .lc .stk{ font-size:20px; } .dock .lc.xc .stk{ font-size:17px; }
      .dock .lc .reel, .dock .lc .reel:disabled, .dock .reel.rallb{ padding:0 11px; gap:6px; }
      .dock .lc .reel .cash, .dock .lc .reel .rv{ font-size:17px; }
      .dock .lempty.lph .rb, .dock .lempty.lph .pr{ width:118px; }
    }
    @container lns (max-width:330px){
      .dock .lc .fb{ width:30px; } .dock .lc .fb .fi, .dock .lc .fb .fi svg{ width:30px; height:17px; }
      .dock .lc .sd{ width:20px; height:20px; } .dock .lc .h1 .nm, .dock .lc .h1 .t1{ display:none; }
      .dock .lc .reel, .dock .lc .reel:disabled{ min-width:0; padding:0 10px; gap:5px; } .dock .lc .reel .cash, .dock .lc .reel .rv{ font-size:16px; }
      .dock .lc .reel:disabled .cash{ display:none; } .dock .lc .stk{ font-size:17px; } .dock .lc .h1{ gap:5px; } .dock .lc{ column-gap:7px; }
      .dock .lempty.lph .rb, .dock .lempty.lph .pr{ width:118px; }
    }
  }
  .dock .lc .h1.cnoff .cn{ display:none !important; }
  .hcard .hw{ white-space:normal; overflow:visible; line-height:1.25; }   
  .oclock .cap{ text-shadow:1px 0 0 #050a18,-1px 0 0 #050a18,0 1px 0 #050a18,0 -1px 0 #050a18,0 1px 8px #000; }   
  .fcount{ transition:opacity .25s; } .fcount.under{ opacity:.15; }
  .dock .lc .reel .cash .ws{ display:none; } .dock .lc.rw1 .reel .cash .wl{ display:none; } .dock .lc.rw1 .reel .cash .ws{ display:inline; }
  .dock .lc.rw2 .reel .cash{ display:none; }
  .dock .lc .h2.f1 .ww, .dock .lc .h2.f2 .cw, .dock .lc .h2.f3 .ab{ display:none !important; }
  .dock .lc .h2 .hn{ flex:none; margin-left:auto; padding-left:6px; font-size:10.5px; font-weight:600; color:var(--ink-3); white-space:nowrap; }
  .dock .lc .h2 .hn.hi{ color:var(--up); } .dock .lc .h2 .hn.lo{ color:#ffb072; }
  .dock .lc .h2.f0 .hn{ display:none !important; }
  .gz .gs .l{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .gwhy p.nw{ margin-top:6px; color:var(--ink-2); }
  #lTot.f1 .lw, #lTot.f2 .lw2, #lTot.f3{ display:none; }
  @media (max-width:899px){
    .dock .lc, body:not(.chartmode) .dock .lc{ position:relative; overflow:hidden; height:56px; padding:3px 8px 3px 8px; column-gap:10px; }
    .dock .lc .fb{ width:40px; gap:0; } .dock .lc .fb .fn{ display:none; }
    .dock .lc .fb .fi, .dock .lc .fb .fi svg{ width:40px; height:22px; }
    .dock .lc .lm{ min-width:0; }
    .dock .lc .h1{ height:22px; gap:7px; min-width:0; }
    .dock .lc .sd{ flex:none; font-size:0; gap:0; width:20px; height:20px; padding:0; justify-content:center; border-radius:50%; }
    .dock .lc .sd .ar{ width:9px; height:11px; }
    .dock .lc .stk, .dock .lc.xc .stk{ flex:none; font-size:20px; }
    .dock .lc .nx{ display:none; }
    .dock .lc.xc .cn{ display:inline; flex:none; }
    .dock .lc .h1 .nm{ display:inline; flex:none; font:400 14px/1 var(--fun); letter-spacing:.02em; color:var(--ink-2); text-shadow:0 1px 0 #050a18; }
    .dock .lc .h1 .t1{ display:inline; flex:none; margin-left:auto; padding-left:4px; font:600 12.5px/1 var(--font); color:var(--ink-3); font-variant-numeric:tabular-nums; }
    .dock .lc .h1.t1off .t1, .dock .lc .h1.nmoff .nm{ display:none !important; }
    .dock .lc .h2{ height:16px; margin-top:4px; font:700 12.5px/16px var(--font); }
    .dock .lc .h2 .cw{ display:none; } .dock .lc.xc .h2 .cw{ display:inline; }
    .dock .lc .h3, .dock .lc .gn, .dock .lc .pg, .dock .lc .h2 .tl{ display:none; }
    .dock .lc .rb{ display:flex; width:auto; gap:0; }
    .dock .lc .reel, .dock .lc .reel:disabled{ flex-direction:row; align-items:center; width:auto; min-width:0; height:38px; gap:6px; padding:0 11px; margin:0 0 3px; border-radius:12px; }
    .dock .lc .reel .cash{ order:0; font:400 16px/1 var(--fun); letter-spacing:.02em; text-transform:none; text-shadow:var(--rgS); max-width:none; overflow:visible; white-space:nowrap; }
    .dock .lc .reel .rv{ order:1; font:400 16px/1 var(--fun); letter-spacing:.01em; text-shadow:var(--rgS); white-space:nowrap; }
    .dock .lc .reel:disabled .cash{ font-size:14px; color:#7b86a3; text-shadow:none; }
    .dock .lc .reel:disabled .rv{ font:700 12.5px/1.1 var(--font); color:#8b96b3; text-shadow:none; }
    .dock .lc .reel.settle .cash{ font-size:14px; letter-spacing:.01em; }
    .dock .lc .reel.settle.gain:disabled .rv, .dock .lc .reel.settle.loss:disabled .rv{ font:400 16px/1 var(--fun); }
    .dock .lc .reel.settle.gain:disabled .cash{ color:#7fd9a0; } .dock .lc .reel.settle.loss:disabled .cash{ color:#f0a3a3; }
    .lc.rarm .reel::before{ font-size:16px; }
    .dock .lempty.lph{ height:56px; padding:3px 8px 3px 8px; column-gap:10px; }
    .dock .lempty.lph .fb{ width:40px; } .dock .lempty.lph .fi, .dock .lempty.lph .fi svg{ width:40px; height:22px; }
    .dock .lempty.lph .rb, .dock .lempty.lph .pr{ width:104px; } .dock .lempty.lph .pr{ height:38px; margin-bottom:3px; }
    .lz .lbl{ display:flex; align-items:center; }
    .dock .reel.rallb{ flex-direction:row; align-items:center; width:auto; min-width:0; height:30px; padding:0 10px; gap:5px; margin:0 0 3px auto; border-radius:11px;
      box-shadow:inset 0 2px 0 rgba(255,255,255,.45), 0 3px 0 var(--cbO), 0 5px 9px rgba(0,0,0,.3); }
    .dock .reel.rallb .cash, .dock .reel.rallb .rv{ font:400 14px/1 var(--fun); letter-spacing:.02em; text-transform:none; text-shadow:var(--rgS); white-space:nowrap; }
    .dock .reel.rallb:disabled .cash{ font-size:13px; color:#7b86a3; text-shadow:none; }
    .dock .reel.rallb:disabled .rv{ font:700 11px/1 var(--font); color:#8b96b3; text-shadow:none; }
    .dock .reel.rallb.gain:not(:disabled){ filter:drop-shadow(0 0 6px rgba(43,212,106,.7)) drop-shadow(0 0 12px rgba(43,212,106,.3)); }
    .dock .reel.rallb.loss:not(:disabled){ filter:drop-shadow(0 0 6px rgba(244,114,114,.7)) drop-shadow(0 0 12px rgba(244,114,114,.3)); }
    .dock .reel.rallb.arm:not(:disabled){ filter:drop-shadow(0 0 6px rgba(245,199,106,.75)) drop-shadow(0 0 12px rgba(245,199,106,.35)); }
    .lz .lbl{ position:relative; z-index:3; }
    #lTot{ font-size:11.5px; white-space:nowrap; text-overflow:clip; }
    body:not(.chartmode) .cta .castbtn.why{ min-width:0; max-width:160px; white-space:normal; line-height:1.08; font-size:13.5px; text-align:center; padding-left:12px; padding-right:12px; }
  }
  @media (max-width:380px){
    .dock .lc, body:not(.chartmode) .dock .lc{ column-gap:8px; padding-left:6px; padding-right:7px; }
    .dock .lc .fb{ width:34px; } .dock .lc .fb .fi, .dock .lc .fb .fi svg{ width:34px; height:19px; }
    .dock .lc .h1{ gap:6px; } .dock .lc .stk{ font-size:19px; } .dock .lc.xc .stk{ font-size:17px; }
    .dock .lc .reel, .dock .lc .reel:disabled{ padding:0 9px; gap:5px; }
    .dock .lc .reel .cash, .dock .lc .reel .rv{ font-size:15px; }
    .dock .lc .reel.settle .cash, .dock .lc .reel:disabled .cash{ font-size:13px; }
    .dock .lempty.lph .fb{ width:34px; } .dock .lempty.lph .rb, .dock .lempty.lph .pr{ width:96px; }
    body:not(.chartmode) .dock .seg button .t{ font-size:17px; letter-spacing:.03em; gap:4px; } body:not(.chartmode) .dock .seg button .pr{ font-size:26px; }
  }
  @media (max-width:899px){
    body:not(.chartmode) .dock{ --g:7px; --w:5px; padding-top:9px; }
    body:not(.chartmode) .dock .fishrow{ height:26px; }
    body:not(.chartmode) .dock .seg button{ height:44px; } body:not(.chartmode) .dock .seg button .pr{ font-size:28px; }
    body:not(.chartmode) .dock .size .lbl{ margin-bottom:1px; }
    body:not(.chartmode) .cta{ height:48px; } body:not(.chartmode) .cta .castbtn{ height:44px; }
    body:not(.chartmode) .dock .sum{ height:48px; }
    body:not(.chartmode) .dock .lz{ padding-top:6px; padding-bottom:6px; margin-bottom:-6px; }
    body:not(.chartmode) .dock{ padding-bottom:6px; }
    body:not(.chartmode) .dock .lz .lbl{ height:32px; margin-bottom:4px; }
    body:not(.chartmode) .dock .lines{ height:56px; }
  }
  @media (max-width:899px) and (max-height:700px){
    body:not(.chartmode) .dock{ --g:5px; --w:3px; padding-top:4px; padding-bottom:5px; }
    body:not(.chartmode) .dock .fishrow{ height:24px; }
    body:not(.chartmode) .dock .seg button{ height:42px; } body:not(.chartmode) .dock .seg button .pr{ font-size:25px; }
    body:not(.chartmode) .cta{ height:46px; } body:not(.chartmode) .cta .castbtn{ height:42px; }
    body:not(.chartmode) .dock .sum{ height:44px; } body:not(.chartmode) .dock .sum .st b{ font-size:18px; }
    body:not(.chartmode) .dock .lz{ padding-top:4px; padding-bottom:5px; margin-bottom:-5px; }
    body:not(.chartmode) .dock .lz .lbl{ height:30px; margin-bottom:3px; }
  }
  @media (hover:hover) and (pointer:fine){
    .dock .lc .reel:not(:disabled):hover, .dock .reel.rallb:not(:disabled):hover{ outline:2.5px solid #ffd27a; outline-offset:2px; }
    .oreel:not(:disabled):hover{ outline:1.5px solid #ffd27a; outline-offset:1px; }   
    .castbtn:not(:disabled):hover{ outline:2.5px solid #5ff0e0; outline-offset:3px; }
    .castbtn.dn:not(:disabled):hover{ outline-color:#c4b5fd; }
    .coins button:not(.on):hover, .tfs button:not(.on):hover, .toolb:hover{ outline:1.5px solid rgba(255,255,255,.35); outline-offset:1px; }
  }
  .toolb.icb{ width:32px; padding:0 !important; display:inline-grid; place-items:center; }
  .toolb.icb svg{ width:18px; height:18px; }
  .toolb.icb.on{ outline:2px solid #f2f5ff !important; outline-offset:1px; }
  #chdr{ position:absolute; left:0; top:0; pointer-events:none; z-index:3; }
  .drhint{ position:absolute; left:8px; top:6px; z-index:4; pointer-events:none; padding:4px 9px; border-radius:9px; background:rgba(7,13,28,.82); border:1px solid rgba(242,245,255,.35);
    color:#f2f5ff; font:600 11px/1.25 var(--font); max-width:calc(100% - 90px); }
  .drdel{ position:absolute; z-index:5; width:28px; height:28px; padding:0; display:grid; place-items:center; border-radius:9px; cursor:pointer;
    background:rgba(7,13,28,.9); border:1.5px solid #ff6b6b; color:#ffb3b3; box-shadow:0 3px 10px rgba(0,0,0,.45); }
  .drdel svg{ width:16px; height:16px; }
  .drdel:hover{ background:#3a1020; color:#fff; }
  #chbox[data-drc="cross"] *{ cursor:crosshair !important; }
  #chbox[data-drc="grab"] *{ cursor:grab !important; }
  #chbox[data-drc="grabbing"] *{ cursor:grabbing !important; }
  #chbox[data-drc="move"] *{ cursor:move !important; }
  #chbox[data-drc="pointer"] *{ cursor:pointer !important; }
  .toolm .tg, .toolm #drTm{ display:grid; gap:2px; align-content:start; }
  .toolm .tma{ display:flex; align-items:center; gap:8px; width:100%; padding:6px 6px; border:0; border-radius:8px; background:none; text-align:left; cursor:pointer;
    font:500 var(--fs-c) var(--font); color:var(--ink-2); }
  .toolm .tma:hover:not(:disabled){ background:rgba(255,255,255,.04); color:var(--ink); }
  .toolm .tma:disabled{ opacity:.45; cursor:default; }
  .toolm .tma.on{ color:var(--ink); background:rgba(242,245,255,.08); }
  .toolm .tma.arm{ color:#ffb3b3; background:rgba(255,107,107,.12); }
  .toolm .tma svg{ width:16px; height:16px; flex:none; }
  .toolm .tma small{ margin-left:auto; color:var(--ink-3); font-size:10px; }
  @media (min-width:900px){
    .main{ grid-template-columns:minmax(0,1fr) clamp(340px,32vw,470px); }
    .side > .chartc{ position:relative; } .side > .chartc .tools{ position:static; }
    .side > .chartc .toolm{ left:8px; right:8px; top:44px; width:auto; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:6px; align-items:start; max-height:calc(100% - 52px); overflow-y:auto; overscroll-behavior:contain; }
    .side{ --chcH:max(calc((100% - var(--cg)) * .48), 200px); }
  }
  .colgrip{ display:none; }
  @media (min-width:900px){
    .main{ position:relative; }
    .colgrip{ display:block; position:absolute; top:0; bottom:0; width:14px; z-index:30; cursor:col-resize; touch-action:none; }
    .colgrip::before{ content:''; position:absolute; left:50%; top:50%; width:4px; height:56px; margin:-28px 0 0 -2px; border-radius:2px; background:rgba(150,175,230,.22); transition:background .15s, height .15s; }
    .colgrip:hover::before, .colgrip.on::before{ background:#ffd27a; height:84px; margin-top:-42px; }
    body.colgrab, body.colgrab *{ cursor:col-resize !important; user-select:none !important; }
    .rowgrip{ display:block; position:absolute; left:0; right:0; height:14px; z-index:30; cursor:row-resize; touch-action:none; }
    .rowgrip::before{ content:''; position:absolute; left:50%; top:50%; width:56px; height:4px; margin:-2px 0 0 -28px; border-radius:2px; background:rgba(150,175,230,.22); transition:background .15s, width .15s; }
    .rowgrip:hover::before, .rowgrip.on::before{ background:#ffd27a; width:84px; margin-left:-42px; }
    body.rowgrab, body.rowgrab *{ cursor:row-resize !important; user-select:none !important; }
  }
  .rowgrip{ display:none; }
  @media (min-width:900px){ .rowgrip{ display:block; } }
  @media (min-width:900px) and (max-width:1150px){ #erB{ display:none; } .side .toolm .tma small{ display:none; } }
  @media (min-width:900px) and (max-width:1500px){ .side .toolb.icb, .side .toolb.lnb{ width:29px; } .side .tools{ gap:4px; } }
  html.fguest #modeSw, html.fguest #nav, html.fguest .deskbtn{ display:none !important; }