:root{--bg:#1f1630;--panel:#221832eb;--panel-2:#fff0dc0f;--line:#ffe6c824;--text:#fff4e6;--muted:#c9b8c9;--accent:#ffb340;--accent-2:#ff7a4a;--good:#8fd47a;--bad:#e2475a;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:Nunito,system-ui,sans-serif}#app{grid-template-columns:320px 1fr;height:100dvh;display:grid}.viewport{grid-area:1/2;min-height:0;position:relative;overflow:hidden}.viewport canvas{touch-action:manipulation;width:100%;height:100%;display:block}.panel{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;grid-area:1/1;gap:18px;padding:22px 20px;display:flex;overflow-y:auto}.brand{align-items:center;gap:12px;display:flex}.brand-mark{font-size:30px}.brand .logo{width:100%;margin:-4px 0 2px;display:block}.brand:has(.logo){flex-direction:column;align-items:stretch;gap:2px}.brand:has(.logo) .brand-mark{display:none}.brand h1{letter-spacing:.01em;margin:0;font-size:22px;font-weight:900}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;font-size:12px;font-weight:800;display:flex}.balance{border-radius:var(--radius);background:linear-gradient(135deg,#ffb3402e,#ff7a4a14);border:1px solid #ffb3404d;grid-template-columns:1fr auto;align-items:center;padding:14px 16px;display:grid}.balance .label{grid-column:1/-1}.balance strong{font-variant-numeric:tabular-nums;font-size:26px;font-weight:900}.field{flex-direction:column;gap:8px;display:flex}input,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;min-width:0;padding:10px 12px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.amount{align-items:center;gap:6px;display:flex}.amount .prefix{color:var(--muted);font-weight:800}.amount input{font-variant-numeric:tabular-nums;flex:1;font-weight:800}input[type=range]{accent-color:var(--accent);background:0 0;border:none;padding:0}button{font:inherit;cursor:pointer;color:inherit;border:none}button:disabled{opacity:.45;cursor:not-allowed}.ghost{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-weight:800}.ghost.small{padding:8px 11px}.ghost[aria-pressed=true]{border-color:var(--good);background:#8fd47a33}.primary{background:linear-gradient(180deg, #ffc65e, var(--accent-2));color:#2a1520;border-radius:12px;padding:14px 18px;font-size:18px;font-weight:900;transition:transform 80ms;box-shadow:0 6px 20px #ff7a4a59,inset 0 -3px #00000026}.primary:active{transform:translateY(2px)scale(.99)}.segmented{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border-radius:9px;padding:9px 4px;font-weight:800}.segmented button[aria-checked=true]{color:var(--text);background:#ffb34038}.actions{grid-template-columns:1fr auto;gap:8px;display:grid}.panel-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.link{color:var(--text);background:0 0;padding:6px 0;font-weight:800}.muted{color:var(--muted)}.history{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;right:16px}.chip{text-align:center;color:#2a1520;cursor:pointer;border-radius:10px;min-width:64px;padding:6px 10px;font-size:14px;font-weight:900;animation:.35s cubic-bezier(.2,1.6,.4,1) chip-in;box-shadow:0 4px 12px #00000040}@keyframes chip-in{0%{opacity:0;transform:translate(30px)scale(.6)}}.toast{opacity:0;border:1px solid var(--bad);pointer-events:none;z-index:3;background:#221832f2;border-radius:12px;padding:10px 16px;font-weight:800;transition:all .25s;position:absolute;bottom:18px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.dialog{border:1px solid var(--line);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:#241a36;border-radius:18px;padding:20px}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a061299}.dialog section{flex-direction:column;gap:14px;display:flex}.dialog section[hidden]{display:none}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dialog-head h2{margin:0}.dialog input{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.tabs{gap:6px;margin-bottom:16px;display:flex}.tabs button{color:var(--muted);background:0 0;border-radius:10px;padding:8px 14px;font-weight:800}.tabs button[aria-selected=true]{background:var(--panel-2);color:var(--text)}.grid3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.revealed,.result{white-space:pre-wrap;word-break:break-all;background:#00000040;border-radius:10px;margin:0;padding:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.result:empty{display:none}@media (width<=820px){#app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.viewport{grid-area:1/1}.panel{border-right:none;border-top:1px solid var(--line);padding:14px 16px calc(14px + env(safe-area-inset-bottom));grid-area:2/1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid;overflow:visible}.brand{display:none}:is(.balance,.field:has(.amount),.actions,.panel-footer){grid-column:1/-1}.segmented button{padding:7px 2px;font-size:13px}.balance{padding:8px 12px}.balance strong{font-size:20px}.history{top:10px;right:10px}.chip{min-width:54px;padding:4px 8px;font-size:12px}}.splash{z-index:10;background:var(--bg) center / cover no-repeat;place-items:end center;padding-bottom:8vh;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}.splash span{background:#140c1e99;border-radius:999px;padding:8px 16px;font-weight:800}.splash.done{opacity:0;visibility:hidden}.balance strong.up{animation:.6s ease-out balance-up}@keyframes balance-up{30%{color:var(--good);transform:scale(1.06)}}.primary kbd{vertical-align:2px;background:#2a152026;border:1px solid #2a152040;border-radius:5px;margin-left:6px;padding:1px 6px;font:700 11px/1.4 Nunito,sans-serif}.primary:hover{filter:brightness(1.06)}.primary.insufficient{filter:grayscale(.6)brightness(.8)}.ghost:hover,.segmented button:hover{color:var(--text);border-color:#ffe6c84d}.chip:hover{filter:brightness(1.1)}.big-win{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffb34040,#140a1e00 60%);place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.big-win.show{opacity:1;pointer-events:auto;cursor:pointer}.big-win-card{text-align:center;transition:transform .5s cubic-bezier(.2,1.8,.4,1);transform:scale(.6)}.big-win.show .big-win-card{transform:scale(1)}.big-win p{text-shadow:0 4px #3c141e80,0 0 30px #ffa03c99;margin:0}.big-win-title{color:#ffe08a;letter-spacing:.02em;font-size:clamp(28px,6vw,56px);font-weight:900}.big-win-mult{background:linear-gradient(#fff6c8,#ffb340 55%,#ff7a4a);color:#0000;filter:drop-shadow(0 4px #3c141e80);-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,12vw,110px);font-weight:900;line-height:1;text-shadow:none!important}.big-win-amount{font-variant-numeric:tabular-nums;font-size:clamp(22px,4vw,34px);font-weight:900;margin-top:6px!important}@media (width<=820px),(pointer:coarse){.primary kbd{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}