*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font:15px/1.85 monospace;background:#111217;color:#ecebef}main{max-width:960px;margin:auto;padding:32px 24px 64px}a{color:#c8c2e3;text-underline-offset:4px}nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:9px/2 'Press Start 2P',monospace}h1,h2,dt,th,.play{font-family:'Press Start 2P',monospace}h1{font-size:24px;line-height:1.8;margin:48px 0 14px}h2{font-size:14px;line-height:2;color:#c8c2e3;margin:0 0 20px}p{margin:12px 0}strong{color:#fff}.intro{font-size:18px}.contents{justify-content:flex-start;padding:24px 0;border-bottom:1px solid #555564}section{padding:32px 0;border-bottom:1px solid #555564}.note{font-size:13px;color:#bcbac8}dl{display:grid;grid-template-columns:190px 1fr;gap:14px 20px}dt{font-size:9px;line-height:2.2}dd{margin:0}li{margin:8px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;border:1px solid #62616d}caption{text-align:left;padding-bottom:12px;font-size:13px;color:#bcbac8}th{font-size:9px;color:#c8c2e3;background:#20212a}th,td{padding:12px 16px;border-bottom:1px solid #454550}tr:last-child td{border-bottom:0}.silver{color:#a8adb5}.azure{color:#4299ff}.violet{color:#b778ec}.solar{color:#ffd981}.contract-table{table-layout:fixed;font-size:13px}.contract-table th:last-child{width:180px}.contract-table td:last-child{white-space:nowrap}.contract-table button{width:40px;height:40px;margin-left:12px;padding:0;border:1px solid #62616d;border-radius:0!important;box-shadow:none!important;background:transparent;color:#c8c2e3;font-size:18px;vertical-align:middle;cursor:pointer}#copy-status{min-height:28px;font-size:13px;color:#c8c2e3}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer{padding-top:32px}.play{display:inline-block;padding:14px 20px;background:#c8c2e3;color:#17171d;text-decoration:none;font-size:10px}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:620px){main{padding:24px 16px 48px}h1{font-size:20px}h2{font-size:12px}nav{font-size:8px}dl{grid-template-columns:1fr;gap:8px}dd{margin-bottom:16px}th,td{padding:10px 8px}.contract-table{font-size:11px}.contract-table th:last-child{width:148px}.contract-table button{margin-left:6px}.intro{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Restore the original arcade typography throughout the guide. */
body{font-family:'Press Start 2P',monospace;font-size:11px;line-height:2.2}.intro{font-size:11px}.note,caption{font-size:9px;line-height:2.2}.contract-table,#copy-status{font-size:8px}.contract-table th{font-size:7px}@media(max-width:620px){body,.intro{font-size:10px}.note,caption{font-size:8px}.contract-table,#copy-status{font-size:7px}}
