/* A separate concrete-and-acid-yellow world within the Little Fun Games shell. */
body.skate-page:not([data-route=home]){--ink:#242921;--paper:#e9e8e1;--white:#fffef5;--muted:#53594e;--line:#c8ccc0;--edge:#242921;--coral:#dcf65d;--blue:#424d1f;background:#e9e8e1;background-image:linear-gradient(110deg,transparent 72%,#dce0d2 72%,#dce0d2 74%,transparent 74%),repeating-linear-gradient(0deg,#24292103 0,#24292103 1px,transparent 1px,transparent 5px);background-size:100% 720px,100% 5px;color:#242921}
body.skate-page .site-header{padding:16px 24px;border-color:#24292135;background:#e9e8e1}
body.skate-page .brand,body.skate-page .brand-mark,body.skate-page .brand-name{color:#242921;background:transparent;text-shadow:none}
body.skate-page .nav a{background:#fffef5;border-color:#959b8a;box-shadow:2px 2px 0 #24292124}
body.skate-page .nav a:hover{background:#dcf65d}
body.skate-page .breadcrumbs{color:#555d4d;margin-bottom:12px}
body.skate-page .breadcrumbs a{color:inherit}
body.skate-page .site-footer{color:#53594e;border-color:#adb5a0;background:#e9e8e1}
body.skate-page :focus-visible{outline:3px solid #526614;outline-offset:5px}
.skate-shell{max-width:1160px;margin:0 auto;padding:18px 24px 60px}
.skate-hero{position:relative;margin:0 0 24px}
.skate-kicker{margin:0 0 12px;font:700 11px/1.6 'DM Sans',sans-serif;letter-spacing:.15em;color:#555d4d;text-transform:uppercase}
.skate-signal{display:inline-block;width:8px;height:8px;margin-right:7px;background:#242921;box-shadow:3px 3px 0 #adbe65}
body.skate-page .skate-hero h1{font:800 clamp(36px,5.7vw,66px)/1.02 'DM Sans',sans-serif;letter-spacing:-.055em;margin:0 0 12px;text-shadow:none;color:#242921}
.skate-hero h1 span{font-weight:400;font-style:italic}
.skate-intro{font-size:17px;line-height:1.5;color:#555d4d;margin:0}
.skate-launch{display:grid;grid-template-columns:1.03fr 1fr;position:relative;background:#252b24;border:2px solid #252b24;box-shadow:7px 7px 0 #a8afa0;isolation:isolate}
.skate-launch-art{position:relative;min-width:0;overflow:hidden;background:#d6dcc7}
.skate-launch-art img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover}
.skate-art-note{position:absolute;left:24px;bottom:20px;padding:7px 11px;background:#252b24;color:#f8f6e8;font:800 10px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;transform:rotate(-3deg)}
.skate-launch-content{position:relative;padding:28px 32px 24px;color:#fffef5;min-width:0}
.skate-launch-label{display:flex;justify-content:space-between;align-items:center;font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.15em;color:#d9e99e;margin:0 0 18px}
.skate-launch-label span{font-size:23px;line-height:1}
body.skate-page .skate-launch-content h2{color:#fffef5;font:800 clamp(26px,3.6vw,43px)/1.08 'DM Sans',sans-serif;letter-spacing:-.04em;margin:0 0 18px}
.skate-required{font-size:14px;line-height:1.65;color:#d2d8c7;max-width:410px;margin:0 0 20px}
.skate-required strong{display:block;color:#fffef5}
body.skate-page .skate-launch-button{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:60px;padding:15px 20px;color:#242921;background:#dcf65d;border:2px solid #dcf65d;box-shadow:3px 3px 0 #090e07;font:800 17px/1.35 'DM Sans',sans-serif;text-decoration:none}
body.skate-page .skate-launch-button:hover{background:#edff95;border-color:#edff95;color:#242921}
.skate-launch-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #090e07}
.skate-launch-button>span[aria-hidden]{font-size:25px}
body.skate-page .skate-launch-button:focus-visible{outline-color:#fffef5}
.skate-external-note{font-size:11px;line-height:1.7;color:#bdc7b1;margin:13px 0 0;max-width:430px}
.skate-open-direct{display:inline-flex;align-items:center;min-height:40px;margin-top:8px;font-size:12px;font-weight:700;color:#e4efa8;text-underline-offset:4px}
.skate-launch-button[hidden]+.skate-open-direct{display:flex;justify-content:center;width:100%;min-height:60px;background:#dcf65d;color:#242921;font-size:16px;text-decoration:none;padding:12px 16px}
body.skate-page .skate-shell [hidden]{display:none!important}
.skate-window{margin:28px 0 24px;background:#171c17;border:2px solid #252b24;box-shadow:5px 5px 0 #a8afa0;color:#fffef5;scroll-margin-top:12px}
.skate-window-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #657158}
body.skate-page .skate-window-toolbar h2{font-size:16px;font-weight:700;color:#fffef5;letter-spacing:0;margin:0}
.skate-window-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
body.skate-page .skate-window-actions button,.skate-window-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;font:700 12px/1.4 'DM Sans',sans-serif;color:#eff4df;background:#343f2d;border:1px solid #859772;border-radius:0;box-shadow:none;text-decoration:none}
body.skate-page .skate-window-actions button:hover,.skate-window-actions a:hover{background:#45533c;color:#fffef5}
body.skate-page .skate-window-actions :focus-visible{outline-color:#dcf65d}
.skate-window-status{font-size:12px;line-height:1.6;color:#dce5d0;padding:12px 18px;margin:0;background:#252f22}
.skate-frame-mount{height:630px;max-height:78vh;min-height:400px;background:#080b08}
.skate-frame-mount iframe{display:block;width:100%;height:100%;border:0;background:#080b08}
.skate-window-tip{font-size:11px;line-height:1.7;color:#c2ccb9;padding:10px 18px;margin:0}
.skate-window:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;max-width:none;margin:0;border:0;box-shadow:none;background:#080b08}
.skate-window:fullscreen .skate-frame-mount{flex:1;height:auto;max-height:none;min-height:0}
.skate-test-note{font-size:12px;line-height:1.8;color:#626c55}
.skate-copy kbd{padding:3px 7px;background:#e6eacf;border:1px solid #96a080;box-shadow:0 2px 0 #abb79a;border-radius:3px;font:700 12px/1.4 'DM Sans',sans-serif;color:#313b25}
.skate-launch-foot{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:13px 23px;background:#dcf65d;color:#252b24;font:800 10px/1.6 'DM Sans',sans-serif;letter-spacing:.08em;border-top:2px solid #252b24}
.skate-launch-foot a{color:inherit;text-underline-offset:3px}
.skate-jump-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:27px 0 50px;padding-bottom:20px;border-bottom:1px solid #aeb5a4}
.skate-jump-links a{display:inline-flex;align-items:center;min-height:40px;font-size:12px;font-weight:700;color:#414c30;text-decoration:none}
.skate-jump-links a:hover{text-decoration:underline;text-underline-offset:5px}
.skate-copy{max-width:940px;margin:50px auto;font-size:16px;line-height:1.8;color:#53594e;scroll-margin-top:24px}
body.skate-page .skate-copy h2,body.skate-page .skate-more h2{font:800 clamp(26px,3.5vw,38px)/1.18 'DM Sans',sans-serif;letter-spacing:-.035em;color:#242921;margin:0 0 22px}
.skate-copy h3{font-size:17px;line-height:1.5;color:#242921;margin:0 0 7px}
.skate-copy p{margin:0 0 20px}
.skate-copy a,.skate-source-note a{color:#414f18;text-underline-offset:4px}
.skate-copy .skate-kicker{font-size:11px;margin-bottom:12px}
.skate-steps{list-style:none;counter-reset:skate-step;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0;margin:26px 0}
.skate-steps li{counter-increment:skate-step;position:relative;padding:22px 22px 22px 62px;background:#fffef5;border:1px solid #c1c7b6;font-size:14px;line-height:1.8}
.skate-steps li::before{content:'0' counter(skate-step);position:absolute;left:19px;top:22px;font:800 15px/1.8 'DM Sans',sans-serif;color:#526614}
.skate-steps strong{display:block;color:#242921;margin-bottom:5px}
.skate-help{display:grid;grid-template-columns:.9fr 1fr;gap:50px;padding:32px;background:#f5f4ec;border-top:3px solid #252b24}
.skate-help-notes{border-left:1px solid #bbc3af;padding-left:30px}
.skate-help-notes p{font-size:14px;margin-bottom:22px}
.skate-help-notes p:last-child{margin-bottom:0}
.skate-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #bcc3b1;margin:22px 0}
.skate-compare-table{width:100%;border-collapse:collapse;text-align:left;background:#fffef5;font-size:14px;line-height:1.7}
.skate-compare-table th,.skate-compare-table td{padding:17px 18px;border-bottom:1px solid #cdd1c5;vertical-align:top;min-width:120px}
.skate-compare-table thead th{background:#d9dfcd;color:#252b24;font-size:12px}
.skate-compare-table thead th:first-child{width:23%}
.skate-compare-table tbody th{color:#252b24;font-weight:700;width:23%}
.skate-compare-table tbody tr:last-child>*{border-bottom:0}
.skate-faq details{border:1px solid #bec6b2;margin:12px 0;background:#f9f8ef}
.skate-faq summary{cursor:pointer;padding:17px 22px;font-weight:700;color:#242921;min-height:54px;line-height:1.55}
.skate-faq details>p{padding:0 22px 21px;margin:0;font-size:14px;line-height:1.8}
.skate-more{padding:36px 0 0;border-top:2px solid #252b24}
.skate-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.skate-more-grid>a{display:block;position:relative;background:#fffef5;border:1px solid #acb69b;padding:24px 24px 34px;color:#242921;text-decoration:none;box-shadow:3px 3px 0 #c3cbb5}
.skate-more-grid>a:hover{background:#eff7cc}
.skate-more-grid span{display:block;font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.1em;color:#586a31;margin-bottom:18px}
.skate-more-grid strong{font-size:23px;font-weight:800;letter-spacing:-.03em}
.skate-more-grid p{font-size:14px;line-height:1.6;color:#53594e;margin:12px 0 8px}
.skate-more-grid b{position:absolute;bottom:12px;right:20px;font-size:24px;font-weight:400}
.skate-source-note{max-width:760px;margin:30px auto 0;font-size:12px;line-height:1.8;text-align:center;color:#59614f}
.skate-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.skate-shell{padding-inline:20px}.skate-launch-content{padding:25px 24px}.skate-launch-art img{min-height:370px}.skate-help{gap:26px;padding:26px}.skate-help-notes{padding-left:24px}.skate-more-grid{gap:10px}.skate-more-grid>a{padding:20px 16px 30px}.skate-more-grid strong{font-size:20px}}
@media(max-width:640px){body.skate-page .site-header{padding:13px 16px}.skate-shell{padding:14px 16px 44px}.skate-hero{margin-bottom:20px}.skate-hero .skate-kicker{font-size:9px;letter-spacing:.1em}body.skate-page .skate-hero h1{font-size:37px;letter-spacing:-.05em}.skate-hero h1 span{display:block}.skate-intro{font-size:14px}.skate-launch{grid-template-columns:1fr;box-shadow:4px 4px 0 #a8afa0}.skate-launch-art{height:116px;border-bottom:2px solid #252b24}.skate-launch-art img{width:100%;height:190px;min-height:0;object-fit:cover;object-position:50% 59%;transform:translateY(-39px)}.skate-art-note{left:16px;bottom:12px;font-size:8px;padding:5px 8px}.skate-launch-content{padding:20px}.skate-launch-label{margin-bottom:12px;font-size:9px}body.skate-page .skate-launch-content h2{font-size:29px;margin-bottom:12px}.skate-launch-content h2 br{display:none}.skate-required{font-size:13px;line-height:1.6;margin-bottom:16px}.skate-launch-button{font-size:15px;min-height:56px;padding:12px 14px}.skate-external-note{font-size:10px;margin-top:11px}.skate-launch-foot{padding:10px 16px;gap:6px 16px;font-size:8px;letter-spacing:.03em}.skate-jump-links{gap:2px 15px;margin:20px 0 32px}.skate-jump-links a{font-size:11px;min-height:38px}.skate-copy{margin:36px auto;font-size:15px;line-height:1.8}.skate-steps{grid-template-columns:1fr;gap:10px}.skate-steps li{padding:18px 18px 18px 56px}.skate-steps li::before{left:17px;top:18px}.skate-help{grid-template-columns:1fr;padding:24px 20px;gap:6px}.skate-help-notes{border-left:0;border-top:1px solid #bbc3af;padding:22px 0 0}.skate-compare-table{font-size:12px}.skate-compare-table th,.skate-compare-table td{padding:12px;min-width:100px}.skate-faq summary{font-size:14px;padding:16px}.skate-faq details>p{padding:0 16px 18px}.skate-more{padding-top:27px}.skate-more-grid{grid-template-columns:1fr;gap:12px}.skate-more-grid>a{padding:19px 20px}.skate-more-grid span{margin-bottom:8px}.skate-more-grid p{margin-bottom:0}.skate-source-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.skate-launch-button{transition:none}}
@media(max-width:640px){body.skate-page .skate-launch-button{font-size:15px;min-height:56px;padding:12px 14px}.skate-window{box-shadow:3px 3px 0 #a8afa0;margin-top:23px}.skate-window-toolbar{padding:12px;gap:10px}.skate-window-actions{gap:6px}.skate-window-actions a,body.skate-page .skate-window-actions button{font-size:10px;padding:7px 9px;min-height:40px}.skate-window-status{padding:10px 12px;font-size:11px}.skate-window-tip{padding:10px 12px;font-size:10px}.skate-frame-mount{height:62vh;min-height:350px;max-height:none}.skate-window:fullscreen .skate-window-status{padding-block:6px}.skate-window:fullscreen .skate-window-tip{display:none}}
