:root{--ink:#17201c;--panel:#1d2722;--panel2:#28332b;--line:#495145;--paper:#efeadc;--muted:#a4ac99;--accent:#ed8853;--green:#a9c586;--red:#d96551;--blue:#88bfc9;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--ink);color:var(--paper);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft JhengHei","PingFang TC",sans-serif}body{touch-action:none;user-select:none}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.34}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}img{object-fit:contain}kbd{font:10px/1 monospace;border:1px solid #7179656b;border-radius:3px;padding:3px 5px;color:var(--muted)}.orange{color:var(--accent)}.muted{color:var(--muted)}.tiny{font-size:10px;letter-spacing:1.5px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #afd98066;margin-right:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);padding:10px 18px;border-radius:5px;font-size:13px;font-weight:650;transition:background .15s,border-color .15s;background:#354033}.btn:hover:not(:disabled){background:#46503e;border-color:#839475}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1b231d}.btn.primary:hover:not(:disabled){background:#ffa46d}.btn.outline{background:#14211eba}.btn.large{height:54px;padding:0 22px;font-size:16px;letter-spacing:1px;justify-content:space-between}.btn.danger{color:#e8a093;border-color:#a25747;background:#4e2b27}.square-button{width:42px;height:42px;border:1px solid var(--line);border-radius:6px;background:var(--ink);font-size:22px;display:grid;place-items:center}.square-button:hover{background:var(--panel2)}
.loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--ink);z-index:200}.loading-title{font-family:Impact,"Arial Narrow",sans-serif;font-size:54px;letter-spacing:1px;margin:12px 0 24px}.loading-title span{display:block;font:14px/1.5 sans-serif;text-align:center;letter-spacing:8px;color:var(--accent);margin-top:12px}.load-track{width:260px;height:3px;background:#485140}.load-track i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.loading-screen p{font-size:12px;color:var(--muted);margin-top:15px}
.title-screen{position:fixed;inset:0;isolation:isolate;background:#101b19}.title-art{position:absolute;z-index:-3;inset:0 0 0 25%;background-size:cover;background-position:center center;filter:brightness(.8) saturate(.77)}.title-screen:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#14201d 4%,#14201dfd 25%,#14201ddb 37%,#14201d33 70%),linear-gradient(0deg,#101b19 1%,transparent 40%,#101b1933 70%,#101b19cc 100%)}.title-grain{position:absolute;inset:0;z-index:-1;opacity:.14;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#0d1717 4px);pointer-events:none}.title-top{position:absolute;top:calc(30px + var(--safe-top));left:4.5%;right:4.5%;display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:2px;color:#b7b9a9}.brandmark{font-weight:950;font-size:24px;color:var(--paper);letter-spacing:-1px}.brandmark span{color:var(--accent)}.version-chip{margin-left:auto;padding:5px 9px;border:1px solid #929e795e;border-radius:3px;font-size:9px;letter-spacing:1px}.title-copy{position:absolute;left:7.5%;top:50%;transform:translateY(-47%);width:420px}.title-copy .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:20px}.title-copy h1{font-family:Impact,"Arial Narrow","Helvetica Neue",sans-serif;font-weight:900;letter-spacing:-2px;line-height:.86;font-size:clamp(76px,8.5vw,136px);text-shadow:0 4px 25px #0002}.title-copy h1>span{color:var(--accent)}.title-dot{color:var(--paper)}.title-sub{font-weight:650;font-size:18px;margin-top:21px;letter-spacing:9px}.title-desc{color:#bfc4b3;font-size:14px;line-height:1.85;margin-top:20px}.title-actions{display:flex;flex-direction:column;gap:10px;width:278px;margin-top:28px}.title-links{display:flex;gap:9px;align-items:center;margin:16px 0 0;font-size:11px;color:#a7ae9a}.title-links button{font-size:11px;padding:2px 0}.title-links button:hover{color:var(--accent)}.title-features{display:flex;gap:16px;margin-top:30px;font-size:11px;color:#bbc4ac;letter-spacing:1px}.title-features span:not(:last-child){border-right:1px solid #5a65524f;padding-right:16px}.cover-caption{position:absolute;right:6%;bottom:13%;display:flex;flex-direction:column;align-items:flex-end;text-shadow:0 2px 6px #000}.cover-caption strong{font-size:27px;letter-spacing:2px;margin:4px 0}.cover-caption>span:last-child{font-size:11px;letter-spacing:1px;color:#c9cabc}.title-footer{position:absolute;left:4.5%;right:4.5%;bottom:calc(23px + var(--safe-bottom));border-top:1px solid #b0bea633;padding-top:13px;display:flex;justify-content:space-between;color:#9ba58f;font-size:10px;letter-spacing:.8px}.title-footer b{color:var(--accent);margin:0 8px}
#game-screen,#world{position:absolute;inset:0;width:100%;height:100%}#world{display:block;outline:none;cursor:crosshair;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none}#hud button,#hud [role=button],.joystick{pointer-events:auto}.hud-top{position:absolute;left:20px;right:20px;top:calc(18px + var(--safe-top));display:flex;align-items:flex-start;gap:12px}.vitals-card{display:flex;gap:12px;background:#17201cf0;border:1px solid #59614c88;padding:11px 14px 12px 10px;border-radius:7px;box-shadow:0 8px 26px #101a1429;min-width:310px}.avatar{height:68px;width:51px;object-fit:cover;object-position:top;border:1px solid #8d927159;border-radius:4px;background:#655345}.vitals-body{flex:1;min-width:207px}.survivor-label{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:13px;line-height:1}.survivor-label strong{letter-spacing:1.2px}.survivor-label strong span{font-size:11px;font-weight:400;letter-spacing:0;color:#c3c7b8}.survivor-label>span{font-size:9px;letter-spacing:1px;color:var(--accent);font-weight:700}.health-row{display:flex;align-items:center;gap:7px;margin-top:9px}.stat-glyph{font-size:19px;font-weight:900;color:var(--red);line-height:1}.meter{height:7px;background:#111914;border-radius:2px;overflow:hidden;flex:1}.meter i{display:block;height:100%;width:100%;background:var(--green);transition:width .2s}.health i{background:var(--red)}.health-row b{font-size:11px;min-width:23px;text-align:right}.mini-stats{display:flex;gap:9px;margin-top:10px}.mini-stats>div{flex:1;display:flex;align-items:center;gap:4px;font-size:9px;color:#adb49f}.mini-stats .meter{height:3px;min-width:26px}.mini-stats b{min-width:13px;font-weight:400}.food i{background:#d9ae67}.water i{background:var(--blue)}.stamina i{background:var(--green)}.time-card{margin-left:auto;border:1px solid #72825a55;border-radius:6px;background:#17201ceb;padding:11px 16px;min-width:188px;backdrop-filter:blur(5px)}.time-card>div:first-child{display:flex;gap:28px;align-items:center;justify-content:space-between}.day-number{font-size:19px;font-weight:800;letter-spacing:1px}.time-card #time-label{font-size:19px;font-weight:300;font-variant-numeric:tabular-nums}.weather-label{font-size:10px;color:var(--muted);margin-top:5px}.hud-top .square-button{background:#17201cf0}.mission-card{position:absolute;left:20px;top:calc(132px + var(--safe-top));width:271px;background:#17201cea;border:1px solid #6473565c;border-left:3px solid var(--accent);border-radius:4px;padding:14px 15px 12px;cursor:pointer}.panel-kicker{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a6ae98}.mission-heading{display:flex;align-items:center;gap:8px;margin:11px 0 5px}.mission-heading i{width:7px;height:7px;border:1px solid var(--accent);transform:rotate(45deg)}.mission-heading strong{font-size:15px;font-weight:600;letter-spacing:1px}.mission-card p{font-size:10px;color:#b9c0aa;line-height:1.8}.mission-track{height:3px;background:#5f6a4c55;margin:12px 0 7px}.mission-track i{display:block;width:0;height:100%;background:var(--accent);transition:width .2s}.mission-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.mission-bottom span:last-child{color:#c6d1b1}.mini-card{position:absolute;right:20px;top:calc(113px + var(--safe-top));width:176px;padding:5px;border:1px solid #79826077;border-radius:6px;background:#17201ceb;text-align:left;box-shadow:0 4px 14px #101a1422}.mini-card canvas{display:block;width:164px;height:136px;border-radius:2px}.mini-card>div{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:7px 5px 2px;color:var(--muted)}.mini-card b{font-size:8px;font-weight:500;color:var(--paper)}.state-alert{position:absolute;top:calc(114px + var(--safe-top));left:50%;transform:translateX(-50%);background:#4c2820ef;border:1px solid #ab6048;border-radius:4px;color:#ffd6b9;font-size:11px;padding:7px 14px;white-space:nowrap}.extraction-hud{position:absolute;top:calc(155px + var(--safe-top));left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;min-width:350px;padding:10px 18px;background:#3c2c21ef;border:1px solid #dd9556;border-radius:5px;font-size:12px}.extraction-hud .meter{min-width:100px}.extraction-hud .meter i{background:var(--accent)}.interaction-chip{position:absolute;bottom:186px;left:50%;transform:translateX(-50%);padding:8px 17px 9px;display:flex;align-items:center;gap:10px;white-space:nowrap;background:#19261bf2;border:1px solid #bbcc8988;border-radius:6px;font-size:12px;overflow:hidden;box-shadow:0 6px 15px #0002}.interaction-chip kbd{color:var(--paper);background:#445136}.action-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#9abc7055}.action-track i{display:block;height:100%;width:0;background:var(--accent)}.build-strip{position:absolute;bottom:205px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:#17201cf5;padding:10px 14px;border:1px solid var(--accent);border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:auto}.build-strip .btn{padding:5px 10px;font-size:11px}.toasts{position:absolute;right:22px;top:48%;display:flex;flex-direction:column;gap:7px;align-items:flex-end;max-width:325px}.toast{padding:10px 14px;background:#18271ff2;border:1px solid #8eaa635d;border-left:3px solid var(--green);border-radius:4px;font-size:11px;animation:toastin .2s ease-out;box-shadow:0 5px 15px #0001}.toast.warning{border-left-color:var(--accent);background:#37271eec}.toast.error{border-left-color:var(--red);background:#3c241eed}.toast.leaving{opacity:0;transition:opacity .35s}@keyframes toastin{from{transform:translateX(14px);opacity:0}to{transform:translateX(0);opacity:1}}.radio-dialogue{position:absolute;left:20px;bottom:150px;width:337px;background:#18221ef5;border:1px solid #8c99724d;border-radius:5px;display:flex;gap:12px;padding:14px 27px 14px 14px;pointer-events:auto;box-shadow:0 5px 18px #0002}.radio-dialogue img{width:46px;height:61px;object-fit:cover;border:1px solid #ad9d7d55;border-radius:3px}.radio-dialogue p{margin-top:5px;font-size:12px;line-height:1.7;color:#d6ddc9}.radio-dialogue>button{position:absolute;right:7px;top:4px;color:var(--muted);font-size:20px}.radio-dialogue .tiny{font-size:8px;letter-spacing:1px}.bottom-left{position:absolute;bottom:31px;left:24px;width:218px}.bottom-left>.tiny{font-size:8px;letter-spacing:1.5px;color:#dbdec8;text-shadow:0 1px 4px #000}.xp-track{width:150px;height:3px;background:#17201c99;margin:7px 0 10px}.xp-track i{display:block;width:0;height:100%;background:var(--accent)}.desktop-hint{font-size:9px;color:#f2ead6;text-shadow:0 1px 5px #000}.desktop-hint b{font-weight:400;color:#b0b89b;padding:0 2px}.weapon-rack{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#17201cbf;border-radius:7px;padding:5px;pointer-events:auto}.weapon{position:relative;display:flex;align-items:center;gap:4px;height:44px;min-width:83px;border:1px solid #66734f66;border-radius:4px;padding:5px 8px 5px 5px}.weapon.active{border-color:var(--accent);background:#99704733}.weapon img{width:27px;height:28px;object-fit:contain}.weapon kbd{position:absolute;top:2px;left:4px;font-size:7px;border:0;padding:0;color:#bfcca8}.weapon span{font-size:9px;color:#d1d7c3;margin-left:2px;white-space:nowrap}.reload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 9px;font:14px/1.4 monospace;color:var(--muted)}.reload-btn span{font:8px/1.5 sans-serif;margin-top:2px}.action-bar{position:absolute;bottom:calc(22px + var(--safe-bottom));left:50%;transform:translateX(-50%);display:flex;padding:5px 9px;border:1px solid #7280557f;border-radius:8px;background:#17201cf5;box-shadow:0 8px 25px #101a144d;pointer-events:auto}.action-bar button{position:relative;display:flex;align-items:center;gap:6px;padding:9px 13px;border-right:1px solid #6571554d}.action-bar button:last-child{border-right:0}.action-bar button:hover{color:var(--accent)}.action-icon{font-size:22px;line-height:1;width:21px;text-align:center;font-family:Arial,sans-serif}.action-bar b{font-size:11px;font-weight:500;white-space:nowrap}.action-bar img{width:21px;height:21px}.action-bar kbd{margin-left:3px;font-size:8px;padding:2px 4px}.count-badge{font-size:9px;color:var(--green);margin-left:3px}.save-status{position:absolute;bottom:30px;right:25px;font-size:8px;letter-spacing:.8px;color:#e4e9d2;text-shadow:0 1px 5px #000}
.touch-controls{display:none}.joystick{position:absolute;left:28px;bottom:115px;width:112px;height:112px;border:2px solid #dee8c75c;border-radius:50%;background:#17201c59;touch-action:none;box-shadow:inset 0 0 24px #17201c50}.joy-cross:before,.joy-cross:after{content:"";position:absolute;left:50%;top:50%;height:1px;width:76%;background:#dbe7bd33;transform:translate(-50%,-50%)}.joy-cross:after{transform:translate(-50%,-50%) rotate(90deg)}.joystick-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:#e7ead777;border:1px solid #eff7d788;pointer-events:none}.touch-combat{position:absolute;right:24px;bottom:109px;width:170px;height:148px;pointer-events:none}.touch-attack{position:absolute;right:0;bottom:0;width:85px;height:85px;border-radius:50%;background:#a15333cc;border:2px solid #efbc8688;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;box-shadow:0 4px 18px #1a201d66}.touch-attack>span{font-size:31px;line-height:1;font-family:Arial;font-weight:300}.touch-attack b{font-size:10px;letter-spacing:2px;margin-top:4px;font-weight:500}.touch-small{position:absolute;width:57px;height:57px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#1b2a22b3;border:1px solid #dde9bf78;border-radius:50%;font-size:19px}.touch-small span{font-size:8px;font-weight:500;margin-top:0;letter-spacing:1px}.interact-touch{right:94px;bottom:5px}.dodge-touch{right:18px;bottom:96px}.touch .touch-controls{display:block}.touch .desktop-hint{display:none}.touch .action-bar kbd,.touch .weapon kbd{display:none}.touch .bottom-left{bottom:30px;width:115px}.touch .action-bar button{padding:9px 12px}.touch .interaction-chip{bottom:275px}.touch .weapon-rack{bottom:96px}.touch .build-strip{bottom:275px}.touch .radio-dialogue{bottom:300px}.touch .save-status{display:none}
.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#101a16ad;backdrop-filter:blur(7px);pointer-events:auto;touch-action:pan-y}.modal-panel{width:min(950px,94vw);max-height:91dvh;border:1px solid #7f8e654d;border-radius:12px;background:#1b261fea;box-shadow:0 30px 90px #0007;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:24px 28px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #7183543b;background:#19241dee}.modal-header .eyebrow{font-size:9px;letter-spacing:2px}.modal-header h2{font-size:28px;font-weight:600;letter-spacing:2px;margin-top:3px}.modal-header .square-button{background:transparent;width:35px;height:35px;font-size:25px}.modal-content{padding:23px 28px 26px;overflow:auto;overscroll-behavior:contain;min-height:0;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#697a52 #1b261f}.modal-footer{display:flex;justify-content:space-between;gap:15px;padding:12px 28px;border-top:1px solid #7183543b;font-size:9px;color:#a2af90;letter-spacing:.5px;background:#19241dee}.panel-intro{font-size:13px;color:#b7c3a8;line-height:1.8;margin-bottom:20px}.panel-intro strong{color:var(--paper);font-weight:600}.section-label{font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--muted);margin:22px 0 10px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.tabs button{border:1px solid #6c7e523f;background:#28382a66;border-radius:4px;padding:6px 13px;font-size:11px;color:var(--muted)}.tabs button.active{background:#7e97682d;border-color:#a4b78777;color:var(--paper)}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.item-card{padding:12px 12px 10px;border:1px solid #6a7c4f44;border-radius:6px;background:#29362a66;position:relative}.item-main{display:flex;align-items:center;gap:10px}.item-card img{width:38px;height:38px;object-fit:contain}.item-card h3{font-size:12px;font-weight:550}.item-card .qty{font:10px/1.4 monospace;color:var(--accent);margin-top:3px}.item-card .item-desc{font-size:9px;color:#9fab8e;margin-top:8px;min-height:27px}.item-card .btn{width:100%;padding:5px 8px;font-size:10px;margin-top:9px}.inventory-summary{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #7b956644;border-radius:5px;margin-bottom:16px;color:#b7c3a8;font-size:11px;background:#31422b3b}.inventory-summary strong{font-size:18px;color:var(--paper)}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.recipe-card{position:relative;padding:16px;border:1px solid #7483594a;border-radius:6px;background:#2e3b2b5c;display:flex;flex-direction:column}.recipe-top{display:flex;gap:13px;align-items:center}.recipe-art{width:49px;height:49px;background:#17201c9e;border-radius:5px;padding:6px}.recipe-top h3{font-size:14px;font-weight:550;letter-spacing:.5px}.recipe-top .station{font-size:9px;color:#a3b68d;margin-top:4px}.recipe-desc{font-size:11px;color:#adbda0;margin:12px 0;line-height:1.65;min-height:34px}.ingredients{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.ingredient{font-size:10px;padding:3px 7px;border-radius:3px;background:#19271caa;color:#b8c9a6;border:1px solid #768d4c3b}.ingredient.missing{color:#e8aa8e;border-color:#ac765733}.recipe-card>.btn{margin-top:auto;width:100%;font-size:11px;padding:8px 10px}.recipe-category{position:absolute;right:12px;top:12px;font-size:8px;color:#89a37a}.journal-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.quest-card{display:flex;gap:13px;padding:14px;border:1px solid #6f865344;border-radius:5px;margin-bottom:9px;background:#2c3b2850}.quest-card.active{border-color:#bb8e6388;background:#66482b30}.quest-card.done{opacity:.65}.quest-number{width:26px;height:26px;display:grid;place-items:center;border:1px solid #7b925262;border-radius:50%;color:var(--accent);font:11px monospace;flex-shrink:0}.quest-card h3{font-size:13px;font-weight:600}.quest-card p{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.8}.quest-card small{display:block;color:var(--green);font-size:9px;margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat-box{padding:14px;background:#30402c5c;border:1px solid #6c825440;border-radius:5px}.stat-box b{display:block;font:24px/1.3 monospace;color:var(--paper)}.stat-box span{font-size:9px;color:var(--muted)}.skill-card{padding:15px;border:1px solid #819b5d55;border-radius:6px;background:#31452966;margin-bottom:10px}.skill-card h3{font-size:13px}.skill-card p{font-size:11px;color:var(--muted);line-height:1.8;margin:5px 0 12px}.skill-card .btn{font-size:10px;padding:6px 12px}.journal-aside .btn{width:100%;margin-top:14px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px}.map-frame{position:relative;background:#131e17;border:1px solid #70805a66;border-radius:5px;overflow:hidden;aspect-ratio:4/3}.map-frame canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.map-side p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:13px}.poi-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border:1px solid #71834c38;border-radius:4px;margin-bottom:6px;text-align:left;background:#2b392666;font-size:11px}.poi-button span{font-size:9px;color:var(--muted)}.poi-button:hover{border-color:var(--accent)}.map-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:9px;color:var(--muted);margin-top:10px}.map-legend i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #76895433;gap:20px}.settings-row label{font-size:12px}.settings-row label small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.settings-row input[type=checkbox]{appearance:none;width:36px;height:21px;border:1px solid #8f9a7166;background:#17201c;border-radius:12px;position:relative;cursor:pointer;flex-shrink:0}.settings-row input[type=checkbox]:after{content:"";width:13px;height:13px;background:#6f7c5f;border-radius:50%;position:absolute;top:3px;left:3px;transition:left .2s}.settings-row input:checked{background:#8da76455}.settings-row input:checked:after{left:18px;background:var(--green)}.settings-row input[type=range]{width:110px;accent-color:var(--accent)}.settings-buttons{display:flex;flex-direction:column;gap:9px;margin-top:13px}.settings-buttons .btn{font-size:11px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.help-card{padding:17px;background:#2c3a2a5e;border:1px solid #718b4c3b;border-radius:6px}.help-card h3{font-size:13px;color:var(--accent);margin-bottom:9px}.help-card p{font-size:11px;color:#bbc8a9;line-height:1.9}.help-card kbd{font-size:9px}.notice{margin-top:18px;padding:13px 16px;border-left:2px solid var(--accent);background:#6b4a272a;font-size:11px;color:#c6ccb9;line-height:1.9}.intro-hero{display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:center}.intro-hero>img{height:320px;width:150px;object-fit:contain}.intro-story .eyebrow{font-size:9px;color:var(--accent)}.intro-story h3{font-size:30px;line-height:1.4;margin:9px 0 16px;font-weight:550}.intro-story p{font-size:13px;color:#b5c3a5;line-height:2;margin-bottom:12px}.intro-story .btn{margin-top:12px;padding:11px 24px}.ending-title{font-family:Impact,"Arial Narrow",sans-serif;font-size:62px;color:var(--accent);line-height:1.05;margin:10px 0 16px}.ending-sub{font-size:14px;line-height:1.9;color:var(--muted);max-width:610px;margin-bottom:23px}.ending-actions{display:flex;gap:10px;margin-top:22px}.empty-state{grid-column:1/-1;text-align:center;padding:35px;color:var(--muted);font-size:12px}.station-card{display:grid;grid-template-columns:155px 1fr;gap:24px;align-items:center}.station-card>img{width:155px;height:170px;object-fit:contain}.station-card h3{font-size:22px;margin-bottom:10px}.station-card p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:15px}.station-buttons{display:flex;gap:8px;flex-wrap:wrap}.station-buttons .btn{font-size:11px}.credits-text{font-size:12px;line-height:2;color:#b9c6ac}.credits-text h3{font-size:15px;color:var(--paper);margin:21px 0 7px}.credits-text p+p{margin-top:10px}
@media(min-width:1600px){.title-copy{left:9%}.title-actions{width:310px}.title-desc{font-size:16px}.title-features{font-size:12px}}
@media(max-width:1100px){.bottom-left{display:none}.action-bar button{padding:9px 11px}.action-bar kbd{display:none}.save-status{font-size:7px}.title-copy{left:6%;width:370px}.cover-caption{right:5%;bottom:14%}.cover-caption strong{font-size:22px}.inventory-grid{grid-template-columns:repeat(3,1fr)}.mission-card{width:245px}}
@media(max-width:760px){.title-art{inset:0 0 0 7%;background-position:60% center;opacity:.75}.title-screen:before{background:linear-gradient(90deg,#14201dec 0%,#14201d9c 55%,#14201d30 100%),linear-gradient(0deg,#101b19 0%,transparent 50%,#101b1977 100%)}.title-top{top:calc(20px + var(--safe-top));left:6%;right:6%;gap:12px}.title-top>span:nth-child(2){font-size:7px;letter-spacing:1px}.version-chip{font-size:7px;padding:3px 5px}.title-copy{left:8%;width:85%;transform:translateY(-44%)}.title-copy h1{font-size:clamp(76px,17vw,120px)}.title-copy .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:18px}.title-sub{font-size:15px;margin-top:18px;letter-spacing:7px}.title-desc{font-size:13px;margin-top:20px}.title-actions{width:min(275px,83%);margin-top:25px}.title-actions .btn.large{font-size:14px;height:49px}.title-features{margin-top:25px;font-size:9px;gap:13px}.title-features span:not(:last-child){padding-right:13px}.cover-caption{display:none}.title-footer{font-size:8px;bottom:calc(17px + var(--safe-bottom));left:6%;right:6%;letter-spacing:0}.title-footer>span:last-child{font-size:7px}.title-footer b{margin:0 1px}.hud-top{left:10px;right:10px;top:calc(10px + var(--safe-top));gap:7px}.vitals-card{min-width:0;flex:1;max-width:280px;gap:7px;padding:8px}.avatar{width:36px;height:52px}.vitals-body{min-width:0}.survivor-label{font-size:10px;gap:8px}.survivor-label strong span{font-size:9px}.survivor-label>span{font-size:8px;letter-spacing:.3px}.health-row{gap:4px;margin-top:6px}.health-row .meter{height:5px}.health-row b{font-size:9px;min-width:19px}.stat-glyph{font-size:15px}.mini-stats{margin-top:5px;gap:5px}.mini-stats>div{font-size:8px;gap:3px}.mini-stats .meter{min-width:14px;height:3px}.mini-stats b{font-size:8px;min-width:12px}.time-card{min-width:100px;padding:8px 10px;margin-left:auto}.time-card>div:first-child{gap:10px}.day-number{font-size:13px;letter-spacing:0}.time-card #time-label{font-size:12px}.weather-label{font-size:8px;margin-top:4px}.weather-label .status-dot{width:4px;height:4px;margin-right:4px}.hud-top .square-button{width:30px;height:32px;font-size:16px;border-radius:4px}.mission-card{left:10px;top:calc(91px + var(--safe-top));width:210px;padding:10px 11px}.panel-kicker{font-size:7px;letter-spacing:.3px}.mission-heading{margin:7px 0 4px;gap:6px}.mission-heading strong{font-size:12px;letter-spacing:.3px}.mission-heading i{width:5px;height:5px}.mission-card p{font-size:9px;line-height:1.7}.mission-track{margin:8px 0 6px;height:2px}.mission-bottom{font-size:8px}.mission-bottom span:last-child{display:none}.mini-card{top:calc(91px + var(--safe-top));right:10px;width:114px;border-radius:4px;padding:4px}.mini-card canvas{width:104px;height:87px}.mini-card>div{font-size:7px;padding:4px 2px 0}.mini-card b{font-size:7px}.action-bar{bottom:calc(12px + var(--safe-bottom));padding:5px 6px;max-width:calc(100vw - 20px);width:400px;justify-content:space-around;border-radius:7px}.action-bar button,.touch .action-bar button{padding:5px 9px;flex-direction:column;gap:3px;flex:1}.action-icon{font-size:21px;line-height:23px}.action-bar b{font-size:9px;letter-spacing:.5px}.action-bar img{width:23px;height:23px}.count-badge{position:absolute;right:4px;top:1px;font-size:9px}.action-bar kbd{display:none}.weapon-rack,.touch .weapon-rack{bottom:calc(91px + var(--safe-bottom));gap:3px;padding:3px}.weapon{height:37px;min-width:60px;padding:3px 4px;gap:2px;flex-direction:column;justify-content:center}.weapon img{width:19px;height:19px}.weapon span{font-size:7px;line-height:1.1;margin:0}.reload-btn{padding:2px 5px;font-size:12px}.reload-btn span{font-size:7px}.joystick{left:20px;bottom:calc(160px + var(--safe-bottom));width:104px;height:104px}.touch-combat{right:16px;bottom:calc(160px + var(--safe-bottom));width:148px;height:139px}.touch-attack{width:77px;height:77px}.touch-attack>span{font-size:28px}.touch-small{width:49px;height:49px;font-size:18px}.interact-touch{right:86px;bottom:5px}.dodge-touch{right:15px;bottom:87px}.touch-small span{font-size:7px}.interaction-chip,.touch .interaction-chip{bottom:calc(310px + var(--safe-bottom));padding:7px 11px;font-size:10px;max-width:calc(100vw - 24px);white-space:normal;width:max-content;text-align:center}.interaction-chip kbd{font-size:9px}.toasts{top:36%;right:11px;max-width:245px;gap:5px}.toast{font-size:10px;padding:7px 10px}.radio-dialogue,.touch .radio-dialogue{left:12px;bottom:calc(355px + var(--safe-bottom));width:calc(100vw - 24px);max-width:340px;padding:10px 26px 10px 10px;gap:9px}.radio-dialogue img{width:37px;height:49px}.radio-dialogue p{font-size:10px;line-height:1.65}.radio-dialogue .tiny{font-size:7px}.state-alert{top:calc(240px + var(--safe-top));font-size:9px;padding:5px 10px;max-width:95vw;white-space:normal;text-align:center}.extraction-hud{top:calc(274px + var(--safe-top));min-width:0;width:calc(100vw - 25px);max-width:345px;font-size:10px;padding:8px 10px;gap:8px}.extraction-hud .meter{min-width:70px}.build-strip,.touch .build-strip{bottom:calc(310px + var(--safe-bottom));width:calc(100vw - 25px);max-width:365px;font-size:10px;padding:8px;gap:5px;flex-wrap:wrap;justify-content:center;white-space:normal}.build-strip>span{width:100%;text-align:center}.build-strip .btn{font-size:10px;padding:5px 14px}.modal-overlay{padding:10px;padding-top:calc(10px + var(--safe-top));padding-bottom:calc(10px + var(--safe-bottom))}.modal-panel{width:100%;max-height:calc(100dvh - 22px - var(--safe-top) - var(--safe-bottom));border-radius:9px}.modal-header{padding:17px 17px 14px}.modal-header .eyebrow{font-size:8px}.modal-header h2{font-size:23px;margin-top:4px;letter-spacing:1px}.modal-content{padding:17px}.modal-footer{padding:11px 17px;font-size:8px}.modal-footer>span:last-child{display:none}.panel-intro{font-size:11px;line-height:1.8;margin-bottom:16px}.tabs{gap:5px}.tabs button{font-size:10px;padding:6px 9px}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:7px}.item-card{padding:11px 9px 9px}.item-card img{width:32px;height:32px}.item-main{gap:8px}.item-card h3{font-size:11px}.item-card .item-desc{font-size:9px;min-height:25px}.item-card .qty{font-size:9px}.inventory-summary{font-size:10px;padding:10px;gap:8px}.inventory-summary strong{font-size:15px}.recipe-grid{grid-template-columns:1fr;gap:9px}.recipe-card{padding:14px}.recipe-top h3{font-size:13px}.recipe-art{width:43px;height:43px}.recipe-desc{min-height:0;font-size:10px;margin:9px 0}.ingredient{font-size:9px}.ingredients{margin-bottom:11px}.recipe-card>.btn{font-size:10px;padding:8px}.journal-grid{grid-template-columns:1fr;gap:15px}.journal-aside{border-top:1px solid var(--line);padding-top:16px}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat-box{padding:11px}.stat-box b{font-size:19px}.stat-box span{font-size:8px}.quest-card{padding:12px;gap:9px}.quest-card h3{font-size:12px}.quest-card p{font-size:10px}.map-layout{grid-template-columns:1fr;gap:16px}.map-side{display:grid;grid-template-columns:1fr 1fr;gap:6px}.map-side p{grid-column:1/-1;font-size:10px;margin-bottom:4px}.poi-button{margin:0;font-size:10px;padding:8px}.poi-button span{font-size:8px}.map-legend{font-size:8px;gap:10px}.settings-grid{grid-template-columns:1fr;gap:12px}.help-grid{grid-template-columns:1fr;gap:9px}.help-card{padding:14px}.help-card h3{font-size:12px}.help-card p{font-size:11px}.intro-hero{grid-template-columns:75px 1fr;gap:13px;align-items:start}.intro-hero>img{width:75px;height:230px;object-fit:contain;object-position:top;margin-top:20px}.intro-story .eyebrow{font-size:8px}.intro-story h3{font-size:21px;line-height:1.5;margin:9px 0 12px}.intro-story p{font-size:11px;line-height:1.9}.intro-story .btn{font-size:12px;padding:10px 15px;width:100%}.ending-title{font-size:46px}.ending-sub{font-size:12px}.ending-actions{flex-wrap:wrap}.ending-actions .btn{font-size:11px}.station-card{grid-template-columns:90px 1fr;gap:15px}.station-card>img{width:90px;height:110px}.station-card h3{font-size:18px}.station-card p{font-size:11px}.station-buttons .btn{font-size:10px;padding:8px 12px}.credits-text{font-size:11px}.notice{font-size:10px;padding:11px 13px}.bottom-left,.save-status{display:none}}
@media(max-height:550px) and (orientation:landscape){.title-top{top:calc(12px + var(--safe-top));left:4%;right:4%}.title-top>span:nth-child(2){font-size:8px}.title-copy{top:52%;left:7%;width:480px;transform:translateY(-46%)}.title-copy h1{font-size:70px;line-height:.84}.title-copy h1 br{display:none}.title-copy h1>span{margin-left:13px}.title-copy .eyebrow{font-size:8px;margin-bottom:13px}.title-sub{font-size:12px;margin-top:15px;letter-spacing:5px}.title-desc{font-size:11px;line-height:1.6;margin-top:12px}.title-desc br{display:none}.title-actions{flex-direction:row;width:390px;margin-top:18px;gap:9px}.title-actions .btn.large{width:185px;height:41px;font-size:12px;padding:0 15px}.title-links{margin-top:10px;font-size:9px}.title-links button{font-size:9px}.title-features{display:none}.title-footer{bottom:10px;padding-top:8px;font-size:8px}.cover-caption{display:none}.hud-top{top:calc(8px + var(--safe-top));left:11px;right:11px}.vitals-card{min-width:245px;max-width:265px;padding:7px 9px;gap:8px}.avatar{width:34px;height:48px}.vitals-body{min-width:180px}.survivor-label{font-size:10px}.survivor-label strong span{font-size:9px}.health-row{margin-top:5px}.mini-stats{margin-top:4px}.health-row .meter{height:4px}.time-card{padding:6px 11px;min-width:160px}.day-number,.time-card #time-label{font-size:14px}.weather-label{font-size:8px}.hud-top .square-button{height:30px;width:32px;font-size:17px}.mission-card{left:11px;top:calc(81px + var(--safe-top));width:222px;padding:8px 10px}.panel-kicker{font-size:6px}.mission-heading{margin:5px 0 0}.mission-heading strong{font-size:11px}.mission-card p,.mission-bottom{display:none}.mission-track{margin:7px 0 2px;height:2px}.mini-card{top:calc(67px + var(--safe-top));right:11px;width:117px;padding:4px}.mini-card canvas{width:107px;height:72px}.mini-card>div{font-size:7px;padding:3px 1px 1px}.mini-card b{font-size:7px}.action-bar{bottom:calc(8px + var(--safe-bottom));width:367px;padding:3px;max-width:55vw}.action-bar button,.touch .action-bar button{flex-direction:row;padding:5px 8px;gap:4px}.action-bar .action-icon{font-size:18px;width:18px}.action-bar img{width:19px;height:19px}.action-bar b{font-size:9px}.action-bar .count-badge{position:static;font-size:8px}.weapon-rack,.touch .weapon-rack{bottom:calc(58px + var(--safe-bottom));padding:3px}.weapon{height:30px;min-width:65px;flex-direction:row;gap:2px;padding:3px 5px}.weapon img{width:19px;height:19px}.weapon span{font-size:8px}.weapon kbd{display:none}.reload-btn{font-size:11px;padding:2px 6px}.reload-btn span{display:none}.joystick{left:30px;bottom:calc(38px + var(--safe-bottom));width:96px;height:96px}.joystick-knob{width:39px;height:39px}.touch-combat{right:24px;bottom:calc(28px + var(--safe-bottom));width:154px;height:130px}.touch-attack{width:73px;height:73px}.touch-small{width:46px;height:46px;font-size:17px}.dodge-touch{bottom:82px;right:11px}.interact-touch{right:86px}.touch-small span{font-size:7px}.interaction-chip,.touch .interaction-chip{bottom:calc(112px + var(--safe-bottom));font-size:10px;padding:6px 12px}.build-strip,.touch .build-strip{bottom:calc(109px + var(--safe-bottom));font-size:10px;padding:7px 10px;width:auto;max-width:400px;flex-wrap:nowrap;gap:7px}.build-strip>span{width:auto}.radio-dialogue,.touch .radio-dialogue{left:246px;bottom:auto;top:calc(82px + var(--safe-top));width:280px;padding:9px 25px 9px 9px;gap:8px}.radio-dialogue img{width:32px;height:41px}.radio-dialogue p{font-size:9px;line-height:1.5}.radio-dialogue .tiny{font-size:7px}.toasts{top:45%;right:145px;max-width:255px}.toast{font-size:10px;padding:6px 10px}.state-alert{top:calc(9px + var(--safe-top));max-width:230px;font-size:9px;padding:5px 9px}.extraction-hud{top:calc(65px + var(--safe-top));width:300px;min-width:0;font-size:10px;padding:7px 10px}.modal-panel{max-height:calc(100dvh - 18px - var(--safe-top) - var(--safe-bottom))}.modal-header{padding:12px 20px 10px}.modal-header h2{font-size:21px}.modal-content{padding:15px 20px}.modal-footer{padding:8px 20px}.recipe-grid{grid-template-columns:1fr 1fr}.inventory-grid{grid-template-columns:repeat(3,1fr)}.help-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr 1fr}.intro-hero{grid-template-columns:95px 1fr}.intro-hero>img{height:200px;width:90px}.intro-story h3{font-size:23px;margin:6px 0}.intro-story p{font-size:11px;margin-bottom:7px}.intro-story .btn{font-size:11px;padding:7px 14px;width:auto;margin-top:5px}.map-layout{grid-template-columns:minmax(0,1fr) 190px}.map-side{display:block}.map-side p{font-size:9px}.poi-button{padding:6px 8px;margin-bottom:5px;font-size:9px}.map-frame{max-height:230px}.journal-grid{grid-template-columns:1.5fr 1fr}.journal-aside{padding:0;border:0}.stat-grid{grid-template-columns:1fr 1fr}.bottom-left,.save-status{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

.reload-btn span{white-space:nowrap}