:root{color-scheme:dark;--bg:#0c171e;--panel:#15262f;--line:#30424a;--muted:#a4b3b8;--gold:#ecc16b;--text:#eef2eb;--mint:#92d3bd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#22363c,transparent 55%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}button,input{font:inherit}button{border:1px solid #52646b;background:#233840;color:var(--text);border-radius:7px;padding:12px 16px;cursor:pointer;touch-action:manipulation;transition:background .15s}button:hover{background:#34505b}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--gold);border-color:var(--gold);color:#172229;font-weight:750}button.primary:hover{background:#ffdc92}button.subtle{background:transparent;padding:7px 10px;font-size:12px}input{background:#0d1b22;border:1px solid #54646a;border-radius:6px;color:white;padding:13px;min-width:0;width:100%}label{font-size:12px;color:var(--muted)}header{max-width:1280px;margin:auto;padding:26px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--text);text-decoration:none;letter-spacing:3px;font-family:Georgia,serif;font-size:23px}.brand b{color:var(--gold);font-weight:400}.brand small{display:block;letter-spacing:1px;font:10px system-ui;margin-top:8px;color:var(--muted)}.pill{border:1px solid #5a6256;color:var(--gold);font-size:10px;letter-spacing:1.5px;border-radius:30px;padding:8px 11px;white-space:nowrap}main{max-width:1280px;margin:auto;padding:28px 32px}.intro{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;padding:65px 20px 70px;align-items:center}.eyebrow,.section-label{font-size:10px;color:var(--gold);font-weight:700;letter-spacing:2px}h1{font:clamp(37px,4.2vw,61px)/1.07 Georgia,serif;letter-spacing:-1.5px;margin:23px 0;color:#f5f0e4}h2{font:26px Georgia,serif;margin:10px 0 20px}p{line-height:1.65;color:var(--muted)}.intro-copy>p{max-width:470px}.steps{display:flex;gap:22px;margin:32px 0;color:var(--gold);font-size:10px;letter-spacing:1px}.panel{background:linear-gradient(135deg,#192d36,#13242c);border:1px solid var(--line);border-radius:12px;padding:22px}.lobby-panel{display:grid;gap:13px;box-shadow:0 20px 80px #0004}.lobby-panel h2{margin-bottom:10px}.join{display:flex;gap:8px}.fine{font-size:11px;line-height:1.7;color:#93a4ad;margin:10px 0}.runbar{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px;gap:12px}.runbar h2{margin:8px 0}.run-status{display:flex;align-items:center;gap:12px;font-size:12px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.dungeon-panel{background:#10212a;border:1px solid var(--line);border-radius:12px;overflow:hidden}#turn{padding:13px 18px;font-size:13px;border-bottom:1px solid var(--line);background:#1e343e;color:#d5e9e2}#viewport{aspect-ratio:1.16;max-height:640px;position:relative;background:#0b1720}#viewport canvas{width:100%;height:100%;display:block}.legend{display:flex;justify-content:center;gap:22px;font-size:10px;color:var(--muted);padding:8px;border-top:1px solid #263e48}.legend span:first-child{color:var(--mint)}.legend span:nth-child(3){color:var(--gold)}.controls{padding:16px;display:flex;justify-content:space-between;gap:14px;align-items:center}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,40px);gap:4px}.dpad button{font-size:22px;padding:0}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.actions button{font-size:12px;padding:11px}.control-help{padding:0 18px 8px;margin:0}aside{display:grid;gap:13px}aside .panel{padding:17px}.section-label{margin-bottom:14px}.hero{margin-top:12px}.hero-top{display:flex;justify-content:space-between;gap:6px;font-size:12px}.hp{height:5px;background:#35444a;border-radius:10px;margin-top:8px;overflow:hidden}.hp i{display:block;height:100%;background:var(--mint)}.offer,.debt{border-top:1px solid var(--line);padding:13px 0 0;margin:12px 0 0}.offer:first-child,.debt:first-child{border-top:0;padding-top:0}.offer h3,.debt h3{font-family:Georgia,serif;color:var(--gold);font-size:18px;margin:0 0 8px}.offer p,.debt p{font-size:11px;line-height:1.5;margin:6px 0}.offer strong,.debt strong{color:#dce4df}.offer button,.debt button{font-size:11px;padding:8px 11px;margin:6px 5px 0 0}.empty{font-size:12px;color:var(--muted);line-height:1.6}#log{list-style:none;padding:0;margin:0;font-size:11px;color:var(--muted)}#log li{padding:7px 0;border-top:1px solid #2a3b43}#log li:first-child{color:#e4e9df;border:0}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#3c3030;border:1px solid #b68c68;color:#ffead5;padding:14px 20px;border-radius:8px;max-width:92%;z-index:4;box-shadow:0 8px 30px #0007}#ending{margin-top:18px;border-color:var(--gold)}footer{max-width:1216px;border-top:1px solid var(--line);margin:20px auto;padding:22px;text-align:center;font-size:10px;color:var(--muted)}[hidden]{display:none!important}#connection{font-size:12px;margin:0}#roster{padding-left:20px;font-size:13px;color:var(--muted)}
@media(max-width:850px){.intro{gap:30px;padding:30px 0}.game-grid{grid-template-columns:minmax(0,1fr) 270px}main,header{padding:20px}.controls{flex-direction:column}.actions{justify-content:center}.legend{gap:13px}}
@media(max-width:650px){header{padding:19px 16px}.brand{font-size:18px;letter-spacing:2px}header>.pill{font-size:8px;padding:7px;letter-spacing:.5px}.brand small{font-size:8px;letter-spacing:.4px}main{padding:18px 12px}.intro{grid-template-columns:1fr;padding:15px 5px;gap:20px}.intro-copy h1{font-size:40px}.intro-copy>p{font-size:13px}.steps{margin:20px 0}.intro-copy>.fine{display:none}.game-grid{grid-template-columns:1fr;gap:14px}.runbar{align-items:flex-start}.run-status{flex-wrap:wrap;justify-content:flex-end;max-width:150px;gap:7px}.runbar h2{font-size:23px}.eyebrow{font-size:8px}.controls{flex-direction:row;padding:12px;gap:8px}.actions{max-width:185px;justify-content:flex-end}.actions button{padding:10px;font-size:11px}#viewport{aspect-ratio:1.02}.dpad{grid-template-columns:repeat(3,40px)}aside{grid-template-columns:1fr}.control-help{font-size:10px}.lobby-panel{padding:22px}footer{margin-top:10px}.panel{border-radius:9px}}
/* Ink, stage lights, and a little bad judgment. */
:root{--bg:#14111d;--panel:#272131;--line:#4b4057;--muted:#b7adbd;--gold:#f2c76b;--text:#f8f0dc;--mint:#a8dcc5}body{background:radial-gradient(ellipse at 12% 0,#423052,transparent 60%),radial-gradient(circle at 92% 20%,#54302d,transparent 35%),var(--bg)}header{border-bottom:2px solid #08070d}.brand{font-weight:800;text-shadow:3px 3px #08070d}.brand b{color:#f2c76b}.pill{background:#1b1724;border-color:#796189}.intro-copy{position:relative}.intro-copy:before{content:'LIFE: ON CREDIT';display:inline-block;font:bold 10px system-ui;letter-spacing:2px;color:#1b1423;background:#ef9278;padding:8px 12px;border:2px solid #09070c;box-shadow:4px 4px #09070c;transform:rotate(-4deg);margin:0 0 25px}.intro-copy>.eyebrow{display:block;color:#c5a0ee}.intro-copy h1{font-weight:700;letter-spacing:-2px;text-shadow:4px 5px #100c17}.panel{background:linear-gradient(145deg,#2c2538,#211c2c);border:1px solid #66536e;border-radius:5px;box-shadow:5px 6px 0 #08070d}.dungeon-panel{border:2px solid #776079;background:#211b2c;border-radius:5px;box-shadow:6px 7px 0 #08070d}#viewport{background:#171323}#turn{background:#3a2c4e;border-bottom:2px solid #0c0913;color:#f7e6cb;font-weight:650}.enemy-bark{font:italic 12px/1.5 Georgia,serif;padding:11px 18px;background:#f0dba9;color:#39243c;border-bottom:3px solid #100c17;letter-spacing:.2px}.section-label{color:#f2c76b;display:inline-block;border-bottom:2px solid #dd856e;padding-bottom:5px}.legend{background:#191522;border-color:#43354f}button{border:1px solid #806b8c;background:#382c46;border-radius:4px;box-shadow:2px 3px 0 #100c16}button:hover{background:#594269}button.primary{box-shadow:3px 4px 0 #100c16}button.subtle{box-shadow:none;color:#ddc9e9}.controls{background:#251e30}.hp{background:#4b3d51}.hp i{background:linear-gradient(90deg,#95cdb4,#ddedb2)}.runbar h2{font-weight:700}.offer h3,.debt h3{font-style:italic}.lobby-panel h2{color:#f7e5b9;font-weight:bold}.lobby-panel{border-top:5px solid #e89177}.steps span{border-bottom:2px solid #865e9c;padding-bottom:8px}input{background:#18131f;border-color:#75617f}.fine{color:#b3a6bb}#notice{background:#392635;border:2px solid #ee9b7c;box-shadow:5px 6px #0c0810}#log li{border-color:#473a51}footer{border-color:#57445e}.intro-copy .fine{font-size:10px}
body:has(#lobby:not([hidden])){background:radial-gradient(ellipse at 35% 45%,#4c304b 0,#241b30 40%,#100d18 80%)}body:has(#lobby:not([hidden])) header{border:0;padding-bottom:0}body:has(#lobby:not([hidden])) header .pill{display:none}body:has(#lobby:not([hidden])) header .brand{font:10px system-ui;letter-spacing:3px;color:#b5a2b7;text-shadow:none}body:has(#lobby:not([hidden])) header .brand small{display:none}.intro{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:5%;padding:5px 25px 30px;align-items:center}.intro-copy:before{display:none}.title-lockup{text-align:center;position:relative;z-index:1;margin:20px 0 -50px}.title-lockup .eyebrow{font-size:9px;letter-spacing:3px;color:#d4b8da}.title-lockup h1{font-size:clamp(40px,5.3vw,74px);font-weight:900;line-height:.88;letter-spacing:1px;text-shadow:5px 6px #0c0912;margin:20px 0}.title-lockup h1 em{font-style:normal;color:#f1c77e;letter-spacing:7px}.title-lockup p{font:italic 15px Georgia,serif;color:#debdc2;margin:15px 0}.lobby-art{width:100%;display:block;max-height:620px}.scene-caption{font:9px system-ui!important;letter-spacing:3px;text-align:center;margin:-25px 0 0!important;color:#a994ac!important}.lobby-panel{background:linear-gradient(115deg,#dcc59d,#f0dbb0 45%,#d3b790);border:2px solid #170e1c;border-radius:2px;box-shadow:11px 12px 0 #09060d70;padding:30px 28px;transform:rotate(1deg);color:#39283c;gap:11px}.lobby-panel h2{color:#39283c;font:italic 32px/1.1 Georgia,serif;margin:10px 0 0}.contract-stamp{font:bold 8px system-ui;letter-spacing:2px;border-top:1px solid #907555;border-bottom:1px solid #907555;padding:9px 0;color:#815040}.contract-note{font:12px/1.5 Georgia,serif;color:#674756;margin:5px 0 8px}.lobby-panel label{color:#674b5d;font-size:10px}.lobby-panel input{background:#f6e5c055;border:0;border-bottom:1px solid #987a65;border-radius:0;color:#38233b;padding:10px 4px}.lobby-panel input::placeholder{color:#795e71}.lobby-panel button{background:#49324f;border:1px solid #25162a;color:#fae8c8;border-radius:2px}.lobby-panel button.primary{background:#9b493f;color:#fff1d1;border-color:#71362f}.lobby-panel button:hover{filter:brightness(1.15)}.lobby-panel #offline{background:transparent;color:#5b394e;box-shadow:none;border:0;text-decoration:underline;padding:5px}.lobby-panel #connection{font-size:10px;color:#684953}.lobby-panel .fine{font-size:9px;color:#74565f}.lobby-panel #roster{color:#47334a}.lobby-panel #room-label{color:#553947;font-size:12px}.lobby-panel .join{border-bottom:1px solid #b79b7a;padding-bottom:12px}
@media(max-width:650px){.intro{grid-template-columns:1fr;padding:0 12px 25px;gap:18px}.title-lockup{margin:20px 0 -45px}.title-lockup h1{font-size:48px}.title-lockup p{font-size:12px}.lobby-art{max-height:375px}.scene-caption{font-size:7px!important;letter-spacing:2px;margin:-20px 0 0!important}.lobby-panel{padding:25px;transform:rotate(.5deg)}.lobby-panel h2{font-size:29px}.intro-copy .title-lockup h1{font-size:48px}}

.key-art{object-fit:cover;object-position:right center;height:550px!important;width:100%;margin-top:55px;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent)}.title-lockup+.key-art{max-height:550px}.intro-copy .scene-caption{position:relative;margin-top:-6px!important}@media(max-width:650px){.key-art{height:370px!important;margin-top:45px}.title-lockup+.key-art{max-height:370px}}
/* Dungeon-first play surface. The contract only appears when requested. */
body:has(#game:not([hidden])){background:#111515}body:has(#game:not([hidden]))>header,body:has(#game:not([hidden]))>footer{display:none}body:has(#game:not([hidden])) main{max-width:1440px;padding:12px 18px}body:has(#game:not([hidden])) main>label{position:absolute;right:28px;bottom:3px;font-size:9px;margin:0;z-index:2}#game .runbar{height:68px;margin:0;gap:20px}#game .floor-heading{min-width:170px}#game .eyebrow{font-size:9px;color:#c4a666}#game .runbar h2{font:24px Georgia,serif;margin:5px 0;color:#efdfbd}#game #heroes{display:flex;gap:22px;flex:1;max-width:500px}#game .hero{flex:1;min-width:130px;margin:0}#game .hero-top{font-size:12px;white-space:nowrap}#game .hero .fine{margin:4px 0 0;font-size:9px;color:#a2aaa4}#game .hp{height:4px;margin-top:6px;background:#303b36}#game .run-status{gap:7px;max-width:320px;flex-wrap:wrap;justify-content:flex-end;font-size:9px;color:#a3aaa3}#game .run-status button{font-size:10px;padding:5px 8px;background:transparent;color:#c5c7b9;border-color:#5c5a4c;box-shadow:none}#game .game-grid{display:block}#game .dungeon-panel{position:relative;border:1px solid #665a41;border-radius:0;background:#111515;box-shadow:none;overflow:visible}#game #turn{height:35px;padding:9px 15px;background:#181e1d;color:#d7ddcb;border:0;font-size:12px;font-weight:500;letter-spacing:.4px}#game #viewport{height:calc(100dvh - 220px);max-height:650px;min-height:370px;aspect-ratio:auto;background:#101414}#game .enemy-bark{position:absolute;top:47px;left:16px;max-width:390px;background:#121918bb;border:0;border-left:2px solid #c6a56b;padding:8px 12px;color:#d5c3a0;font:italic 12px Georgia,serif;pointer-events:none}#game .scene-goal{position:absolute;right:16px;top:48px;font-size:8px;letter-spacing:1.8px;color:#999c8a;pointer-events:none}#game .controls{min-height:82px;padding:9px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#1a211f;border-top:1px solid #4d4e3d;gap:16px}#game .dpad{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,29px);gap:3px}#game .dpad button{font-size:18px;background:#29312b;border-color:#6e705c;box-shadow:none;border-radius:2px}#game .actions{display:flex;flex-wrap:nowrap;max-width:none;gap:10px}#game .actions button{background:#29312b;border-color:#7c7e64;color:#e9e8d1;border-radius:2px;box-shadow:0 3px #0b0f0e;padding:12px 16px;font-size:12px}#game .actions button.primary{background:#c4a466;color:#161b16;border-color:#dab97c}#game .actions button.treasure-near{background:#e1c88e;color:#241c14;border-color:#f7dca1}#game #echoes{align-self:center;position:relative;font-size:10px;min-width:90px;color:#acae9d}#game #echoes summary{cursor:pointer}#game #echoes ol{position:absolute;bottom:25px;right:0;width:280px;max-height:260px;overflow:auto;background:#1c2420;border:1px solid #665b42;padding:14px;z-index:5}#game .control-help{font-size:9px;color:#8f9a91;margin:0;padding:7px 16px;background:#111715}#game #contract-drawer{position:absolute;right:18px;top:70px;width:310px;max-height:calc(100% - 180px);overflow:auto;display:block;background:linear-gradient(115deg,#dfc9a0,#f0dfb7);color:#392b25;border:1px solid #94714d;box-shadow:7px 8px #080b0aa0;padding:18px;z-index:4;transform:rotate(.5deg)}#game .drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font:bold 10px Georgia,serif;letter-spacing:1px;border-bottom:1px solid #ad9068;padding-bottom:9px;margin-bottom:18px}#game .drawer-heading button{font-size:20px;padding:0 5px;background:transparent;color:#483427;box-shadow:none;border:0}#game #contract-drawer .section-label{font-size:8px;color:#7a4b3a;border:0;margin:6px 0 8px;padding:0}#game #contract-drawer section+section{margin-top:18px;border-top:1px solid #bda17a;padding-top:12px}#game #contract-drawer h3{color:#4a2c2c;font-size:22px;font-style:italic}#game #contract-drawer p{color:#685343;font-size:12px}#game #contract-drawer strong{color:#372d24}#game #contract-drawer button:not(#close-contract){background:#5b4638;color:#fff0cf;border-color:#463126;border-radius:2px}#game #contract-drawer button.primary{background:#823f33}#game .offer,#game .debt{border-color:#b99b72}#game #ending{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:min(460px,90vw);z-index:7;background:#211f19;border:1px solid #d5b97d}
@media(max-width:650px){body:has(#game:not([hidden])) main{padding:7px}#game .runbar{height:108px;display:grid;grid-template-columns:1fr 1fr;gap:6px}#game .floor-heading{min-width:0}#game .runbar h2{font-size:20px;margin:3px 0}#game .eyebrow{font-size:7px;letter-spacing:1.4px}#game #heroes{grid-column:1 / -1;grid-row:2;gap:16px;width:100%;max-width:none;margin-bottom:6px}#game .hero{min-width:0}#game .hero-top{font-size:10px}#game .hero .fine{font-size:8px;margin:3px 0}#game .run-status{max-width:none;grid-column:2;grid-row:1;gap:4px;font-size:8px}#game .run-status button{font-size:8px;padding:4px 5px}#game #viewport{height:calc(100dvh - 292px);max-height:510px;min-height:330px}#game #turn{height:34px;font-size:10px;padding:10px}#game .enemy-bark{top:42px;left:9px;font-size:10px;max-width:240px;padding:6px 8px}#game .scene-goal{top:auto;bottom:144px;left:10px;right:auto;font-size:7px;letter-spacing:1px}#game .controls{min-height:105px;padding:9px 10px;gap:9px;align-items:center}#game .dpad{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,34px)}#game .actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1}#game .actions button{font-size:10px;padding:10px 6px;white-space:nowrap}#game #echoes{position:absolute;left:14px;bottom:-23px;font-size:9px}#game #echoes ol{left:0;right:auto}#game .control-help{display:none}body:has(#game:not([hidden])) main>label{bottom:7px;right:10px;font-size:8px}#game #contract-drawer{top:54px;right:10px;width:calc(100% - 20px);max-height:calc(100% - 180px);transform:none}#game #contract-drawer p{font-size:12px}}
/* Play assistance uses existing space rather than adding another sidebar. */
#game .dungeon-panel{height:calc(100dvh - 116px);display:flex;flex-direction:column}#game #turn{flex:none}#game #next-action{flex:none;min-height:33px;padding:8px 15px;background:#263229;border-top:1px solid #39453a;color:#e3ead4;font-size:12px;line-height:1.35}#game #next-action.danger-hint{background:#4b2d24;color:#ffe3b7;border-color:#bb674c}#game #viewport{height:auto;min-height:0;max-height:none;flex:1;width:100%}#game .controls{flex:none}#game .enemy-bark{top:86px;font-size:11px;max-width:290px}#game .scene-goal{display:none}#game #map-legend{flex:none;display:flex;justify-content:center;gap:17px;flex-wrap:wrap;font-size:9px;padding:7px;background:#111a16;color:#d2b7a9;border-top:1px solid #344239}#game .legend-you{color:#a9e7c9}#game .legend-ally{color:#b5cfff}#game .legend-gold{color:#ebca85}#game #action-reasons{flex:none;font-size:10px;line-height:1.4;color:#c0c8b5;background:#172019;padding:6px 15px;border-top:1px solid #344239}#game #latest-action{flex:none;padding:4px 15px;font-size:10px;color:#dabf87;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#131a16}#game .control-help{flex:none;padding:3px 15px 5px;font-size:8px}#game .actions button:disabled{background:#242b24;color:#9caa99;border-color:#495645;opacity:.65;box-shadow:none}#game #play-guide{position:absolute;top:85px;left:16px;width:300px;padding:13px 15px;background:#e7d4abf5;color:#3b3024;z-index:4;border:1px solid #a58857;box-shadow:4px 5px #080d0b66}#game .guide-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;letter-spacing:.7px;color:#725439}#game #guide-skip{font-size:9px;background:transparent;color:#5d3e30;box-shadow:none;border:0;text-decoration:underline;padding:0 0 0 10px}#game #guide-title{font:bold 17px Georgia,serif;margin:8px 0 7px;color:#443124}#game #guide-copy{font-size:11px;line-height:1.45;margin:0;color:#4c4030}#game #guide-progress{font-size:9px;line-height:1.4;margin:8px 0 0;color:#6e553b;border-top:1px solid #c6ad81;padding-top:7px}#game:has(#play-guide:not([hidden])) .enemy-bark{display:none}#game:has(#contract-drawer:not([hidden])) #play-guide{display:none}#game .contract-instruction{font-size:11px!important;color:#66503d!important;border-bottom:1px solid #bca176;padding-bottom:12px;line-height:1.4}#game .action-reason{font-size:10px!important;font-weight:600;color:#7b4132!important}#game #contract-drawer{z-index:5;max-height:calc(100% - 175px)}#game #echoes ol{z-index:6}#learn-to-play{font-size:12px}.contract-note{line-height:1.5}
@media(max-width:650px){#game .dungeon-panel{height:calc(100dvh - 155px)}#game #next-action{font-size:10px;min-height:37px;padding:7px 10px;line-height:1.35}#game #map-legend{gap:3px 11px;font-size:8px;padding:5px 8px;line-height:1.3}#game #action-reasons{font-size:8px;padding:5px 9px;line-height:1.4}#game #latest-action{font-size:8px;padding:4px 9px}#game #play-guide{top:83px;left:9px;width:250px;padding:10px 12px}#game #guide-title{font-size:15px;margin:6px 0}#game #guide-copy{font-size:10px;line-height:1.35}#game #guide-progress{font-size:8px;margin-top:6px;padding-top:6px}#game .guide-top{font-size:7px}#game .enemy-bark{top:84px;max-width:200px;font-size:9px}#game #contract-drawer{top:77px;max-height:calc(100% - 195px)}#game #echoes{bottom:-23px}#game .run-status{gap:3px}#game .run-status #how-to-play{color:#ebcc8f;border-color:#9b8354}#game .controls{min-height:99px}#game #viewport{min-height:0}}

@media(max-width:650px){#game #play-guide{position:relative;top:auto;left:auto;width:auto;flex:none;margin:6px 9px;padding:8px 10px;box-shadow:none}#game #guide-title{font-size:13px;margin:4px 0}#game #guide-copy{font-size:9px;line-height:1.3}#game #guide-progress{font-size:8px;padding-top:4px;margin-top:4px}#game .guide-top{font-size:7px}#game #guide-skip{font-size:9px}}