@font-face{font-family:Pixel;src:url('/assets/fonts/PressStart2P-Regular.ttf') format('truetype');font-display:swap}
:root{--paper:#fffbed;--ink:#27291f;--red:#e74732;--sky:#aee1ee;--line:#dddccf;--yellow:#ffc844;--pixel:Pixel,'Courier New',monospace;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #154b9d;outline-offset:6px}button:disabled{cursor:default}::selection{background:var(--yellow);color:var(--ink)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--paper);padding:16px;z-index:20}.skip-link:focus{top:12px}.site-header{height:99px;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:0 5.5%;border-bottom:1px solid var(--ink)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-1px}.brand-mark{font:22px var(--pixel);background:var(--red);color:var(--paper);width:40px;height:42px;display:grid;place-items:center;box-shadow:3px 3px 0 var(--ink);letter-spacing:-4px;padding-right:4px}.brand-sub{font-size:10px;letter-spacing:1.6px;font-weight:600;align-self:flex-end;margin:0 0 6px 8px}.site-header nav{display:flex;align-items:center;gap:32px}.nav-link{border:0;background:none;font-weight:600;font-size:15px;padding:14px 0}.nav-link:hover{color:var(--red)}.nav-link span{margin-left:7px}.nav-divider{width:1px;height:25px;background:var(--line);margin:0 1px}.sound-button{display:flex;gap:9px;align-items:center;padding:9px 0;background:none;border:0;font-size:14px}.sound-button svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square}.sound-on{display:none}.sound-button[aria-pressed=true] .sound-off{display:none}.sound-button[aria-pressed=true] .sound-on{display:block}.world{height:710px;position:relative;isolation:isolate;overflow:hidden;background:var(--sky);border-bottom:3px solid var(--ink)}.world-hud{position:absolute;z-index:3;top:28px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font:13px/1.7 var(--pixel);text-transform:uppercase;pointer-events:none}.world-hud>span{display:flex;flex-direction:column;gap:6px}.hud-label{font:11px/1.5 Arial,sans-serif;letter-spacing:2px;font-weight:700}.world-hud .hud-center{flex-direction:row;align-items:center;gap:10px;margin-left:-30px}.hud-center img{image-rendering:pixelated;object-fit:contain}.hud-world{text-align:right}.hero-copy{position:absolute;top:83px;left:50%;transform:translateX(-50%);z-index:2;text-align:center;width:min(90%,840px)}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;margin:0 0 20px}.hero-copy h1{font:48px/1.35 var(--pixel);letter-spacing:-2px;margin:0 0 16px}.hero-copy h1>span:first-child{display:block}.hero-copy h1 strong{font-weight:400;display:inline-block;text-transform:uppercase;color:var(--red);font-size:76px;line-height:1.38;text-shadow:4px 4px 0 var(--paper),7px 7px 0 var(--ink)}.title-period{color:var(--red);font-size:76px;text-shadow:4px 4px 0 var(--paper),7px 7px 0 var(--ink)}.hero-description{font-size:17px;line-height:1.55;margin:15px auto 22px;max-width:370px;color:#35484a;text-wrap:balance}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:13px 19px;border:2px solid var(--ink);background:var(--red);color:#fffbed;box-shadow:4px 4px 0 var(--ink);font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;text-decoration:none}.primary-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.primary-button:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.play-icon{font-size:12px}.button-arrow{margin-left:18px;font-size:23px;font-weight:400}.world canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;image-rendering:pixelated}.level-actions{position:absolute;inset:0;pointer-events:none}.level-block{position:absolute;bottom:154px;padding:0;background:none;border:0;display:flex;align-items:center;flex-direction:column;gap:16px;pointer-events:auto;transform:translateX(-50%);z-index:4}.level-block:first-child{left:42%}.level-block:last-child{left:64%}.block-caption{font:10px/1.5 var(--pixel);white-space:nowrap;color:var(--ink);letter-spacing:-.4px}.block-caption>span{font:10px Arial,sans-serif;font-weight:700;background:var(--paper);padding:4px;margin-right:7px;vertical-align:1px}.question-block{display:grid;place-items:center;width:61px;height:61px;background:var(--yellow);border:3px solid #604728;box-shadow:inset 3px 3px 0 #fff3a2,inset -4px -4px 0 #e08a22,4px 4px 0 #604728;position:relative;transition:transform .2s}.question-block:before,.question-block:after{content:'';position:absolute;width:4px;height:4px;background:#ae631e;top:4px;box-shadow:0 43px 0 #ae631e}.question-block:before{left:4px}.question-block:after{right:4px}.question-block>span{font:35px/1 var(--pixel);color:#fff8da;text-shadow:3px 3px 0 #8c5625;transform:translateY(3px)}.level-block:hover .question-block{transform:translateY(-7px)}.level-block.bump .question-block{animation:bump .26s ease-out}.level-block.visited .question-block{background:#e7b751}.player-tag{position:absolute;bottom:93px;left:15%;font:8px/1.7 var(--pixel);display:flex;flex-direction:column;align-items:center;gap:5px;transform:translateX(-50%);pointer-events:none;white-space:nowrap}.player-tag span{font-size:10px}.level-note{position:absolute;right:7%;bottom:160px;max-width:170px;font-size:13px;line-height:1.6;transform:rotate(-5deg);color:#35484a}.level-note>span{display:block;font-size:28px;line-height:1;margin-bottom:10px}.world-bottom{position:absolute;bottom:17px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;color:#fffbed;font:8px/1.8 var(--pixel);z-index:1}.control-bar{min-height:91px;display:flex;justify-content:space-between;align-items:center;padding:18px 5.5%;border-bottom:1px solid var(--line);gap:20px}.controls-desktop{display:flex;align-items:center;gap:26px}.control-label{font-size:10px;letter-spacing:1.7px;font-weight:700;margin-right:2px}.control-group{display:flex;align-items:center;gap:5px}.control-group>span{font-size:13px;margin-left:5px;color:#5d6156}kbd{min-width:29px;height:28px;padding:4px 6px;border:1px solid #c8c9ba;border-bottom-width:3px;background:#fffff8;border-radius:3px;text-align:center;font:14px/17px Arial,sans-serif}.space-key{font-size:10px;letter-spacing:.6px;min-width:65px}.restart-button{border:0;background:none;display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#5d6156}.restart-button>span{font-size:24px;line-height:1}.restart-button:hover{color:var(--red)}.under-note{padding:24px 5.5% 29px;display:flex;align-items:center;gap:10px;font-size:13px;color:#555b50}.tiny-star{color:var(--red);font-size:22px;margin-right:2px}.direct-note{margin-left:auto;font-size:12px;color:#72776c}.site-footer{margin:0 5.5%;border-top:1px solid var(--line);padding:26px 0 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:#686d62;flex-wrap:wrap}.footer-dot{margin:0 5px}.site-footer nav{display:flex;gap:22px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline;color:var(--ink)}.footer-level{font:7px/1.8 var(--pixel);color:#5b6055}.footer-level>span{font-family:Arial,sans-serif;color:var(--red);font-size:15px;margin-left:6px}.touch-controls{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{padding:0;border:3px solid var(--ink);width:min(540px,calc(100% - 32px));max-height:85dvh;color:var(--ink);background:var(--paper);box-shadow:8px 8px 0 #27291f;overflow:auto}dialog::backdrop{background:#162f3b85;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;background:var(--yellow);border-bottom:2px solid var(--ink);padding:13px 19px;font:9px/1.7 var(--pixel);gap:10px}.dialog-close{width:34px;height:34px;border:1px solid var(--ink);background:var(--paper);font-size:27px;line-height:1}.dialog-body{padding:36px}.dialog-pixel{font:9px/1.7 var(--pixel);color:#a74228}.dialog-body h2{font-size:36px;line-height:1.1;letter-spacing:-1px;margin:18px 0}.dialog-body p{font-size:17px;line-height:1.7;color:#555b50;white-space:pre-line}.dialog-body .primary-button{margin-top:19px}.dialog-bottom{padding:17px;text-align:center;border-top:1px solid var(--line);font:7px/1.7 var(--pixel)}.dialog-bottom>span{color:var(--red);margin-right:8px}.contact-address{display:block;margin:24px 0;font-weight:700;font-size:18px;overflow-wrap:anywhere}.empty-contact{border-left:3px solid var(--yellow);padding:9px 15px;font-size:15px!important;background:#fff4cf}.noscript-notice{padding:24px;border:3px solid var(--red)}@keyframes bump{50%{transform:translateY(-13px)}}
@media(min-width:1600px){.world{height:750px}.hero-copy{top:108px}}
@media(max-width:1050px){.brand-sub{display:none}.site-header{height:86px}.hero-copy h1{font-size:40px}.hero-copy h1 strong,.title-period{font-size:65px}.world{height:700px}.hero-copy{top:105px}.level-note{right:4%;max-width:130px;font-size:12px}.controls-desktop{gap:17px}.control-label{display:none}.direct-note{display:none}.footer-level{display:none}}
@media(max-width:650px){.site-header{height:77px;padding:0 6%}.brand{font-size:21px;gap:10px}.brand-mark{height:34px;width:34px;font-size:18px}.site-header nav{gap:17px}.nav-link{font-size:13px}.nav-divider{display:none}.sound-button{padding:12px 0}.sound-button>span{display:none}.world{height:716px}.world-hud{top:25px;left:6%;right:6%;font-size:10px}.hud-label{font-size:9px}.world-hud .hud-center{margin-left:0;gap:5px}.hero-copy{top:121px;width:94%}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:23px}.hero-copy h1{font-size:clamp(23px,6.5vw,40px);letter-spacing:-1px}.hero-copy h1 strong,.title-period{font-size:clamp(43px,10.8vw,65px);text-shadow:3px 3px 0 var(--paper),5px 5px 0 var(--ink)}.hero-description{font-size:16px;max-width:285px;line-height:1.6;margin:22px auto}.primary-button{min-height:49px;font-size:14px}.hero-copy .primary-button{margin-top:1px}.level-block:first-child{left:40%}.level-block:last-child{left:73%}.level-block{bottom:154px}.block-caption{font-size:8px;letter-spacing:-.5px}.block-caption>span{display:none}.question-block{width:54px;height:54px}.question-block:before,.question-block:after{box-shadow:0 36px 0 #ae631e}.question-block>span{font-size:30px}.level-note{display:none}.world-bottom{font-size:6px;bottom:17px;left:6%;right:6%}.world-bottom>span:first-child{display:none}.world-bottom>span:last-child{margin:auto}.controls-desktop{display:none}.touch-controls{display:flex;gap:8px}.touch-controls button{width:44px;height:44px;background:#fffff8;border:1px solid #b9bdae;border-bottom:3px solid #b9bdae;border-radius:3px;font-size:21px;touch-action:none;user-select:none}.touch-controls .touch-jump{width:auto;padding:0 13px;font-size:10px;letter-spacing:.5px}.touch-controls button:active,.touch-controls button.active{background:var(--yellow);transform:translateY(2px);border-bottom-width:1px}.control-bar{min-height:82px;padding:16px 6%;gap:12px}.restart-button{font-size:11px;gap:4px}.restart-button>span{font-size:21px}.under-note{padding:22px 6%;font-size:12px;line-height:1.7;gap:9px;align-items:flex-start}.tiny-star{line-height:1.3}.site-footer{margin:0 6%;padding:24px 0;gap:20px;font-size:11px}.site-footer nav{gap:24px}.dialog-body{padding:28px}.dialog-body h2{font-size:30px}.dialog-top{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}