:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#eef4ec;background:#101814}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:clamp(22px,3vw,34px);color:#f0d060;letter-spacing:2px;margin:8px 0 24px}small{font-size:11px;letter-spacing:2px;color:#adc0b1}.bank{text-align:right;display:grid;gap:5px}.bank strong{font-size:26px}button,select,input{font:inherit;min-height:44px;border:1px solid #5c7864;border-radius:6px;padding:10px 14px;background:#284335;color:white;cursor:pointer}button:hover{filter:brightness(1.18)}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe392;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.history-panel,details{background:#17231e;padding:14px;border-radius:8px;margin:12px 0}#history{display:flex;gap:6px;overflow:auto;padding-top:10px;min-height:56px}#history button{min-width:48px;padding:5px;font-size:13px}#history small{display:block;font-size:9px;letter-spacing:0;color:white}#status{min-height:32px;color:#f0d060}#storage,#update{padding:14px;background:#59461a;border-radius:6px}.table-scroll{overflow-x:auto;padding:12px 0 20px}#table{display:grid;grid-template-columns:60px repeat(12,minmax(48px,1fr)) 70px;grid-template-rows:repeat(3,90px) 65px 65px;min-width:820px;background:#086430;border:2px solid #f0d060;border-radius:14px;overflow:hidden;padding:8px;position:relative}.bet{border:1px solid #d3dec6;border-radius:0;background:#0b7a38;font-weight:650;position:relative;padding:8px;font-size:20px}.red{background:#c9202c}.black{background:#141414}.green{background:#0d8a3e}.bet em{position:absolute;bottom:3px;right:3px;border:2px dashed #684d19;background:#f0d060;color:#17231e;border-radius:30px;min-width:28px;padding:3px;font-size:12px;font-style:normal}.controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:10px 0 20px}#chips,.actions{display:flex;gap:8px;flex-wrap:wrap}#chips button{border-radius:50%;width:54px;height:54px;border:3px dashed #aec2b2;padding:0}#chips [aria-pressed=true],#spin{background:#f0d060;color:#17231e;border-color:#f0d060;font-weight:bold}#spin{min-width:120px}summary{cursor:pointer;min-height:30px}label{display:inline-grid;gap:8px;margin:10px 12px 10px 0}footer{font-size:12px;color:#adc0b1;margin-top:28px}dialog{max-width:90vw;border:1px solid #f0d060;border-radius:12px;background:#17231e;color:white}dialog::backdrop{background:#000a}#detail-text{white-space:pre-line;line-height:1.7}#bet-list{line-height:1.9}@media(max-width:600px){main{padding:14px}header{align-items:start}h1{font-size:21px;letter-spacing:1px}.bank strong{font-size:21px}.bank button{font-size:12px;padding:6px}#table{grid-template-rows:repeat(3,74px) 58px 58px}.actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.controls{gap:12px}label{display:grid;margin-right:0}}
#table-hint{font-size:13px;color:#adc0b1;min-height:36px}.line-bet{position:absolute;min-height:0;min-width:0;padding:0;border:0;border-radius:3px;background:transparent;touch-action:manipulation;overflow:visible}.line-bet:hover,.line-bet:focus-visible{background:#f0d06080;outline:2px solid #f0d060;outline-offset:0}.bet.covered{box-shadow:inset 0 0 0 4px #f0d060}.line-bet em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px dashed #684d19;background:#f0d060;color:#17231e;border-radius:30px;min-width:28px;padding:3px;font-size:12px;font-style:normal;pointer-events:none}.line-bet:disabled{opacity:1}.line-bet:disabled:hover{background:transparent;outline:none}
#table-hint{height:5em;overflow:auto;margin:8px 0;line-height:1.5}
#history-tooltip{position:fixed;z-index:1000;max-width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;white-space:pre-line;line-height:1.5;font-size:13px;padding:10px 12px;border:1px solid #f0d060;background:#1b2a22;color:white;box-shadow:0 6px 24px #0008}#detail{max-height:calc(100dvh - 32px);overflow:auto}
#simulation-dialog{width:720px;max-height:90dvh;overflow:auto}.strategy-row{display:flex;align-items:end;gap:10px}.strategy-row label:first-child{flex:1;min-width:0}.strategy-row select{width:100%}.strategy-row input{width:120px}#simulation-progress{padding:16px;background:#17231e;border:1px solid #f0d060;border-radius:8px;margin:16px 0}#simulation-result{white-space:pre-line;max-height:180px;overflow:auto}.bet.landed{box-shadow:inset 0 0 0 5px #f0d060}#simulation-error{color:#ffaaa0}@media(max-width:600px){.strategy-row{flex-wrap:wrap}.strategy-row label:first-child{flex-basis:100%}}
.spin-count{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spin-count input{width:120px;min-width:0}#animate[aria-pressed="true"]{background:#f0d060;border-color:#f0d060;color:#17231e}#animate[aria-pressed="false"]{background:#284335;color:white}
#history small.outcome-win{color:#73e69b;font-weight:700}#history small.outcome-loss{color:#ff8585;font-weight:700}#history small.outcome-push{color:#d6e4da}#history small{background:#17231e;padding:3px 2px;margin-top:3px;border-radius:2px}.strategy-row{margin:10px 0}.strategy-row label{margin:0}.strategy-row>button{flex-shrink:0}
#simulation-hand{position:fixed;z-index:1200;pointer-events:none;user-select:none;font-size:38px;line-height:1;filter:drop-shadow(2px 4px 3px #0008);transform-origin:13px 3px}
@keyframes result-flash{0%,100%{box-shadow:inset 0 0 0 2px var(--result-color),0 0 5px var(--result-color)}50%{box-shadow:inset 0 0 0 5px var(--result-color),0 0 18px var(--result-color);background:var(--result-color);color:#101814}}.result-number,.result-win{--result-color:#38dc78}.result-loss{--result-color:#ff9a32}.result-number,.result-win,.result-loss{animation:result-flash 1s ease-in-out infinite}.result-win em{background:#38dc78}.result-loss em{background:#ff9a32}@media(prefers-reduced-motion:reduce){.result-number,.result-win,.result-loss{animation:none;outline:4px solid var(--result-color);outline-offset:-4px}}
#table .bet:disabled{opacity:1;filter:none}#detail::backdrop{background:transparent}
.result-covered-loss{--result-color:#ff9a32}.result-covered-win,.result-number{--result-color:#38dc78}.result-covered-win,.result-covered-loss{animation:result-flash 1s ease-in-out infinite}#table .line-bet.result-win em{background:#38dc78}#table .line-bet.result-loss em{background:#ff9a32}@media(prefers-reduced-motion:reduce){.result-covered-win,.result-covered-loss{animation:none;outline:4px solid var(--result-color);outline-offset:-4px}}