:root{--ink: #05070a;--panel: rgba(14, 19, 25, .86);--panel-2: #1b222a;--edge: rgba(212, 169, 60, .28);--edge-2: #3a4550;--text: #e4e1d6;--muted: #8b939b;--gold: #d4a93c;--win: #78b383;--loss: #d9755f;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}@supports (height: 100dvh){html,body{height:100dvh}}body{margin:0;background:#04060a;color:var(--text);font-family:IBM Plex Sans KR,Malgun Gothic,system-ui,sans-serif;display:grid;place-items:center;overflow:hidden}.stage{--stage-scale: 1;position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,56.25vw);overflow:hidden;background:var(--ink)}.stage canvas{display:block;width:100%!important;height:100%!important}.hud-layer{position:absolute;left:0;bottom:0;width:1920px;transform:scale(var(--stage-scale));transform-origin:bottom left;padding:0 56px 12px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.hud-layer>*{pointer-events:auto}.stage.modal .hud-layer{opacity:.16;pointer-events:none;filter:saturate(.3)}.hud-layer{transition:opacity .24s ease,filter .24s ease}.hud{display:flex;align-items:flex-end;gap:36px;background:var(--panel);backdrop-filter:blur(8px);border:1px solid var(--edge);border-radius:14px;padding:12px 26px 13px}.meters{display:flex;gap:40px}.readout{display:flex;flex-direction:column;min-width:158px}.readout b{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.readout .big{font-family:IBM Plex Mono,monospace;font-size:27px;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}.readout .sub{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);margin-top:1px}.readout.win .big{color:var(--muted)}.readout.win.active .big{color:var(--win)}.readout.win.big-win .big{color:var(--gold)}.controls{display:flex;align-items:flex-end;gap:11px;margin-left:auto}.field{display:flex;flex-direction:column;gap:3px}.field label{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}select{background:var(--panel-2);color:var(--text);border:1px solid var(--edge-2);border-radius:6px;padding:8px 11px;font-family:IBM Plex Mono,monospace;font-size:15px;min-width:104px}.toggle{display:flex;align-items:center;gap:10px;background:var(--panel-2);color:var(--muted);border:1px solid var(--edge-2);border-radius:6px;padding:9px 15px;font-family:inherit;font-size:15px;cursor:pointer}.toggle.icon{padding:9px 13px}.toggle.icon[aria-pressed=false]{opacity:.5;text-decoration:line-through}.toggle .hanja-sm{font-family:Gowun Batang,serif;font-size:18px;font-weight:700}.toggle em{font-style:normal;font-family:IBM Plex Mono,monospace;opacity:.7}.toggle[aria-pressed=true]{color:#1a1408;background:linear-gradient(180deg,#e9c96a,var(--gold));border-color:#f0d98f;font-weight:600;box-shadow:0 0 26px #d4a93c66}.toggle[aria-pressed=true] em{opacity:.75}.spin{background:linear-gradient(180deg,#c4472f,#8f2c1f);color:#fff2ee;border:1px solid #e07b62;border-radius:8px;padding:12px 40px;font-family:Gowun Batang,serif;font-size:22px;font-weight:700;letter-spacing:.14em;cursor:pointer;min-width:158px;box-shadow:0 0 28px #c4472f57}.spin:hover:not(:disabled){filter:brightness(1.12)}.spin:disabled{opacity:.4;cursor:default;box-shadow:none}.spin.stop{background:linear-gradient(180deg,#3a4550,#2a323c);border-color:var(--edge-2);color:var(--text);box-shadow:none}button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ticker{display:flex;align-items:center;gap:24px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);padding:0 8px}.ticker .spacer{flex:1}.ticker b{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.ticker #net.up{color:var(--win)}.ticker #net.down{color:var(--loss)}.ticker .notice{color:#5f676f}#status{color:var(--text)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.rotate-hint{display:none}@media (orientation: portrait) and (pointer: coarse){.rotate-hint{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:var(--gold);text-align:center;padding:24px}.rotate-mark{width:46px;height:78px;border:4px solid currentColor;border-radius:9px;animation:rotate-nudge 2.6s ease-in-out infinite}.rotate-hint p{margin:0;font-size:17px;letter-spacing:.04em;color:#c4c2b8}}@keyframes rotate-nudge{0%,34%{transform:rotate(0)}50%,84%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.rotate-mark{animation:none}}.hud{align-items:center;gap:22px;padding:7px 22px 8px}.meters{gap:26px}.readout{min-width:0}.readout b{font-size:10px;letter-spacing:.16em;margin-bottom:0}.readout .big{font-size:21px;line-height:1.15}.readout .sub{display:inline;font-size:10px;margin:0}.readout .amount{display:flex;align-items:baseline;gap:7px}.controls{align-items:center;gap:8px}.field{gap:1px}.field label{font-size:10px;letter-spacing:.14em}select{padding:5px 9px;font-size:13px;min-width:88px}.toggle{padding:6px 12px;font-size:13px;gap:8px}.toggle.icon{padding:6px 10px}.toggle .hanja-sm{font-size:16px}.spin{padding:9px 34px}.ticker{font-size:11px}.hud-layer{padding:0 24px 8px;gap:6px}:root{--d-lacquer: #26060c;--d-lacquer-lo: #120306;--d-crimson: #8c1520;--d-crimson-hi: #c62436;--d-gold: #ffc93c;--d-gold-hi: #ffe9a8;--d-gold-lo: #a06a08;--d-azure: #35c2f5;--d-ink: #f6efe2;--d-quiet: #a08b74}.hud{align-items:stretch;gap:12px;padding:7px 16px 8px;background:linear-gradient(180deg,#3a0c14f0,#0c0306f7),radial-gradient(120% 180% at 50% -60%,rgba(255,201,60,.16),transparent 70%);border:1px solid rgba(255,201,60,.28);border-radius:10px;box-shadow:inset 0 1px #ffe9a866,inset 0 -18px 30px #00000073,0 -2px 22px #0009}.meters{display:flex;gap:8px;align-items:stretch;flex:1}.readout{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:4px 14px;background:linear-gradient(180deg,#0000006b,#0000003d);border:1px solid rgba(255,201,60,.16);border-radius:7px}.readout b{font-family:IBM Plex Sans KR,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--d-quiet);margin:0 0 2px}.readout .big{font-family:IBM Plex Mono,monospace;font-size:30px;font-weight:600;line-height:1.02;font-variant-numeric:tabular-nums;color:var(--d-ink)}.readout:first-child .big{color:var(--d-azure)}.readout .sub{display:block;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--d-quiet);margin-top:1px}.readout.win .big{color:var(--d-quiet)}.readout.win.active .big{color:var(--d-gold)}.readout.win.big-win .big{color:var(--d-gold-hi);text-shadow:0 0 18px rgba(255,201,60,.75)}.deck{display:flex;align-items:stretch;justify-content:flex-end;gap:9px;flex:0 0 auto}.step,.pill,.spin-btn{position:relative;overflow:hidden;border:0;color:var(--d-ink);font-family:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px #ffc93c8c,inset 0 -8px 16px #0000006b,0 2px 10px #0000008c;transition:filter .12s ease,transform .08s ease,box-shadow .18s ease}.step:before,.pill:before,.spin-btn:before{content:"";position:absolute;inset:0 0 52%;background:linear-gradient(180deg,#ffe9a866,#ffe9a80a);border-radius:inherit;pointer-events:none}.step>*,.pill>*,.spin-btn>*{position:relative;z-index:1}.step:hover:not(:disabled),.pill:hover:not(:disabled),.spin-btn:hover:not(:disabled){filter:brightness(1.16);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffe9a8d9,inset 0 -8px 16px #0000006b,0 0 16px #ffc93c59,0 3px 12px #0009}.step:active:not(:disabled),.pill:active:not(:disabled),.spin-btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.88);box-shadow:inset 0 0 0 1px #ffc93c66,inset 0 6px 14px #0000008c}.step:disabled,.pill:disabled,.spin-btn:disabled{filter:grayscale(.7) brightness(.4);cursor:default}.stepper{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 2px}.stepper-label{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--d-quiet);text-align:center}.stepper-row{display:flex;align-items:center;gap:5px;background:#00000061;border:1px solid rgba(255,201,60,.18);border-radius:999px;padding:3px}.step{width:34px;height:34px;border-radius:999px;background:linear-gradient(180deg,#4a0d16,var(--d-lacquer-lo));color:var(--d-gold);font-size:20px;font-weight:700;line-height:1}.stepper-value{min-width:66px;text-align:center;font-family:IBM Plex Mono,monospace;font-size:21px;font-weight:700;color:var(--d-ink);font-variant-numeric:tabular-nums}.pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:92px;padding:0;border-radius:9px;background:linear-gradient(180deg,#3a0a12,var(--d-lacquer-lo))}.pill em{display:block;width:100%;padding:3px 10px 2px;background:#00000057;box-shadow:inset 0 -1px #ffc93c38;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.16em;text-align:center;text-transform:uppercase;color:var(--d-gold)}.pill b{display:flex;align-items:center;justify-content:center;flex:1;width:100%;padding:2px 10px 4px;font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:700;line-height:1}.pill.red{background:linear-gradient(180deg,var(--d-crimson-hi),var(--d-crimson))}.pill.red b{color:var(--d-gold-hi)}.pill.yellow{background:linear-gradient(180deg,#3a0a12,var(--d-lacquer-lo))}.pill[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--d-gold-hi),inset 0 -8px 16px #0000006b,0 0 20px #ffc93c80}.pill[aria-pressed=true] b{color:var(--d-gold)}.pill[aria-pressed=false]{filter:brightness(.82) saturate(.7)}.glyph-auto,.glyph-max{display:none}.spin-btn{display:flex;align-items:center;justify-content:center;gap:2px;width:96px;height:96px;margin-left:3px;border-radius:999px;background:radial-gradient(circle at 50% 26%,var(--d-gold-hi),var(--d-gold) 44%,var(--d-gold-lo) 100%);color:#3a1200;font-family:IBM Plex Sans KR,system-ui,sans-serif;font-size:19px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #fff5d6e6,inset 0 -12px 22px #783c0066,0 0 0 3px #ffc93c2e,0 0 26px #ffc93c52,0 4px 16px #0009}.spin-btn:hover:not(:disabled){box-shadow:inset 0 0 0 1px #fffae6,inset 0 -12px 22px #783c0066,0 0 0 6px #ffc93c42,0 0 40px #ffc93c8c,0 6px 20px #000000a6}.spin-glyph{display:none}.spin-btn.stop{background:radial-gradient(circle at 50% 26%,#ff6a74,var(--d-crimson-hi) 46%,#6d0c16 100%);color:var(--d-gold-hi);box-shadow:inset 0 0 0 1px #ffc93cb3,inset 0 -12px 22px #0006,0 0 0 3px #c6243640,0 0 26px #c6243673,0 4px 16px #0009}.utility{display:inline-flex;align-items:center;gap:5px}.utility select{background:#0006;color:var(--d-quiet);border:1px solid rgba(255,201,60,.22);border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px;min-width:0}.chip{background:#0006;color:var(--d-gold);border:1px solid rgba(255,201,60,.22);border-radius:5px;padding:1px 7px;font-family:Gowun Batang,serif;font-size:13px;font-weight:700;cursor:pointer}.chip:hover{color:var(--d-gold-hi);border-color:#ffc93c8c}.chip[aria-pressed=false]{opacity:.4}.coin-plate{font-family:IBM Plex Mono,monospace;color:var(--d-gold);border:1px solid rgba(255,201,60,.35);border-radius:4px;padding:1px 8px;white-space:nowrap}.ticker{color:var(--d-quiet)}.hud-layer{padding:0 18px 4px;gap:4px}@media (pointer: coarse){.stage{display:flex;flex-direction:column;width:min(100vw,calc((100dvh - 72px) * 1920 / 940));height:min(100dvh,calc(100vw * 940 / 1920 + 72px))}.stage canvas{order:1;flex:1;min-height:0;width:100%!important;height:auto!important;object-fit:cover;object-position:top}.hud-layer{order:2;position:static;width:100%;transform:none;height:72px;padding:0 5px 3px;gap:2px}.hud{flex:1;min-height:0;gap:6px;padding:3px 7px;border-radius:9px}.meters{gap:5px;min-width:0}.readout{padding:2px 6px;border-radius:6px;overflow:hidden}.readout:first-child{flex:1.6}.readout b{font-size:8px;letter-spacing:.1em;margin:0}.readout .big{font-size:17px;white-space:nowrap}.readout .sub{font-size:9px;margin:0;white-space:nowrap}.deck{gap:7px}.stepper{gap:1px;padding:0}.stepper-label{font-size:8px;letter-spacing:.08em}.stepper-row{gap:3px;padding:2px}.step{width:34px;height:34px;font-size:20px}.stepper-value{min-width:44px;font-size:17px}.pill{min-width:48px;padding:3px 8px;border-radius:9px;gap:0}.pill b{font-size:17px}.glyph-auto{width:10px;height:10px;border-width:2px}.glyph-max{width:10px;height:6px;border-width:2px}.spin-btn{width:50px;height:50px;margin-left:2px;font-size:13px;gap:0}.spin-glyph{width:11px;height:11px;border-width:2.5px}.ticker{font-size:9px;gap:5px;padding:0 3px}.ticker #status,.ticker .notice,.ticker .spacer{display:none}.coin-plate{padding:0 5px}.utility{gap:3px;margin-left:auto}.utility select{font-size:9px;padding:0 3px}.chip{font-size:11px;padding:0 5px}}@media (pointer: coarse) and (max-height: 430px){#auto,#maxbet,.readout .sub{display:none}.readout .big{font-size:18px}.readout{padding:2px 6px}.deck{gap:5px}}.pill{flex-direction:column;gap:0;padding:0;min-width:92px;overflow:hidden}.pill em{display:block;width:100%;padding:2px 10px 1px;background:#00000042;box-shadow:inset 0 -1px #ffffff24;font-style:normal;font-size:9px;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase;opacity:.95}.pill b{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;width:100%;padding:1px 10px 3px;font-size:22px;line-height:1}.pill .glyph-auto,.pill .glyph-max{position:absolute;left:7px;bottom:8px;opacity:.55}.hud{padding:5px 16px 6px}.readout .big{font-size:28px}.spin-btn{width:92px;height:92px}.readout{padding:2px 16px;justify-content:center}.readout b{font-size:11px;letter-spacing:.26em;margin:0 0 1px}.readout .big{font-size:46px;line-height:1;letter-spacing:-.02em}.readout .sub{font-size:13px;margin-top:2px}@media (pointer: coarse){.readout{padding:2px 6px}.readout b{font-size:8px;letter-spacing:.1em}.readout .big{font-size:19px}.readout .sub{font-size:9px}}@media (pointer: coarse) and (max-height: 430px){.readout .big{font-size:18px}.readout .sub{display:none}}@media (pointer: coarse){.spin-btn{width:54px;height:54px;font-size:13px;margin-left:2px}.step{width:34px;height:34px;font-size:20px}.pill{min-width:48px}.pill b{font-size:17px}.stepper-value{min-width:44px;font-size:17px}}.bank{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#060204b8}.bank[hidden]{display:none}.readout .big,.readout .sub,.readout .amount{white-space:nowrap}.stepper-value{display:block;white-space:nowrap}.pill b{white-space:nowrap}#spin-text{display:block;white-space:nowrap}.bank-box{width:min(88vw,380px);display:flex;flex-direction:column;gap:12px;padding:22px 24px 20px;border-radius:12px;border:1px solid rgba(255,201,60,.45);background:linear-gradient(180deg,#2a0d16,#170710);box-shadow:inset 0 1px #ffe9a847,0 18px 50px #000000b3}.bank-box b{font-family:IBM Plex Sans KR,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--d-gold)}.bank-field{display:flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,201,60,.28);background:#00000073}.bank-field span{font-family:IBM Plex Mono,monospace;font-size:22px;color:var(--d-quiet)}.bank-field input{flex:1;min-width:0;border:0;background:none;outline:none;font-family:IBM Plex Mono,monospace;font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--d-ink)}.bank-box p{margin:0;font-family:IBM Plex Sans KR,system-ui,sans-serif;font-size:11px;color:var(--d-quiet)}.bank-keys{display:flex;gap:8px}.bank-key{flex:1;padding:10px 0;border-radius:8px;border:1px solid rgba(255,201,60,.3);background:#ffffff0d;color:var(--d-ink);font-family:IBM Plex Sans KR,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;cursor:pointer}.bank-key.go{border-color:var(--d-gold);background:linear-gradient(180deg,#d8a63a,#a97c1c);color:#1b0d02}.bank-key:hover{filter:brightness(1.12)}.bank-key:focus-visible{outline:2px solid var(--d-gold);outline-offset:2px}@media (pointer: coarse){.bank-box{gap:9px;padding:16px 18px 14px}.bank-field input{font-size:24px}.bank-key{padding:12px 0}}