:root{font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:#f5f7fa;background:#0b1018;font-synthesis:none;--ink: #f5f7fa;--muted: #aeb8c6;--panel: rgba(15, 22, 31, .92);--panel-soft: rgba(17, 24, 34, .76);--line: rgba(255, 255, 255, .14);--ember: #ff6b35;--amber: #ffd166;--safe: #65d6a6;--danger: #ff5d67;--focus: #70b7ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#0b1018;touch-action:none}button,select,input{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.game-shell,.scene-canvas{position:absolute;inset:0;width:100%;height:100%}.scene-canvas{display:block;background:radial-gradient(circle at 50% 32%,#303a46 0,#111722 62%,#080c12)}.screen,.modal-layer{position:absolute;inset:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));z-index:20}.screen{overflow:auto;touch-action:pan-y;background:linear-gradient(135deg,#070b11f0,#111822c7),radial-gradient(circle at 78% 20%,rgba(255,107,53,.25),transparent 32%)}.hidden{display:none!important}.start-card,.mode-card-wrap,.briefing-card,.modal-card,.result-card,.pause-card{width:min(92vw,940px);border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:0 24px 80px #00000075;backdrop-filter:blur(18px)}.start-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);min-height:min(620px,84dvh);overflow:hidden}.start-copy{min-width:0;container-type:inline-size;padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 14px;color:var(--amber);font-size:.9rem;font-weight:800;letter-spacing:.16em}h1,h2,h3,p{margin-top:0}h1{max-width:700px;margin-bottom:18px;font-size:clamp(3rem,8vw,6.8rem);line-height:.92;letter-spacing:-.06em}.start-copy h1{max-width:100%;font-size:clamp(1.6rem,4.4vw,4.8rem);font-size:clamp(1.6rem,15cqi,4.8rem);white-space:nowrap;flex-shrink:0;line-height:1.08}.brand-fire{color:var(--ember)}.lead{max-width:580px;margin-bottom:30px;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.7}.start-visual{position:relative;display:grid;place-items:center;min-height:360px;overflow:hidden;background:linear-gradient(180deg,#ff6b350a,#ff6b3542),repeating-linear-gradient(90deg,#151d27 0 18px,#0e141d 18px 38px)}.door-symbol{position:relative;width:min(55%,220px);aspect-ratio:.62;border:4px solid rgba(255,255,255,.72);border-bottom:0;box-shadow:0 0 42px #ffd1662e}.door-symbol:before{content:"";position:absolute;inset:10% 12% 0;background:linear-gradient(135deg,#26313d,#121923);border:1px solid rgba(255,255,255,.15)}.door-symbol:after{content:"";position:absolute;right:20%;top:49%;width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px var(--amber)}.start-note{position:absolute;left:22px;right:22px;bottom:22px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#080c12c7;color:#dce3eb;font-size:.88rem;line-height:1.55}.primary-btn,.secondary-btn,.ghost-btn,.mode-card,.icon-btn,.action-button,.keypad-key{min-height:48px;border:0;border-radius:14px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-btn{align-self:flex-start;padding:14px 24px;background:linear-gradient(135deg,#ff7b42,#ee4f2d);color:#fff;font-weight:800;box-shadow:0 12px 30px #ee4f2d47}.primary-btn:hover,.mode-card:hover{transform:translateY(-2px)}.secondary-btn{padding:13px 20px;background:#263341;color:#fff;font-weight:750}.ghost-btn{padding:13px 20px;border:1px solid var(--line);background:transparent;color:var(--muted)}.mode-card-wrap{padding:clamp(24px,5vw,54px)}.screen-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.screen-heading h2{margin-bottom:6px;font-size:clamp(2rem,4vw,3.2rem)}.screen-heading p{margin:0;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-card{min-height:300px;padding:24px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:linear-gradient(160deg,#ffffff14,#ffffff06)}.mode-card[data-mode=easy]{--mode-color: #65d6a6}.mode-card[data-mode=medium]{--mode-color: #ffd166}.mode-card[data-mode=hard]{--mode-color: #ff6b5f}.mode-number{color:var(--mode-color);font-size:.8rem;font-weight:800;letter-spacing:.14em}.mode-card h3{margin:16px 0 10px;font-size:1.45rem}.mode-card p{color:var(--muted);line-height:1.6}.mode-meta{margin-top:auto;padding-top:18px;color:var(--mode-color);font-size:.88rem;font-weight:700}.briefing-card,.modal-card,.result-card,.pause-card{width:min(90vw,560px);padding:clamp(24px,4vw,42px)}.briefing-card h2,.modal-card h2,.result-card h2,.pause-card h2{margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.7rem)}.brief-list,.result-list{padding:0;margin:22px 0 28px;list-style:none}.brief-list li,.result-list li{position:relative;padding:11px 0 11px 30px;border-bottom:1px solid rgba(255,255,255,.08);color:#dce3eb;line-height:1.5}.brief-list li:before,.result-list li:before{content:"";top:15px;width:18px;height:18px;background:var(--safe);mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20%3e%3cpath%20d='M20%206%209%2017l-5-5'%20/%3e%3c/svg%3e") center / contain no-repeat;position:absolute;left:2px;color:var(--safe);font-weight:900}.button-row{display:flex;flex-wrap:wrap;gap:12px}.hud{position:absolute;inset:0;z-index:8;pointer-events:none}.top-bar{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.objective-card{max-width:min(580px,62vw);padding:12px 16px;border:1px solid var(--line);border-left:4px solid var(--ember);border-radius:14px;background:var(--panel-soft);box-shadow:0 10px 32px #00000040}.objective-label{display:block;margin-bottom:4px;color:var(--amber);font-size:.72rem;font-weight:900;letter-spacing:.14em}.objective-text{font-size:clamp(.9rem,2vw,1.06rem);font-weight:730;line-height:1.35}.danger-warning{position:absolute;top:clamp(88px,15vh,138px);left:50%;transform:translate(-50%);width:max-content;max-width:min(90vw,680px);padding:12px 20px;border:2px solid #ff8585;border-radius:12px;background:#700c10f0;box-shadow:0 8px 28px #0006;color:#fff;font-size:clamp(1rem,2.4vw,1.3rem);font-weight:900;text-align:center;text-shadow:0 1px 2px #57090b}.smoke-countdown{position:absolute;top:clamp(148px,24vh,198px);left:50%;transform:translate(-50%);padding:8px 16px;border:1px solid rgba(255,193,102,.75);border-radius:10px;background:#372312eb;color:#ffd18b;font-weight:900;letter-spacing:.04em}.top-actions{display:flex;gap:8px;pointer-events:auto}.icon-btn{width:50px;min-height:50px;border:1px solid var(--line);background:var(--panel-soft);font-size:1.15rem}.inventory{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 70px);right:max(14px,env(safe-area-inset-right));display:flex;gap:8px;pointer-events:auto}.item-chip{min-width:60px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);color:#8793a2;cursor:pointer;font:inherit;text-align:center;font-size:.78rem;transition:.18s ease}.item-chip strong{display:block;margin-bottom:2px;font-size:1.05rem}.item-chip.collected{border-color:#65d6a68c;background:#1c5945bf;color:#fff}.item-chip:not(.collected){cursor:default}.item-chip.selected{outline:3px solid var(--amber);outline-offset:2px;transform:translateY(-3px);color:#fff}.item-chip.used{opacity:.58;text-decoration:line-through}.item-chip[aria-disabled=true]{cursor:default}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.8}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff;border-radius:2px;box-shadow:0 0 5px #000c}.crosshair:before{left:8px;top:2px;width:2px;height:14px}.crosshair:after{left:2px;top:8px;width:14px;height:2px}.interaction-label{position:absolute;left:50%;top:calc(50% + 30px);transform:translate(-50%);max-width:min(80vw,400px);padding:8px 12px;border-radius:10px;background:#070b10d6;color:#fff;text-align:center;font-size:.9rem}.toast{position:absolute;left:50%;bottom:16%;transform:translate(-50%) translateY(12px);max-width:min(88vw,520px);padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:#080d13e6;opacity:0;transition:.2s ease;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.controls-layer{position:absolute;inset:0;z-index:10;pointer-events:none}.joystick{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:clamp(112px,17vw,148px);aspect-ratio:1;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#0d131c75;pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;left:50%;top:50%;width:44%;aspect-ratio:1;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:#ffffff29;transform:translate(-50%,-50%)}.action-button{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));width:clamp(86px,13vw,112px);min-height:clamp(86px,13vw,112px);padding:10px;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:#ee4f2dd1;color:#fff;font-size:.92rem;font-weight:850;pointer-events:auto;touch-action:manipulation}.action-button:disabled{border-color:#ffffff2e;background:#444e5b99;color:#acb4bf}.desktop-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:7px 12px;border-radius:9px;background:#060a0fa6;color:#c7d0dc;font-size:.76rem}.modal-layer{background:#04070bb3;backdrop-filter:blur(8px);z-index:30;pointer-events:auto}.feedback-icon,.result-badge{width:66px;height:66px;margin-bottom:18px;display:grid;place-items:center;border-radius:18px;background:#ff5d6724;color:var(--danger);font-size:2rem}.result-badge{background:#65d6a624;color:var(--safe)}#phone-modal{background:#04070b40;backdrop-filter:none}#phone-modal .phone-shell{width:min(320px,calc((100dvh - 36px)*.485));aspect-ratio:71.6 / 147.6;padding:0;position:relative;overflow:hidden;container-type:inline-size;border:6px solid #1e2024;border-radius:38px;background:#08090c;box-shadow:0 24px 60px #0009,inset 0 0 0 1px #555;color:#fff}.phone-status{position:absolute;inset:3% 6% auto;height:5%;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:4cqw;font-weight:600}.phone-island{position:absolute;left:33%;top:0;width:34%;height:100%;border-radius:30px;background:#000}.phone-island:after{content:"";position:absolute;right:12%;top:32%;width:10%;aspect-ratio:1;border-radius:50%;background:#111523}.phone-status-icons{font-size:3cqw;letter-spacing:-.1em}.phone-home{position:absolute;inset:0;padding:22% 5% 6%;background:radial-gradient(ellipse at 50% 26%,#0b0c15 10%,#363547 30%,#8a8499 38%,#161624 47%,transparent 58%),radial-gradient(ellipse at 50% 80%,#151521 14%,#797487 33%,#242432 46%,#151722 66%)}.phone-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6cqw 2cqw}.phone-app{display:flex;flex-direction:column;align-items:center;gap:1.5cqw;padding:0;border:0;border-radius:0;background:transparent;font-size:3.2cqw;font-weight:400;white-space:nowrap;cursor:pointer}.app-icon{display:grid;place-items:center;width:14.5cqw;aspect-ratio:1;border-radius:3.5cqw;color:#fff;box-shadow:0 2px 4px #0003;overflow:hidden}.app-icon svg{width:76%;height:76%}.app-messages,.app-phone{background:linear-gradient(#66e578,#20b846)}.app-calendar,.app-photos,.app-notes,.app-reminders{background:#f7f7f8}.app-camera,.app-settings{background:linear-gradient(#e5e5e8,#9b9da4)}.app-weather,.app-store{background:linear-gradient(#3eacf2,#2364d9)}.app-clock{background:#101115}.app-maps{background:#b5d4ad}.app-music{background:linear-gradient(#fb6077,#ed334c)}.app-browser{background:#f9f9f9;color:#298be9}.phone-home-note{position:absolute;bottom:23%;left:6%;right:6%;margin:0;font-size:4cqw;line-height:1.6;text-align:center;text-shadow:0 1px 4px #000}.phone-dock{position:absolute;bottom:6%;left:4%;right:4%;display:flex;justify-content:space-around;align-items:flex-start;padding:3cqw 1cqw 2cqw;border-radius:7cqw;background:#ffffff25;backdrop-filter:blur(15px)}.phone-dock>.app-icon{font-size:9cqw}.phone-dialer{position:absolute;inset:10% 0 4%}.phone-back{margin-left:6%;padding:0;background:none;border:0;color:#5ca7ff;font-size:4cqw}.phone-display{height:14%;margin:0 4%;display:grid;place-items:center;color:#fff;font-size:8cqw;font-weight:400;letter-spacing:.03em;overflow-wrap:anywhere}.phone-error{height:7%;margin:0 5%;color:#ff787f;text-align:center;font-size:3.4cqw;line-height:1.25}.keypad{width:80%;height:62%;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:2.5cqw 4cqw;justify-items:center}.keypad-key{width:20cqw;height:20cqw;aspect-ratio:1;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;border-radius:50%;background:#303033;font-size:8cqw;font-weight:400;line-height:1;cursor:pointer}.keypad-key small{font-size:2.8cqw;letter-spacing:.13em;margin-top:1cqw}.keypad-key:active{background:#66666a}.keypad-key.call{background:#27c553}.keypad-key.call svg{width:43%;height:43%}.keypad-delete{padding:0;border:0;border-radius:0;background:transparent;font-size:7cqw;cursor:pointer}.phone-tabs{display:flex;justify-content:space-evenly;margin-top:3cqw;color:#8e8e94;text-align:center;font-size:5cqw}.phone-tabs span{display:flex;flex-direction:column;gap:.8cqw}.phone-tabs small{font-size:2.5cqw}.phone-tabs .selected{color:#529ef8}.phone-home-indicator{position:absolute;left:32%;bottom:1.7%;width:36%;height:.7%;border-radius:8px;background:#f5f5f5}.quality-row{margin:20px 0;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.quality-row select{min-height:46px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:10px;background:#202b37;color:#fff}.setting-range{width:180px}.orientation-prompt{position:absolute;inset:0;z-index:60;display:none;place-items:center;padding:26px;background:#0c121a;text-align:center}.rotate-icon{margin-bottom:18px;font-size:3rem}.confetti-piece{position:fixed;z-index:50;top:-20px;width:10px;height:18px;border-radius:3px;animation:confetti-fall 2.8s linear forwards}@keyframes confetti-fall{to{transform:translate3d(var(--drift),110vh,0) rotate(720deg)}}@media(pointer:fine){.joystick,.action-button{opacity:.72}}@media(max-width:780px){.start-card{grid-template-columns:1fr}.start-visual{min-height:230px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:190px}.screen-heading{align-items:flex-start;flex-direction:column}}@media(max-height:520px)and (orientation:landscape){.start-card{min-height:92dvh}.start-copy{padding:24px 34px}h1{font-size:clamp(2.8rem,11vh,4.8rem)}.lead{margin-bottom:18px;font-size:.92rem}.mode-card-wrap{padding:22px}.mode-card{min-height:220px;padding:18px}.inventory{top:auto;right:auto;left:max(14px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}.desktop-hint{display:none}}@media(orientation:portrait)and (max-width:700px){.game-shell.playing .orientation-prompt{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.smoke-blackout{position:absolute;inset:0;z-index:15;background:#000;opacity:0;pointer-events:none;transition:opacity .12s linear}.intro-overlay{position:absolute;inset:0;z-index:25;display:grid;place-items:center;background:#080c12a6;pointer-events:auto}.intro-card{width:min(620px,88vw);padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel-soft);text-align:center}#intro-caption{font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.6;margin:14px 0 22px}.reference-card{width:min(780px,94vw);max-height:86vh;overflow-y:auto;padding:clamp(20px,4vw,40px);border:1px solid var(--line);border-radius:22px;background:var(--panel-soft)}.reference-card h2{margin:8px 0 16px;font-size:clamp(1.5rem,3vw,2.2rem)}.reference-links{display:grid;gap:10px;margin:20px 0}.reference-links a{display:grid;gap:5px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;color:#f4f7fa;text-decoration:none;background:#ffffff0a}.reference-links a:hover{border-color:var(--amber);background:#ffd16617}.reference-links span{color:#bbc5d1;font-size:.9rem}.reference-thanks{color:var(--amber);line-height:1.6;margin:18px 0}.outdoor-fade{position:absolute;inset:0;z-index:26;background:#000;opacity:0;pointer-events:auto}.outdoor-pocket-phone{position:absolute;right:8%;bottom:-420px;z-index:27;pointer-events:none;transition:bottom 1.2s cubic-bezier(.2,.7,.3,1),right 1.2s cubic-bezier(.2,.7,.3,1),transform 1.2s ease;transform:rotate(18deg);text-align:center;color:#fff}.outdoor-pocket-phone.visible{bottom:6%;right:calc(50% - 100px);transform:rotate(-5deg)}.pocket-phone-device{position:relative;width:155px;height:320px;padding:52px 12px 28px;border:6px solid #1e2024;border-radius:25px;background:radial-gradient(ellipse at 50% 25%,#161522 15%,#797487 38%,#222231 48%,#11131d 65%);box-shadow:0 15px 60px #00000080}.pocket-island{position:absolute;left:33%;top:10px;width:34%;height:13px;border-radius:20px;background:#000}.pocket-mini-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 6px}.pocket-mini-apps i,.pocket-mini-dock i{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#eeedf1}.pocket-mini-apps i:nth-child(3n+1){background:#34c75c}.pocket-mini-apps i:nth-child(3n+2){background:#419bed}.pocket-mini-apps i:nth-child(4n){background:#ed607a}.pocket-mini-dock{position:absolute;bottom:20px;left:8px;right:8px;display:flex;justify-content:space-around;padding:7px 2px;border-radius:12px;background:#ffffff30}.pocket-mini-dock i:first-child{background:#28c652}.pocket-mini-dock i{font-style:normal;font-size:18px;color:#fff}.outdoor-pocket-phone p{padding:8px 12px;border-radius:10px;background:#0a1018cc}.phone-from-pocket .phone-shell{animation:phone-unfold .35s ease-out}.pocket-hand{position:absolute;width:92px;height:150px;right:-48px;bottom:-80px;z-index:-1;border-radius:45px 34px 14px 14px;background:linear-gradient(100deg,#ad7854,#deb38a);transform:rotate(-12deg);box-shadow:inset -7px 0 14px #5a280c2e}.pocket-hand:before{content:"";position:absolute;width:33px;height:82px;left:-16px;top:-38px;border-radius:20px;background:#dbac82;transform:rotate(-18deg);z-index:2}.pocket-hand:after{content:"";position:absolute;width:95px;height:160px;left:1px;top:100px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#4e6474,#293b4b)}@keyframes phone-unfold{0%{opacity:0;transform:translateY(70px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}.vector-icon{width:1.25em;height:1.25em;display:inline-block;vertical-align:middle;flex-shrink:0}.icon-btn{display:grid;place-items:center}.icon-btn .vector-icon{width:24px;height:24px}.item-chip strong{display:grid;place-items:center;height:26px;margin-bottom:5px}.item-chip strong .vector-icon{width:25px;height:25px}.item-chip[data-item=phone] strong{color:#b8d7f5}.item-chip[data-item=key] strong{color:#dfcb84}.item-chip[data-item=towel] strong{color:#c6c3bd}.item-chip[data-item=tape] strong{color:#e8ddb0}.feedback-icon .vector-icon,.result-badge .vector-icon{width:34px;height:34px}.phone-status-icons{display:flex;align-items:center;gap:1cqw}.phone-status-icons .vector-icon{width:4.5cqw;height:4.5cqw}.phone-tabs .vector-icon{width:5cqw;height:5cqw;margin:0 auto}.keypad-delete .vector-icon{width:8cqw;height:8cqw}.pocket-mini-dock .vector-icon{width:17px;height:17px}