:root{font-family:Courier New,monospace;color:#fff8df;background:#111522;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{width:100vw;height:100dvh;display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);background:#111522;border:8px solid #171c2b;box-shadow:inset 0 0 0 4px #59647d,0 0 0 4px #0b0e16}.world-panel{position:relative;min-width:0;min-height:0;overflow:hidden;border:6px solid #171c2b;border-right-width:3px}#game-container{width:100%;height:100%;background:#79c8f2}#game-container canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges}.control-panel{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:18px;padding:20px;border:6px solid #171c2b;border-left-width:3px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#2f3850;background-size:16px 16px}.top-actions{position:absolute;top:4%;right:4%;z-index:4;display:flex;gap:8px}.top-action{min-height:36px;padding:6px 9px;font-size:.68rem}.restart-button{background:#5677c8}.reset-button{background:#c95757}.chain-area{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.chain{display:flex;flex-direction:column;align-items:center;margin-bottom:12px;transform:translateY(0);transition:transform 90ms steps(2,end)}.chain span{width:22px;height:34px;margin-top:-6px;border:6px solid #d8d2c3;border-radius:45%;box-shadow:inset 0 0 0 3px #777e8c}.chain:after{content:"";width:0;height:0;margin-top:-3px;border-top:32px solid #d8d2c3;border-right:19px solid transparent;border-left:19px solid transparent;filter:drop-shadow(4px 4px 0 #10131d)}.chain-area:has(.chain-button:active) .chain,.chain-area:has(.chain-button.is-pressed) .chain{transform:translateY(22px)}.pixel-button{min-height:48px;border:4px solid #181c29;border-radius:0;padding:10px 14px;color:#fff8df;background:#e15b45;box-shadow:inset -4px -4px #00000047,inset 4px 4px #ffffff29,5px 5px #10131d;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;font-weight:800;letter-spacing:.04em}.pixel-button:hover{filter:brightness(1.08)}.pixel-button:active,.pixel-button.is-pressed{transform:translate(4px,4px);box-shadow:inset 4px 4px #0000003d,1px 1px #10131d}.chain-button{width:min(100%,180px);background:#d8a541;display:none}.chain-area{display:none}.checklist-popup{position:absolute;z-index:12;left:8%;right:8%;top:22%;border:6px solid #171c2b;padding:16px;color:#fff8df;background:#2f3850;box-shadow:8px 8px #10131d}.popup-title{margin-bottom:12px;border-bottom:3px solid #e3ad42;padding-bottom:8px;color:#ffcf66;font-weight:900}.popup-checklist{display:grid;gap:8px;margin-bottom:14px}.popup-checklist .checklist-option input{width:22px;height:22px}.popup-save-button{width:100%;background:#d8a541}.desktop-save-button{width:100%;margin-top:14px;background:#d8a541}.popup-close-button{position:absolute;top:8px;right:8px;width:34px;height:34px;border:4px solid #171c2b;color:#fff8df;background:#c95757;box-shadow:4px 4px #10131d;font:900 24px/20px Courier New,monospace;cursor:pointer}.status-card{border:4px solid #181c29;padding:12px;color:#dcecff;background:#20283a;box-shadow:5px 5px #10131d;font-size:clamp(.72rem,1.5vw,.95rem);line-height:1.4}.status-title{margin-bottom:7px;color:#ffcf66;font-weight:900}.checklist-help{margin-bottom:10px;color:#aebbd3;font-size:.78rem}.scene-checklist{display:grid;gap:8px}.checklist-option{display:flex;align-items:center;gap:9px;cursor:pointer}.checklist-option input{width:20px;height:20px;margin:0;accent-color:#e3ad42}.checklist-option input:disabled+span{color:#77839a}.save-status{margin-top:12px;border-top:2px solid #3b465f;padding-top:9px;color:#ffcf66;font-weight:800}.desktop-save-button{width:100%;margin-top:12px;background:#d8a541}.movement-controls{display:grid;grid-template-columns:1fr;gap:10px}.interact-button{width:100%}.direction-button{padding-inline:8px;background:#5677c8;font-size:1.35rem}.interact-button{padding-inline:8px;background:#5f9c61;font-size:clamp(.68rem,1.2vw,.88rem)}.interaction-prompt{position:absolute;left:50%;bottom:27%;z-index:8;transform:translate(-50%);border:4px solid #171c2b;padding:9px 13px;color:#171c2b;background:#fff3ba;box-shadow:5px 5px #171c2ba6;font-size:clamp(.7rem,1.6vw,1rem);text-align:center;pointer-events:none}.dialogue-box{position:absolute;z-index:10;left:5%;right:5%;bottom:5%;min-height:150px;border:6px solid #171c2b;padding:18px 20px 16px;color:#1d2435;background:#fff7dc;box-shadow:8px 8px #171c2bb3}.dialogue-name{display:inline-block;margin-top:-38px;margin-bottom:5px;border:4px solid #171c2b;padding:6px 12px;color:#fff8df;background:#e15b45;font-weight:900}.dialogue-box p{min-height:44px;margin:6px 0 16px;font-size:clamp(.82rem,1.8vw,1.1rem);line-height:1.45}.answer-buttons{display:flex;justify-content:flex-end;gap:12px}.answer-button{min-width:92px}#yes-button{background:#5f9c61}#no-button{background:#c95757}.is-hidden{display:none!important}@media (max-width: 720px){.game-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,3fr) minmax(145px,1fr)}.world-panel{border-right-width:6px;border-bottom-width:3px}.control-panel{grid-template-columns:minmax(95px,.8fr) minmax(0,1fr) minmax(190px,1.5fr);grid-template-rows:1fr;align-items:center;gap:10px;padding:12px;border-top-width:3px;border-left-width:6px}.chain-area{flex-direction:row;gap:8px}.chain{display:none}.chain-button{min-height:58px;font-size:.68rem}.status-card{height:100%;display:flex;flex-direction:column;justify-content:center;padding:8px;font-size:.66rem}.movement-controls{align-self:stretch}.pixel-button{min-height:58px}.interaction-prompt{bottom:31%}.dialogue-box{left:3%;right:3%;bottom:3%;min-height:132px;padding:15px 14px 12px}.dialogue-name{margin-top:-32px}}@media (max-width: 470px){.control-panel{grid-template-columns:80px minmax(0,1fr)}.status-card{display:none}.movement-controls{grid-column:2}.chain-area{grid-column:1}}@media (min-width: 721px){.checklist-popup{display:none!important}}@media (max-width: 720px){.desktop-save-button{display:none}.movement-controls{grid-template-columns:minmax(52px,1fr) minmax(92px,1.5fr) minmax(52px,1fr)}.direction-button{display:block}.interact-button{grid-column:auto}}@media (max-width: 600px){.desktop-save-button{display:none}}