.bonus-modal{width:min(880px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 20px);margin:auto;padding:0;border:1px solid #59727e;border-radius:20px;background:#11212b;color:#effaff;box-shadow:0 26px 100px #000b;overflow:auto;font-family:inherit}
.bonus-modal::backdrop{background:#06121ce8;backdrop-filter:blur(8px)}
.bonus-modal *{box-sizing:border-box}.bonus-modal [hidden]{display:none!important}.bonus-modal button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bonus-modal button:disabled{cursor:default}.bonus-modal button:focus-visible{outline:3px solid #fff;outline-offset:2px;z-index:2}.bonus-modal .bonus-illustration{fill:currentColor;fill-opacity:.12;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.bonus-shell{padding:20px 25px 14px}.bonus-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.bonus-eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:850;color:#a0bac9}.bonus-header h2{font-size:27px;font-weight:950;letter-spacing:-1px;line-height:1.15;margin:5px 0 0}.bonus-header h2 span{color:#c2ff62}.bonus-close{width:40px;height:40px;flex-shrink:0;border:1px solid #56707e;border-radius:10px;background:#29414e;color:#cde0eb;font-size:29px!important;line-height:1}.bonus-close:hover{background:#3b5665}
.bonus-scoreboard{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border:1px solid #354e5d;border-bottom:0;border-radius:11px 11px 0 0;background:#091a25;padding:10px 17px;font-variant-numeric:tabular-nums}.bonus-scoreboard>div{display:flex;gap:8px;align-items:center}.bonus-scoreboard strong{font-size:26px;font-weight:900;line-height:1}.bonus-scoreboard span:not(.bonus-clock-icon){font-size:8px;letter-spacing:1px;font-weight:800;color:#9db3c2}.bonus-clock-icon{font-size:27px;color:#c2ff62}.bonus-order-counter{justify-content:center}.bonus-order-counter small{font-size:13px;color:#9ab0bf}.bonus-scoreboard .bonus-points{justify-content:flex-end}.bonus-points strong{color:#c2ff62}.bonus-time-track{height:4px;margin-bottom:12px;background:#344f5b;border-radius:0 0 4px 4px;overflow:hidden}#bonus-time-bar{height:100%;background:#c2ff62}.bonus-hurry #bonus-time-bar{background:#ffae59}.bonus-hurry .bonus-clock strong{color:#ffae59}
.bonus-playfield{position:relative;overflow:hidden;border:1px solid #526c79;border-radius:14px;padding:13px 14px 0;background:repeating-linear-gradient(90deg,transparent 0 39px,#d1e4e908 39px 40px),#243b47}.bonus-bench-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:9px;letter-spacing:.8px;color:#acbec9}.bonus-bench-label strong{color:#e2f0f6;font-weight:900}.bonus-bench-label>span{font-size:8px;color:#b7d095}
.bonus-monitor{display:flex;align-items:center;justify-content:space-between;gap:12px;border:4px solid #08141d;border-bottom-width:6px;border-radius:9px;background:#0d2634;padding:8px 12px;margin-bottom:10px;box-shadow:0 3px #101f29}.bonus-monitor-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1}.bonus-monitor-brand img{height:18px;width:73px;background:#edf7fc;border-radius:3px;padding:3px 5px;object-fit:contain}.bonus-monitor-brand>span{color:#99b4c6;font-size:8px;letter-spacing:1px;font-weight:800}.bonus-target{text-align:center;min-width:140px}.bonus-target small{display:block;font-size:8px;letter-spacing:1.25px;font-weight:800;color:#97b1c0}.bonus-target strong{font-family:ui-monospace,'SF Mono',monospace;font-size:30px;font-weight:950;letter-spacing:2px;line-height:1.2;color:#c2ff62}.bonus-scan-progress{display:flex;justify-content:flex-end;gap:6px;flex:1}.bonus-scan-progress span{width:26px;height:28px;display:grid;place-items:center;background:#203a48;border:1px solid #355666;border-radius:5px;font-size:12px;font-weight:900;color:#6f8a9a}.bonus-scan-progress .bonus-scan-done{background:#c2ff6214;border-color:#829d57;color:#c2ff62}
.bonus-location-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:9px;border:1px solid #69818b;border-top-width:5px;border-bottom-width:7px;border-radius:7px;background:#3c5561;box-shadow:0 6px 0 #142c38;margin:0 0 14px}.bonus-bin{position:relative;min-width:0;min-height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 5px 6px;border:1px solid #6c808b;border-bottom:4px solid #102936;border-radius:6px;background:linear-gradient(#263f4d,#1d3442);color:#afc0c9;box-shadow:0 1px 0 #091e28;transition:background .08s,border-color .08s}.bonus-led{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:24px;height:4px;border-radius:2px;background:#0b202b;box-shadow:inset 0 1px #0008}.bonus-bin-code{font-family:ui-monospace,'SF Mono',monospace;font-weight:950;font-size:23px;letter-spacing:1px;margin-top:5px;line-height:1.15}.bonus-bin-detail{font-size:6px;font-weight:800;letter-spacing:1px;color:#718e9f;margin-top:3px}.bonus-bin-lit{color:#e7ffd3;border-color:#c2ff62;border-bottom-color:#729b3d;background:linear-gradient(#456137,#263f2b);box-shadow:0 0 20px #b8ff6133,inset 0 0 14px #c2ff6214}.bonus-bin-lit .bonus-led{background:#c2ff62;box-shadow:0 0 13px #c2ff62}.bonus-bin-lit .bonus-bin-detail{color:#c2ff62}.bonus-bin-lit:hover:not(:disabled){background:#536d37}.bonus-bin:active:not(:disabled){transform:translateY(1px)}.bonus-bin-check{display:none;position:absolute;bottom:6px;right:6px;color:#839eac;font-size:11px;font-weight:900}.bonus-bin-scanned .bonus-bin-check{display:block}.bonus-bin-scanned .bonus-bin-code{color:#7d97a6}.bonus-bin-hit{animation:bonus-hit .2s ease-out}.bonus-bin-miss{animation:bonus-miss .25s ease-out}
.bonus-bench-front{position:relative;display:flex;align-items:center;justify-content:center;gap:30px;margin:0 -14px;padding:13px 20px 16px;background:#3b5563;border-top:5px solid #a2ae65}.bonus-bench-front:before{content:'';position:absolute;top:-5px;left:0;right:0;height:5px;background:repeating-linear-gradient(-50deg,#c8b457 0 12px,#2b4654 12px 23px)}.bonus-pack-prop{display:flex;gap:17px;align-items:center}.bonus-carton{position:relative;width:78px;height:56px;background:#c29456;border:2px solid #906b3e;border-top:7px solid #e1b77c;border-radius:3px;box-shadow:5px 5px 0 #142f3970;transform:rotate(-5deg)}.bonus-carton-tape{position:absolute;top:0;bottom:0;left:26px;width:13px;background:#e1bd86}.bonus-carton-count{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;font-weight:900;color:#5c4227}.bonus-carton-label{display:none;position:absolute;top:10px;left:40px;padding:5px;background:#eee9d9;color:#29414d;font-size:7px;font-weight:950}.bonus-carton-sealed .bonus-carton-label{display:block}.bonus-carton-sealed .bonus-carton-count{display:none}.bonus-scanner{display:flex;align-items:center;gap:3px;color:#b7d0dc}.bonus-scanner svg{width:38px;height:38px;color:#e0ebf3;fill:#172d3c;fill-opacity:1}.bonus-scanner span{font-size:6px;line-height:1.4;font-weight:800;letter-spacing:.5px}.bonus-controller{position:relative;z-index:1;flex:1;max-width:485px;border:2px solid #132a38;border-top-color:#7f99a7;border-bottom-width:5px;border-radius:10px;padding:8px 10px 10px;background:linear-gradient(#294351,#122b3b);box-shadow:0 4px 0 #102632}.bonus-controller-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:7px;letter-spacing:.3px;color:#8ba7ba}.bonus-controller-brand strong{color:#e4f2fc;font-size:8px;letter-spacing:1px}.bonus-controller-contents{display:flex;align-items:center;gap:10px}.bonus-nfc{display:flex;align-items:center;flex-direction:column;color:#adbdca;flex:0 0 32px}.bonus-nfc svg{width:29px;height:29px}.bonus-nfc strong{font-size:7px;letter-spacing:1px}.bonus-hardware-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;flex:1}.bonus-hardware-key{min-height:34px;padding:4px 2px;border:1px solid #8299a7;border-bottom:3px solid #253a47;border-radius:4px;background:linear-gradient(#567282,#3a5466);color:#c9dce9;font-size:7px!important;font-weight:800!important;box-shadow:0 1px 0 #0b1e29}.bonus-hardware-key:disabled{opacity:1}.bonus-box-selected{border-color:#91bfdd;background:#35688a;color:#e2f2ff}.bonus-complete-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:40px;background:#294938;border-color:#547960;color:#8da591}.bonus-complete-key small{font-size:6px}.bonus-complete-ready{color:#294322;background:linear-gradient(#d3ff89,#a8e955);border-color:#d9ffa4;border-bottom-color:#638732;box-shadow:0 0 18px #c2ff6244}.bonus-complete-ready:hover{background:#dcffae}.bonus-usb-cable{position:absolute;top:3px;right:12px;width:12px;height:56px;border:4px solid #112832;border-left:0;border-radius:0 8px 8px 0}
.bonus-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:42px;padding-top:12px}#bonus-feedback{font-size:10px;line-height:1.5;color:#b6c9d6}#bonus-feedback[data-tone=good]{color:#c2ff62}#bonus-feedback[data-tone=wrong]{color:#ffb47e}.bonus-combo{flex-shrink:0;font-size:8px;font-weight:850;letter-spacing:.7px;border:1px solid #456272;border-radius:30px;padding:6px 9px;color:#829eae}.bonus-combo-active{color:#c2ff62;border-color:#728e47;background:#c2ff6210}
.bonus-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:24px 45px;text-align:center;background:radial-gradient(ellipse at top,#224957f5,#0e2230f8 72%);backdrop-filter:blur(6px)}.bonus-overlay>.bonus-eyebrow{color:#c2ff62;margin-bottom:15px}.bonus-overlay h3{font-size:43px;font-weight:950;line-height:1.05;letter-spacing:-1.8px;margin:0 0 18px}.bonus-overlay h3 span{color:#c2ff62}.bonus-overlay p{max-width:440px;margin:0 0 17px;font-size:13px;line-height:1.65;color:#b9cdda}.bonus-overlay p strong{color:#f1f9ff}.bonus-penalty-note{font-size:9px;font-weight:850;letter-spacing:.65px;padding:9px 12px;border:1px solid #eaa96c66;border-radius:7px;color:#ffc180;background:#bd742014;margin-bottom:17px}.bonus-intro-controls{display:flex;flex-direction:column;gap:8px;font-size:10px;line-height:1.85;color:#abc3d2;margin-bottom:19px}.bonus-intro-controls b{font-size:9px;padding:3px 5px;border:1px solid #6d8c9e;border-bottom-width:2px;background:#2d4a5d;border-radius:4px;color:#e8f4fc}.bonus-primary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 20px;min-height:47px;border:0;border-bottom:4px solid #78a03c;border-radius:9px;background:#c2ff62;color:#21361a;font-size:11px!important;font-weight:900!important;box-shadow:0 5px 15px #0003}.bonus-primary>span{font-size:22px;line-height:1}.bonus-primary:hover{background:#d9ff9f}.bonus-intro-note{font-size:9px;color:#839fac;margin-top:13px}.bonus-countdown{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0c202cc7;backdrop-filter:blur(3px)}.bonus-countdown strong{font-size:125px;font-weight:950;color:#c2ff62;line-height:1}.bonus-countdown span{font-size:12px;letter-spacing:4px;font-weight:900;color:#d1e6f0;margin-top:15px}.bonus-result-medal{width:55px;height:55px;color:#c2ff62;border:2px solid #c2ff62;border-radius:17px;padding:9px;margin-bottom:15px;transform:rotate(-7deg)}.bonus-result-medal svg{width:100%;height:100%}.bonus-results h3{font-size:33px;margin-bottom:12px}.bonus-result-score{font-size:54px;font-weight:950;line-height:1;color:#c2ff62;letter-spacing:-2px}.bonus-result-score span{display:block;font-size:8px;letter-spacing:2px;color:#a3becc;margin-top:7px}.bonus-result-stats{display:flex;justify-content:center;gap:28px;font-size:10px;color:#a8c0ce;margin:23px 0 17px}.bonus-result-stats strong{display:block;font-size:20px;color:#f0faff;margin-bottom:4px}.bonus-results p{font-size:12px;max-width:350px}
.bonus-reduced-motion *,.bonus-reduced-motion *:before,.bonus-reduced-motion *:after{animation:none!important;transition:none!important}@keyframes bonus-hit{50%{filter:brightness(1.4)}}@keyframes bonus-miss{30%{transform:translateX(-3px);border-color:#ff8a66}70%{transform:translateX(3px);border-color:#ff8a66}}
@media(max-width:600px){
.bonus-modal{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:13px}.bonus-shell{padding:12px 10px 10px}.bonus-header{margin-bottom:10px}.bonus-header h2{font-size:22px;margin-top:4px}.bonus-eyebrow{font-size:7px;letter-spacing:1px}.bonus-close{width:36px;height:36px;border-radius:8px}.bonus-scoreboard{padding:9px 10px}.bonus-scoreboard strong{font-size:23px}.bonus-scoreboard>div{gap:5px}.bonus-scoreboard span:not(.bonus-clock-icon){font-size:6px;letter-spacing:.5px}.bonus-clock-icon{font-size:23px}.bonus-clock>span:last-child{display:none}.bonus-order-counter{flex-direction:column-reverse;gap:3px!important}.bonus-order-counter strong small{font-size:10px}.bonus-scoreboard .bonus-points{flex-direction:column-reverse;align-items:flex-end;gap:3px}.bonus-time-track{margin-bottom:8px}.bonus-playfield{padding:9px 7px 0;border-radius:10px}.bonus-bench-label{font-size:8px;letter-spacing:.4px;margin-bottom:8px}.bonus-bench-label>span{font-size:6px;letter-spacing:.2px}.bonus-monitor{padding:5px 7px;border-width:3px;border-bottom-width:5px;gap:5px;margin-bottom:8px}.bonus-monitor-brand{gap:4px}.bonus-monitor-brand img{width:56px;height:15px;padding:2px 3px}.bonus-monitor-brand>span{font-size:6px;letter-spacing:.3px}.bonus-target{min-width:85px}.bonus-target small{font-size:6px;letter-spacing:.5px}.bonus-target strong{font-size:25px;letter-spacing:1px}.bonus-scan-progress{gap:3px}.bonus-scan-progress span{width:19px;height:23px;font-size:10px}.bonus-location-grid{gap:5px;padding:5px;border-top-width:4px;border-bottom-width:5px;margin-bottom:11px}.bonus-bin{min-height:48px;padding:6px 2px 4px;border-bottom-width:3px}.bonus-led{top:4px;width:19px;height:3px}.bonus-bin-code{font-size:19px;margin-top:4px;letter-spacing:.4px}.bonus-bin-detail{font-size:5px;letter-spacing:.5px;margin-top:2px}.bonus-bin-check{right:3px;bottom:3px;font-size:8px}.bonus-bench-front{margin:0 -7px;padding:10px 7px 12px;gap:0}.bonus-pack-prop{display:none}.bonus-controller{max-width:none;padding:7px 8px 9px}.bonus-controller-brand{font-size:6px;margin-bottom:6px}.bonus-controller-brand strong{font-size:7px;letter-spacing:.8px}.bonus-controller-contents{gap:7px}.bonus-nfc{flex-basis:26px}.bonus-nfc svg{width:25px;height:25px}.bonus-nfc strong{font-size:6px}.bonus-hardware-grid{gap:4px}.bonus-hardware-key{min-height:40px;font-size:6px!important;padding:4px 1px}.bonus-complete-key small{font-size:5px}.bonus-usb-cable{display:none}.bonus-footer{padding-top:9px;gap:7px;min-height:42px;align-items:flex-start}#bonus-feedback{font-size:9px;line-height:1.45}.bonus-combo{font-size:6px;letter-spacing:.3px;padding:5px 6px;max-width:95px;text-align:center}.bonus-overlay{padding:20px 14px}.bonus-overlay>.bonus-eyebrow{font-size:7px;letter-spacing:.5px;margin-bottom:12px}.bonus-overlay h3{font-size:33px;letter-spacing:-1.2px;margin-bottom:14px}.bonus-overlay p{font-size:10px;line-height:1.6;margin-bottom:13px;max-width:285px}.bonus-penalty-note{font-size:7px;letter-spacing:.1px;padding:8px;margin-bottom:13px}.bonus-intro-controls{font-size:9px;gap:8px;margin-bottom:15px}.bonus-intro-controls b{font-size:7px;padding:3px}.bonus-primary{font-size:10px!important;min-height:45px;padding:10px 16px;gap:24px}.bonus-intro-note{font-size:7px;margin-top:10px}.bonus-countdown strong{font-size:100px}.bonus-results h3{font-size:25px;letter-spacing:-.8px}.bonus-result-medal{width:44px;height:44px;padding:7px;margin-bottom:13px;border-radius:13px}.bonus-result-score{font-size:48px}.bonus-result-stats{gap:23px;font-size:9px;margin:19px 0 14px}.bonus-result-stats strong{font-size:18px}.bonus-results p{font-size:10px;max-width:260px}
}
@media(max-height:760px) and (min-width:601px){.bonus-shell{padding:14px 22px 10px}.bonus-header{margin-bottom:10px}.bonus-header h2{font-size:24px}.bonus-scoreboard{padding:8px 15px}.bonus-time-track{margin-bottom:9px}.bonus-playfield{padding-top:10px}.bonus-bench-label{margin-bottom:8px}.bonus-monitor{padding:5px 10px;margin-bottom:8px}.bonus-target strong{font-size:27px}.bonus-location-grid{gap:5px;padding:7px;margin-bottom:11px}.bonus-bin{min-height:53px}.bonus-bin-code{font-size:20px}.bonus-bench-front{padding-top:10px;padding-bottom:12px}.bonus-overlay h3{font-size:37px}.bonus-overlay p{font-size:12px}.bonus-footer{min-height:35px;padding-top:9px}}
@media(prefers-reduced-motion:reduce){.bonus-modal *,.bonus-modal *:before,.bonus-modal *:after{animation:none!important;transition:none!important}}