:root{font-family:Inter,"Microsoft JhengHei",sans-serif;color:#eef3ee;background:#152a30;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;pointer-events:none}.brand{font-size:26px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 12px #14292f}.brand b{color:#f5d779}.brand small,.shift small{display:block;font-size:11px;letter-spacing:2px;margin-top:7px}.shift{text-align:right;background:#142c32e8;border:1px solid #ffffff24;border-radius:12px;padding:14px 20px}.shift span{font-size:12px;color:#c5d7d7}.shift strong{display:block;font-size:32px;letter-spacing:2px}aside{position:fixed;top:130px;left:32px;width:290px;padding:24px;background:#102b32eF;border:1px solid #a9cbbe35;border-radius:14px;box-shadow:0 18px 50px #001a2233}.eyebrow{color:#edce7c;font-size:10px;letter-spacing:2px}h2{font-size:22px;line-height:1.4;margin:12px 0}p{font-size:14px;line-height:1.9;color:#c1d2d3}#steps{font-size:12px;color:#89aba5;line-height:2.1;margin:16px 0}button{font:inherit;cursor:pointer;border:1px solid #ffffff30;border-radius:7px;background:#ffffff0b;color:inherit;padding:11px 14px;transition:.15s}button:hover{background:#f5d779;color:#173038}button:focus-visible{outline:3px solid #f5d779;outline-offset:3px}#guide{width:100%;font-size:12px;text-align:left}#status{position:fixed;right:32px;bottom:90px;display:flex;gap:20px;background:#132d34e8;border:1px solid #ffffff25;padding:16px 22px;border-radius:10px;font-size:12px}#status b{margin-left:8px;color:#f4db8f}footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:24px;padding:16px 32px;background:#0b222aeb;color:#adc2c4;font-size:12px}footer button{margin-left:auto;padding:6px 12px}kbd{color:#fff}#prompt{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#f3d780;color:#142b31;border-radius:8px;padding:12px 20px;font-weight:bold;display:none}#toast{position:fixed;top:30px;left:50%;transform:translateX(-50%);max-width:420px;background:#102a32ed;border:1px solid #f5d77988;border-radius:10px;padding:14px 22px;font-size:14px;display:none}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:#081b2570;backdrop-filter:blur(5px);padding:20px}#overlay.hidden{display:none}#dialog{width:min(620px,100%);max-height:90dvh;overflow:auto;background:#112f37;border:1px solid #719a9988;border-radius:20px;padding:38px;box-shadow:0 32px 120px #0008}#dialog h1{font-size:45px;letter-spacing:1px;margin:16px 0 4px;line-height:1.12}#dialog h1 b{color:#f3d780}#dialog h3{font-size:23px;margin:12px 0}#dialog .choices{display:grid;gap:10px;margin-top:24px}#dialog .choices button{text-align:left;padding:15px 18px}#dialog .choices button:first-child{background:#efd27d;color:#173038;border:0;font-weight:bold}#dialog .note{font-size:11px;color:#8faeaf}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats div{background:#ffffff08;padding:16px;border-radius:9px;font-size:12px;color:#b5cccc}.stats b{display:block;font-size:24px;margin-top:8px;color:#f1d27c}#touch{display:none}@media(max-width:700px){header{top:16px;left:16px;right:16px}.brand{font-size:19px}.brand small{font-size:8px;letter-spacing:1px}.shift{padding:8px 12px}.shift strong{font-size:23px}.shift small{display:none}aside{top:90px;left:16px;width:220px;padding:15px}aside h2{font-size:17px;margin:7px 0}aside p{font-size:12px;margin:5px 0}#steps{display:none}#status{right:16px;bottom:65px;gap:10px;padding:12px;font-size:10px}footer{padding:12px 16px}footer span{display:none}#dialog{padding:24px}#dialog h1{font-size:35px}#touch{display:block;position:fixed;bottom:65px;left:16px;text-align:center}#touch button{background:#112f37cc;padding:12px}#prompt{bottom:210px;font-size:12px;white-space:nowrap}}

:root{--story-accent:#efd27d}#overlay{z-index:100}#toast{z-index:101}.equipment-item{display:block;width:100%;margin:8px 0;text-align:left}.equipment-item:disabled{opacity:.65;cursor:default}#overlay.dark,#overlay.memorial{background:#05080b;backdrop-filter:none;transition:background 1s}#overlay.dark #dialog,#overlay.memorial #dialog{background:#0c1118;border-color:#45505b;box-shadow:none}#overlay.memorial #dialog .eyebrow{color:#a8b3c0}#overlay.memorial #dialog h3{font-size:36px;font-weight:400;letter-spacing:5px}.phone-message{background:#202a35;border:1px solid #52606c;border-radius:16px;padding:24px;margin:28px 0}.phone-message small{color:#b5c1c9}.phone-message p{color:#fff;font-size:23px;margin:16px 0 0}.silence{letter-spacing:3px;color:#a3aeb6;margin:28px 0}#dialog h3{line-height:1.5}#dialog h4{margin-bottom:8px}.outcome-list{padding-left:20px;font-size:13px;color:#bfd0d3;line-height:1.9}#dialog .choices button.danger{background:#422a31;color:#f0c7cc;border:1px solid #b88086}#overlay.memorial #dialog .choices button:first-child{background:#cbd1d8;color:#17212a}
:root{--story-version:3}#status{flex-wrap:wrap;max-width:calc(100vw - 32px)}#overtimeHud{color:#efd27d}.shift strong{font-size:28px}@media(max-width:700px){.shift strong{font-size:20px}#status{gap:8px;max-width:210px}}
.brand{max-width:54%;font-size:21px;line-height:1.4;letter-spacing:.5px}.brand small{font-size:10px;letter-spacing:1px}#dialog h3{overflow-wrap:anywhere}@media(max-width:700px){.brand{font-size:17px;max-width:52%}.brand small{font-size:9px}.shift{max-width:45%}#dialog h3{font-size:21px}}
.receipt{padding:16px;background:#ffffff09;border:1px solid #a0c4bc40;border-radius:10px}.receipt small{color:#efd27d}.receipt p{margin-bottom:0}.entry-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entry-form label{display:grid;gap:6px;font-size:12px;color:#bed1d1}.entry-form input,.entry-form select{width:100%;min-width:0;color:#eff4ed;background:#0c242d;border:1px solid #72958c;border-radius:6px;padding:10px;font:inherit;box-sizing:border-box}.entry-form button{grid-column:1/-1;font-size:12px}@media(max-width:500px){.entry-form{grid-template-columns:1fr}}
button{touch-action:manipulation}#touch button{touch-action:none;user-select:none;-webkit-user-select:none}#dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.entry-form input,.entry-form select{font-size:16px}
@media(max-width:700px),(hover:none) and (pointer:coarse){header{top:max(12px,env(safe-area-inset-top));left:16px;right:16px}.brand{font-size:16px;max-width:51%}.shift{padding:8px 10px;max-width:46%}.shift strong{font-size:18px}.shift small{display:none}#status{top:calc(82px + env(safe-area-inset-top));bottom:auto;left:16px;right:16px;max-width:none;padding:8px 10px;gap:10px;font-size:10px}aside{top:calc(130px + env(safe-area-inset-top));left:16px;width:210px;padding:14px}aside h2{font-size:16px;margin:8px 0}aside p{font-size:12px;line-height:1.6}#steps{display:none}#guide{min-height:44px}#touch{display:flex;align-items:flex-end;justify-content:space-between;position:fixed;left:16px;right:16px;bottom:calc(65px + env(safe-area-inset-bottom));pointer-events:none;gap:12px}#touch .dpad,#touch #interact{pointer-events:auto}#touch .dpad{text-align:center}#touch .dpad button{width:44px;height:44px;padding:8px;background:#112f37e6;font-size:18px}#touch #interact{min-width:80px;min-height:54px;background:#efd27d;color:#173038;font-weight:bold}#prompt{bottom:calc(178px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);white-space:normal;text-align:center;font-size:12px}footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}footer span{display:none}footer button{min-height:36px}#overlay{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}#dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:22px}#dialog .choices button{min-height:48px}#toast{top:calc(130px + env(safe-area-inset-top));max-width:calc(100vw - 32px);width:max-content;pointer-events:none}}
@media(max-height:500px) and (orientation:landscape){aside{width:230px;top:95px;padding:10px}aside p{display:none}#status{top:12px;left:36%;right:24%;font-size:9px;padding:7px}header .brand{font-size:14px;max-width:32%}.brand small{display:none}.shift strong{font-size:17px}#touch{bottom:52px}#dialog{padding:18px;max-width:650px}#prompt{bottom:65px}}

.clue-card{padding:20px;margin:18px 0;background:#24474d;border:1px solid #dbbf70;border-radius:12px;line-height:1.8;overflow-wrap:anywhere}.shift-goal{color:#f0d581;margin-top:12px;font-size:13px}

/* A quiet unread notification after the collision; no impact imagery. */
#overlay.unread{background:#000;backdrop-filter:none;align-items:center}#overlay.unread #dialog{background:transparent;border:0;box-shadow:none;max-width:460px;width:100%;padding:24px}#overlay.unread #dialog>.eyebrow,#overlay.unread #dialog>h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}.unread-notification{background:#242629;border:1px solid #42464b;border-radius:22px;padding:22px 24px;color:#f4f5f7;box-shadow:0 12px 40px #0008;animation:unread-arrives 1.8s ease both}.notification-top{display:flex;justify-content:space-between;font-size:12px;color:#a7abb2;margin-bottom:18px}.notification-sender{display:flex;align-items:center;gap:10px;font-size:21px}.unread-dot{width:8px;height:8px;background:#7ba9e8;border-radius:50%}.unread-notification p{font-size:23px;line-height:1.7;margin:10px 0 22px;color:#fff}.unread-notification small{font-size:12px;color:#a7abb2}#overlay.unread .choices{margin-top:64px;animation:unread-controls 3.5s ease both}#overlay.unread .choices button{background:transparent;border:1px solid #3b3e42;color:#9fa5ae;font-size:14px}#overlay.unread .choices button:hover{color:#fff;border-color:#929aa5}@keyframes unread-arrives{0%,45%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}@keyframes unread-controls{0%,70%{opacity:0}100%{opacity:1}}@media(prefers-reduced-motion:reduce){.unread-notification,#overlay.unread .choices{animation:none}}