:root{--ink:#101010;--paper:#e8e8e0;--line:#48484b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--ink);color:var(--paper);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}body{overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:4px}button:disabled{opacity:.45;cursor:wait}.hidden{display:none!important}#machine{height:100dvh;display:flex;flex-direction:column;padding:0 18px}header{height:54px;display:flex;align-items:center;gap:30px;flex-shrink:0}a.brand{text-decoration:none;color:inherit;font-size:15px;letter-spacing:1.1px;font-weight:700}.brand span{font:italic 20px Georgia,serif;padding-left:4px}.chapter{color:#96969b;font-size:10px;letter-spacing:1px}nav{margin-left:auto;display:flex;gap:20px}nav button{border:0;background:none;font-size:10px;padding:10px 0;letter-spacing:1px}nav button:disabled{cursor:default}#viewport{position:relative;flex:1;min-height:0;background:var(--ink);overflow:hidden;border:1px solid #323238;touch-action:none}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none;touch-action:none}footer{height:32px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0;font-size:9px;letter-spacing:.6px;color:#99999f}.desktop-keys{white-space:nowrap}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;background:#11111491}.intro-card{max-width:520px;width:100%;padding:38px 44px;background:#111114f2;border:1px solid #eeede560;box-shadow:8px 8px 0 #11111480}.eyebrow{font-size:10px;color:#adadb3;letter-spacing:1.8px;line-height:1.6}h1{font:normal 78px/.93 Georgia,serif;letter-spacing:-4px;margin:24px 0}p{font-size:14px;line-height:1.8;color:#d4d4d6;margin:16px 0 24px}.primary{background:var(--paper);color:var(--ink);border:1px solid var(--paper);width:100%;height:52px;font-size:13px;letter-spacing:1px;font-weight:700}.primary:hover{background:#fff}.keys{font-size:10px;line-height:1.9;margin-top:20px;color:#bdbdc3}.small{font-size:8px;line-height:1.7;margin-top:11px;color:#85858e;letter-spacing:.7px}.intro-bottom{position:absolute;bottom:20px;font-size:9px;letter-spacing:2px;color:#d8d8dd}#hud{position:absolute;top:22px;left:24px;right:24px;z-index:2;display:flex;align-items:center;gap:16px;pointer-events:none;text-shadow:1px 1px var(--ink),-1px -1px var(--ink)}.health{display:flex;gap:6px}.health i{display:block;width:10px;height:10px;background:var(--paper);border:1px solid var(--paper);transform:rotate(45deg);box-shadow:0 0 0 2px var(--ink)}.health i.empty{background:var(--ink)}.checkpoint{font-size:9px;letter-spacing:1px;padding-left:14px;border-left:1px solid #98989e}.data{margin-left:auto;display:flex;gap:12px;align-items:center}.data span{font-size:9px;letter-spacing:1px}.data strong{font-weight:400;font-size:14px}.dialog-card{width:min(520px,calc(100% - 36px));padding:32px;background:var(--ink);border:1px solid #eeede575;max-height:85%;overflow:auto}h2{font:normal 36px/1.1 Georgia,serif;letter-spacing:-1px;margin:19px 0}.dialog-card p{font-size:13px}.post{padding:14px 0;border-top:1px solid var(--line)}.post b{font-size:10px;color:#ababaf}.post p{margin:8px 0 0;font-size:13px}#dialog-buttons{display:flex;gap:10px;margin-top:24px}#dialog-buttons button{border:1px solid #eeede560;background:none;min-height:45px;padding:10px 16px;font-size:11px}#dialog-buttons button:first-child{background:var(--paper);color:var(--ink);border-color:var(--paper)}#toast{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font-size:11px;background:#111114ec;border:1px solid #eeede540;padding:11px 15px;z-index:3;max-width:90%;white-space:nowrap;pointer-events:none;text-align:center;letter-spacing:.5px}#touch{position:absolute;inset:0;z-index:4;pointer-events:none;user-select:none;-webkit-user-select:none}#stick{pointer-events:auto;position:absolute;bottom:22px;left:24px;width:102px;height:102px;border-radius:50%;border:1px solid #eeede560;background:#11111450;touch-action:none}#stick::after{content:'';position:absolute;inset:11px;border:1px solid #eeede51a;border-radius:50%;pointer-events:none}#thumb{position:absolute;top:31px;left:31px;width:38px;height:38px;border:1px solid #eeede580;background:#eeede530;border-radius:50%;pointer-events:none}.touch-actions{position:absolute;right:24px;bottom:22px;width:184px;height:108px}.touch-actions button,.read{pointer-events:auto;border:1px solid #eeede575;background:#111114b8;position:absolute;touch-action:none}.touch-actions button{border-radius:50%;font-size:9px;letter-spacing:.4px}.jump{width:74px;height:74px;right:0;bottom:0;background:#eeede5d9!important;color:#111114}.dash{width:58px;height:58px;right:15px;bottom:91px}.attack{width:56px;height:56px;right:97px;bottom:13px}.touch-actions button.held{background:#fff!important;color:#111114}.read{right:24px;bottom:183px;padding:11px 17px;font-size:10px;letter-spacing:1px;border-radius:0}#machine:fullscreen{padding:0;background:var(--ink)}#machine:fullscreen header,#machine:fullscreen footer{display:none}#machine:fullscreen #viewport{border:0}.stats{display:flex;gap:20px;margin:24px 0;font-size:12px;flex-wrap:wrap}.stats strong{display:block;font-size:24px;font-weight:400;margin-bottom:6px}.stats span{font-size:9px;color:#99999f}.score-note{font-size:12px!important;color:#99999f}
@media(max-width:700px){#machine{padding:0}header{height:47px;padding:0 14px;gap:10px}.brand{font-size:12px!important}.chapter,.desktop-keys{display:none}nav{gap:13px}nav button{font-size:8px;letter-spacing:.4px}footer{height:25px;padding:0 12px;font-size:8px}#viewport{border-left:0;border-right:0}.intro-card{margin:18px;padding:29px 28px;max-width:440px}h1{font-size:64px}.keys{font-size:9px}#hud{top:19px;left:19px;right:19px;gap:11px}.checkpoint{font-size:8px;padding-left:10px}.data span{display:none}.data strong{font-size:12px}.health i{width:8px;height:8px}#toast{bottom:172px;white-space:normal;font-size:10px;width:max-content;max-width:84%}.dialog-card{padding:25px}.dialog-card h2{font-size:30px}.dialog-card p{font-size:12px}.intro-bottom{font-size:8px;bottom:13px}}
@media(pointer:coarse){.keys{font-size:10px}.desktop-keys{display:none}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:620px){header,footer{display:none}#machine{padding:0}#viewport{border:0}.intro-card{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;max-width:650px;padding:24px 30px}.intro-card .eyebrow{grid-column:1/-1}h1{font-size:55px;margin:12px 0;grid-column:1;grid-row:2/5}.intro-card p{margin:12px 0;font-size:12px}.primary{height:43px;font-size:11px}.keys{font-size:8px;margin:10px 0}.small,.intro-bottom{display:none}#stick{width:90px;height:90px;left:25px;bottom:19px}#thumb{left:26px;top:26px}.touch-actions{right:24px;bottom:17px;width:161px;height:90px}.jump{width:64px;height:64px}.attack{width:48px;height:48px;right:82px;bottom:8px}.dash{width:48px;height:48px;right:18px;bottom:77px}.read{bottom:145px}#toast{bottom:18px}#hud{top:15px;left:24px;right:24px}.dialog-card{max-height:91%;padding:20px 25px}.dialog-card p{margin:12px 0;font-size:11px}.dialog-card h2{font-size:28px;margin:13px 0}#dialog-buttons{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.intro-card{box-shadow:none}}

@media(min-width:701px) and (pointer:fine){#machine{justify-content:center}#viewport{flex:none;aspect-ratio:16/10;width:100%;height:auto;max-height:calc(100dvh - 100px)}}

#machine:fullscreen #viewport{flex:1;aspect-ratio:auto;max-height:none;width:100%}

/* Convex glass is presentation-only; HUD and native controls remain readable. */
#viewport{border-radius:3.5% / 4.5%;box-shadow:0 0 0 2px #090910,inset 0 0 24px #0008}
#viewport::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;box-shadow:inset 0 0 24px 8px #08081080,inset 0 1px 0 #eeeeef25;background:linear-gradient(126deg,#ffffff08 0%,#ffffff02 17%,transparent 27%,transparent 85%,#c8c8e706 100%)}
@media(max-width:700px){#viewport{border-radius:2.5% / 3.5%}#viewport::after{box-shadow:inset 0 0 12px 3px #08081070}}

/* Rebuilt shell: engraved equipment label, quiet status strip and a wider glass stage. */
:root{--ink:#111019;--paper:#eeede4;--line:#3b3547}body{background:#0c0b11}#machine{max-width:1800px;margin:auto;padding:0 28px}header{height:64px;gap:24px}.brand{font-size:14px!important;letter-spacing:2.6px!important}.brand span{font:normal 12px ui-monospace,monospace;border:1px solid #817789;padding:3px 5px;margin-left:8px}.chapter{font-size:8px;letter-spacing:2px;color:#8b8197}nav{gap:9px}nav button{font-size:9px;border:1px solid #3b3447;padding:8px 11px;letter-spacing:1px}nav button:hover{border-color:#aa9dbb}#viewport{border:1px solid #61556e;border-radius:1.8% / 2.8%;box-shadow:0 0 0 5px #08070d,0 0 0 6px #282231}#viewport::after{box-shadow:inset 0 0 15px 3px #08081055;background:linear-gradient(133deg,#ffffff04,transparent 18%)}footer{height:36px;color:#a396b0;font-size:8px;letter-spacing:1px}#hud{top:18px;left:22px;right:22px}.checkpoint{background:#151521aa;padding:5px 8px;border-left:0}.data{background:#151521aa;padding:5px 8px}.health i{width:8px;height:12px;transform:none}.intro-card{position:relative;max-width:470px;padding:34px 38px;background:#111019f5;border:1px solid #9b8aa9;box-shadow:12px 12px 0 #08070dbc}.intro-card::before{content:'CB / 02';position:absolute;right:28px;top:30px;font-size:9px;letter-spacing:2px;color:#70617d}h1{font:normal 76px/.95 Georgia,serif;letter-spacing:-4px;margin:28px 0}.primary{height:48px;letter-spacing:2px;font-size:11px}.intro-bottom{letter-spacing:4px;font-size:8px}.dialog-card{border-color:#9b8aa9;background:#111019}.health i.empty{background:#111019}.overlay{background:#0c0b1177}
@media(min-width:701px) and (pointer:fine){#viewport{aspect-ratio:16/9;max-height:calc(100dvh - 114px)}}
@media(max-width:700px){#machine{padding:0}header{height:48px;padding:0 12px}nav{gap:5px}nav button{font-size:7px;padding:7px}.brand{font-size:10px!important;letter-spacing:1px!important}.brand span{font-size:9px;margin-left:3px}#viewport{border-radius:2% / 3%;box-shadow:none}footer{height:27px;padding:0 12px}.intro-card{padding:28px;margin:18px}.intro-card::before{display:none}h1{font-size:62px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:620px){#machine{padding:0}header,footer{display:none}.intro-card{max-width:650px;padding:22px 30px}.intro-card::before{display:none}h1{font-size:55px}}
#machine:fullscreen{padding:0}#machine:fullscreen #viewport{max-height:none;aspect-ratio:auto;border:0;box-shadow:none}

.drop{width:52px;height:52px;right:97px;bottom:91px}@media(pointer:coarse) and (orientation:landscape) and (max-height:620px){.drop{width:46px;height:46px;right:82px;bottom:77px}}

/* Visual UI belongs to the game framebuffer; native controls retain focus and semantics. */
#intro,#dialog{background:transparent;display:block;pointer-events:none}
#intro .intro-card,#dialog .dialog-card{display:contents}
#intro .intro-card>:not(button),#intro .intro-bottom,#dialog-tag,#dialog-title,#dialog-content,#hud,#toast{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#dialog-buttons{display:contents}
#intro #start,#dialog-buttons button{position:absolute;margin:0;padding:0;border:0;background:transparent!important;color:transparent!important;pointer-events:auto;box-shadow:none;outline:0;font-size:0}
#dialog{pointer-events:auto;touch-action:none}

@media(max-width:700px){nav{gap:12px}nav button{font-size:9px}header{gap:12px}.chapter{display:none}}

@media(max-width:520px){#fullscreen{display:none}nav{gap:8px}nav button{font-size:8px;letter-spacing:.4px}a.brand{font-size:12px}header{gap:8px}}

#touch-lantern{position:absolute;left:18px;top:56px;min-width:76px;min-height:42px;pointer-events:auto;font-size:10px;touch-action:none;background:rgba(16,16,16,.8)}

/* Quiet glass edge; the game image has one print screen and no optical overlays. */
#viewport{border-radius:10px / 12px;border:1px solid #41413b;box-shadow:0 0 0 2px #090909}#viewport canvas{border-radius:inherit}#viewport::after{background:none;box-shadow:inset 0 0 10px 2px #0002,inset 0 1px 0 #eeeeee12}

/* The tube remains a presentation mode; the illustrated signal stays crisp. */
#viewport[data-tube="tube"]{box-shadow:0 0 0 3px #080808,0 0 0 4px #44443b,0 0 24px #e8e0b80c;border-radius:15px / 18px}
#viewport[data-tube="tube"]::after{background:radial-gradient(ellipse at 24% -35%,#fff8dd0b,transparent 64%);box-shadow:inset 0 0 16px 3px #0004,inset 0 1px 1px #ffffe333}
#display[aria-pressed="true"]{border-color:#a19c76;box-shadow:inset 0 -1px #c7bd83}
@media(max-width:700px){nav{gap:4px}nav button{padding:7px 5px}#display{font-size:8px}}

#touch-inventory{position:absolute;left:18px;top:106px;min-width:76px;min-height:36px;pointer-events:auto;font-size:9px;touch-action:manipulation;background:rgba(16,16,16,.8)}
@media(max-width:700px){nav{gap:5px}nav button{padding:7px 6px}#inventory{font-size:8px}.brand{letter-spacing:1px!important}}
@media(max-width:430px){#inventory{font-size:0;padding:7px 10px}#inventory::after{content:'I';font-size:10px}nav button{padding:7px 5px}}


/* Immersive glass: the complete world continues beneath the two thumbs. */
@media(pointer:coarse){
 html,body{overflow:hidden}
 #machine{padding:0;max-width:none}header,footer{display:none}
 #viewport,#viewport[data-tube="tube"]{border:0;border-radius:0;box-shadow:none}
 #viewport::after{display:none}
 #game{position:absolute;top:0;left:0;border-radius:0}
 #touch{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);touch-action:none;background:none}
 #touch::before,#stick::after{display:none}
 #touch button,#stick{margin:0;pointer-events:auto;position:absolute;border:0;background:transparent!important;color:transparent!important;touch-action:none;font:11px/1.2 ui-monospace,monospace;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:none}
 #touch button.held,#touch button:active{background:transparent!important;color:transparent!important}
 .touch-actions{display:contents}
 #touch .jump,#touch .attack,#stick{border-radius:50%}
 #stick{padding:0;font-size:0;background:none}
 #thumb{display:none}
 #touch #touch-pause{border-radius:4px}
 #touch-read{padding:0;border-radius:0}
 #intro,#dialog{z-index:8;background:#101010;pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain;overflow:auto;-webkit-overflow-scrolling:touch}
 #intro .intro-card,#dialog .dialog-card{display:block;position:relative;margin:0 auto;width:100%;max-width:620px;min-height:100%;max-height:none;border:0;box-shadow:none;overflow:visible;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#101010}
 #intro .intro-card>:not(button),#dialog-tag,#dialog-title,#dialog-content{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;white-space:normal!important}
 #intro .intro-card::before{display:none}
 #intro h1{font:normal clamp(44px,12vw,68px)/1 Georgia,serif;letter-spacing:-2px;margin:28px 0}
 #intro p{font-size:14px;line-height:1.6}
 #intro .keys{display:none}
 #intro .small{display:block;font-size:12px;line-height:1.7;color:#b1b1a0}
 #intro .small::before{content:'Слева — двигаться. Справа — прыгать и бить. Вверх и вниз — осмотр. Остальное — в паузе. ';}
 #intro #start,#dialog-buttons button{position:static;display:block;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-width:48px;min-height:48px;padding:12px;border:1px solid #65655a;background:#191916!important;color:#e8e8e0!important;font:13px/1.35 ui-monospace,monospace;box-shadow:none;outline-offset:-3px;border-radius:3px;touch-action:manipulation}
 #intro #start{width:100%!important;background:#e8e8e0!important;color:#101010!important;font-weight:bold;margin:24px 0}
 #dialog-title{font:normal 30px/1.2 Georgia,serif;letter-spacing:-.5px;margin:20px 0}
 #dialog-tag{font:10px/1.5 ui-monospace,monospace;color:#8e8e7d}
 #dialog-content{font:14px/1.65 ui-monospace,monospace}
 #dialog-content p,#dialog-content .post p{font:inherit;color:#b9b9a5}
 #dialog-buttons{display:grid;grid-template-columns:1fr;gap:10px;margin:24px 0 0}
 #dialog-buttons button:focus-visible{outline:2px solid #fff}
 #dialog:not([data-kind="dossier"]) #dialog-buttons button:first-child{background:#e8e8e0!important;color:#101010!important}
}
/* One launch surface for loading, retry and ready. Original COLD BOOT type. */
@font-face{font-family:ColdBootPixel;src:url('fonts/cold-boot-pixel.ttf') format('truetype');font-display:swap}
body,button,header,.brand,.brand span,nav button,footer{font-family:ColdBootPixel,monospace!important}
#machine #intro{position:absolute;inset:0;display:flex;background:#101010;z-index:20;pointer-events:auto;overflow:auto;touch-action:pan-y}
#machine #intro .intro-card{display:flex;flex-direction:column;position:relative;margin:auto;width:min(100%,520px);min-height:0;max-height:none;padding:36px 28px;border:0;box-shadow:none;background:#101010;gap:0}
#machine #intro .intro-card::before{display:none}
#machine #intro .intro-card>*{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;white-space:normal!important;grid-area:auto!important}
#machine #intro .eyebrow{font:12px/1.6 ColdBootPixel,monospace;letter-spacing:.06em;color:#aaa99e;margin:0 0 28px}
#machine #intro h1{font:normal clamp(28px,6vw,40px)/1.35 ColdBootPixel,monospace;letter-spacing:0;color:#e8e8e0;margin:0 0 24px;text-shadow:0 0 8px #e8e8e022}
#machine #intro p{font:14px/1.75 ColdBootPixel,monospace;color:#b4b4a9;margin:0 0 18px}
#machine #intro #loading-status{display:block;min-height:48px!important;margin:0;font:12px/1.65 ColdBootPixel,monospace;color:#8f9087}
#machine #intro #start{display:block;position:static;left:auto!important;top:auto!important;width:100%!important;height:52px!important;min-height:52px;margin:18px 0 24px;padding:12px 16px;border:1px solid #c4c4b9;border-radius:0;background:#e8e8e0!important;color:#101010!important;box-shadow:none;pointer-events:auto;font:14px/1.4 ColdBootPixel,monospace;font-weight:400}
#machine #intro #start:disabled{opacity:.6;cursor:wait}
#machine #intro .keys{display:block;font:10px/1.85 ColdBootPixel,monospace;color:#8b8b81;margin:0}
#machine #intro .small{display:block;font:10px/1.7 ColdBootPixel,monospace;color:#77786f;margin:16px 0 0}
#machine #intro .small::before{content:none}
#machine #intro .intro-bottom{display:none}
#machine[data-boot="ready"] #loading-status{display:block}
#dialog-title{font-family:ColdBootPixel,monospace!important;letter-spacing:0}
#dialog-content,#dialog-tag,#dialog-buttons button{font-family:ColdBootPixel,monospace!important}
@media(pointer:coarse){#machine #intro .keys{display:none}#machine #intro .small{font-size:12px}#machine #intro .small::before{content:'Стик — движение и обзор. Справа — прыжок и удар. ';}#machine #intro .small{font-size:0}#machine #intro .small::before{font-size:12px}}
@media(max-height:500px){#machine #intro .intro-card{width:min(100%,600px);padding:20px 28px}#machine #intro .eyebrow{margin-bottom:12px}#machine #intro h1{font-size:26px;margin-bottom:12px}#machine #intro h1 br{display:none}#machine #intro p{font-size:12px;margin-bottom:8px}#machine #intro #loading-status{min-height:22px!important}#machine #intro #start{margin:10px 0 14px}#machine #intro .small{margin-top:4px}}
/* Fraktur is character art from part I, not the pixel font used for prose. */
#machine .brand{display:flex;align-items:center;gap:10px;letter-spacing:0!important}
#machine #brand-ascii{margin:0;white-space:pre;font:700 3px/3px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;color:var(--paper)}
#machine .brand span{font:12px/1 ColdBootPixel,monospace!important;letter-spacing:0!important}
#machine #intro .intro-card{width:min(100%,620px);padding:32px 24px}
#machine #intro .intro-card .ascii-title{display:block;white-space:pre!important;margin:0 0 24px;letter-spacing:0;font:700 clamp(4.5px,1.05vw,8px)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--paper);text-shadow:0 0 7px #e8e8e01a}
#machine #intro .eyebrow{margin-bottom:20px;font-size:11px}
#machine #intro h1{font-size:22px;line-height:1.4;margin-bottom:18px}
#machine #intro #boot-progress{display:block;white-space:pre!important;margin:8px 0 12px;font:12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;color:#b4b4a9}
#machine #intro #loading-status{min-height:40px!important}
#dialog-ascii:empty,#dialog-ascii[hidden]{display:none!important}
@media(pointer:coarse){#machine #dialog-ascii{display:block;white-space:pre;font:700 clamp(4px,1.1vw,7px)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;margin:0 0 22px;color:var(--paper)}}
@media(max-width:400px){#machine #intro .intro-card{padding:24px 18px}#machine #intro .intro-card .ascii-title{font-size:4.5px}}
@media(max-width:350px){#machine #intro .intro-card .ascii-title{font-size:4px}}
@media(max-height:500px){#machine #intro .intro-card{padding:20px 24px}#machine #intro .intro-card .ascii-title{font-size:5px;margin-bottom:14px}#machine #intro .eyebrow{margin-bottom:12px}#machine #intro h1{font-size:18px;margin-bottom:12px}#machine #intro #boot-progress{margin:4px 0 8px}}