*{box-sizing:border-box}html{background:#080c0a;color:#f8f6ed;font-family:Arial,Helvetica,sans-serif}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ff2ea6;outline-offset:5px}button:disabled{cursor:wait;opacity:.6}button[hidden],[hidden]{display:none!important}h1,h2,p{margin:0}.page{max-width:850px;margin:auto;padding:20px 18px 32px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.logo{width:200px;height:84px;object-fit:contain;background:#000;border-radius:6px}.sound{background:transparent;color:inherit;border:1px solid #6f7971;border-radius:5px;padding:10px;font-size:14px;min-height:44px}.title{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(2.5rem,7vw,4rem);letter-spacing:.04em;color:#b7ff2a}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dealer{width:76px;height:76px;object-fit:contain;border-radius:50%;background:white}.machine{padding:24px;border:1px solid #587047;border-radius:18px;background:linear-gradient(135deg,#213023,#101912 65%);box-shadow:0 22px 50px #0008,inset 0 1px #a9bd7540}.windows{position:relative}.reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;background:#060906;border:2px solid #758077;border-radius:12px;box-shadow:inset 0 2px 2px #d5e4d7,inset 0 -3px 2px #000,0 10px 15px #0007}.reel{position:relative;overflow:hidden;aspect-ratio:3/4;background:#fff;border-radius:6px;isolation:isolate}.reel-strip{position:absolute;top:0;left:0;width:100%;will-change:transform}.reel-item{position:relative;width:100%;aspect-ratio:3/4;display:grid;place-items:center;background:#fff;overflow:hidden}.symbol{width:90%;height:84%;object-fit:contain}.reel::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(#0009,transparent 25% 74%,#000a),linear-gradient(110deg,#ffffff6b,transparent 35% 70%,#ffffff29);box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 2px 4px #fff,inset 0 -2px 4px #0009;border-radius:inherit}.reel.spinning .symbol{filter:blur(.55px)}.verdict{position:relative;min-height:80px;margin-top:20px;border:1px solid #525b4c;border-radius:6px;background:#080b08;color:#d5f2b5;text-align:center;perspective:500px;overflow:hidden;box-shadow:inset 0 2px 8px #000;display:grid;place-items:center;padding:14px 12px}.verdict::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#000b;pointer-events:none}.verdict-text{font-family:'Courier New',monospace;font-size:clamp(1.1rem,3.8vw,1.75rem);font-weight:bold;line-height:1.18;overflow-wrap:anywhere}.flap{position:absolute;inset:0 0 50%;overflow:hidden;background:#141a11;transform-origin:center bottom;backface-visibility:hidden;z-index:2;border-bottom:2px solid black;pointer-events:none}.flap .flap-content{position:absolute;inset:0;height:200%;display:grid;place-items:center;padding:14px 12px;font:inherit}.flap.turning{animation:flip .42s ease-in forwards}@keyframes flip{to{transform:rotateX(-180deg)}}.controls{display:flex;justify-content:center;margin:20px 0 16px}.tumble{min-height:56px;min-width:220px;max-width:100%;padding:15px 24px;border:1px solid #daf7af;border-radius:9px;background:#b7ff2a;color:#102005;font-weight:900;font-size:18px;letter-spacing:.08em;box-shadow:0 5px 0 #516d21;transition:transform .12s}.tumble:active{transform:translateY(4px);box-shadow:0 1px #516d21}.result{min-height:74px;text-align:center}.result-kind{font-size:14px;letter-spacing:.09em;color:#b5bfae;margin-bottom:8px}.result-line{font-size:16px;line-height:1.5;max-width:550px;margin:auto}.feature-stage{position:absolute;inset:0;display:grid;place-items:center;background:#f9f9f5;border-radius:12px;z-index:5;box-shadow:inset 0 0 30px #0004;animation:reveal .25s ease-out}.feature-stage img{height:85%;max-width:80%;object-fit:contain;mix-blend-mode:multiply}.jackpot .feature-stage{background:#ff43a5}.jackpot .verdict{color:#ff74bc}.jackpot .tumble{background:#ff43a5;color:#240b18;border-color:#ffa2d2;box-shadow:0 5px #7e1d50}@keyframes reveal{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.footnote{text-align:center;font-size:14px;color:#aebca9;margin-top:20px}.footnote a{color:inherit;text-underline-offset:4px}details{margin-top:24px;border-top:1px solid #6b776755;padding-top:16px;font-size:16px;line-height:1.5}summary{cursor:pointer;min-height:32px}details p{padding-top:10px}.symbol-key{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.symbol-key figure{margin:0;text-align:center;font-size:14px}.symbol-key img{width:100%;aspect-ratio:1;object-fit:contain;background:white;border-radius:4px}.monkey{background:#f8f8f4;color:#161715}.monkey .page{max-width:1060px}.monkey .title{color:#181916;font-family:Georgia,'Times New Roman',serif;font-weight:900;letter-spacing:-.04em;font-size:clamp(2.2rem,6vw,3.8rem)}.monkey .titlebar{justify-content:center;text-align:center;margin-bottom:20px}.monkey .machine{background:#fff;border:3px double #272822;border-radius:3px;padding:20px;box-shadow:0 10px 25px #0001}.monkey .reels{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:8px;border:0;background:white;box-shadow:none;border-radius:0}.monkey .reel,.monkey .reel-item{aspect-ratio:362/460;background:#fff;border-radius:0}.monkey .reel{overflow:hidden}.monkey .reel::after{display:none}.portrait{position:relative;width:100%;aspect-ratio:362/460;overflow:hidden;background:white;clip-path:ellipse(37% 36% at 50% 50%)}.sheet{position:absolute;width:400%;max-width:none;height:auto;left:calc(var(--column,0) * -100%);top:-69.5652%;pointer-events:none}.porthole-rim{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse 37% 36% at 50% 50%,transparent 98%,#000 100%);background:white}.porthole-glass{position:absolute;inset:0;clip-path:ellipse(37% 36% at 50% 50%);z-index:4;pointer-events:none;background:linear-gradient(115deg,#ffffff26,transparent 34% 70%,#ffffff1a)}.monkey .verdict{background:#171915;color:#fbfbf1;margin-top:14px;border-color:#171915}.monkey .tumble{background:#181b16;color:white;border-color:#4e5346;box-shadow:0 5px #7d8474}.monkey .result-kind{color:#54594e}.monkey .result{min-height:85px}.monkey .footnote{color:#53574e}.monkey .portrait-label{text-align:center;font-size:14px;font-weight:700;margin-top:8px;text-transform:uppercase;min-height:32px}.monkey .blackout .verdict{background:#000;color:#fff}.monkey .blackout{border-color:#000}.result-portraits{display:flex;justify-content:center;gap:4px;margin:12px auto;max-width:380px}.result-portraits .portrait{width:90px}.monkey .result-portraits .portrait{clip-path:ellipse(37% 36% at 50% 50%)}.trait-key{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.trait-key p{font-size:14px;text-align:center}.pending-copy{font-size:14px;color:#67695e;margin-top:8px}@media(max-width:600px){.page{padding:12px 10px 24px}.toolbar{margin-bottom:14px}.logo{width:165px;height:70px}.machine{padding:14px 10px;border-radius:12px}.titlebar{margin-bottom:12px}.dealer{width:55px;height:55px}.reels{padding:7px;gap:5px}.verdict{min-height:76px;margin-top:14px}.controls{margin:16px 0}.monkey .reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;max-width:390px;margin:auto}.monkey .machine{padding:12px}.monkey .titlebar{margin-bottom:10px}.monkey .reel,.monkey .reel-item{aspect-ratio:362/460}.monkey .reels{max-width:320px}.monkey .portrait-label{margin-top:0;min-height:22px}.monkey .title{font-size:2.25rem}.trait-key{grid-template-columns:repeat(2,1fr)}.monkey .controls{margin-top:14px}.symbol-key{gap:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}