:root{color-scheme:dark;font-family:IBM Plex Mono,JetBrains Mono,ui-monospace,monospace;background:#07090b;color:#d8dfdd;font-synthesis:none;--wolf-blue: #1018c9;--wolf-blue-deep: #090b80;--wolf-blue-line: #3038ed;--wolf-white: #f5f5ff}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#07090b}body{-webkit-user-select:none;user-select:none}#game{position:relative;isolation:isolate}#viewport{display:block;width:100%;height:100%;outline:none;cursor:crosshair}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;text-shadow:0 2px 12px #000,0 0 22px #000}.eyebrow{margin:0 0 8px;color:#bd7650;font-size:10px;font-weight:700;letter-spacing:.22em}.prompt{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);max-width:80vw;padding:11px 16px;border:1px solid rgb(207 132 84 / 45%);background:#070a0c7a;color:#f1c980;font-size:10px;letter-spacing:.18em;opacity:.92}.controls-legend{position:absolute;top:clamp(14px,2.1vh,26px);left:50%;width:min(92vw,1100px);transform:translate(-50%);display:flex;justify-content:center;gap:clamp(9px,1.4vw,22px);flex-wrap:wrap;color:#bcc9d79e;font-size:clamp(8px,.72vw,11px);letter-spacing:.1em;text-shadow:0 2px 9px #000}.controls-legend span+span:before{content:"•";margin-right:clamp(9px,1.4vw,22px);color:#bd7650b8}.wolf-statusbar{position:absolute;right:0;bottom:0;left:0;z-index:6;height:clamp(92px,15.6vh,158px);display:grid;grid-template-columns:minmax(84px,1.02fr) minmax(136px,1.78fr) minmax(84px,1.02fr) minmax(92px,.98fr) minmax(112px,1.2fr) minmax(96px,1.1fr) minmax(34px,.28fr) minmax(160px,1.95fr);overflow:hidden;border-top:4px solid #0b666d;background:var(--wolf-blue);box-shadow:0 -8px 30px #00000061,inset 0 2px #dfe7ff61;text-shadow:2px 2px 0 #070b48}.status-block,.face-portrait,.key-slot,.weapon-block{min-width:0;border-right:4px solid #090b67;box-shadow:inset -1px 0 #6f82ff57}.status-block{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 10px 10px;color:var(--wolf-white);text-align:center}.status-label{color:#bfcaff;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(11px,1.25vw,18px);font-weight:800;letter-spacing:.04em;line-height:1}.status-block strong{color:#fff;font-family:Courier New,ui-monospace,monospace;font-size:clamp(23px,4.1vh,48px);font-weight:900;letter-spacing:.02em;line-height:1;white-space:nowrap}.face-portrait{display:grid;place-items:center;background:#575757;box-shadow:inset 0 0 0 3px #292929,inset 0 0 0 6px #8b8b8b,inset -1px 0 #6f82ff57}.face-portrait svg{width:min(92%,132px);height:96%;shape-rendering:crispEdges}.face-state{display:none}.face-portrait[data-state=good] .face-state-good,.face-portrait[data-state=hurt] .face-state-hurt,.face-portrait[data-state=dead] .face-state-dead{display:block}.face-hair{fill:#7e4d2c}.face-hair-shadow{fill:#3c292b}.face-hair-highlight{fill:#c07a42}.face-skin,.face-ear{fill:#dc9159}.face-neck{fill:#b96545}.face-shadow{fill:#a65338}.face-jacket{fill:#263754}.face-brow,.face-nose,.face-mouth{fill:#3b2026}.face-eye{fill:#9ed5e4}.face-pupil{fill:#172033}.face-dead-eye{fill:#302029}.face-teeth{fill:#f1d8a6}.face-blood{fill:#c63740}.key-slot{display:grid;place-items:center;background:#0d14a6}.key-icon{width:min(72%,26px);height:76%;fill:#f4d23d;filter:drop-shadow(2px 2px 0 #6d5a12);shape-rendering:crispEdges}.weapon-block{display:grid;place-items:center;background:#1118c9}.weapon-icon{width:min(90%,220px);max-height:78%;overflow:visible;shape-rendering:crispEdges}.weapon-shape{display:none;fill:#050b38}.weapon-icon[data-weapon=knife] .weapon-shape-knife,.weapon-icon[data-weapon=pistol] .weapon-shape-pistol,.weapon-icon[data-weapon=machinegun] .weapon-shape-machinegun,.weapon-icon[data-weapon=chaingun] .weapon-shape-chaingun{display:block}.wolf-statusbar{display:block;height:min(12.5vw,27vh);min-height:40px;border-top:0;background:#0000a8;box-shadow:none;text-shadow:none}.wolf-statusbar>:not(#status-canvas):not(#status-readout){display:none}#status-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.feed{position:absolute;left:clamp(18px,3vw,42px);bottom:clamp(106px,17vh,174px);padding:8px 11px;border-left:3px solid #bd7650;background:#070a0ca3;color:#d48763;font-size:10px;letter-spacing:.08em;opacity:0;transition:opacity .2s ease}.feed.visible{opacity:1}#reticle{position:absolute;z-index:5;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none;opacity:.75}#reticle:before,#reticle:after,#reticle span:before,#reticle span:after{content:"";position:absolute;background:#e0b268;box-shadow:0 0 8px #c66b45}#reticle:before{top:8px;left:0;width:5px;height:1px}#reticle:after{top:8px;right:0;width:5px;height:1px}#reticle span:before{top:0;left:8px;width:1px;height:5px}#reticle span:after{bottom:0;left:8px;width:1px;height:5px}#damage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgb(145 22 20 / 0) 72%,rgb(146 25 23 / 0) 100%);transition:background .12s ease}#damage-vignette.hit{background:radial-gradient(ellipse at center,transparent 28%,rgb(145 22 20 / 19%) 68%,rgb(146 25 23 / 68%) 100%)}.boot-panel,.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,#241b17d1,#040608f7 68%)}.boot-panel{isolation:isolate;overflow:hidden;background:#050607;text-align:center}.boot-panel:before,.boot-panel:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.boot-panel:before{z-index:0;background-image:radial-gradient(circle at 50% 38%,#2a221c47,#020405f0 78%),url(/assets/original/walls/wall-tile-001.png);background-size:cover,128px 128px;image-rendering:pixelated;opacity:.9}.boot-panel:after{z-index:1;background:linear-gradient(#0000 50%,#0000002e 50%),radial-gradient(ellipse at center,#0000 28%,#000000b3);background-size:100% 4px,100% 100%;mix-blend-mode:multiply}.splash-art{position:absolute!important;inset:clamp(22px,4vh,48px) clamp(14px,5vw,84px) clamp(96px,14vh,148px);z-index:2;overflow:hidden;border:2px solid rgb(228 189 115 / 62%);background-image:linear-gradient(180deg,#0305071f,#030507c7 86%),url(/assets/original/walls/wall-tile-001.png);background-size:cover,128px 128px;background-repeat:no-repeat,repeat;box-shadow:0 0 0 10px #040608d1,0 22px 70px #000000b8;image-rendering:pixelated}.splash-art:before{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgb(189 118 80 / 70%);content:"";box-shadow:inset 0 0 36px #000000b3}.splash-art:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(ellipse at center,#0000 34%,#0000009e)}.splash-wall-panel{position:absolute;top:8%;left:50%;width:clamp(220px,34vw,430px);aspect-ratio:1;transform:translate(-50%);border:9px solid rgb(18 20 22 / 92%);outline:2px solid rgb(228 189 115 / 76%);background:linear-gradient(180deg,#0000 58%,#0000003d),url(/assets/original/walls/wall-tile-012.png) center / 100% 100% no-repeat;box-shadow:0 0 0 5px #040608c7,0 18px 42px #000000c2,inset 0 0 0 2px #bd7650ad;image-rendering:pixelated}.splash-sprite{position:absolute;width:64px;height:64px;background-image:url(/assets/original/sprites/sprite-atlas.png);background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 12px 9px rgb(0 0 0 / 84%))}.splash-sprite-dog{bottom:10%;left:10%;background-position:-960px -192px;transform:scale(3.15);transform-origin:center bottom}.splash-sprite-guard{right:10%;bottom:8%;background-position:-1408px -64px;transform:scale(3.7);transform-origin:center bottom}.boot-content{position:absolute;right:50%;bottom:clamp(14px,3vh,34px);transform:translate(50%);z-index:3;width:min(650px,calc(100vw - 42px));padding:clamp(18px,2.5vw,30px) clamp(20px,4vw,54px);border:1px solid rgb(228 189 115 / 70%);background:#040608eb;box-shadow:0 0 0 5px #040608a6,0 16px 48px #000000b8}.boot-content h1{color:#f1c980;font-size:clamp(42px,8vw,96px);text-shadow:3px 3px 0 #5f2017,0 0 28px rgb(228 189 115 / 32%)}.boot-content .eyebrow{color:#d9b46d;text-shadow:0 2px 5px #000}.boot-content .boot-copy{color:#e0d5bb}.boot-panel.hidden,.modal.hidden,.prompt.hidden,.level-picker.hidden{display:none}.boot-panel>*:not(.boot-content),.modal-card>*{position:relative}h1,h2{margin:0;color:#e7ebe8;font-family:Arial Narrow,Impact,sans-serif;font-weight:700;letter-spacing:.09em}h1{font-size:clamp(34px,7vw,90px);line-height:.9}h1 span{color:#b86b4a}h2{font-size:clamp(25px,4vw,52px)}.boot-copy,.modal-card>p:not(.eyebrow){max-width:460px;margin:24px auto;color:#9ca8a4;font-size:12px;line-height:1.7}.level-picker{display:grid;justify-items:center;gap:8px;margin:0 auto 20px;color:#bd7650;font-size:9px;letter-spacing:.16em}.level-picker select{width:min(390px,calc(100vw - 64px));border:1px solid rgb(189 118 80 / 70%);padding:10px 12px;background:#0b1012;color:#e4bd73;font:inherit;font-size:10px;letter-spacing:.06em}.level-picker select:focus-visible{outline:1px solid #f1c980;outline-offset:2px}.level-picker select:disabled{cursor:wait;opacity:.65}button{border:1px solid #bd7650;padding:13px 18px;background:#18100ee5;color:#e4bd73;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.16em;transition:background .16s ease,color .16s ease,transform .16s ease}button:hover,button:focus-visible{background:#bd7650;color:#0b0e0f;outline:none;transform:translateY(-1px)}button:disabled{opacity:.46;cursor:wait;transform:none}.boot-actions,.modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.save-hint{margin:14px 0 0;color:#9ca8a4b8;font-size:9px;letter-spacing:.08em}.modal-card{width:min(520px,calc(100vw - 44px));padding:42px;border:1px solid rgb(189 118 80 / 54%);background:#070a0ce0;text-align:center;box-shadow:0 0 90px #0009}.complete-card h2{font-size:clamp(22px,3vw,42px)}.complete-stats{margin:16px auto 24px!important;color:#e4bd73!important;font-size:10px!important;letter-spacing:.08em;line-height:1.8!important}@media(max-width:700px){.controls-legend{width:96vw;gap:7px 10px;font-size:7px}.controls-legend span:nth-child(2),.controls-legend span:nth-child(5){display:none}.controls-legend span+span:before{margin-right:10px}.wolf-statusbar{height:min(12.5vw,27vh);min-height:40px;grid-template-columns:.9fr 1.35fr .9fr .85fr 1.15fr 1fr .28fr 1.45fr}.status-block{gap:3px;padding:8px 4px}.status-label{font-size:8px}.status-block strong{font-size:22px}.face-portrait svg{width:76px;height:76px}.feed{bottom:98px;left:14px;font-size:8px}.boot-copy{padding:0 24px}.splash-art{top:18px;right:10px;bottom:86px;left:10px}.splash-wall-panel{top:7%;width:min(58vw,300px)}.splash-sprite-dog{left:2%;transform:scale(2.15)}.splash-sprite-guard{right:2%;transform:scale(2.45)}.boot-content{width:min(94vw,560px);padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}