*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html,body{width:100%;height:100%;background-color:#120a0e;color:#f5ead8;font-family:DotGothic16,Noto Sans TC,PingFang TC,Microsoft JhengHei,monospace,sans-serif;overflow:hidden;image-rendering:pixelated;image-rendering:crisp-edges}.game-shell{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#120a0e;overflow:hidden}.pixel-topbar{min-height:42px;background-color:#24161b;border-bottom:3px solid #784E38;display:flex;align-items:center;justify-content:space-between;padding:4px 10px;gap:8px;flex-shrink:0;z-index:35;position:relative;flex-wrap:wrap}.topbar-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.game-badge{background-color:#ba3e30;color:#fff8ea;font-family:"Press Start 2P",DotGothic16,monospace;font-size:9px;font-weight:700;padding:4px 7px;border:2px solid #22171A;box-shadow:inset 1px 1px #f2c66d,0 2px #120a0d;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.hud-scene-label{font-size:clamp(11px,1.3vw,13px);font-weight:700;color:#f8e2be;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px;min-width:0}.topbar-right{display:flex;align-items:center;gap:5px;flex-shrink:0;position:relative;flex-wrap:wrap}.custom-dropdown-wrap{position:relative;display:inline-block}.custom-pixel-menu{position:absolute;top:100%;right:0;margin-top:6px;background-color:#24161b;border:3px solid #8C5C42;box-shadow:inset 2px 2px #d89c52,inset -2px -2px #583a2e,0 6px 16px #000000d9;display:flex;flex-direction:column;gap:3px;padding:6px;z-index:100;min-width:185px;max-height:75vh;overflow-y:auto}.custom-pixel-menu.hidden{display:none!important}.custom-pixel-menu-item{background-color:#1a1014;color:#f5ead8;border:1px solid #583A2E;padding:5px 10px;font-size:12px;font-family:inherit;font-weight:700;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between}.custom-pixel-menu-item:hover,.custom-pixel-menu-item.active{background-color:#ba3e30;border-color:#f2c66d;color:#fff9ec}.pixel-btn{background-color:#38242a;color:#f5ead8;border:2px solid #AC744A;box-shadow:inset 1px 1px #d89c52,0 2px #140c0f;padding:4px 10px;font-size:clamp(11px,1.2vw,12px);font-weight:700;font-family:inherit;cursor:pointer;transition:transform .05s steps(1);white-space:nowrap;letter-spacing:.5px;line-height:1.3}.pixel-btn:hover{background-color:#503238;border-color:#e2ac64;color:#fff9ec}.pixel-btn:active,.pixel-btn.active{transform:translateY(2px);box-shadow:none}.pixel-btn.primary{background-color:#ba3e30;border-color:#f2c66d;color:#fff9ec}.pixel-btn.primary:hover{background-color:#d64e3e}.pixel-btn.large{padding:7px 14px;font-size:clamp(12px,1.3vw,13.5px);letter-spacing:.5px;white-space:normal;word-break:break-word;text-align:center}.pixel-btn.small{padding:4px 8px;font-size:11.5px}.viewport-stage{position:relative;flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;background-color:#100a0e;overflow:hidden;padding:4px}.canvas-frame{position:relative;width:100%;height:100%;max-width:calc((100vh - 50px) * (16 / 9));max-height:56.25vw;aspect-ratio:16 / 9;border:3px solid #684232;box-shadow:0 0 0 3px #1e1418;background-color:#181014;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}#world-signboards-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;overflow:hidden}.world-sign-plaque{position:absolute;transform:translate(-50%,-50%);font-family:DotGothic16,Noto Sans TC,monospace;font-weight:700;font-size:clamp(8px,1.05vw,12px);line-height:1.1;padding:2px 5px;border:1.5px solid #F2C66D;box-shadow:0 1px 3px #000000bf;white-space:nowrap;letter-spacing:.5px;pointer-events:none;text-align:center}.world-sign-plaque.vertical{writing-mode:vertical-rl;text-orientation:upright;padding:4px 2px;letter-spacing:1px}#floating-prompt{position:absolute;transform:translate(-50%,-100%);background-color:#24161b;color:#fff8e2;border:2px solid #F2C66D;box-shadow:inset 1px 1px #ffe28a,0 3px #140c0f;padding:4px 10px;font-size:clamp(11px,1.25vw,13px);font-weight:700;pointer-events:none;display:none;z-index:15;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}#toast-container{position:absolute;top:10px;left:50%;transform:translate(-50%);width:92%;max-width:460px;pointer-events:none;z-index:25}.toast-card-dom{background-color:#1e1418f2;border:2px solid #D89C52;box-shadow:inset 1px 1px #ffe28a,0 4px 12px #000000b3;padding:7px 12px;text-align:left;word-break:break-word}.toast-title-line{font-size:clamp(12px,1.3vw,13.5px);font-weight:700;color:#ffe082;margin-bottom:2px}.toast-sub-line{font-size:clamp(11px,1.15vw,12px);color:#f5ead8;line-height:1.4}.animate-toast{animation:toastFade .25s ease-out}@keyframes toastFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.camera-flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;opacity:.95;pointer-events:none;z-index:60;animation:flashOut .45s ease-out forwards}@keyframes flashOut{0%{opacity:.95}to{opacity:0}}.touch-controls-layer{position:absolute;left:0;right:0;bottom:8px;padding:0 10px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:12;gap:8px}.touch-dpad,.touch-action{display:flex;gap:5px;pointer-events:auto;flex-wrap:wrap}.touch-pad-btn{min-width:42px;height:36px;background-color:#22161ae0;color:#f8e2be;border:2px solid #C4844E;box-shadow:0 2px #120a0d;font-size:clamp(10.5px,1.15vw,12px);font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 8px}.touch-pad-btn.interact-btn{background-color:#ba3e30eb;border-color:#f2c66d;color:#fff9ec;min-width:68px}.touch-pad-btn:active,.touch-pad-btn.active{transform:translateY(2px);box-shadow:none;background-color:#d64e3e}#menu-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}#modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55}.menu-overlay,.pixel-modal-backdrop,.ending-cinematic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#120c10e0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;pointer-events:auto;overflow:hidden}.menu-title-frame{background-color:#24161b;border:3px solid #D89C52;box-shadow:inset 2px 2px #ffe28a,0 0 0 3px #140c0f;padding:clamp(10px,2vh,18px) clamp(14px,2.5vw,24px);max-width:440px;width:100%;max-height:96%;overflow-y:auto;text-align:center}.menu-pixel-tag{font-family:"Press Start 2P",DotGothic16,monospace;font-size:8.5px;letter-spacing:1px;color:#e2a45c;margin-bottom:4px}.menu-main-title{font-family:"Press Start 2P",DotGothic16,monospace;font-size:clamp(20px,3.5vw,28px);letter-spacing:3px;color:#ffe28a;text-shadow:3px 3px 0 #8C3226;line-height:1.1}.menu-sub-title{font-family:"Press Start 2P",DotGothic16,monospace;font-size:clamp(9px,1.4vw,11px);letter-spacing:1.5px;color:#f3cfa4;margin-top:3px}.menu-ch-title{font-size:clamp(12px,1.5vw,13.5px);color:#d8b898;margin-top:4px;margin-bottom:10px;letter-spacing:1px}.menu-btn-stack{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.menu-subpanel{background-color:#1a1014;border:2px solid #784E38;box-shadow:inset 1px 1px #9e6b4a;padding:8px 10px;text-align:left;margin-bottom:8px;font-size:11.5px;line-height:1.5}.menu-subpanel.hidden{display:none}.menu-subpanel h4{color:#ffe082;margin-bottom:4px;font-size:12.5px}.controls-grid{display:flex;flex-direction:column;gap:3px;color:#f0dfca}.audio-control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.audio-control-row input[type=range]{flex:1;accent-color:#E07A48;cursor:pointer}.menu-footer-note{font-size:10.5px;color:#b8987e;margin-top:4px;line-height:1.35}.pixel-modal-box{background-color:#24161b;border:3px solid #D89C52;box-shadow:inset 2px 2px #ffe28a,0 0 0 3px #140c0f;padding:clamp(10px,1.8vh,15px) clamp(12px,2vw,18px);max-width:680px;width:96%;max-height:94%;display:flex;flex-direction:column;gap:8px;overflow:hidden}.pixel-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #583A2E;padding-bottom:6px;gap:8px;flex-shrink:0}.pixel-kicker{font-family:"Press Start 2P",DotGothic16,monospace;font-size:8px;letter-spacing:1px;color:#e09f56}.pixel-modal-header h3{font-size:clamp(13px,1.6vw,15.5px);color:#ffe28a;margin-top:2px;line-height:1.25}.creator-layout-split{display:flex;gap:12px;align-items:stretch;flex:1;min-height:0;overflow:hidden}.creator-preview-pane{width:156px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;flex-shrink:0}.creator-preview-card{width:100%;background-color:#160e12;border:2px solid #8C5C42;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.creator-preview-card canvas{width:96px;height:96px;image-rendering:pixelated;display:block}.preview-tag{font-size:11px;color:#dfb882;text-align:center;line-height:1.2}.creator-options-pane{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px;align-content:start;padding-right:2px}.customizer-field-group{background-color:#1a1014;border:1px solid #583A2E;padding:6px 8px;display:flex;flex-direction:column;gap:5px}.customizer-field-label{font-size:11.5px;font-weight:700;color:#ffe28a;display:block}.customizer-chips-wrap{display:flex;flex-wrap:wrap;gap:4px}.customizer-chip{background-color:#2e1e24;color:#f0dfca;border:1px solid #784E38;padding:3px 7px;font-size:11px;cursor:pointer;font-family:inherit;line-height:1.3}.customizer-chip:hover{background-color:#4a303a;border-color:#e2ac64}.customizer-chip.selected{background-color:#ba3e30;border-color:#f2c66d;color:#fff9ec;font-weight:700}.interactive-stage-layout{display:flex;gap:12px;align-items:stretch;flex:1;min-height:0;overflow-y:auto}.interactive-canvas-wrap{width:240px;flex-shrink:0;background-color:#140c0f;border:2px solid #D89C52;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;gap:5px}.interactive-canvas-wrap canvas{width:100%;height:auto;aspect-ratio:12 / 7;image-rendering:pixelated;border:1px solid #583A2E;background-color:#1c1216}.interactive-Step-badge{font-size:11px;color:#ffe28a;background-color:#382228;border:1px solid #8C5C42;padding:2px 8px;width:100%;text-align:center}.interactive-info-pane{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.interactive-lore-box{background-color:#1a1014;border:1px solid #583A2E;padding:8px 10px;font-size:12px;line-height:1.55;color:#f5ead8}.interactive-progress-bar{width:100%;height:10px;background-color:#140c0f;border:1px solid #8C5C42;overflow:hidden}.interactive-progress-fill{height:100%;background-color:#e8a848;transition:width .25s ease}.journal-tabs-bar{display:flex;gap:5px;border-bottom:2px solid #583A2E;padding-bottom:5px;flex-wrap:wrap;flex-shrink:0}.journal-tab-btn{background-color:#2e1e24;color:#e8d6c2;border:1px solid #784E38;padding:4px 9px;font-size:11.5px;cursor:pointer;font-family:inherit}.journal-tab-btn.active{background-color:#ba3e30;border-color:#f2c66d;color:#fff9ec;font-weight:700}.journal-tab-body{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.pixel-journal-list{display:flex;flex-direction:column;gap:7px}.pixel-journal-item{display:flex;gap:10px;background-color:#1a1014;border:2px solid #583A2E;padding:8px;align-items:flex-start}.pixel-journal-item.unlocked{border-color:#c88c48;background-color:#28181d}.pixel-journal-thumb{width:52px;height:52px;background-color:#140c0f;border:2px solid #6E4A38;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pixel-journal-thumb img{width:44px;height:44px;image-rendering:pixelated}.pixel-journal-thumb img.silhouette{filter:brightness(.18) sepia(.5);opacity:.6}.pixel-journal-info{flex:1;min-width:0}.pixel-journal-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:3px}.scene-tag{background-color:#4a2e32;color:#f3c888;font-size:10px;padding:1px 5px;border:1px solid #8C5C42}.pixel-journal-head h4{font-size:13px;color:#ffe28a}.status-badge{margin-left:auto;font-size:10.5px;padding:1px 6px;background-color:#324a36;color:#a8e89c;border:1px solid #5C8C5E}.pixel-journal-item.locked .status-badge{background-color:#36262a;color:#9e8478;border-color:#5c4246}.loc-line{font-size:10.5px;color:#d8a878;margin-bottom:3px}.desc-line{font-size:11.5px;color:#f0dfca;line-height:1.4}.custom-memory-note{margin-top:4px;font-size:11px;color:#ffe28a;background-color:#3a201a;border-left:3px solid #F2B658;padding:3px 7px}.history-box{margin-top:4px;font-size:10.5px;color:#d6c2ac;background-color:#140c0f;padding:4px 7px;border:1px solid #483028;line-height:1.4}.dialogue-box-frame{background-color:#24161b;border:3px solid #D89C52;box-shadow:inset 2px 2px #ffe28a,0 0 0 3px #140c0f;padding:12px 16px;max-width:560px;width:96%;max-height:92%;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.dialogue-header{display:flex;align-items:center;gap:10px;border-bottom:2px solid #583A2E;padding-bottom:6px}.npc-avatar-badge{width:28px;height:28px;border:2px solid #8C5C42;flex-shrink:0}.npc-name{font-size:13.5px;color:#ffe28a}.npc-role{font-size:11px;color:#dfb882}.dialogue-content-body{font-size:12.5px;line-height:1.55;color:#f5ead8;background-color:#1a1014;padding:9px 12px;border:1px solid #483028}.dialogue-options-stack,.quiz-options-stack{display:flex;flex-direction:column;gap:5px}.dialogue-choice-btn,.quiz-option-btn{background-color:#2e1e24;color:#f0dfca;border:1px solid #784E38;padding:7px 10px;font-size:12px;cursor:pointer;text-align:left;font-family:inherit;line-height:1.35}.dialogue-choice-btn:hover,.quiz-option-btn:hover{background-color:#4a303a;border-color:#f2c66d;color:#fff9ec}.dialogue-choice-btn.visited{background-color:#201418;border-color:#583a2e;color:#b89e88}.dialogue-choice-btn.finish-primary{background-color:#ba3e30;border-color:#f2c66d;color:#fff9ec;font-weight:700;text-align:center}.dialogue-choice-btn.finish-primary:hover{background-color:#d64e3e}.choice-num{color:#f2c66d;font-weight:700;margin-right:4px}.food-challenge-prompt-box{background-color:#3a201a;border:2px solid #E2A45C;padding:8px 10px;font-size:12px;color:#fff6d6;line-height:1.45;flex-shrink:0}.pixel-choices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;overflow-y:auto}.pixel-choice-card{background-color:#1a1014;border:2px solid #6E4A38;padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.pixel-choice-card.recommended{border-color:#f2c064;background-color:#28181d}.choice-icon-wrap{width:48px;height:48px;background-color:#140c0f;border:2px solid #8C5C42;display:flex;align-items:center;justify-content:center}.choice-icon-wrap img{width:40px;height:40px;image-rendering:pixelated}.choice-body h4{font-size:12.5px;color:#ffe28a;margin-bottom:2px}.choice-sub{font-size:10.5px;color:#e2a45c;margin-bottom:3px}.choice-body p{font-size:11px;color:#ecdbd2;line-height:1.35}.pixel-blessing-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.pixel-blessing-option{background-color:#1a1014;border:2px solid #784E38;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.blessing-text-wrap h4{font-size:12.5px;color:#ffe28a;margin-bottom:2px}.blessing-text-wrap p{font-size:11.5px;color:#f2e2ce;line-height:1.4}.ending-cinematic-overlay{background-color:#120c10d6;justify-content:center;padding:12px}.ending-poem-block{text-align:center;background-color:#24161cf0;border:3px solid #E6A856;box-shadow:inset 2px 2px #ffe699,0 4px 16px #000c;padding:16px 20px}.poem-line-1{font-size:15px;font-weight:700;color:#ffe699;letter-spacing:1.5px}.poem-line-2{font-size:13px;color:#f6c88a;letter-spacing:1.5px}.ending-showcase-box{background-color:#24161b;border:3px solid #D89C52;box-shadow:inset 2px 2px #ffe28a,0 0 0 3px #140c0f;padding:12px 16px;width:96%;max-width:720px;max-height:94%;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.ending-showcase-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;border-bottom:2px solid #583A2E;padding-bottom:5px}.ending-showcase-header h3{font-size:14px;color:#ffe28a}.ending-summary-badges{display:flex;gap:6px;flex-wrap:wrap}.memory-pill{background-color:#3e221c;border:1px solid #D88C4A;color:#ffe28a;font-size:10.5px;padding:2px 7px}.ending-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stat-badge-box{background-color:#1a1014;border:1px solid #784E38;padding:6px 4px;text-align:center}.stat-num{font-size:14px;font-weight:700;color:#ffe28a;display:block}.stat-lbl{font-size:10px;color:#d8b898;margin-top:2px;display:block}.ending-souvenirs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:6px;max-height:150px;overflow-y:auto}.ending-souvenir-card{display:flex;gap:7px;background-color:#1a1014;border:2px solid #583A2E;padding:6px;align-items:center}.ending-souvenir-card.collected{border-color:#d89c52;background-color:#28181d}.ending-souvenir-card img{width:36px;height:36px;image-rendering:pixelated;flex-shrink:0}.ending-souvenir-card img.silhouette{filter:brightness(.2);opacity:.5}.ending-souvenir-meta{min-width:0}.scene-mini-code{font-size:9px;color:#df9b52}.ending-souvenir-meta h5{font-size:11.5px;color:#ffe28a}.ending-souvenir-meta p{font-size:10px;color:#e4d2bc;line-height:1.25}.ending-actions-row{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding-top:4px}@media (max-width: 680px){.creator-layout-split,.interactive-stage-layout{flex-direction:column;overflow-y:auto}.creator-preview-pane,.interactive-canvas-wrap{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}.creator-preview-card{width:auto;flex-direction:row;gap:10px}.creator-preview-card canvas{width:64px;height:64px}.creator-options-pane{overflow-y:visible}.ending-stats-row{grid-template-columns:repeat(2,1fr)}}