:root{font-family:Arial,Helvetica,sans-serif;color:#fff4d9;background:#262039;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #f75899;outline-offset:5px}button:hover{filter:brightness(1.08)}button:active{transform:translateY(2px)}#game{position:relative;height:100svh;min-height:480px;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;background:#262039}header{height:112px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 36px;background:#e8e1d5;color:#262039;border-bottom:2px solid #262039;z-index:2}.wordmark{font-size:36px;line-height:.78;letter-spacing:-3px;color:inherit;text-decoration:none;font-weight:950;position:relative;transform:rotate(-5deg)}.wordmark span{font-size:12px;position:absolute;right:-13px;top:0;letter-spacing:0}.bank{text-align:center}.bank span,.top-actions,.eyebrow,.intro-controls,.target,footer,#hud{font-family:'Courier New',monospace;font-size:11px;letter-spacing:1px;font-weight:bold}.bank span{display:block;font-size:10px}.bank strong{display:block;font-size:44px;letter-spacing:-2px;line-height:1.1}.top-actions{text-align:right;line-height:2.4}.top-actions button{background:transparent;font-size:10px;padding:5px 8px;border:1px solid #262039;margin-left:6px}#pause{font-size:14px;padding:2px 10px}#hud{position:absolute;top:132px;left:36px;right:36px;display:flex;gap:30px;align-items:center;color:#fff4d9;pointer-events:none;z-index:2}.air{width:180px}.air>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px}.track{height:10px;background:#fff4d92a;border:1px solid #fff4d966}.track i{display:block;background:#ecea4b;height:100%;width:100%;transition:width .1s linear}.air.low .track i{background:#ff6e87}.air.low{color:#ff8b96}.bag{flex:1}.bag span{display:flex;gap:16px}.bag b{color:#ecea4b}#load{display:flex;gap:3px;margin-top:7px;max-width:230px}#load i{height:7px;background:#fff4d933;flex:1}#load i.filled{background:#ecea4b}.depth{display:flex;gap:8px;align-items:center}.depth>b{font-family:Arial,sans-serif;font-size:34px;letter-spacing:-2px}.depth span{font-size:9px;line-height:1.4}#overlay{position:absolute;inset:112px 0 57px;display:flex;align-items:center;pointer-events:none;z-index:3}#overlay section{pointer-events:auto}.intro{margin-left:8%;max-width:650px;position:relative;color:#fff4d9}.eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 22px}.intro h1{font-size:clamp(55px,7.3vw,104px);line-height:.87;letter-spacing:-6px;font-weight:950;margin:0;transform:rotate(-3deg)}h1 em{font-style:normal;color:#ecea4b}.pitch{font-size:21px;margin:32px 0 23px;font-weight:600;letter-spacing:-.5px}.primary{background:#ecea4b;color:#262039;padding:18px 24px;font-weight:900;letter-spacing:-.5px;font-size:20px;box-shadow:5px 5px 0 #f75899;min-width:240px;text-align:left}.primary span{float:right}.intro-controls{display:flex;gap:20px;font-size:9px;margin-top:29px;letter-spacing:.5px}.target{color:#c6a2b6;font-size:9px;margin-top:32px;letter-spacing:.7px}footer{position:absolute;bottom:0;left:0;right:0;background:#e8e1d5;color:#262039;border-top:2px solid #262039;min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:10px 36px;gap:15px;font-size:10px;z-index:4}#play-controls{display:flex;align-items:center;gap:16px;white-space:nowrap}#winch{background:#262039;color:#ecea4b;padding:10px 14px;font-weight:bold;font-size:11px}kbd{font:inherit;font-size:9px;opacity:.5;margin-left:12px}#cashout{background:transparent;text-decoration:underline;font-size:10px}#lives{font-size:14px;letter-spacing:4px}#toast{position:absolute;left:50%;bottom:100px;transform:translateX(-50%) rotate(-2deg);color:#262039;background:#ecea4b;box-shadow:4px 4px 0 #f75899;padding:12px 22px;font-weight:900;font-size:18px;z-index:3;pointer-events:none;opacity:0;transition:opacity .15s;white-space:nowrap}#toast.visible{opacity:1}#modal{background:#fff4d9;color:#262039;margin:auto;width:min(720px,90%);padding:40px;box-shadow:10px 10px 0 #f75899;transform:rotate(-1deg)}#modal h2{font-size:clamp(35px,5vw,65px);letter-spacing:-3px;line-height:.95;margin:0 0 18px}#modal-copy{line-height:1.5;max-width:540px}#modal .eyebrow{color:#7e596e}#choices{display:flex;gap:12px;margin:26px 0 10px}#choices:empty{display:none}.choice{background:#262039;color:#fff4d9;flex:1;padding:22px 14px;text-align:left;min-width:0}.choice .symbol{display:block;font-size:35px;color:#ecea4b;margin-bottom:22px}.choice b{display:block;font-size:16px}.choice small{display:block;margin-top:10px;font-size:11px;line-height:1.5;color:#d2bec8}.choice:hover{background:#68415c}.choice kbd{float:right}#continue{margin-top:20px}.hidden{display:none!important}#dpad{position:absolute;bottom:75px;left:20px;display:grid;grid-template-columns:repeat(3,49px);gap:5px;z-index:3}#dpad button{background:#ecea4be8;color:#262039;height:49px;border:2px solid #262039;font-size:26px;touch-action:none;user-select:none}#dpad button:first-child{grid-column:2}#dpad button:nth-child(2){grid-column:1}#dpad button:nth-child(n+2){grid-row:2}@media(min-width:801px) and (pointer:fine){#dpad{display:none!important}}@media(max-width:800px){header{height:90px;padding:15px 20px}.wordmark{font-size:29px}.bank strong{font-size:36px}.top-actions{font-size:9px}#hud{top:108px;left:20px;right:20px;gap:16px}.air{width:110px}.bag span{font-size:9px;letter-spacing:0;gap:8px}.depth>b{font-size:28px}#overlay{inset:90px 0 58px}.intro{margin-left:7%;margin-right:7%}.intro h1{font-size:clamp(58px,11vw,84px);letter-spacing:-4px}.intro .eyebrow{font-size:8px;letter-spacing:1.4px}.pitch{font-size:18px}.intro-controls{gap:16px;font-size:8px}.target{font-size:8px;max-width:280px;line-height:1.6}footer{padding:10px 15px}#hint{max-width:145px;font-size:9px;letter-spacing:0}#play-controls{gap:9px}#winch{padding:10px;font-size:10px}kbd{display:none}#lives{font-size:11px;letter-spacing:1px}#toast{bottom:195px;font-size:13px;max-width:90%;white-space:normal;text-align:center}#modal{padding:28px 22px}#choices{gap:7px}.choice{padding:16px 10px}.choice b{font-size:12px}.choice small{font-size:10px}.choice .symbol{margin-bottom:15px}#cashout{font-size:9px}}@media(max-height:620px){.intro h1{font-size:60px}.intro .eyebrow{margin-bottom:15px}.pitch{margin:20px 0}.target{display:none}.intro-controls{margin-top:20px}#modal{padding:24px}#choices{margin-top:15px}.choice .symbol{font-size:24px;margin-bottom:10px}}
/* The workshop remains scrollable in short landscape and narrow portrait views. */
button:disabled{opacity:.48;cursor:default;filter:none;transform:none}
#modal{max-height:calc(100svh - 190px);overflow:auto;transform:none;overscroll-behavior:contain}
#modal h2{white-space:pre-line;font-size:clamp(28px,4vw,44px)}
#choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.choice{padding:15px}.choice .symbol{font-size:25px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}
.choice .symbol small{margin:0;font-size:9px}.choice strong{display:block;color:#ecea4b;margin-top:12px;font-size:12px}
.stash{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.stash button{background:#e4d4c8;color:#262039;padding:9px;font-size:11px;text-transform:capitalize}
#tools{position:absolute;bottom:78px;right:20px;display:flex;gap:8px;z-index:2}#tools button,#workshop,#descend{background:#262039;color:#ecea4b;border:1px solid #ecea4b;padding:10px;font-size:11px;font-weight:bold}
#tools button{background:#fff4d9;color:#262039;border:2px solid #262039;min-height:42px}
#lives{font-size:10px;letter-spacing:0}#load{gap:1px}#load i{min-width:0}
@media(max-width:800px){#modal{padding:20px;max-height:calc(100svh - 165px)}#choices{grid-template-columns:repeat(2,minmax(0,1fr))}#modal-copy{font-size:13px}#modal .eyebrow{font-size:9px;margin-bottom:12px}.choice b{font-size:13px}.choice small{font-size:11px}#tools{flex-direction:column;gap:4px;bottom:75px;right:12px}#play-controls{gap:5px}#workshop,#descend{font-size:10px;padding:10px 7px}#lives{display:none}#hint{max-width:120px}#continue{font-size:16px;min-width:0;width:100%}}
@media(max-height:500px){#game{min-height:0}#modal{max-height:calc(100svh - 150px);padding:16px}#dpad{left:12px;bottom:63px;grid-template-columns:repeat(3,36px);gap:3px}#dpad button{height:36px;font-size:22px}#tools{bottom:65px;flex-direction:row}#tools button{font-size:9px;padding:7px}.intro h1{font-size:44px}.intro .eyebrow,.intro-controls,.pitch{display:none}.intro .primary{margin-top:20px;padding:12px}}

#mission{position:absolute;top:185px;left:36px;max-width:calc(100% - 72px);padding:8px 10px;background:#262039e8;color:#ecea4b;border:1px solid #ecea4b;font: bold 11px 'Courier New',monospace;z-index:2;text-align:left}.mission-brief{grid-column:1/-1;margin:0;padding:12px;background:#e4d4c8;font-size:13px;line-height:1.5}
@media(max-width:800px){#mission{top:154px;left:20px;max-width:calc(100% - 40px);font-size:10px}}
@media(max-height:500px){#mission{top:165px;left:auto;right:12px;max-width:42%;font-size:9px}}
