:root{--bg:#0b0e14;--bg-2:#0f141d;--surface:#121721;--surface-2:#171e2b;--line:#1e293b;--line-2:#2a3649;--text:#e6edf6;--muted:#8a97ab;--dim:#5b6779;--lime:#a3e635;--lime-hi:#d9f99d;--lime-lo:#65a30d;--green:#22c55e;--gold:#facc15;--red:#ef4444;--lime-glow:#a3e63573;--radius:16px;--font-display:"Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 20% -10%, #a3e63512, transparent 60%), radial-gradient(900px 500px at 110% 10%, #22c55e0d, transparent 60%), var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.lk-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.lk-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;display:block}.lk-right{text-align:right}.lk-accent{color:var(--lime)}.lk-app{max-width:1320px;margin:0 auto;padding:16px 16px 32px}.lk-app .lk-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:16px;display:grid}.lk-brand{flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;display:flex}.lk-emblem{filter:drop-shadow(0 0 12px #a3e63540);flex:none}.lk-brand-text{flex-direction:column;min-width:0;line-height:1;display:flex}.lk-wordmark{letter-spacing:.22em;font-size:24px;font-weight:700}@media (width<=480px){.lk-tagline{display:none}}.lk-tagline{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:10px}.lk-app .lk-top-right{grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px;min-width:0;display:grid}.lk-balance{white-space:nowrap;text-align:right;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;padding:6px 12px}.lk-balance span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.lk-balance b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:15px;display:block}.lk-icon-btn{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.lk-icon-btn:hover{color:var(--text);border-color:var(--line-2)}.lk-layout{gap:16px;display:grid}@media (width>=1024px){.lk-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.lk-side{position:sticky;top:16px}}.lk-cabinet{background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--line);border-radius:22px;padding:18px;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000c,inset 0 1px #ffffff0a}.lk-hud{grid-template-columns:1fr auto;align-items:end;gap:8px 16px;margin-bottom:14px;display:grid}.lk-hud-mult b{font-family:var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(44px,9vw,76px);font-weight:700;line-height:1;display:block}.lk-hud-mult b.is-live{color:var(--lime);text-shadow:0 0 calc(10px + var(--tension,0) * 30px) var(--lime-glow)}.lk-hud-side{text-align:right;gap:8px;display:grid}.lk-hud-side b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:16px}.lk-timebar{background:var(--line);border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.lk-timebar i{background:linear-gradient(90deg, var(--lime-lo), var(--lime), var(--gold));height:100%;display:block}.lk-field{border:1px solid var(--line-2);background:linear-gradient(#0a0d13,#0d121a);border-radius:14px;height:clamp(120px,22vw,180px);transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.lk-field-grid{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(0deg,#ffffff08 1px,#0000 1px);background-size:10% 100%,100% 25%;position:absolute;inset:0}.lk-field-ticks span{font-family:var(--font-mono);color:var(--dim);font-size:9px;position:absolute;bottom:4px;transform:translate(-50%)}.lk-field-ticks span:first-child{padding-left:4px;transform:none}.lk-field-ticks span:last-child{padding-right:4px;transform:translate(-100%)}.lk-field-idle{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.lk-zone{background:linear-gradient(#a3e63547,#a3e6351a);border-radius:6px;position:absolute;top:10px;bottom:20px;box-shadow:0 0 24px #a3e63559,inset 0 0 18px #a3e63540}.lk-caliper{background:var(--lime-hi);width:3px;box-shadow:0 0 10px var(--lime);border-radius:2px;position:absolute;top:-4px;bottom:-4px}.lk-caliper-l{left:0}.lk-caliper-r{right:0}.is-active .lk-zone:after{content:"";background:linear-gradient(90deg,#0000,#a3e6352e);width:40px;position:absolute;inset:0 auto 0 -40px}.is-locked .lk-zone,.is-hit .lk-zone,.is-miss .lk-zone{animation:.25s ease-out lk-snap}.is-locked .lk-zone{background:#facc1533;box-shadow:0 0 30px #facc1566}.is-locked .lk-caliper{background:var(--gold);box-shadow:0 0 12px var(--gold)}.lk-field.is-hit{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime), 0 0 50px -10px var(--lime-glow);animation:1.2s ease-out lk-field-won}.is-miss .lk-zone{box-shadow:none;background:#ef444424}.is-miss .lk-caliper{background:var(--red);box-shadow:0 0 8px var(--red)}.lk-target{width:0;animation:.45s cubic-bezier(.2,1.4,.4,1) lk-drop;position:absolute;top:0;bottom:0}.lk-target-beam{background:linear-gradient(#0000,#fff);width:2px;position:absolute;top:0;bottom:16px;left:-1px}.lk-target-dot{background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;left:-7px;box-shadow:0 0 0 4px #ffffff26,0 0 18px #fff}.lk-target-label{font-family:var(--font-mono);white-space:nowrap;background:#0009;border-radius:4px;padding:1px 5px;font-size:11px;position:absolute;top:6px;left:8px}.lk-result{text-align:center;place-items:center;min-height:112px;padding:10px 0;display:grid;position:relative}.lk-hint,.lk-revealing{color:var(--muted);font-size:13px}.lk-revealing{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;animation:.5s infinite alternate lk-pulse}.lk-miss b{letter-spacing:.14em;color:var(--red);font-size:34px;display:block}.lk-miss span{font-family:var(--font-mono);color:var(--muted);font-size:12px}.lk-win{position:relative}.lk-win-title{letter-spacing:.04em;color:var(--lime);text-shadow:0 0 30px var(--lime-glow), 0 4px 0 var(--lime-lo);font-size:clamp(48px,9vw,72px);font-style:italic;font-weight:700;line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) both lk-win-arrive}.lk-win-payout{font-family:var(--font-mono);margin-top:4px;font-size:26px;font-weight:700;animation:.6s ease-out .15s both lk-payout}.lk-win-mult{font-family:var(--font-mono);color:var(--muted);font-size:12px;animation:.6s ease-out .25s both lk-payout}.lk-burst{pointer-events:none;width:0;height:0;position:absolute;top:40%;left:50%}.lk-burst i{background:var(--lime);border-radius:2px;width:7px;height:7px;animation:.9s ease-out both lk-burst;position:absolute}.lk-burst i:nth-child(3n){background:var(--gold)}.lk-burst i:nth-child(4n){background:#fff;width:4px;height:4px}.lk-controls{grid-template-columns:1fr;gap:14px;display:grid}.lk-action{min-width:0;display:grid}@media (width>=640px){.lk-controls{grid-template-columns:1fr 220px;align-items:stretch}}.lk-bet{gap:8px;display:grid}.lk-stepper{background:var(--bg);border:1px solid var(--line);border-radius:12px;grid-template-columns:44px 1fr 44px;align-items:center;height:48px;display:grid}.lk-stepper button{height:100%;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.lk-stepper button:hover:not(:disabled){color:var(--lime)}.lk-stepper b{text-align:center;font-family:var(--font-mono);font-size:18px}.lk-quick{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.lk-quick button,.lk-seg button{background:var(--surface-2);border:1px solid var(--line);height:32px;font-family:var(--font-mono);color:var(--muted);border-radius:8px;font-size:12px}.lk-quick button[aria-pressed=true],.lk-seg button[aria-pressed=true]{color:var(--bg);background:var(--lime);border-color:var(--lime);font-weight:700}.lk-primary{background:linear-gradient(180deg, var(--lime-hi), var(--lime) 45%, var(--lime-lo));color:#0b0e14;letter-spacing:.16em;min-height:84px;box-shadow:0 10px 30px -8px var(--lime-glow), inset 0 1px 0 #fff9;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:26px;font-weight:700;transition:transform 80ms,box-shadow .2s;display:flex}.lk-primary small{font-family:var(--font-mono);letter-spacing:.1em;opacity:.65;font-size:11px;font-weight:600}.lk-primary:active:not(:disabled){transform:translateY(2px)scale(.99)}.lk-primary.is-lock{animation:.8s ease-in-out infinite alternate lk-arm}.lk-demo{text-align:center;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:12px 0 0;font-size:10px}.lk-side{gap:16px;display:grid}.lk-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.lk-panel-head{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:0;display:flex}.lk-panel-head h2{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.lk-seg{gap:4px;display:flex}.lk-seg button{height:28px;padding:0 10px}.lk-empty{color:var(--muted);margin:6px 0;font-size:13px}.lk-room-sum{color:var(--muted);gap:14px;margin-bottom:8px;font-size:12px;display:flex}.lk-room-sum b{color:var(--text);font-family:var(--font-mono)}.lk-list,.lk-history{gap:4px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.lk-list li,.lk-history li{background:var(--bg-2);border-radius:8px;grid-template-columns:1fr auto 96px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:grid}.lk-list li.is-hit,.lk-history li.is-hit{color:var(--lime-hi);background:#a3e63514}.lk-list li.is-miss,.lk-history li.is-miss{color:var(--muted)}.lk-arrive{animation:.3s ease-out lk-arrive}.lk-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lk-toggle{cursor:pointer;margin-bottom:0}.lk-toggle-icon{color:var(--muted)}.lk-session{margin-top:10px;display:none}.lk-session.is-open{gap:10px;display:grid}@media (width>=1024px){.lk-toggle{pointer-events:none}.lk-toggle-icon{display:none}.lk-session{gap:10px;display:grid}}.lk-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.lk-stat{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.lk-stat span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.lk-stat b{font-family:var(--font-mono);font-size:16px}.lk-stat b.is-pos{color:var(--lime)}.lk-stat b.is-neg{color:var(--red)}@media (width<=767px),(width<=1023px) and (height<=500px){.lk-app{--action-height:64px;--action-space:calc(var(--action-height) + 24px + env(safe-area-inset-bottom,0px));padding:12px 12px calc(var(--action-space) + 16px)}.lk-app .lk-top{gap:8px;margin-bottom:12px}.lk-brand,.lk-brand-text,.lk-top-right{min-width:0}.lk-brand{gap:8px}.lk-emblem{width:36px;height:36px}.lk-wordmark{letter-spacing:0;white-space:nowrap;font-size:20px}.lk-tagline{display:none}.lk-app .lk-top-right{gap:6px}.lk-balance{padding:5px 8px}.lk-balance b{font-size:13px}.lk-icon-btn{flex-shrink:0}.lk-cabinet{border-radius:16px;padding:12px}.lk-hud{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.lk-hud-mult{min-width:0}.lk-hud-mult b{letter-spacing:0;font-size:44px}.lk-hud-side{gap:4px}.lk-hud-side b{font-size:14px}.lk-field{height:104px}.lk-result{min-height:84px;padding:8px 0}.lk-win-title{font-size:44px}.lk-win-payout{font-size:22px}.lk-controls{grid-template-columns:minmax(0,1fr);gap:0}.lk-bet{gap:6px;min-width:0}.lk-stepper{height:44px}.lk-quick{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.lk-quick button{min-width:0;height:32px;padding:0;font-size:11px}.lk-action{z-index:50;padding:12px max(12px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));background:var(--bg);border-top:1px solid var(--line-2);position:fixed;inset:auto 0 0}.lk-action .lk-primary{width:100%;min-height:var(--action-height);height:var(--action-height);border-radius:12px;font-size:24px}.lk-primary small{display:none}.lk-primary.is-lock small{display:block}.lk-demo{letter-spacing:0;margin-top:10px}.lk-panel-head{gap:6px}.lk-panel-head h2{min-width:0}}@media (width<=767px) and (height<=600px){.lk-app{--action-height:56px;padding-top:8px}.lk-app .lk-top{margin-bottom:8px}.lk-field{height:80px}.lk-result{min-height:76px}}@media (width<=1023px) and (height<=500px) and (orientation:landscape){.lk-cabinet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;display:grid}.lk-hud{grid-column:1}.lk-field{grid-area:2/1;height:80px}.lk-result{grid-area:1/2;min-height:76px}.lk-controls{grid-area:2/2}.lk-demo{grid-column:1/-1}}@keyframes lk-snap{0%{filter:brightness(1.8);transform:scaleY(1.25)}to{filter:none;transform:none}}@keyframes lk-drop{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:none}}@keyframes lk-field-won{0%{box-shadow:0 0 0 1px var(--lime), 0 0 120px 10px var(--lime-glow)}to{box-shadow:0 0 0 1px var(--lime), 0 0 50px -10px var(--lime-glow)}}@keyframes lk-win-arrive{0%{opacity:0;transform:scale(.3)rotate(-6deg)}to{opacity:1;transform:none}}@keyframes lk-payout{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes lk-burst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.2) rotate(180deg);opacity:0}}@keyframes lk-pulse{to{opacity:.4}}@keyframes lk-arm{to{box-shadow:0 10px 50px -4px var(--lime-glow), inset 0 1px 0 #fff9}}@keyframes lk-arrive{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
