@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/PixelPerfect/assets/PixelifySans-VariableFont_wght-lrcDQVzA.ttf)format("truetype")}:root{--pp-color-screen:#e6f4a8;--pp-color-mid:#a9c46c;--pp-color-shadow:#526b46;--pp-color-ink:#16231d;--pp-pixel:4px;--pp-space-1:calc(var(--pp-pixel) * 1);--pp-space-2:calc(var(--pp-pixel) * 2);--pp-space-3:calc(var(--pp-pixel) * 3);--pp-space-4:calc(var(--pp-pixel) * 4);--pp-space-6:calc(var(--pp-pixel) * 6);--pp-space-8:calc(var(--pp-pixel) * 8);--pp-space-12:calc(var(--pp-pixel) * 12);--pp-font-family:"Pixelify Sans", monospace;--pp-font-size-sm:.875rem;--pp-font-size-md:1rem;--pp-font-size-lg:1.25rem;--pp-font-size-xl:clamp(2.4rem, 8vw, 5.5rem);--pp-line-height:1.25;--pp-border-width:var(--pp-pixel);--pp-radius:0;--pp-shadow-sm:var(--pp-pixel) var(--pp-pixel) 0 var(--pp-color-shadow);--pp-shadow-md:calc(var(--pp-pixel) * 2) calc(var(--pp-pixel) * 2) 0 var(--pp-color-shadow);--pp-shadow-lg:calc(var(--pp-pixel) * 3) calc(var(--pp-pixel) * 3) 0 var(--pp-color-ink);--pp-content-width:72rem}*,:before,:after{box-sizing:border-box}html{color:var(--pp-color-ink);background:var(--pp-color-mid);font-family:var(--pp-font-family);line-height:var(--pp-line-height);image-rendering:pixelated;scroll-behavior:smooth}body{min-width:20rem;color:var(--pp-color-ink);background-color:var(--pp-color-screen);margin:0}button,input,textarea,select{color:inherit;font:inherit}button,select,input[type=checkbox],input[type=radio],input[type=range],input[type=file]{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}a{color:inherit}img,svg{max-width:100%;display:block}code,pre{font-family:var(--pp-font-family)}::selection{color:var(--pp-color-screen);background:var(--pp-color-ink)}:focus-visible{outline:var(--pp-pixel) solid var(--pp-color-ink);outline-offset:var(--pp-pixel)}[hidden]{display:none!important}.pp-visually-hidden{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.pp-skip-link{z-index:1000;top:var(--pp-space-2);left:var(--pp-space-2);padding:var(--pp-space-2) var(--pp-space-3);color:var(--pp-color-screen);background:var(--pp-color-ink);position:fixed;transform:translateY(-200%)}.pp-skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.pp-container{width:min(calc(100% - var(--pp-space-6)), var(--pp-content-width));margin-inline:auto}.pp-stack{gap:var(--pp-stack-gap,var(--pp-space-4));flex-direction:column;display:flex}.pp-cluster{gap:var(--pp-cluster-gap,var(--pp-space-3));flex-wrap:wrap;align-items:center;display:flex}.pp-grid{gap:var(--pp-grid-gap,var(--pp-space-6));grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.pp-section{padding-block:clamp(var(--pp-space-8), 8vw, calc(var(--pp-space-12) * 2))}.pp-section--compact{padding-block:var(--pp-space-8)}.pp-pixel-divider{height:var(--pp-pixel);background:repeating-linear-gradient(to right, var(--pp-color-ink) 0, var(--pp-color-ink) calc(var(--pp-pixel) * 3), transparent calc(var(--pp-pixel) * 3), transparent calc(var(--pp-pixel) * 5));border:0;margin:0}.pp-button,.pp-icon-button{min-height:calc(var(--pp-pixel) * 11);justify-content:center;align-items:center;gap:var(--pp-space-2);padding:var(--pp-space-2) var(--pp-space-4);border:var(--pp-border-width) solid var(--pp-color-ink);border-radius:var(--pp-radius);color:var(--pp-color-screen);background:var(--pp-color-ink);box-shadow:var(--pp-shadow-sm);font-weight:700;line-height:1;text-decoration:none;transition:transform 80ms step-end,box-shadow 80ms step-end;display:inline-flex}.pp-button:not(:disabled,[aria-disabled=true]):hover,.pp-icon-button:not(:disabled,[aria-disabled=true]):hover{color:var(--pp-color-ink);background:var(--pp-color-mid)}.pp-button:not(:disabled,[aria-disabled=true]):active,.pp-icon-button:not(:disabled,[aria-disabled=true]):active,.pp-button:not(:disabled,[aria-disabled=true])[aria-pressed=true]{box-shadow:none;transform:translate(var(--pp-pixel), var(--pp-pixel))}.pp-button:disabled,.pp-icon-button:disabled,.pp-button[aria-disabled=true]{opacity:.5;box-shadow:none;transform:none}.pp-button.pp-button--secondary,.pp-icon-button.pp-icon-button--secondary{color:var(--pp-color-ink);background:var(--pp-color-screen)}.pp-button.pp-button--ghost,.pp-icon-button.pp-icon-button--ghost{color:var(--pp-color-ink);box-shadow:none;background:0 0}.pp-button.pp-button--small{min-height:calc(var(--pp-pixel) * 8);padding:var(--pp-space-1) var(--pp-space-2);font-size:var(--pp-font-size-sm)}.pp-button--loading:before{width:var(--pp-space-3);height:var(--pp-space-3);border:var(--pp-pixel) dotted currentcolor;content:"";animation:.7s steps(4,end) infinite pp-spin}.pp-icon-button{width:calc(var(--pp-pixel) * 11);padding:var(--pp-space-2)}.pp-icon-button.pp-icon-button--small{width:calc(var(--pp-pixel) * 8);min-height:calc(var(--pp-pixel) * 8);padding:var(--pp-space-1);font-size:var(--pp-font-size-sm)}.pp-icon{fill:currentColor;pointer-events:none;width:1.25em;height:1.25em}.pp-button-group{flex-wrap:wrap;display:inline-flex}.pp-button-group>*{margin-right:calc(var(--pp-border-width) * -1);box-shadow:none}.pp-link{align-items:center;gap:var(--pp-space-1);text-decoration-thickness:var(--pp-pixel);text-underline-offset:var(--pp-pixel);font-weight:700;display:inline-flex}.pp-link:hover{color:var(--pp-color-shadow)}.pp-field{gap:var(--pp-space-2);display:grid}.pp-label,.pp-legend{font-weight:700}.pp-help{color:var(--pp-color-shadow);font-size:var(--pp-font-size-sm);margin:0}.pp-error{color:var(--pp-color-ink);margin:0;font-weight:700}.pp-input,.pp-textarea,.pp-select,.pp-file-input{width:100%;min-height:calc(var(--pp-pixel) * 11);padding:var(--pp-space-2) var(--pp-space-3);border:var(--pp-border-width) solid var(--pp-color-ink);color:var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:inset var(--pp-pixel) var(--pp-pixel) 0 var(--pp-color-mid);border-radius:0;transition:box-shadow .1s steps(2,end),background-color .1s steps(2,end)}.pp-input::placeholder,.pp-textarea::placeholder{color:var(--pp-color-shadow);opacity:1}.pp-textarea{resize:vertical;min-height:7rem}.pp-select{appearance:none;padding-right:var(--pp-space-8);background-image:linear-gradient(45deg, transparent 50%, var(--pp-color-ink) 50%), linear-gradient(135deg, var(--pp-color-ink) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 10px);background-repeat:no-repeat;background-size:8px 8px}.pp-input[aria-invalid=true],.pp-textarea[aria-invalid=true],.pp-select[aria-invalid=true]{border-style:double}.pp-input:not(:disabled):hover,.pp-textarea:not(:disabled):hover,.pp-select:not(:disabled):hover,.pp-file-input:not(:disabled):hover{background:var(--pp-color-mid)}.pp-input:focus-visible,.pp-textarea:focus-visible,.pp-select:focus-visible,.pp-file-input:focus-visible{box-shadow:inset calc(var(--pp-pixel) * 2) calc(var(--pp-pixel) * 2) 0 var(--pp-color-mid)}.pp-check,.pp-radio,.pp-switch{align-items:center;gap:var(--pp-space-2);font-weight:700;display:inline-flex}.pp-check input,.pp-radio input{width:calc(var(--pp-pixel) * 5);height:calc(var(--pp-pixel) * 5);appearance:none;border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-screen);margin:0}.pp-radio input{border-radius:50%}.pp-check input:checked,.pp-radio input:checked{box-shadow:inset 0 0 0 var(--pp-pixel) var(--pp-color-screen);background:var(--pp-color-ink)}.pp-check input:not(:disabled):hover,.pp-radio input:not(:disabled):hover{box-shadow:inset 0 0 0 var(--pp-pixel) var(--pp-color-mid)}.pp-switch input{opacity:0;position:absolute}.pp-switch__track{width:calc(var(--pp-pixel) * 11);height:calc(var(--pp-pixel) * 6);border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-mid);position:relative}.pp-switch__track:after{width:calc(var(--pp-pixel) * 4);height:calc(var(--pp-pixel) * 4);background:var(--pp-color-ink);content:"";transition:transform .12s steps(2,end);position:absolute;top:0;left:0}.pp-switch input:checked+.pp-switch__track:after{transform:translateX(calc(var(--pp-pixel) * 5))}.pp-switch input:focus-visible+.pp-switch__track{outline:var(--pp-pixel) solid var(--pp-color-ink);outline-offset:var(--pp-pixel)}.pp-range{width:100%;height:calc(var(--pp-pixel) * 8);appearance:none;background:0 0;margin:0}.pp-range::-webkit-slider-runnable-track{height:var(--pp-space-2);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-mid)}.pp-range::-webkit-slider-thumb{width:var(--pp-space-4);height:var(--pp-space-6);margin-top:calc(var(--pp-space-3) * -1);appearance:none;border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-screen)}.pp-range::-moz-range-track{height:var(--pp-space-1);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-mid)}.pp-range::-moz-range-thumb{width:var(--pp-space-3);height:var(--pp-space-5,20px);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-screen);border-radius:0}.pp-file-input{padding:var(--pp-space-1)}.pp-file-input::file-selector-button{min-height:var(--pp-space-8);margin-right:var(--pp-space-3);padding-inline:var(--pp-space-3);color:var(--pp-color-screen);background:var(--pp-color-ink);font:inherit;border:0;font-weight:700}.pp-navbar{justify-content:space-between;align-items:center;gap:var(--pp-space-3);padding:var(--pp-space-3) var(--pp-space-4);border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-mid);box-shadow:var(--pp-shadow-sm);flex-wrap:wrap;display:flex}.pp-navbar__brand{align-items:center;gap:var(--pp-space-2);font-size:var(--pp-font-size-lg);font-weight:700;text-decoration:none;display:inline-flex}.pp-navbar__nav{gap:var(--pp-space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pp-breadcrumb{gap:var(--pp-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pp-breadcrumb li:not(:last-child):after{margin-left:var(--pp-space-2);content:">"}.pp-tabs__list{margin:0 0 calc(var(--pp-border-width) * -1);flex-wrap:wrap;gap:0;padding:0;list-style:none;display:flex}.pp-tabs [role=tab]{min-height:calc(var(--pp-pixel) * 10);padding:var(--pp-space-2) var(--pp-space-3);border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-mid);font-weight:700;transition:color .1s steps(2,end),background-color .1s steps(2,end)}.pp-tabs [role=tab]:not(:disabled):hover,.pp-tabs [role=tab]:focus-visible{color:var(--pp-color-screen);background:var(--pp-color-shadow)}.pp-tabs [role=tab][aria-selected=true]{z-index:1;border-bottom-color:var(--pp-color-screen);background:var(--pp-color-screen);position:relative}.pp-tabs [role=tabpanel]{min-height:8rem;padding:var(--pp-space-4);border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-screen)}.pp-pagination{align-items:center;gap:var(--pp-space-2);margin:0;padding:0;list-style:none;display:flex}.pp-pagination a,.pp-pagination span{min-width:calc(var(--pp-pixel) * 9);min-height:calc(var(--pp-pixel) * 9);border:var(--pp-border-width) solid var(--pp-color-ink);place-items:center;text-decoration:none;display:grid}.pp-pagination [aria-current=page]{color:var(--pp-color-screen);background:var(--pp-color-ink)}.pp-pagination a:hover,.pp-pagination a:focus-visible{color:var(--pp-color-screen);background:var(--pp-color-shadow)}.pp-dropdown{display:inline-block;position:relative}.pp-dropdown__menu{z-index:20;top:calc(100% + var(--pp-space-2));width:max-content;min-width:12rem;padding:var(--pp-space-2);border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:var(--pp-shadow-md);margin:0;list-style:none;animation:.12s steps(3,end) pp-dropdown-in;position:absolute;right:0}@keyframes pp-dropdown-in{0%{opacity:0;transform:translateY(calc(var(--pp-space-2) * -1))}}.pp-dropdown__menu a,.pp-dropdown__menu button{width:100%;padding:var(--pp-space-2) var(--pp-space-3);text-align:left;background:0 0;border:0;text-decoration:none;display:block}.pp-dropdown__menu a:hover,.pp-dropdown__menu button:hover,.pp-dropdown__menu a:focus-visible,.pp-dropdown__menu button:focus-visible{color:var(--pp-color-screen);background:var(--pp-color-ink)}.pp-card,.pp-panel{border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:var(--pp-shadow-md)}.pp-card{padding:var(--pp-space-4);transition:box-shadow .1s steps(2,end),transform .1s steps(2,end)}.pp-card:hover{box-shadow:var(--pp-shadow-lg);transform:translate(calc(var(--pp-pixel) * -1), calc(var(--pp-pixel) * -1))}.pp-card:has(:focus-visible){box-shadow:var(--pp-shadow-lg);transform:translate(calc(var(--pp-pixel) * -1), calc(var(--pp-pixel) * -1))}.pp-card--compact{padding:var(--pp-space-2)}.pp-card--selected{color:var(--pp-color-screen);background:var(--pp-color-ink);box-shadow:var(--pp-shadow-md)}.pp-panel__titlebar{justify-content:space-between;align-items:center;gap:var(--pp-space-2);min-height:calc(var(--pp-pixel) * 10);padding:var(--pp-space-2) var(--pp-space-3);border-bottom:var(--pp-border-width) solid var(--pp-color-ink);color:var(--pp-color-screen);background:var(--pp-color-ink);font-weight:700;display:flex}.pp-panel__body{padding:var(--pp-space-4)}.pp-list{border:var(--pp-border-width) solid var(--pp-color-ink);margin:0;padding:0;list-style:none}.pp-list>li{justify-content:space-between;align-items:center;gap:var(--pp-space-3);padding:var(--pp-space-2) var(--pp-space-3);background:var(--pp-color-screen);transition:color .1s steps(2,end),background-color .1s steps(2,end);display:flex}.pp-list>li+li{border-top:var(--pp-border-width) solid var(--pp-color-ink)}.pp-list>li[aria-selected=true]{color:var(--pp-color-screen);background:var(--pp-color-ink)}.pp-list>li:not([aria-selected=true]):hover{background:var(--pp-color-mid)}.pp-table-wrap{border:var(--pp-border-width) solid var(--pp-color-ink);max-width:100%;overflow-x:auto}.pp-table{border-collapse:collapse;background:var(--pp-color-screen);width:100%}.pp-table th,.pp-table td{padding:var(--pp-space-2) var(--pp-space-3);border-right:var(--pp-border-width) solid var(--pp-color-ink);border-bottom:var(--pp-border-width) solid var(--pp-color-ink);text-align:left;white-space:nowrap}.pp-table th{color:var(--pp-color-screen);background:var(--pp-color-ink)}.pp-table tr:last-child td{border-bottom:0}.pp-table th:last-child,.pp-table td:last-child{border-right:0}.pp-avatar{width:calc(var(--pp-pixel) * 12);height:calc(var(--pp-pixel) * 12);border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-mid);flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.pp-avatar--small{width:calc(var(--pp-pixel) * 8);height:calc(var(--pp-pixel) * 8)}.pp-badge,.pp-tag{min-height:var(--pp-space-6);padding:0 var(--pp-space-2);border:var(--pp-pixel) solid var(--pp-color-ink);font-size:var(--pp-font-size-sm);align-items:center;font-weight:700;line-height:1;display:inline-flex}.pp-badge{color:var(--pp-color-screen);background:var(--pp-color-ink)}.pp-tag{background:var(--pp-color-mid)}.pp-empty{min-height:9rem;padding:var(--pp-space-4);border:var(--pp-border-width) dashed var(--pp-color-shadow);text-align:center;place-items:center;display:grid}.pp-alert{justify-content:space-between;align-items:flex-start;gap:var(--pp-space-3);padding:var(--pp-space-3);border:var(--pp-border-width) solid var(--pp-color-ink);border-left-width:calc(var(--pp-pixel) * 3);color:var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:var(--pp-shadow-sm);display:flex}.pp-alert--strong{color:var(--pp-color-screen);background:var(--pp-color-ink)}.pp-progress,.pp-meter{width:100%;height:calc(var(--pp-pixel) * 7);border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-mid);display:block;position:relative;overflow:hidden}.pp-progress{appearance:none}.pp-progress::-webkit-progress-bar{background:var(--pp-color-mid)}.pp-progress::-webkit-progress-value{background:var(--pp-color-ink)}.pp-progress::-moz-progress-bar{background:var(--pp-color-ink)}.pp-meter{appearance:none}.pp-meter::-webkit-meter-bar{background:var(--pp-color-mid);border:0}.pp-meter::-webkit-meter-optimum-value{background:var(--pp-color-shadow)}.pp-meter::-webkit-meter-suboptimum-value{background:var(--pp-color-shadow)}.pp-meter::-webkit-meter-even-less-good-value{background:var(--pp-color-shadow)}.pp-meter::-moz-meter-bar{background:var(--pp-color-shadow)}.pp-spinner{width:var(--pp-space-6);height:var(--pp-space-6);border:var(--pp-pixel) solid var(--pp-color-mid);border-top-color:var(--pp-color-ink);animation:.7s steps(4,end) infinite pp-spin;display:inline-block}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-skeleton{min-height:var(--pp-space-4);background:repeating-linear-gradient(90deg, var(--pp-color-mid) 0, var(--pp-color-mid) var(--pp-space-4), var(--pp-color-shadow) var(--pp-space-4), var(--pp-color-shadow) var(--pp-space-6));background-size:var(--pp-space-12) 100%;animation:.8s steps(3,end) infinite pp-skeleton}@keyframes pp-skeleton{to{background-position-x:var(--pp-space-12)}}.pp-tooltip{display:inline-flex;position:relative}.pp-tooltip:after{z-index:30;bottom:calc(100% + var(--pp-space-2));width:max-content;max-width:14rem;padding:var(--pp-space-2);border:var(--pp-border-width) solid var(--pp-color-ink);color:var(--pp-color-screen);background:var(--pp-color-ink);content:attr(data-pp-tooltip);font-size:var(--pp-font-size-sm);pointer-events:none;opacity:0;transform:translate(-50%, var(--pp-space-1));transition:opacity .1s steps(2,end),transform .1s steps(2,end);position:absolute;left:50%}.pp-tooltip:hover:after,.pp-tooltip:focus-within:after{opacity:1;transform:translate(-50%)}.pp-toast-container{z-index:100;right:var(--pp-space-4);bottom:var(--pp-space-4);width:min(calc(100% - var(--pp-space-8)), 24rem);gap:var(--pp-space-3);pointer-events:none;display:grid;position:fixed}.pp-toast{justify-content:space-between;align-items:flex-start;gap:var(--pp-space-3);padding:var(--pp-space-3);border:var(--pp-border-width) solid var(--pp-color-ink);color:var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:var(--pp-shadow-md);pointer-events:auto;animation:.15s steps(3,end) pp-toast-in;display:flex}.pp-toast--success{background:var(--pp-color-mid)}.pp-toast--danger{border-left-width:calc(var(--pp-pixel) * 3)}.pp-toast--leaving{opacity:0;transform:translateX(var(--pp-space-4));transition:opacity .16s steps(3,end),transform .16s steps(3,end)}@keyframes pp-toast-in{0%{opacity:0;transform:translateY(var(--pp-space-4))}}.pp-dialog{width:min(calc(100% - var(--pp-space-8)), 34rem);max-height:calc(100% - var(--pp-space-8));border:var(--pp-border-width) solid var(--pp-color-ink);color:var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:var(--pp-shadow-lg);padding:0;overflow:visible}.pp-dialog[open]{animation:.16s steps(4,end) pp-dialog-in}@keyframes pp-dialog-in{0%{opacity:0;transform:translateY(var(--pp-space-4))}}.pp-dialog::backdrop{background:#16231db8}.pp-dialog__body{padding:var(--pp-space-6)}.pp-drawer{z-index:80;width:min(90vw,26rem);height:100dvh;padding:var(--pp-space-6);border:0;border-left:var(--pp-border-width) solid var(--pp-color-ink);color:var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:calc(var(--pp-space-3) * -1) 0 0 var(--pp-color-shadow);visibility:hidden;transition:transform .18s steps(4,end),visibility .18s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(110%)}.pp-drawer[aria-hidden=false]{visibility:visible;transform:translate(0)}.pp-drawer-backdrop{z-index:70;background:#16231db8;border:0;position:fixed;inset:0}.site-topbar{z-index:60;border-bottom:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-screen);position:sticky;top:0}main section[id]{scroll-margin-top:8rem}.site-chapter-nav{z-index:55;border-bottom:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-ink);box-shadow:0 var(--pp-pixel) 0 var(--pp-color-shadow);position:sticky;top:4.25rem}.site-chapter-nav__inner{align-items:center;min-height:3rem;display:flex}.site-chapter-nav__links{justify-content:space-between;align-items:stretch;gap:var(--pp-space-1);width:100%;display:flex}.site-chapter-nav a{padding:var(--pp-space-2);color:var(--pp-color-screen);font-size:var(--pp-font-size-sm);font-weight:700;text-decoration:none}.site-chapter-nav a:hover,.site-chapter-nav a:focus-visible,.site-chapter-nav a[aria-current=location]{color:var(--pp-color-ink);background:var(--pp-color-screen)}.site-map{width:100%;display:none;position:relative}.site-map__toggle{gap:var(--pp-space-3);width:100%;min-height:3rem;padding:var(--pp-space-2) var(--pp-space-3);color:var(--pp-color-screen);background:var(--pp-color-ink);text-align:left;border:0;grid-template-columns:auto 1fr auto;align-items:center;font-weight:700;display:grid}.site-map__panel{padding:var(--pp-space-2);border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:var(--pp-shadow-lg);animation:.14s steps(3,end) site-map-in;position:absolute;top:100%;left:0;right:0}.site-map__panel a{color:var(--pp-color-ink);display:block}.site-map__panel a:hover,.site-map__panel a:focus-visible,.site-map__panel a[aria-current=location]{color:var(--pp-color-screen);background:var(--pp-color-ink)}@keyframes site-map-in{0%{transform:translateY(calc(var(--pp-space-2) * -1))}}.site-topbar__inner{justify-content:space-between;align-items:center;gap:var(--pp-space-4);min-height:4.25rem;display:flex}.site-brand{align-items:center;gap:var(--pp-space-2);font-size:var(--pp-font-size-lg);font-weight:700;text-decoration:none;display:inline-flex}.site-brand__mark{width:var(--pp-space-8);height:var(--pp-space-8);color:var(--pp-color-screen);background:var(--pp-color-ink);box-shadow:var(--pp-shadow-sm);place-items:center;display:grid}.site-nav{gap:var(--pp-space-4);display:flex}.site-nav a{font-weight:700;text-decoration:none}.site-nav a:hover{text-decoration:underline;text-decoration-thickness:var(--pp-pixel);text-underline-offset:var(--pp-pixel)}.site-hero{border-bottom:var(--pp-pixel) solid var(--pp-color-ink);background-color:var(--pp-color-screen);background-image:linear-gradient(var(--pp-color-mid) var(--pp-pixel), transparent var(--pp-pixel)), linear-gradient(90deg, var(--pp-color-mid) var(--pp-pixel), transparent var(--pp-pixel));background-size:calc(var(--pp-pixel) * 12) calc(var(--pp-pixel) * 12);align-items:center;min-height:min(48rem,100dvh - 4.25rem);display:grid;position:relative;overflow:hidden}.site-hero:after{background:linear-gradient(to bottom, transparent 55%, var(--pp-color-screen));content:"";pointer-events:none;position:absolute;inset:0}.site-hero__grid{z-index:1;gap:clamp(var(--pp-space-8), 7vw, calc(var(--pp-space-12) * 2));padding-block:var(--pp-space-12);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:center;display:grid;position:relative}.site-eyebrow,.site-kicker{align-items:center;gap:var(--pp-space-2);width:fit-content;padding:var(--pp-space-1) var(--pp-space-2);color:var(--pp-color-screen);background:var(--pp-color-ink);font-size:var(--pp-font-size-sm);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700;display:inline-flex}.site-hero h1{max-width:12ch;font-size:var(--pp-font-size-xl);letter-spacing:-.04em;text-wrap:balance;margin:0;line-height:.84}.site-hero__lede{max-width:40rem;margin:0;font-size:clamp(1.1rem,3vw,1.5rem)}.site-hero__copy{--pp-stack-gap:var(--pp-space-6)}.site-console{padding:var(--pp-space-8) var(--pp-space-6) var(--pp-space-12);border:calc(var(--pp-pixel) * 2) solid var(--pp-color-ink);background:var(--pp-color-mid);box-shadow:var(--pp-shadow-lg);position:relative;transform:rotate(2deg)}.site-console__screen{aspect-ratio:4/3;border:calc(var(--pp-pixel) * 3) solid var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:inset var(--pp-shadow-md);place-items:center;display:grid;overflow:hidden}.site-console__scene{aspect-ratio:4/3;border:var(--pp-pixel) solid var(--pp-color-shadow);background:var(--pp-color-screen);width:82%;position:relative;overflow:hidden}.site-console__cloud,.site-console__terrain,.site-console__collectible,.site-console__hero{position:absolute}.site-console__cloud{width:calc(var(--pp-pixel) * 8);height:calc(var(--pp-pixel) * 3);background:var(--pp-color-mid);box-shadow:var(--pp-space-2) calc(var(--pp-space-1) * -1) 0 var(--pp-color-mid), var(--pp-space-4) 0 0 var(--pp-color-mid);animation:4.8s steps(12,end) infinite alternate site-cloud-drift;top:18%;left:12%}.site-console__terrain{border-top:calc(var(--pp-pixel) * 2) solid var(--pp-color-ink);background:repeating-linear-gradient(90deg, var(--pp-color-shadow) 0, var(--pp-color-shadow) var(--pp-space-4), var(--pp-color-mid) var(--pp-space-4), var(--pp-color-mid) var(--pp-space-8));background-size:var(--pp-space-8) 100%;height:34%;animation:1.2s steps(4,end) infinite site-terrain-move;bottom:0;left:0;right:0}.site-console__collectible{width:var(--pp-space-3);height:var(--pp-space-3);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-screen);animation:.8s steps(2,end) infinite alternate site-collectible-bob;bottom:42%;right:17%;transform:rotate(45deg)}.site-console__hero{width:calc(var(--pp-pixel) * 7);height:calc(var(--pp-pixel) * 9);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-shadow);box-shadow:calc(var(--pp-pixel) * -2) calc(var(--pp-pixel) * 7) 0 var(--pp-color-ink), calc(var(--pp-pixel) * 2) calc(var(--pp-pixel) * 7) 0 var(--pp-color-ink), inset var(--pp-space-2) var(--pp-space-2) 0 var(--pp-color-screen);animation:.9s steps(2,end) infinite alternate site-hero-idle;bottom:28%;left:32%}@keyframes site-cloud-drift{to{transform:translateX(var(--pp-space-8))}}@keyframes site-terrain-move{to{background-position-x:calc(var(--pp-space-8) * -1)}}@keyframes site-collectible-bob{to{transform:translateY(calc(var(--pp-space-2) * -1)) rotate(45deg)}}@keyframes site-hero-idle{to{transform:translateY(calc(var(--pp-pixel) * -1))}}.site-console__controls{margin-top:var(--pp-space-6);justify-content:space-between;display:flex}.site-dpad{width:var(--pp-space-12);height:var(--pp-space-12);background:var(--pp-color-ink);clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%)}.site-action-dots{align-items:center;gap:var(--pp-space-3);display:flex;transform:rotate(-16deg)}.site-action-dots span{width:var(--pp-space-6);height:var(--pp-space-6);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-shadow);border-radius:50%}.site-section-heading{gap:var(--pp-space-3) var(--pp-space-6);margin-bottom:var(--pp-space-8);grid-template-columns:auto 1fr;align-items:end;display:grid}.site-section-heading__number{color:var(--pp-color-shadow);grid-row:span 2;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.8}.site-section-heading h2{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:.9}.site-section-heading p{max-width:44rem;font-size:var(--pp-font-size-lg);margin:0}.site-invert{color:var(--pp-color-screen);background:var(--pp-color-ink)}.site-mid{background:var(--pp-color-mid)}.site-quickstart{gap:var(--pp-space-8);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;display:grid}.site-code{border:var(--pp-border-width) solid var(--pp-color-ink);color:var(--pp-color-screen);background:var(--pp-color-ink);box-shadow:var(--pp-shadow-md);position:relative}.site-code pre{padding:var(--pp-space-6);font-size:var(--pp-font-size-sm);white-space:pre;margin:0;overflow-x:auto}.site-code .site-copy{top:var(--pp-space-2);right:var(--pp-space-2);position:absolute}.site-copy-buffer{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}.site-code--light{color:var(--pp-color-ink);background:var(--pp-color-screen)}.site-component-finder{padding-block:var(--pp-space-8);border-block:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-screen)}.site-component-finder__grid{gap:var(--pp-space-8);grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);align-items:start;display:grid}.site-component-finder h2,.site-component-finder p{margin:0}.site-result-count{color:var(--pp-color-shadow);font-weight:700}.site-search-results{gap:var(--pp-space-2);grid-template-columns:repeat(2,minmax(0,1fr));max-height:20rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.site-search-results a{min-height:calc(var(--pp-pixel) * 11);justify-content:space-between;align-items:center;gap:var(--pp-space-2);padding:var(--pp-space-2) var(--pp-space-3);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-mid);font-weight:700;text-decoration:none;display:flex}.site-search-results a span{font-size:var(--pp-font-size-sm);font-weight:400}.site-search-results a:hover,.site-search-results a:focus-visible{color:var(--pp-color-screen);background:var(--pp-color-ink)}.site-search-empty{padding:var(--pp-space-4);border:var(--pp-border-width) dashed var(--pp-color-shadow);grid-column:1/-1}.site-token-grid{border:var(--pp-border-width) solid var(--pp-color-ink);box-shadow:var(--pp-shadow-lg);grid-template-columns:repeat(4,1fr);display:grid}.site-token{min-height:12rem;padding:var(--pp-space-3);border-right:var(--pp-border-width) solid var(--pp-color-ink);flex-direction:column;justify-content:flex-end;font-weight:700;display:flex}.site-token:last-child{border-right:0}.site-token--screen{background:var(--pp-color-screen)}.site-token--mid{background:var(--pp-color-mid)}.site-token--shadow{color:var(--pp-color-screen);background:var(--pp-color-shadow)}.site-token--ink{color:var(--pp-color-screen);background:var(--pp-color-ink)}.site-component-grid{gap:var(--pp-space-6);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.site-demo{grid-column:span 6;min-width:0}.site-demo.site-is-revealed{animation:.22s steps(4,end) both site-reveal}.pp-section.site-is-revealed .site-section-heading,.site-component-finder.site-is-revealed>.pp-container{animation:.24s steps(4,end) both site-reveal}@keyframes site-reveal{0%{transform:translateY(var(--pp-space-3))}}.site-demo--wide{grid-column:1/-1}.site-demo__header{justify-content:space-between;align-items:center;gap:var(--pp-space-2);padding:var(--pp-space-2) var(--pp-space-3);border:var(--pp-border-width) solid var(--pp-color-ink);background:var(--pp-color-mid);border-bottom:0;transition:color .1s steps(2,end),background-color .1s steps(2,end);display:flex}.site-demo:hover .site-demo__header,.site-demo:focus-within .site-demo__header{color:var(--pp-color-screen);background:var(--pp-color-shadow)}.site-demo__header h3{font-size:var(--pp-font-size-lg);margin:0}.site-demo__stage{align-content:center;gap:var(--pp-space-4);min-height:17rem;padding:var(--pp-space-6);border:var(--pp-border-width) solid var(--pp-color-ink);background-color:var(--pp-color-screen);isolation:isolate;background-image:none;display:grid;position:relative;overflow:hidden}.site-demo__code{border:0 solid var(--pp-color-ink);max-height:0;color:var(--pp-color-screen);background:var(--pp-color-ink);transition:max-height .16s steps(3,end);overflow:hidden}.site-demo__code[data-open=true]{border-width:0 var(--pp-border-width) var(--pp-border-width);max-height:24rem;overflow:auto}.site-demo--highlight{animation:1.4s steps(6,end) site-demo-highlight}@keyframes site-demo-highlight{0%,45%{outline:calc(var(--pp-pixel) * 2) solid var(--pp-color-ink);outline-offset:var(--pp-space-2)}20%,65%{outline-color:var(--pp-color-screen)}}.site-demo__code pre{padding:var(--pp-space-4);margin:0;font-size:.75rem;overflow-x:auto}.site-demo fieldset{padding:var(--pp-space-3);border:var(--pp-border-width) solid var(--pp-color-ink);margin:0}.site-section-heading .site-diorama{border:var(--pp-border-width) solid var(--pp-color-ink);min-height:10rem;color:var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:var(--pp-shadow-md);isolation:isolate;grid-column:1/-1;position:relative;overflow:hidden}.site-diorama span,.site-diorama span:before,.site-diorama span:after{content:"";display:block;position:absolute}.site-diorama__sky{background-image:linear-gradient(90deg, transparent 75%, var(--pp-color-mid) 75%);background-size:var(--pp-space-12) var(--pp-space-12);inset:0 0 38%}.site-diorama__sky:before{top:var(--pp-space-4);width:var(--pp-space-8);height:var(--pp-space-8);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-mid);box-shadow:inset calc(var(--pp-space-2) * -1) var(--pp-space-2) 0 var(--pp-color-shadow);right:12%}.site-diorama__terrain{border-top:var(--pp-border-width) solid var(--pp-color-ink);background:repeating-linear-gradient(90deg, var(--pp-color-shadow) 0 var(--pp-space-8), var(--pp-color-mid) var(--pp-space-8) var(--pp-space-12));height:42%;bottom:0;left:0;right:0}.site-diorama__terrain:before{width:36%;height:var(--pp-space-8);background:var(--pp-color-shadow);clip-path:polygon(0 100%,10% 50%,22% 75%,36% 0,48% 63%,62% 25%,72% 70%,88% 38%,100% 100%);bottom:100%;left:7%}.site-diorama__path{z-index:1;border-inline:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-screen);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);width:24%;height:46%;bottom:0;left:38%}.site-diorama__prop{z-index:2;width:var(--pp-space-3);height:var(--pp-space-8);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-shadow);box-shadow:0 calc(var(--pp-space-6) * -1) 0 var(--pp-color-ink), var(--pp-space-4) calc(var(--pp-space-2) * -1) 0 var(--pp-color-mid);bottom:30%;right:24%}.site-diorama__mote{z-index:3;width:var(--pp-space-2);height:var(--pp-space-2);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:var(--pp-space-8) calc(var(--pp-space-3) * -1) 0 calc(var(--pp-pixel) * -1) var(--pp-color-ink), calc(var(--pp-space-12) * 2) var(--pp-space-3) 0 calc(var(--pp-pixel) * -1) var(--pp-color-shadow);animation:1.6s steps(4,end) infinite alternate site-mote-drift;bottom:52%;left:22%;transform:rotate(45deg)}@keyframes site-mote-drift{to{transform:translate(var(--pp-space-3), calc(var(--pp-space-2) * -1)) rotate(45deg)}}.site-diorama[data-site-scene=field-guide] .site-diorama__prop{width:var(--pp-space-12);height:var(--pp-space-8);background:var(--pp-color-screen);box-shadow:inset 50% 0 0 var(--pp-color-mid), 0 calc(var(--pp-space-4) * -1) 0 calc(var(--pp-pixel) * -1) var(--pp-color-ink);left:20%;right:auto}.site-diorama[data-site-scene=command-post] .site-diorama__prop{width:var(--pp-space-12);height:var(--pp-space-12);background:repeating-linear-gradient(90deg, var(--pp-color-mid) 0 var(--pp-space-2), var(--pp-color-shadow) var(--pp-space-2) var(--pp-space-4));box-shadow:0 calc(var(--pp-space-8) * -1) 0 calc(var(--pp-pixel) * -1) var(--pp-color-ink);right:16%}.site-diorama[data-site-scene=registry] .site-diorama__prop,.site-diorama[data-site-scene=quest-log] .site-diorama__prop{width:calc(var(--pp-space-12) * 2);height:var(--pp-space-12);background:var(--pp-color-screen);box-shadow:inset 0 calc(var(--pp-space-3) * -1) 0 var(--pp-color-mid), inset var(--pp-space-3) 0 0 var(--pp-color-mid);right:18%}.site-diorama[data-site-scene=overworld] .site-diorama__path{background:repeating-linear-gradient(45deg, var(--pp-color-screen) 0 var(--pp-space-3), var(--pp-color-mid) var(--pp-space-3) var(--pp-space-4));clip-path:polygon(0 12%,100% 0,82% 100%,18% 82%);width:56%;left:22%}.site-diorama[data-site-scene=checkpoint] .site-diorama__prop{width:var(--pp-space-8);height:var(--pp-space-12);background:var(--pp-color-screen);box-shadow:0 calc(var(--pp-space-8) * -1) 0 calc(var(--pp-pixel) * -1) var(--pp-color-ink), 0 0 0 var(--pp-space-2) var(--pp-color-shadow);right:44%}.site-diorama[data-site-scene=camp] .site-diorama__prop{width:calc(var(--pp-space-12) * 2);height:var(--pp-space-12);background:var(--pp-color-shadow);box-shadow:inset var(--pp-space-12) 0 0 var(--pp-color-mid), calc(var(--pp-space-8) * -2) var(--pp-space-3) 0 calc(var(--pp-pixel) * -1) var(--pp-color-ink);clip-path:polygon(50% 0,100% 100%,0 100%);right:22%}.site-diorama[data-site-scene=journeys-end] .site-diorama__prop{width:var(--pp-space-8);height:var(--pp-space-12);background:var(--pp-color-shadow);box-shadow:calc(var(--pp-space-2) * -1) var(--pp-space-8) 0 var(--pp-color-ink), var(--pp-space-2) var(--pp-space-8) 0 var(--pp-color-ink), inset var(--pp-space-2) var(--pp-space-2) 0 var(--pp-color-screen);right:48%}.site-demo__stage:before,.site-demo__stage:after{z-index:-1;content:"";pointer-events:none;position:absolute}.site-demo__stage:before{border-top:var(--pp-pixel) solid var(--pp-color-shadow);background:repeating-linear-gradient(90deg, var(--pp-color-mid) 0 var(--pp-space-6), var(--pp-color-screen) var(--pp-space-6) var(--pp-space-8));height:34%;bottom:0;left:0;right:0}.site-demo__stage:after{top:var(--pp-space-6);right:var(--pp-space-8);width:var(--pp-space-4);height:var(--pp-space-4);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-mid);box-shadow:calc(var(--pp-space-8) * -1) var(--pp-space-4) 0 calc(var(--pp-pixel) * -1) var(--pp-color-shadow);transform:rotate(45deg)}#forms .site-demo__stage:before{top:0;bottom:0;left:var(--pp-space-6);width:var(--pp-pixel);background:var(--pp-color-mid);border:0;height:auto}#navigation .site-demo__stage:before{background-image:linear-gradient(var(--pp-color-mid) var(--pp-pixel), transparent var(--pp-pixel)), linear-gradient(90deg, var(--pp-color-mid) var(--pp-pixel), transparent var(--pp-pixel));background-size:var(--pp-space-8) var(--pp-space-8);opacity:.42;border:0;height:100%}#content .site-demo__stage:before{background:repeating-linear-gradient(135deg, var(--pp-color-mid) 0 var(--pp-space-2), var(--pp-color-shadow) var(--pp-space-2) var(--pp-space-3));height:28%}#feedback .site-demo__stage:after{width:var(--pp-space-8);height:var(--pp-space-8);background:var(--pp-color-screen);box-shadow:0 0 0 var(--pp-space-2) var(--pp-color-shadow), calc(var(--pp-space-12) * -2) var(--pp-space-4) 0 calc(var(--pp-pixel) * -1) var(--pp-color-mid)}#overlays .site-demo__stage:before{background:repeating-linear-gradient(90deg, var(--pp-color-shadow) 0 var(--pp-space-8), var(--pp-color-mid) var(--pp-space-8) var(--pp-space-12));height:42%}.site-demo__stage>*{z-index:1;position:relative}.site-stage-label,.site-scene-output{width:fit-content;max-width:100%;padding:var(--pp-space-2) var(--pp-space-3);border:var(--pp-pixel) solid var(--pp-color-ink);color:var(--pp-color-ink);background:var(--pp-color-screen);box-shadow:var(--pp-shadow-sm);margin:0}.site-stage-label{font-size:var(--pp-font-size-sm);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.site-scene-output{min-height:calc(var(--pp-pixel) * 10);background:var(--pp-color-mid);align-items:center;display:flex}.site-map-scope{border:var(--pp-border-width) solid var(--pp-color-ink);background-image:linear-gradient(var(--pp-color-shadow) var(--pp-pixel), transparent var(--pp-pixel)), linear-gradient(90deg, var(--pp-color-shadow) var(--pp-pixel), transparent var(--pp-pixel));background-color:var(--pp-color-mid);background-size:var(--pp-space-6) var(--pp-space-6);width:min(100%,20rem);height:7rem;box-shadow:var(--pp-shadow-sm)}.site-map-scope span{width:var(--pp-space-3);height:var(--pp-space-3);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-screen);position:absolute;top:42%;left:48%;transform:rotate(45deg)}.site-map-scope[data-zoom="50"] span{transform:scale(.5)rotate(45deg)}.site-map-scope[data-zoom="75"] span{transform:scale(.75)rotate(45deg)}.site-map-scope[data-zoom="125"] span{transform:scale(1.25)rotate(45deg)}.site-map-scope[data-zoom="150"] span{transform:scale(1.5)rotate(45deg)}.site-list-action{justify-content:space-between;align-items:center;gap:var(--pp-space-2);width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0;display:flex}.site-tag-action{font:inherit;cursor:pointer}.site-tag-action[aria-pressed=true]{color:var(--pp-color-screen);background:var(--pp-color-ink)}.site-scene--replaying .site-demo__stage{animation:.42s steps(4,end) site-scene-replay}@keyframes site-scene-replay{50%{box-shadow:inset 0 0 0 var(--pp-space-4) var(--pp-color-shadow)}}.site-invert .site-demo,.site-invert .site-demo__stage,.site-invert .site-demo__header,.site-invert .pp-navbar,.site-invert .pp-tabs [role=tabpanel],.site-invert .pp-dropdown__menu,.site-invert .pp-breadcrumb,.site-invert .pp-panel,.site-invert .site-game,.site-invert .site-game__rail,.site-invert .site-game__stats{color:var(--pp-color-ink)}.site-invert .site-demo__stage,.site-invert .pp-tabs [role=tabpanel],.site-invert .pp-dropdown__menu,.site-invert .pp-panel{background-color:var(--pp-color-screen)}.site-game{border:calc(var(--pp-pixel) * 2) solid var(--pp-color-ink);background:var(--pp-color-screen);min-height:34rem;box-shadow:var(--pp-shadow-lg);grid-template-columns:15rem minmax(0,1fr) 18rem;display:grid}.site-game__rail,.site-game__stats{padding:var(--pp-space-4);background:var(--pp-color-mid)}.site-game__rail{border-right:var(--pp-border-width) solid var(--pp-color-ink)}.site-game__stats{border-left:var(--pp-border-width) solid var(--pp-color-ink)}.site-game__world{background-image:linear-gradient(45deg, var(--pp-color-mid) 25%, transparent 25%), linear-gradient(-45deg, var(--pp-color-mid) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--pp-color-mid) 75%), linear-gradient(-45deg, transparent 75%, var(--pp-color-mid) 75%);background-position:0 0, 0 var(--pp-space-4), var(--pp-space-4) calc(var(--pp-space-4) * -1), calc(var(--pp-space-4) * -1) 0;background-size:var(--pp-space-8) var(--pp-space-8);place-items:center;display:grid;position:relative;overflow:hidden}.site-game__terrain,.site-game__cloud,.site-game__collectible{position:absolute}.site-game__terrain{border-top:calc(var(--pp-pixel) * 2) solid var(--pp-color-ink);background:repeating-linear-gradient(90deg, var(--pp-color-shadow) 0, var(--pp-color-shadow) var(--pp-space-8), var(--pp-color-mid) var(--pp-space-8), var(--pp-color-mid) var(--pp-space-12));background-size:calc(var(--pp-space-8) + var(--pp-space-12)) 100%;height:36%;animation:1.8s steps(5,end) infinite site-terrain-move;bottom:0;left:0;right:0}.site-game__cloud{width:var(--pp-space-12);height:var(--pp-space-3);background:var(--pp-color-mid);box-shadow:var(--pp-space-3) calc(var(--pp-space-2) * -1) 0 var(--pp-color-mid), var(--pp-space-8) 0 0 var(--pp-color-mid);animation:6s steps(12,end) infinite alternate site-cloud-drift;top:23%;left:14%}.site-game__collectible{z-index:2;width:var(--pp-space-4);height:var(--pp-space-4);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-screen);animation:.8s steps(2,end) infinite alternate site-collectible-bob;bottom:42%;right:22%;transform:rotate(45deg)}.site-character{z-index:2;width:calc(var(--pp-pixel) * 13);height:calc(var(--pp-pixel) * 16);border:var(--pp-pixel) solid var(--pp-color-ink);background:var(--pp-color-shadow);box-shadow:calc(var(--pp-pixel) * -3) calc(var(--pp-pixel) * 12) 0 var(--pp-color-ink), calc(var(--pp-pixel) * 3) calc(var(--pp-pixel) * 12) 0 var(--pp-color-ink), inset calc(var(--pp-pixel) * 3) calc(var(--pp-pixel) * 3) 0 var(--pp-color-screen);animation:.9s steps(2,end) infinite alternate site-hero-idle;position:relative}.site-game__hud{top:var(--pp-space-4);right:var(--pp-space-4);left:var(--pp-space-4);justify-content:space-between;display:flex;position:absolute}.site-game__world>.pp-alert{z-index:3;right:var(--pp-space-4);bottom:var(--pp-space-4);left:var(--pp-space-4);position:absolute}.site-scenes-paused .site-console__scene *,.site-scenes-paused .site-game__world *,.site-scenes-paused .site-diorama *,.site-scenes-paused .site-scene--replaying .site-demo__stage{animation-play-state:paused!important}.site-footer{padding-block:var(--pp-space-8);border-top:var(--pp-pixel) solid var(--pp-color-ink);color:var(--pp-color-screen);background:var(--pp-color-ink)}.site-footer__inner{justify-content:space-between;align-items:center;gap:var(--pp-space-4);flex-wrap:wrap;display:flex}.site-footer p{margin:0}@media (width<=60rem){.site-hero__grid,.site-quickstart,.site-component-finder__grid{grid-template-columns:1fr}.site-console{width:min(28rem,90%);margin-inline:auto}.site-game{grid-template-columns:12rem 1fr}.site-game__stats{border-top:var(--pp-border-width) solid var(--pp-color-ink);border-left:0;grid-column:1/-1}}@media (width<=44rem){.site-nav a:not(:last-child),.site-chapter-nav__links{display:none}.site-map{display:block}.site-hero__grid{padding-block:var(--pp-space-8)}.site-section-heading{grid-template-columns:1fr}.site-section-heading__number{grid-row:auto}.site-token-grid{grid-template-columns:repeat(2,1fr)}.site-token{border-bottom:var(--pp-border-width) solid var(--pp-color-ink);min-height:8rem}.site-token:nth-child(2){border-right:0}.site-demo{grid-column:1/-1}.site-demo__stage{min-height:14rem;padding:var(--pp-space-4)}.site-game{grid-template-columns:1fr}.site-game__rail{border-right:0;border-bottom:var(--pp-border-width) solid var(--pp-color-ink)}.site-game__world{min-height:24rem}.site-section-heading .site-diorama{min-height:7rem}.site-diorama__mote{display:none}.site-game__stats{grid-column:auto}.site-search-results{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.site-console__scene *,.site-game__world *,.site-diorama *,.site-scene--replaying .site-demo__stage,.site-demo,.site-section-heading,.site-component-finder>.pp-container,.site-map__panel{transform:none;animation:none!important}}