@font-face{font-family:Arcade;src:url('assets/PressStart2P-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;font-family:Arcade,monospace;background:#0c0d13;color:#acffe9}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:18px;background:radial-gradient(ellipse at center,#292b36,#0b0c12 75%)}
.cabinet{width:min(1100px,calc((100svh - 85px)*1.33333),100%);padding:13px;background:linear-gradient(130deg,#45464b,#17181c 35%,#303138 80%,#121316);border-radius:40px;box-shadow:0 24px 75px #000b,inset 0 1px 2px #84858a;container-type:inline-size}
.screen{aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:5% / 7%;background:radial-gradient(ellipse at 50% 40%,#153fea 0%,#092cca 55%,#041770 100%);box-shadow:inset 0 0 35px 10px #000a;color:#aaffed;text-shadow:0 0 5px #5dffcc88;padding:4.5% 5% 3%;display:flex;flex-direction:column}
.meters{display:flex;justify-content:space-between;align-items:flex-start;color:#f1f6a0;font-size:2cqw;line-height:1.6;position:relative;z-index:1}.meters>div:last-child{text-align:right}.meters span{display:block;font-size:4.5cqw;color:#e2ffee;margin-top:.4em}.meters .machine-name{text-align:center;font-size:1.4cqw;padding-top:.4em;color:#8fdad4}.machine-name span{font-size:.9cqw;letter-spacing:.15em;color:#8fdad4;margin-top:1em}
#attract,#game{flex:1;min-height:0;position:relative}#intro{text-align:center;padding-top:3.2cqw}.eyebrow{font-size:2.2cqw;color:#ce422d;margin:0 0 2.3cqw}h1{font-size:5.4cqw;line-height:1.3;color:#ecfff4;margin:0}h2{font-size:2.2cqw;text-align:center;color:#f8fac0;margin:0 0 2.5cqw}.type-line{font-size:1.5cqw;height:2em;margin:2cqw 0;color:#edffe9}.title-cards{display:flex;justify-content:center;gap:1.1cqw}.title-cards>span{background:#e1efd9;color:#ce422d;font-size:5.3cqw;padding:1.6cqw 1.2cqw 1.1cqw;border-radius:.5cqw;box-shadow:3px 4px 0 #002278;text-shadow:none;transform:rotate(-2deg)}.title-cards>span:nth-child(even){transform:rotate(2deg)}.title-cards small{display:block;font-size:4.9cqw;color:#154840;margin-top:1cqw}
.insert{position:absolute;bottom:1.3cqw;text-align:center;width:100%;font-size:1.8cqw;color:#eeffaf}.blink{animation:blink 1.8s steps(1) infinite}@keyframes blink{50%{opacity:.35}}
#paytable{padding-top:3cqw}#payouts{background:#e7ed9c;color:#203b29;text-shadow:none;display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw 3cqw;padding:2cqw;box-shadow:0 0 15px #eeff8440}.payout-row{display:flex;justify-content:space-between;align-items:center;font-size:1.35cqw;line-height:1.6;gap:1cqw}.payout-row strong{color:#b44828;font-size:1.9cqw}.table-note{text-align:center;font-size:1.2cqw;color:#f3f6a5;margin-top:2cqw}
.announcement{text-align:center;height:25cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2cqw}.announcement p{margin:0}#result-name{font-size:2.6cqw;color:#e6ffe5;min-height:1em}#message{font-size:3.5cqw;color:#6fffd6}#instruction{font-size:1.7cqw;color:#def9d8;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1.7cqw}.card-slot{text-align:center}.card{height:21cqw;background:#e0eee0;border-radius:1cqw;box-shadow:3px 4px 0 #001666;color:#123b3e;text-shadow:none;position:relative;display:flex;flex-direction:column;gap:1cqw;align-items:center;justify-content:center;border:3px solid transparent}.card.red{color:#bd3b2d}.card-rank{display:block;font-size:7.5cqw;line-height:1.1}.card-rank.two-digits{font-size:5.7cqw;line-height:1.4474}.card-suit{display:block;font-size:8cqw;line-height:1}.card.back{
  background:#eeeecb;
  border:0;
  border-radius:0;
  clip-path:polygon(8% 0,92% 0,92% 3%,97% 3%,97% 7%,100% 7%,100% 93%,97% 93%,97% 97%,92% 97%,92% 100%,8% 100%,8% 97%,3% 97%,3% 93%,0 93%,0 7%,3% 7%,3% 3%,8% 3%);
}
.card.back::after{
  content:'';
  position:absolute;
  inset:13% 21%;
  border:.35cqw solid #c56b49;
  border-radius:.3cqw;
  background-color:#eee8be;
  background-image:repeating-linear-gradient(55deg,transparent 0 .48cqw,#be80514d .48cqw .64cqw,transparent .64cqw 1.12cqw),repeating-linear-gradient(-55deg,transparent 0 .48cqw,#be805180 .48cqw .64cqw,transparent .64cqw 1.12cqw);
  box-shadow:inset 0 0 0 .2cqw #f7edc3;
}
.card.held{border-color:#f8fb93;box-shadow:0 0 12px #edff8880}.hold-label{height:3.7cqw;padding-top:1.2cqw;font-size:1.5cqw;color:#8dccd6}.hold-label.active{color:#f9fda2}
footer{display:flex;justify-content:space-between;gap:1cqw;font-size:1.12cqw;color:#9acccd;padding-top:2cqw;z-index:1}footer b{color:#f4f6b1;font-weight:normal}.outside-note{font-size:8px;color:#70737f;letter-spacing:1px;margin:0;text-align:center}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000014 0 1px,transparent 1px 3px);box-shadow:inset 0 0 25px #0007;border-radius:inherit}[hidden]{display:none!important}
@media(max-width:600px){body{padding:8px;gap:14px}.cabinet{padding:6px;border-radius:20px}.outside-note{font-size:6px}.card{border-width:2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}
.copyright{position:absolute;bottom:6cqw;left:0;width:100%;margin:0;text-align:center;font-size:1.3cqw;line-height:1.5;color:#eeffaf}

.bet-return-note{display:inline-block;margin-top:1.2cqw}
