@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--lime:#a8b89b;--muted:#737783}*{box-sizing:border-box}body{margin:0;background:#101116;color:#cfc9bf;font-family:'Space Grotesk',Arial,sans-serif}main{max-width:1100px;margin:auto;padding:0 40px}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #292a31}.brand{text-decoration:none;color:#cfc9bf;font-size:18px;letter-spacing:1px;font-weight:700}.brand>span:last-child{color:var(--lime)}.brand-icon{color:var(--lime);font-size:30px;margin-right:12px;vertical-align:middle}.online{font:10px monospace;letter-spacing:1.5px;color:#9a9ca4}i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 8px #a8b89b40}.heading{display:flex;justify-content:space-between;align-items:center;padding:43px 0 32px}.eyebrow,.section-number{font:10px monospace;letter-spacing:2px;color:var(--lime)}h1{font-size:clamp(30px,5.3vw,58px);letter-spacing:-3px;margin:14px 0 10px;line-height:1}h1 span{color:var(--lime);margin:0 6px}.subtitle{color:#999ba5;font-size:14px}.edition{text-align:right;font-size:32px;color:#666a76;line-height:1}.edition small{font:9px monospace;letter-spacing:1.4px}.machine{border:1px solid #363842;border-radius:12px;background:#191b22;padding:16px;box-shadow:0 20px 60px #0004}.scoreboard{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:7px 23px 23px}.scoreboard div:nth-child(3){text-align:center}.scoreboard div:last-child{text-align:right}.scoreboard small{display:block;font:9px monospace;letter-spacing:2px;color:#7b7f8c;margin-bottom:9px}.scoreboard strong{font:23px monospace;letter-spacing:2px;color:var(--lime)}.scoreboard div:nth-child(2) strong{color:#c4beb5}.scoreboard div:nth-child(3) strong{color:#c4beb5}.scoreboard strong.pink{color:#b88b8d}.screen{position:relative;border:1px solid #323640;border-radius:5px;overflow:hidden;background:#090d13}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px)}canvas{display:block;width:100%;touch-action:none}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090d13a8;text-align:center}.tag{font:9px monospace;letter-spacing:2px;color:#a3af91}h2{font-size:clamp(28px,4.4vw,49px);line-height:1.13;letter-spacing:-1px;margin:18px 0}h2 span{color:var(--lime)}#message{font-size:12px;color:#9ca3af;line-height:1.9;margin:0 0 23px}button{font-family:inherit;cursor:pointer}#start{border:0;background:var(--lime);color:#17220b;font-size:12px;letter-spacing:1.5px;font-weight:bold;padding:16px 31px;border-radius:3px;box-shadow:0 0 25px #a8b89b20}#start:hover{background:#bac7af}#overlay>small{font-size:10px;color:#747b86;margin-top:14px}.screen-label{position:absolute;bottom:12px;left:16px;font:8px monospace;letter-spacing:1px;color:#434d5b}.machine-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 7px 2px;font:9px monospace;letter-spacing:1px;color:#a2a6ae}.machine-footer button{border:0;background:none;color:#9296a2;font-size:14px;margin-left:16px}.machine-footer button span{font:9px monospace;margin-left:5px}.below{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;margin:32px 0 40px}h3{font-size:17px;font-weight:500;margin:13px 0 18px}.keys{display:flex;gap:20px;font-size:10px;color:#b4b6bf;align-items:center}kbd{display:inline-block;border:1px solid #3a3d47;border-bottom-width:3px;border-radius:4px;padding:5px 7px;font:10px monospace;color:#c4beb5;margin-right:3px}.instructions>p{font-size:10px;color:#666d79;margin-top:14px}.tip{position:relative;border-left:1px solid #30323b;padding:3px 0 0 30px}.tip .section-number{color:#8c91a0}.tip p{font-size:12px;color:#9c9faa;line-height:1.9}.tip-art{color:var(--lime);font-size:29px;letter-spacing:12px}footer{border-top:1px solid #292a31;display:flex;justify-content:space-between;padding:22px 0 30px;font:8px monospace;letter-spacing:1px;color:#626773}footer b{color:var(--lime);font-size:15px;margin-left:12px}@media(max-width:650px){main{padding:0 16px}header{height:70px}.online{font-size:7px}.brand{font-size:13px}.heading{padding:30px 0 20px}.edition{display:none}h1{letter-spacing:-1.5px}.machine{padding:8px}.scoreboard{padding:8px 8px 16px}.scoreboard strong{font-size:16px}.scoreboard small{font-size:7px;letter-spacing:1px}.screen{min-height:330px}canvas{height:330px;object-fit:fill}.tag{font-size:7px}h2{margin:12px 0}#message{margin-bottom:12px}.machine-footer button{margin-left:7px}.machine-footer button span{display:none}.below{grid-template-columns:1fr;gap:20px}.keys{gap:10px}.tip{padding-left:20px}footer{font-size:6px;letter-spacing:0}}

.bonus-bar{padding:12px 8px 4px;color:#a7abaf;font-size:11px;line-height:1.7;border-top:1px solid #30343b;margin-top:12px}.bonus-bar strong{color:#b4baa7;font-weight:500}.bonus-guide{font-size:11px;color:#9c9faa;line-height:1.8;margin:14px 0 0}#start{box-shadow:none}i{box-shadow:none}

.bonus-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:14px 8px 0;font-size:11px;color:#acaaa5}.bonus-legend span{display:flex;gap:7px;align-items:center}.bonus-legend b{display:inline-block;padding:4px 7px;border:2px solid;font:600 11px monospace;border-radius:2px}.reward-wide b{color:#9cbaad;background:#344c45}.reward-slow b{color:#aaa4c0;background:#464156}.reward-shield b{color:#bea381;background:#504334}@media(max-width:650px){.bonus-legend{gap:8px 10px;font-size:10px}.bonus-legend span{gap:4px}.bonus-legend b{padding:3px 5px;font-size:10px}}

.sound-icon{display:inline-block;vertical-align:middle}.sound-slash{display:none}#sound[aria-pressed="false"] .sound-slash{display:block}#sound[aria-pressed="false"] .sound-icon{color:#b88b8d}