*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{justify-content:center;align-items:center;min-height:100svh;display:flex}*{box-sizing:border-box;margin:0;padding:0}body{color:#c8d6e0;background:#0a0d10;justify-content:center;align-items:center;min-height:100vh;font-family:Courier New,Courier,monospace;display:flex}.app{flex-direction:column;align-items:center;gap:36px;width:100%;max-width:760px;padding:48px 24px;display:flex}header{text-align:center;flex-direction:column;gap:10px;display:flex}.terminal-tag{letter-spacing:.14em;color:#3d8b40;background:#0d1f0e;border:1px solid #1e4620;border-radius:2px;align-self:center;padding:3px 10px;font-size:11px;display:inline-block}h1{letter-spacing:.12em;color:#e8f4e8;font-size:clamp(22px,5vw,36px);font-weight:700;line-height:1.25}h1 span{color:#52d052}.subtitle{letter-spacing:.18em;color:#4a6070;font-size:11px}.machine{background:#0f1519;border:1px solid #1e3040;border-radius:6px;width:100%;padding:28px 24px;position:relative;box-shadow:0 0 0 1px #0a1520,0 4px 32px #0009,inset 0 1px #ffffff08}.machine:before{content:"";background:linear-gradient(90deg,#0000,#1a6b1a,#0000);border-radius:6px 6px 0 0;height:2px;transition:background .4s;position:absolute;top:0;left:0;right:0}.machine.dangerous:before{background:linear-gradient(90deg,#0000,#8b1a1a,#0000)}.machine-inner{flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;display:flex}.machine[data-reels="1"]{--reel-w:220px}.machine[data-reels="2"]{--reel-w:180px}.machine[data-reels="3"]{--reel-w:160px}.machine[data-reels="4"]{--reel-w:140px}.machine[data-reels="3"] .reel-item,.machine[data-reels="4"] .reel-item{letter-spacing:.06em;font-size:15px}.reel-column{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.reel-divider{color:#2a4a5a;flex-shrink:0;margin-top:28px;padding-bottom:4px;font-size:20px;font-weight:300}.reel-window{width:var(--reel-w,180px);background:#060a0d;border:1px solid #1a3040;border-radius:4px;height:440px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c,inset 0 2px 4px #00000080}.reel-tape{will-change:transform;width:100%;position:absolute}.reel-item{letter-spacing:.1em;color:#4a7a8a;text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:88px;font-size:18px;font-weight:600;display:flex}.reel-highlight{pointer-events:none;z-index:2;background:#1e5c2614;border-top:1px solid #1e5c26;border-bottom:1px solid #1e5c26;height:88px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.reel-highlight:before,.reel-highlight:after{content:"▶";color:#2a6b30;font-size:10px;position:absolute;top:50%;transform:translateY(-50%)}.reel-highlight:before{left:6px}.reel-highlight:after{content:"◀";right:6px}.machine[data-reels] .reel-highlight{transition:border-color .4s,background .4s}.dangerous .reel-highlight{background:#7a1e1e14;border-top-color:#7a1e1e;border-bottom-color:#7a1e1e}.dangerous .reel-highlight:before,.dangerous .reel-highlight:after{color:#7a1e1e}.reel-shade{pointer-events:none;z-index:3;height:140px;position:absolute;left:0;right:0}.reel-shade-top{background:linear-gradient(#060a0d 0%,#0000 100%);top:0}.reel-shade-bottom{background:linear-gradient(#0000 0%,#060a0d 100%);bottom:0}.btn-group{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.spin-btn{color:#52d052;letter-spacing:.2em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a5c30;border-radius:3px;align-items:center;gap:10px;padding:14px 36px;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:flex;position:relative}.spin-btn:before{content:"";pointer-events:none;border:1px solid #1a3c20;border-radius:5px;position:absolute;inset:-4px}.spin-btn:hover:not(:disabled){background:#52d05214;border-color:#52d052;box-shadow:0 0 16px #52d05226}.spin-btn:disabled{cursor:default;color:#2a6b30;border-color:#1e3a24}.danger-btn{color:#e05050;border-color:#7a2020}.danger-btn:before{border-color:#4a1010}.danger-btn:hover:not(:disabled){background:#e0505014;border-color:#e05050;box-shadow:0 0 16px #e0505033}.danger-btn:disabled{color:#7a2020;border-color:#4a1818}.btn-dot{background:#52d052;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:.8s ease-in-out infinite alternate pulse}.btn-dot.danger-dot{background:#e05050}@keyframes pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.result-panel{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:8px;min-height:80px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(6px)}.result-panel.visible{opacity:1;transform:translateY(0)}.result-label{letter-spacing:.22em;color:#3d6070;font-size:10px}.result-name{letter-spacing:.04em;color:#52d052;text-shadow:0 0 24px #52d05266;font-size:clamp(28px,6vw,44px);font-weight:700}.result-dangerous .result-name{color:#e05050;text-shadow:0 0 24px #e0505066}.result-meta{letter-spacing:.18em;color:#2a4a5a;font-size:10px}