@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
[hidden]{display:none!important}
:root{font-family:'DM Sans',sans-serif;color:#f6f5ed;background:#10131b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 4%,#25314a 0,transparent 27%),#10131b}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible+span{outline:3px solid #f9f36b;outline-offset:4px}.page-shell{max-width:1440px;margin:auto;padding:0 clamp(20px,5.4vw,80px)}.topbar{height:98px;border-bottom:1px solid #393d47;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:15px;line-height:.95;letter-spacing:-.04em}.brand-mark{font-size:34px;color:#f9f36b;line-height:1}.edition,.eyebrow,.step-label,.count,.round-label,.reel-label,.reel-foot,.brief-head,.must-have,.spin-button,.copy-button,.footnote,.footer{font-family:'DM Mono',monospace}.edition{font-size:11px;letter-spacing:.08em;color:#a9adb8}.edition-dot{display:inline-block;width:4px;height:4px;background:#f9f36b;border-radius:50%;vertical-align:middle;margin:0 12px}.intro{padding:58px 0 42px}.eyebrow{color:#f9f36b;font-size:11px;letter-spacing:.14em;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;background:#f9f36b;border-radius:50%;box-shadow:0 0 14px #f9f36b}h1{font-size:clamp(50px,6.7vw,96px);line-height:.98;letter-spacing:-.078em;margin:24px 0 20px;font-weight:800}h1 em{font-style:normal;color:#ff7466}.intro p{font-size:17px;color:#b0b4bf;margin:0;line-height:1.5}.machine{background:#1a1f2b;border:1px solid #454b58;box-shadow:12px 12px 0 #0b0d13;margin-bottom:88px;padding:30px 34px 22px}.machine-top,.result-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.step-label{color:#f9f36b;font-size:12px;letter-spacing:.09em}.step-label span{color:#767d8c;margin:0 5px}.count,.round-label{color:#8f96a6;font-size:11px;letter-spacing:.04em}.controls{display:grid;grid-template-columns:1.45fr 1fr;gap:55px;padding:26px 0 32px}fieldset{min-width:0;margin:0;padding:0;border:0}legend{font-size:14px;font-weight:600;margin-bottom:12px}.segmented{display:flex;border:1px solid #555b68;padding:4px;gap:4px;background:#121722;max-width:530px}.segment{border:0;background:transparent;color:#aeb4c2;padding:12px 16px;flex:1;font-size:14px;font-weight:700;white-space:nowrap}.segment:hover{color:#fff}.segment.active{background:#f9f36b;color:#131721}.tool-choices{display:flex;gap:12px}.tool-choice{min-width:120px;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #555b68;background:#121722;font-size:14px;font-weight:700;cursor:pointer}.tool-choice:has(input:checked){border-color:#f9f36b}.tool-choice input{position:absolute;opacity:0;width:1px;height:1px}.checkbox{width:17px;height:17px;border:1px solid #8e96a6;display:inline-grid;place-items:center;flex:none}.tool-choice input:checked+.checkbox{background:#f9f36b;border-color:#f9f36b}.tool-choice input:checked+.checkbox:after{content:'✓';font-family:sans-serif;color:#111;font-weight:900;font-size:12px}.field-error{font-size:13px;color:#ff968c;margin:9px 0 0}.machine-divider{height:1px;background:#454b58}.result-heading{padding:28px 0 17px}.reels{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.reel{min-height:172px;background:#10151e;border:1px solid #5b626f;position:relative;overflow:hidden;padding:19px 22px;display:flex;flex-direction:column;justify-content:space-between}.reel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 92%,#f9f36b 92% 94%,transparent 94%);opacity:.45}.reel-tool:after{background:linear-gradient(90deg,transparent 0 92%,#ff7466 92% 94%,transparent 94%)}.reel-label{color:#a5adbd;font-size:11px;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.reel-icon{color:#f9f36b;font-size:17px}.reel-tool .reel-icon{color:#ff7466}.reel-value{font-size:clamp(28px,3.1vw,43px);font-weight:800;letter-spacing:-.055em;line-height:1.05;max-width:94%;overflow-wrap:anywhere}.reel-tool .reel-value{color:#ff7466}.reel-foot{font-size:11px;letter-spacing:.08em;color:#838b9b}.reel.spinning .reel-value{animation:reel-blur .16s linear infinite alternate}@keyframes reel-blur{from{transform:translateY(-6px);filter:blur(1px);opacity:.65}to{transform:translateY(6px);filter:blur(0);opacity:1}}.brief{background:#f9f36b;color:#11151d;margin-top:12px;padding:19px 22px 17px}.brief-head{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.09em;font-weight:500}.brief-head span:last-child{color:#474c44}.brief p{font-size:17px;line-height:1.45;max-width:750px;margin:18px 0}.must-have{display:flex;gap:14px;align-items:baseline;border-top:1px solid #a9aa63;padding-top:13px;font-size:11px;letter-spacing:.04em}.must-have strong{font-family:'DM Sans',sans-serif;font-size:14px;letter-spacing:0}.actions{display:flex;gap:12px;margin-top:20px}.spin-button{min-height:58px;flex:1;background:#ff7466;border:1px solid #ff7466;color:#14151b;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:14px;font-weight:500;letter-spacing:.04em;transition:background .2s,transform .2s}.spin-button:hover:not(:disabled){background:#ff968c;transform:translateY(-2px)}.spin-button:disabled{cursor:wait;opacity:.75}.spin-star{font-size:24px}.spin-button:disabled .spin-star{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.copy-button{min-width:190px;background:transparent;border:1px solid #727985;color:#f5f5ef;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.copy-button:hover{background:#29313d}.footnote{color:#828a99;font-size:11px;line-height:1.5;margin:16px 0 0}.footer{border-top:1px solid #393d47;padding:28px 0 36px;display:flex;justify-content:space-between;gap:20px;color:#798190;font-size:10px;letter-spacing:.08em}.footer span:first-child{color:#f9f36b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.page-shell{padding:0 20px}.topbar{height:76px}.edition{font-size:10px}.intro{padding:51px 0 34px}h1{font-size:clamp(46px,11vw,76px)}.machine{padding:21px 18px 18px;box-shadow:6px 6px 0 #0b0d13;margin-bottom:62px}.controls{grid-template-columns:1fr;gap:23px;padding:23px 0 26px}.reels{grid-template-columns:1fr}.reel{min-height:150px}.reel-value{font-size:36px}.footer{flex-direction:column}.copy-button{min-width:155px}}@media(max-width:480px){.edition{display:none}.intro p{font-size:16px}.segment{font-size:12px;padding:11px 8px}.tool-choice{min-width:0;flex:1}.actions{flex-direction:column}.copy-button{min-height:48px}.reel-value{font-size:32px}.must-have{display:block}.must-have strong{display:block;margin-top:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}