:root{--game-native-width: 960px;--hud-width: 300px;--frame-gap: 16px;--panel-border: rgba(124, 162, 211, .18);--panel-shadow: 0 24px 64px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255, 255, 255, .02);--panel-fill: linear-gradient(180deg, rgba(20, 26, 37, .95), rgba(12, 16, 24, .98)), radial-gradient(circle at top, rgba(107, 226, 255, .08), transparent 34%);--panel-fill-soft: linear-gradient(180deg, rgba(25, 32, 44, .82), rgba(16, 22, 33, .88)), radial-gradient(circle at top right, rgba(107, 226, 255, .08), transparent 42%);color-scheme:dark;font-family:Avenir Next,PingFang SC,Noto Sans SC,sans-serif;background:radial-gradient(circle at top,rgba(87,183,255,.08),transparent 32%),linear-gradient(180deg,#06080d,#0c1017);color:#eef3fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:inherit;overflow-x:hidden}button,input,textarea,select{font:inherit}#app{min-height:100vh}.app-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.game-frame{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,var(--hud-width));gap:var(--frame-gap);width:min(calc(var(--game-native-width) + var(--hud-width) + var(--frame-gap)),calc(100vw - 36px));align-items:start;justify-content:center}.game-root{position:relative;isolation:isolate;width:100%;max-width:var(--game-native-width);min-height:0;aspect-ratio:16 / 9;align-self:start;border:1px solid rgba(124,162,211,.24);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#121822f2,#0a0e14fa),radial-gradient(circle at center,rgba(85,180,255,.06),transparent 50%);box-shadow:0 24px 80px #0000008c,inset 0 0 0 1px #ffffff08}.game-root canvas{position:absolute;inset:0;z-index:0;width:100%!important;height:100%!important;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.game-root,.game-root canvas{touch-action:none}.game-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:16px 18px 18px;pointer-events:none}.game-overlay-top{display:flex;justify-content:center}.game-status-strip{display:flex;align-items:flex-start;gap:16px;max-width:min(78%,760px);padding:11px 18px;border-radius:999px;border:1px solid rgba(176,209,240,.12);background:linear-gradient(180deg,#090e1685,#090e1647),radial-gradient(circle at top,rgba(107,226,255,.08),transparent 58%);box-shadow:0 10px 30px #00000029,inset 0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-status-block{min-width:0;display:grid;gap:3px}.game-status-block+.game-status-block{padding-left:16px;border-left:1px solid rgba(176,209,240,.12)}.game-status-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a8bbd0ad}.game-status-value{font-size:15px;font-weight:600;line-height:1.35;color:#ecf4fcd6;text-shadow:0 1px 8px rgba(0,0,0,.22);overflow-wrap:anywhere}.game-status-value[data-tone=visitor],.metric-value[data-tone=visitor],.hint-value[data-tone=visitor]{color:#8cecff}.game-status-value[data-tone=maintenance],.metric-value[data-tone=maintenance],.hint-value[data-tone=maintenance]{color:#ffd28f}.game-status-value[data-tone=intruder],.metric-value[data-tone=intruder],.hint-value[data-tone=intruder]{color:#ff8a94}.game-status-value[data-tone=warning],.metric-value[data-tone=warning],.hint-value[data-tone=warning]{color:#ffc56e}.game-status-value[data-tone=success],.metric-value[data-tone=success],.hint-value[data-tone=success]{color:#95f0b5}.game-overlay-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.game-root[data-touch-controls=true] .game-overlay-bottom{margin-bottom:120px}.game-root[data-touch-controls=true] .game-overlay-actions-right{position:absolute;top:18px;right:18px;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(34vw,180px)}.game-overlay-actions-right{display:flex;gap:12px;justify-content:flex-end;align-items:flex-end;flex:1 1 auto}.game-phone-button{pointer-events:auto;padding:10px 14px;border-radius:999px;border:1px solid rgba(107,226,255,.18);background:linear-gradient(180deg,#0d141fc7,#090e16b3),radial-gradient(circle at top,rgba(107,226,255,.12),transparent 65%);color:#eaf4fdeb;font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 28px #00000038,inset 0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .12s ease,border-color .12s ease,opacity .12s ease,background-color .12s ease}.game-overlay-button{pointer-events:auto;padding:10px 14px;border-radius:999px;border:1px solid rgba(107,226,255,.18);background:linear-gradient(180deg,#0d141fc7,#090e16b3),radial-gradient(circle at top,rgba(107,226,255,.12),transparent 65%);color:#eaf4fdeb;font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 28px #00000038,inset 0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.game-overlay-button:hover{transform:translateY(-1px);border-color:#6be2ff66}.game-overlay-button-warn{border-color:#f0c96f33;background:linear-gradient(180deg,#0d141fc7,#090e16b3),radial-gradient(circle at top,rgba(240,201,111,.14),transparent 65%);color:#f7eac6f5}.game-phone-button:hover:not(:disabled){transform:translateY(-1px);border-color:#6be2ff66}.game-phone-button:disabled{opacity:.52;cursor:default}.game-skip-hint{padding:10px 14px;border-radius:999px;border:1px solid rgba(240,201,111,.2);background:linear-gradient(180deg,#0d141fc7,#090e16b3),radial-gradient(circle at top,rgba(240,201,111,.14),transparent 65%);color:#f7eac6f5;font-size:13px;font-weight:700;letter-spacing:.04em;box-shadow:0 12px 28px #00000038,inset 0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.touch-controls{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;align-items:flex-end;justify-content:space-between;padding:16px 18px 18px}.touch-controls[data-enabled=false]{display:none}.touch-cluster{pointer-events:auto;display:grid;gap:10px}.touch-joystick-zone{position:relative;width:min(42vw,320px);height:min(34vh,240px);align-self:end;justify-self:start;touch-action:none}.touch-joystick-plate{position:absolute;width:128px;height:128px;border-radius:50%;border:1px solid rgba(172,207,232,.14);background:radial-gradient(circle at center,#7fd8ff1a,#0b121c38 44%,#060a1066 72%),linear-gradient(180deg,#0a10195c,#060a104d);box-shadow:0 10px 24px #00000029,inset 0 0 0 1px #ffffff08;touch-action:none;-webkit-tap-highlight-color:transparent;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-joystick-plate:before,.touch-joystick-plate:after{content:"";position:absolute;inset:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.touch-joystick-plate:before{width:88px;height:88px;border:1px solid rgba(177,217,240,.08)}.touch-joystick-plate:after{width:18px;height:18px;background:#b3e0f814;box-shadow:0 0 0 1px #b3e0f80d}.touch-joystick-plate[data-active=true]{border-color:#89eeff33}.touch-joystick-thumb{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 35% 30%,#ffffff24,#6be2ff14 32%,#121c2a80 78%),linear-gradient(180deg,#18243475,#0b11196b);box-shadow:0 6px 16px #00000024,inset 0 0 0 1px #ffffff08;transform:translate(-50%,-50%);transition:transform 60ms linear,border-color .12s ease;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.touch-joystick-plate[data-active=true] .touch-joystick-thumb{border-color:#a9f4ff33}.touch-actions{--touch-action-column-width: 92px;align-content:end;justify-items:stretch;align-items:end;grid-template-columns:repeat(2,var(--touch-action-column-width));grid-template-areas:"speed interact";column-gap:12px;row-gap:0}.touch-button{width:100%;min-width:70px;min-height:62px;padding:10px 14px;border:1px solid rgba(152,189,220,.22);border-radius:22px;background:linear-gradient(180deg,#0d141f9e,#080d1485),radial-gradient(circle at top,rgba(117,230,255,.12),transparent 62%);color:#eef4fb;font-size:15px;font-weight:700;letter-spacing:.04em;box-shadow:0 14px 28px #0000002e,inset 0 0 0 1px #ffffff08;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.touch-button[data-active=true]{transform:translateY(1px) scale(.98);border-color:#89eeff70}.touch-button-speed{grid-area:speed}.touch-button-primary{grid-area:interact;justify-self:stretch;width:100%;min-width:92px;min-height:72px;background:linear-gradient(135deg,#52d7ffb8,#6ff0c0ad),linear-gradient(180deg,#141f2c1f,#080d141f);color:#081018;border-color:#ffffff2e}.touch-button-primary:disabled,.touch-button-primary[data-available=false]{background:linear-gradient(180deg,#48536285,#262d3a80),linear-gradient(180deg,#141f2c14,#080d1414);color:#dde5efb8;border-color:#b6c5d724;box-shadow:0 10px 22px #0000001f,inset 0 0 0 1px #ffffff05}.touch-button-secondary{background:linear-gradient(180deg,#242a399e,#1216218f),radial-gradient(circle at top,rgba(253,209,125,.14),transparent 64%);color:#ffe2b2}.hud-panel{position:relative;width:100%;min-height:0;display:grid;grid-template-rows:min-content minmax(0,1fr);gap:14px;padding:16px;max-height:min(680px,calc(100vh - 36px));border:1px solid var(--panel-border);border-radius:20px;background:var(--panel-fill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:var(--panel-shadow)}.hud-header{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff05),radial-gradient(circle at top right,rgba(107,226,255,.08),transparent 46%);border:1px solid rgba(255,255,255,.06)}.hud-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#6f859c}.hud-title{margin:0;font-size:clamp(24px,2vw,28px);line-height:1.05;color:#edf3fb}.hud-scroll{min-height:0;display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;gap:12px;padding:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(107,226,255,.35) transparent}.hud-scroll::-webkit-scrollbar{width:8px}.hud-scroll::-webkit-scrollbar-track{background:transparent}.hud-scroll::-webkit-scrollbar-thumb{background:#6be2ff4d;border-radius:999px}.metric,.hint-wrap{padding:12px 14px;border-radius:14px;background:var(--panel-fill-soft);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #ffffff05}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6f859c}.metric-value{margin-top:6px;font-size:clamp(17px,1.4vw,19px);font-weight:600;color:#edf3fb;overflow-wrap:anywhere}.hint-value{margin-top:8px;font-size:14px;font-weight:600;line-height:1.5;color:#d7e0ed;overflow-wrap:anywhere}.modal{position:absolute;inset:32px;display:grid;align-content:center;gap:18px;padding:28px;border-radius:24px;background:linear-gradient(180deg,#080c12f0,#0f141df5),radial-gradient(circle at top right,rgba(107,226,255,.14),transparent 35%);border:1px solid rgba(107,226,255,.22);box-shadow:0 24px 64px #00000085}.modal.phone-modal{inset:40px auto auto 40px;width:min(420px,calc(100% - 80px));padding:18px;align-content:start;gap:14px;border-radius:34px;background:linear-gradient(180deg,#0c121cfa,#070b12fa),radial-gradient(circle at top,rgba(72,206,255,.12),transparent 36%);border:1px solid rgba(119,204,255,.22);box-shadow:0 28px 80px #00000094,inset 0 0 0 1px #ffffff08}.modal.hidden{display:none}.clue-toast{position:absolute;top:72px;left:18px;z-index:3;width:min(360px,calc(100% - 36px));display:grid;gap:8px;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#0a0f18eb,#0e151ff0),radial-gradient(circle at top right,rgba(107,226,255,.14),transparent 42%);border:1px solid rgba(107,226,255,.22);box-shadow:0 18px 42px #00000057,inset 0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.clue-toast.hidden{display:none}.clue-toast-title{margin:0;font-size:clamp(18px,2.2vw,22px);line-height:1.25;color:#f4f8ff}.clue-toast-body{display:grid;gap:6px;max-width:32ch;color:#d1dcea;font-size:13px;line-height:1.55}.clue-toast-body p{margin:0}.modal-title{margin:0;font-size:clamp(28px,4vw,40px);letter-spacing:.02em}.modal-body{display:grid;gap:10px;max-width:52ch;color:#d0d9e4;font-size:15px;line-height:1.7}.modal-body p{margin:0}.completion-modal .modal-body{max-width:60ch}.completion-records{display:grid;gap:12px;margin-top:6px}.completion-record{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#141e2bf0,#0e151ff0),radial-gradient(circle at top right,rgba(107,226,255,.08),transparent 42%);border:1px solid rgba(129,170,206,.18);box-shadow:inset 0 0 0 1px #ffffff05}.completion-record-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7f95ab}.completion-record-value{margin-top:6px;font-size:18px;font-weight:700;color:#edf5fd}.completion-record-detail{margin-top:8px;font-size:13px;line-height:1.6;color:#bfd0e3}.phone-shell{display:grid;gap:14px}.phone-status{display:flex;justify-content:space-between;align-items:center;padding:0 6px;font-size:11px;letter-spacing:.08em;color:#8da2bb}.phone-chat-header{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.phone-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700;color:#081018;background:linear-gradient(135deg,#81e6ff,#7cf0c4)}.phone-header-text{display:grid;gap:4px}.phone-contact{font-size:15px;font-weight:700;color:#edf4fd}.phone-presence{font-size:12px;color:#91a7c0}.phone-thread{display:grid;gap:10px;padding:8px 2px}.message-row{display:grid;gap:5px}.message-row.incoming{justify-items:start}.message-bubble{max-width:92%;padding:12px 14px;border-radius:18px 18px 18px 8px;background:linear-gradient(180deg,#1c2737f5,#141d2af5);border:1px solid rgba(136,164,194,.18);color:#e7eef9;font-size:14px;line-height:1.6;box-shadow:0 10px 24px #0000002e}.message-meta{padding-left:10px;font-size:11px;color:#7f93ab}.phone-hint{padding:12px 14px;border-radius:16px;background:#67e5ff14;border:1px solid rgba(103,229,255,.14);color:#c7d8ea;font-size:12px;line-height:1.5}.modal-actions{display:flex;gap:12px;flex-wrap:wrap}.action{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#eaf1fb;padding:10px 16px;border-radius:999px;cursor:pointer;transition:transform .12s ease,background .12s ease}.action:hover{transform:translateY(-1px);background:#ffffff14}.action.primary{background:linear-gradient(135deg,#6be2ff,#7df2bc);color:#061016;border-color:transparent}.phone-modal .modal-title{display:none}.phone-modal .modal-body{max-width:none}.phone-modal .modal-actions{justify-content:flex-end}@media(max-width:1180px){.game-frame{grid-template-columns:1fr;width:min(100%,var(--game-native-width))}.hud-panel{max-height:none}.hud-scroll{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.hint-wrap{grid-column:1 / -1}}@media(max-width:760px){body{overflow:auto}.app-shell{padding:14px}.game-frame{grid-template-columns:1fr}.game-root{min-height:420px;aspect-ratio:auto}.game-overlay{padding:14px}.game-root[data-touch-controls=true] .game-overlay-bottom{margin-bottom:104px}.game-root[data-touch-controls=true] .game-overlay-actions-right{top:14px;right:14px;gap:8px;max-width:min(42vw,168px)}.game-overlay-top{justify-content:stretch}.game-status-strip{width:100%;max-width:none;border-radius:18px;flex-wrap:wrap;gap:10px}.game-status-block{flex:1 1 140px}.game-status-block+.game-status-block{padding-left:0;border-left:none}.hud-panel{padding:14px}.hud-scroll{grid-template-columns:1fr}.modal.phone-modal{inset:20px;width:auto}.clue-toast{top:88px;left:14px;width:min(320px,calc(100% - 28px));padding:12px 14px;border-radius:18px}.touch-controls{padding:12px 14px 14px}.touch-joystick-zone{width:min(48vw,270px);height:min(30vh,200px)}.touch-joystick-plate{width:112px;height:112px}.touch-joystick-thumb{width:42px;height:42px}.touch-cluster{gap:8px}.touch-actions{--touch-action-column-width: 84px;column-gap:10px;row-gap:0}.touch-button{min-width:58px;min-height:54px;border-radius:18px;font-size:14px}.touch-button-primary{min-width:84px;min-height:62px}}