@font-face{font-family:Pixelify;src:url('/assets/fonts/PixelifySans.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--ink:#244454;--paper:#fffdf5;--line:#c7d7d5;--red:#c84e42;--blue:#255b71;--cream:#f5e8b4;scroll-behavior:smooth;scroll-padding-top:95px}
*{box-sizing:border-box}body{margin:0;background:#e5eeeb;color:var(--ink);font:16px/1.7 'Trebuchet MS',Arial,sans-serif}a{color:#236c84;text-underline-offset:3px}a:hover{color:#a7362f}a:focus-visible{outline:3px solid #bd5c22;outline-offset:4px}img{max-width:100%}.skip{position:fixed;top:-80px;left:12px;z-index:9;padding:10px;background:#fff}.skip:focus{top:10px}.masthead{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:24px;min-height:78px;padding:10px max(22px,calc((100vw - 1200px)/2));background:var(--red);border-bottom:5px solid #803d37;box-shadow:0 3px 0 #ffffff7d;color:white}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#fff9d9;font:700 28px/.78 Pixelify,monospace;letter-spacing:2px}.brand:hover{color:white}.brand small{display:block;margin-top:8px;font-size:14px;letter-spacing:5px}.ball{display:block;width:37px;height:37px;position:relative;background:linear-gradient(#fff5db 0 43%,#284c59 43% 56%,#f1ca83 56%);border:3px solid #284c59;border-radius:50%}.ball:after{content:'';position:absolute;inset:9px;border:3px solid #284c59;border-radius:50%;background:#fff5db}.doc-tag{font:12px/1.4 monospace;letter-spacing:1.5px;opacity:.92}.play{margin-left:auto;white-space:nowrap;display:block;background:#f8e8a7;border:2px solid #73503a;box-shadow:0 3px #713d34;border-radius:5px;padding:7px 15px;color:#3e453d;font-weight:bold;text-decoration:none}.play:hover{background:#fff1bd;color:#3e453d}main{max-width:1200px;margin:auto;padding:30px 22px 55px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:20px;min-height:335px;padding:35px 40px;background:#254d5e;color:#fff9dd;border:3px solid #173a49;border-bottom-width:7px;border-radius:10px;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 16px,#ffffff03 16px 18px);pointer-events:none}.hero-copy{position:relative}.eyebrow,.chapter-label{font:11px/1.5 monospace;letter-spacing:2px;font-weight:bold}.hero .eyebrow{color:#f3cf76}.hero h1{margin:14px 0 19px;font:600 clamp(36px,4.8vw,60px)/1.04 Pixelify,monospace;letter-spacing:-1px}.lead{max-width:640px;color:#d9e8e4;font-size:17px;line-height:1.65}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font:11px/1.6 monospace;color:#f0d898}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:230px}.hero-art img{position:relative;width:150px;max-height:220px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(7px 10px 0 #112f3a7a)}.orbit{position:absolute;width:220px;height:220px;background:radial-gradient(circle,#b3d6be40,#b3d6be0d 65%);border:2px dashed #b6d3b758;border-radius:50%}.art-tag{position:absolute;bottom:0;white-space:nowrap;font:10px monospace;letter-spacing:1px;color:#d6e4bf}.doc-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:26px;margin-top:30px;align-items:start}.contents{position:sticky;top:102px;padding:19px 14px;background:#f7faf3;border:1px solid var(--line);border-bottom-width:4px;border-radius:7px}.contents>.eyebrow{margin:0 6px 14px;color:#5a716b}.contents nav{display:grid;gap:2px}.contents nav a{display:flex;gap:10px;align-items:baseline;padding:6px;border-radius:3px;font-size:12px;text-decoration:none;color:#36595e}.contents nav a:hover{background:#e3ece3;color:#23576f}.contents nav span{color:#ad5a44;font:10px monospace}.community{display:block;margin:18px 6px 0;border-top:1px solid var(--line);padding-top:15px;font-size:11px}article{min-width:0}.chapter{scroll-margin-top:100px;margin:0 0 22px;padding:27px 30px;background:var(--paper);border:1px solid var(--line);border-bottom:4px solid #bdceca;border-radius:7px;overflow:hidden}.chapter-label{color:#a35138;font-size:10px}h2{font:600 30px/1.1 Pixelify,monospace;margin:10px 0 18px;color:#264a58}h3{font-size:18px;line-height:1.35;margin:25px 0 10px;color:#294c57}p{margin:12px 0}strong{color:#284e58}.hero strong{color:inherit}ul,ol{padding-left:23px}li{margin:8px 0}li::marker{color:#a7563b;font-weight:bold}.steps{padding-left:25px}.steps li{padding-left:4px}.price-pair,.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.price-pair>div,.mode-grid>div{padding:17px;background:#f1f5e9;border:1px solid #c8d3b8;border-bottom:3px solid #b4c4a6;border-radius:5px}.price-pair span{font:10px monospace;letter-spacing:1.5px}.price-pair strong{display:block;font:600 33px Pixelify,monospace;margin:7px 0;color:#325d58}.price-pair small{font:12px 'Trebuchet MS',sans-serif}.price-pair p{font-size:12px;margin:0}.mode-grid{margin:20px 0}.mode-grid h3{margin:10px 0}.mode-grid p{font-size:14px}.table-scroll{overflow:auto;margin:20px 0;border:1px solid var(--line);border-radius:5px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;line-height:1.55}thead{background:#315a69;color:#fff8db}th,td{padding:12px 13px;border-bottom:1px solid #d9e2d7;vertical-align:top}thead th{font-size:10px;letter-spacing:.4px}tbody th{font-weight:bold;min-width:110px}tbody tr:nth-child(even){background:#f3f6ed}tbody tr:last-child>*{border-bottom:0}td{min-width:75px}.note{font-size:13px;color:#596b66}.feature{display:flex;align-items:center;gap:20px;padding:18px;background:#eef1de;border:1px solid #c9cea8;border-radius:5px}.feature img{width:58px;height:90px;object-fit:contain;image-rendering:pixelated}.feature h3{margin:6px 0;font:600 26px Pixelify,monospace}.feature p:last-child{font-size:13px;margin:8px 0 0}.callout{padding:16px 19px;border-left:4px solid #c89338;background:#faf1d5;margin:23px 0}.callout p{font-size:14px;margin-bottom:0}.identity{padding:18px;background:#eef3ed;border:1px solid var(--line);border-radius:5px}.identity dt{font:10px monospace;font-weight:bold;letter-spacing:1px;margin-top:12px}.identity dt:first-child{margin-top:0}.identity dd{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere}.official-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.official-links a{background:#eaf1e4;padding:8px 11px;border:1px solid #bdcebb;border-radius:3px;font-size:12px;text-decoration:none}.doc-footer{padding:10px 5px;color:#526f6d;font-size:13px}.doc-footer p{max-width:700px}.doc-footer>a{display:inline-block;margin-top:8px}
.tutorial-index{padding:18px 21px;margin-bottom:22px;border:1px solid #adc5b7;border-bottom:4px solid #9ab9aa;background:#f1f6e9;border-radius:6px}.tutorial-index summary{cursor:pointer;font-weight:bold;font-size:15px;color:#305e57}.tutorial-index summary:focus-visible{outline:3px solid #bd5c22;outline-offset:4px}.tutorial-index p{font-size:12px}.tutorial-index nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:20px}.tutorial-index nav>div{display:grid;align-content:start;gap:6px;font-size:11px}.tutorial-index nav strong{font-size:12px}.tutorial-index nav a{line-height:1.5}.howto-group{border-top:2px solid #c9d8c6;margin-top:28px;padding-top:22px}.howto-group>.eyebrow{color:#557650;font-size:10px}.howto-links{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 22px}.howto-links a{padding:5px 9px;background:#eaf1e3;border:1px solid #c4d2bb;border-radius:4px;font-size:11px;text-decoration:none}.walkthrough{margin-top:24px;padding-top:5px;scroll-margin-top:100px}.walkthrough+ .walkthrough{border-top:1px dashed #bdcfbd;padding-top:20px}.walkthrough h3{margin-top:10px}.menu-path{font-size:12px;background:#eef3eb;border-left:3px solid #7b9d79;padding:9px 12px;line-height:1.6}.expected{padding:11px 13px;background:#f4efda;border:1px solid #ded5b8;border-radius:4px;font-size:13px}.walkthrough li{padding-left:4px}.walkthrough .note{font-size:12px}
@media(min-width:1500px){.contents{max-height:calc(100vh - 125px);overflow-y:auto}}
@media(max-width:900px){.masthead{gap:12px;padding-inline:18px}.doc-tag{font-size:10px;letter-spacing:.5px}.hero{padding:27px;grid-template-columns:minmax(0,1fr) 160px}.hero-art img{width:115px}.orbit{width:165px;height:165px}.doc-layout{grid-template-columns:190px minmax(0,1fr);gap:15px}.chapter{padding:23px 22px}.contents{padding:15px 10px;position:static}.contents nav a{font-size:11px}.price-pair,.mode-grid{grid-template-columns:1fr}}
@media(max-width:650px){:root{scroll-padding-top:85px}body{font-size:15px}.masthead{min-height:68px;padding:10px 14px}.brand{font-size:24px}.brand small{font-size:11px;margin-top:7px}.ball{width:30px;height:30px}.ball:after{inset:7px}.doc-tag{display:none}.play{font-size:11px;padding:7px 9px}main{padding:18px 12px 35px}.hero{grid-template-columns:minmax(0,1fr);padding:25px 23px;min-height:0}.hero h1{font-size:40px}.hero-art{display:none}.lead{font-size:15px}.hero-meta{font-size:10px;gap:5px 12px}.doc-layout{display:block;margin-top:17px}.contents{margin-bottom:18px;padding:17px}.contents nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.contents nav a{font-size:11px;gap:7px;padding:5px 0;line-height:1.4}.community{margin:13px 0 0;padding-top:11px}.chapter{padding:22px 18px;margin-bottom:17px}h2{font-size:28px}h3{font-size:17px}.price-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.price-pair>div{padding:12px}.price-pair strong{font-size:27px}.price-pair span{font-size:9px;letter-spacing:.7px}.price-pair p{font-size:10px}.table-scroll{margin-inline:-6px}th,td{padding:10px}.feature{gap:13px;padding:13px}.feature img{width:45px;height:80px}.feature h3{font-size:24px}.feature .eyebrow{font-size:9px;letter-spacing:1px}.identity{padding:13px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media print{body{font-size:11pt;background:#fff}.masthead{position:static;background:#fff;color:#000;box-shadow:none}.brand{color:#000}.ball,.play,.doc-tag,.hero-art,.contents,.official-links,.skip{display:none}.hero{display:block;background:#fff;color:#000;border:0;padding:0;min-height:0}.hero .lead,.hero .eyebrow,.hero-meta{color:#000}.hero h1{font-size:32pt}.doc-layout{display:block}.chapter{border:0;border-top:1px solid #aaa;border-radius:0;overflow:visible;break-inside:auto;padding:14px 0}.table-scroll{overflow:visible}thead{background:#eee;color:#000}h2,h3{break-after:avoid}table,li,.feature,.callout{break-inside:avoid}a{color:#000}.identity dd{font-size:9pt}main{padding:0}.doc-footer>a{display:none}}