*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#a8d4a8;min-height:100vh;image-rendering:pixelated;background:#060f06;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-family:"Press Start 2P",monospace;display:flex;position:relative}body:before{content:"";pointer-events:none;z-index:100;background:radial-gradient(#0000 55%,#000000a6 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:101;background:repeating-linear-gradient(#0000 0 3px,#0000001f 3px 4px);position:fixed;inset:0}.machine{background:#0a1a0a;border:3px solid #1a3d1a;flex-direction:column;gap:.85rem;width:100%;max-width:780px;padding:clamp(.9rem,3vw,1.5rem);display:flex;box-shadow:0 0 0 1px #0d280d,0 0 40px #00b40012,inset 0 0 60px #0006}.title{color:gold;letter-spacing:.12em;text-shadow:0 0 8px #ffd700b3,0 0 20px #ffd7004d;border-bottom:2px solid #1a3d1a;justify-content:center;align-items:center;padding:0 0 clamp(.9rem,3vw,1.5rem);font-size:clamp(.6rem,2.5vw,.95rem);line-height:1;display:flex}.game-tabs{gap:.3rem;display:flex}.game-tab{cursor:pointer;color:#3a6a3a;background:0 0;border:1px solid #1a3d1a;flex:1;padding:.3rem .4rem;font-family:"Press Start 2P",monospace;font-size:clamp(.28rem,1vw,.48rem);line-height:1.4;transition:color .1s,border-color .1s,background .1s}.game-tab:hover:not(:disabled){color:#6ab06a;border-color:#2a5a2a}.game-tab.active{color:gold;background:#ffd7000d;border-color:gold}.game-tab:disabled{opacity:.25;cursor:not-allowed}.paytable{border-bottom:2px solid #1a3d1a;grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:2px clamp(.75rem,5vw,3.5rem);padding-bottom:.85rem;display:grid}.pt-row{color:#5a9a5a;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.4rem;padding:.2rem .3rem;font-size:clamp(.38rem,1.4vw,.62rem);transition:color .15s,background .15s;display:flex}.pt-row.active{color:gold;text-shadow:0 0 6px #ffd70080;background:#ffd70014;border-color:#ffd70033}.pt-name{flex:1}.pt-val{color:#7ab87a;text-align:right;min-width:3ch;transition:color .15s}.pt-row.active .pt-val{color:#fff}.cards-area{justify-content:center;gap:clamp(.3rem,1.8vw,.85rem);padding:.3rem 0;display:flex}.card-slot{cursor:pointer;user-select:none;flex-direction:column;align-items:center;gap:.35rem;display:flex}.hold-label{color:#0000;letter-spacing:.05em;height:1em;font-size:clamp(.28rem,1vw,.4rem);transition:color .1s,text-shadow .1s}.hold-label.on{color:#0fc;text-shadow:0 0 8px #0fcc}.card-flip{perspective:900px;width:clamp(52px,13vw,116px);height:clamp(74px,18.5vw,163px)}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.4,0,.2,1);position:relative}.card-inner.flipped{transform:rotateY(180deg)}.card-face,.card-back-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:3px;position:absolute;inset:0}.card-back-face{background-color:#126;background-image:repeating-linear-gradient(45deg,#ffffff0a 0 2px,#0000 2px 9px),repeating-linear-gradient(-45deg,#ffffff0a 0 2px,#0000 2px 9px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:2px solid #1a2d8a;justify-content:center;align-items:center;display:flex}.card-back-face:after{content:"★";color:#ffffff2e;font-size:clamp(.8rem,2.5vw,1.9rem)}.card-face{background:#f5f0e8;border:2px solid #888;flex-direction:column;justify-content:space-between;padding:clamp(2px,.6vw,5px);display:flex;transform:rotateY(180deg)}.card-face.held{border-color:#0fc;box-shadow:0 0 0 1px #0fc,0 0 10px #00ffcc80,inset 0 0 6px #00ffcc14}.card-face.empty-face{background:#0a150a;border:2px dashed #1a3d1a}.cr-top{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.cr-bot{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex;transform:rotate(180deg)}.cr-rank{font-family:"Press Start 2P",monospace;font-size:clamp(.62rem,2.3vw,1.25rem);line-height:1}.cr-suit-sm{display:none}.cr-suit-center{text-align:center;font-size:clamp(1.4rem,5.2vw,3.4rem);line-height:1}.red{color:#c11}.dark{color:#111}.ev-line{text-align:center;letter-spacing:.08em;color:#3a6a3a;min-height:1.2em;font-size:clamp(.4rem,1.4vw,.56rem)}.ev-line.ev-pos{color:#7ab87a}.ev-line.ev-good{color:gold;text-shadow:0 0 6px #ffd70066}.ev-line.ev-dim{color:#2a4a2a}.message{text-align:center;color:#5a9a5a;letter-spacing:.06em;min-height:1.4em;font-size:clamp(.48rem,1.6vw,.64rem)}.message.win{color:gold;text-shadow:0 0 10px #ffd70099;animation:.45s ease-in-out 4 msgflash}.message.loss{color:#f55}.message.info{color:#5a9a5a}@keyframes msgflash{0%,to{opacity:1}50%{opacity:.2}}.controls{border-top:2px solid #1a3d1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.cred-block{flex-direction:column;gap:.3rem;display:flex}.cred-label{color:#4a7a4a;font-size:clamp(.36rem,1.2vw,.48rem)}.cred-val{color:gold;font-size:clamp(.58rem,2vw,.82rem)}.bet-block{flex-direction:column;align-items:center;gap:.35rem;display:flex}.bet-label{color:#4a7a4a;font-size:clamp(.36rem,1.2vw,.48rem)}.bet-row{align-items:center;gap:.3rem;display:flex}.btn{cursor:pointer;background:0 0;border:2px solid;padding:.35rem .55rem;font-family:"Press Start 2P",monospace;font-size:clamp(.38rem,1.4vw,.54rem);line-height:1;transition:background .1s,box-shadow .1s,transform 50ms}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.25;cursor:not-allowed}.btn-adj{color:#6ab06a;border-color:#2a5a2a;padding:.3rem .45rem}.btn-adj:hover:not(:disabled){color:#a0d4a0;background:#152515}.bet-val{color:gold;text-align:center;cursor:default;border:2px solid #2a5a2a;min-width:2.5ch;padding:.3rem .45rem;font-family:"Press Start 2P",monospace;font-size:clamp(.48rem,1.6vw,.68rem)}.btn-action{color:gold;border-color:gold;padding:.5rem 1rem;font-size:clamp(.48rem,1.7vw,.68rem);box-shadow:0 0 10px #ffd70026}.btn-action:hover:not(:disabled){background:#ffd70014;box-shadow:0 0 16px #ffd70059}.btn-action.draw-mode{color:#0fc;border-color:#0fc;box-shadow:0 0 10px #00ffcc26}.btn-action.draw-mode:hover:not(:disabled){background:#00ffcc14;box-shadow:0 0 16px #00ffcc59}.back-link{color:#2a5a2a;margin-top:.75rem;font-size:clamp(.28rem,1vw,.38rem);text-decoration:none;transition:color .2s}.back-link:hover{color:#5a9a5a}