#portfolio-guide{color:#20252a;background:#f8f5f0;border-bottom:3px solid #a3835f;padding:12px 20px}#portfolio-guide nav{flex-wrap:wrap;gap:16px;font-size:12px;display:flex}#portfolio-guide a{color:#4b5965;text-underline-offset:3px}#portfolio-guide a[aria-current]{color:#775733;font-weight:700}#portfolio-guide h1{margin:10px 0 6px;font-size:19px;line-height:1.35}#portfolio-guide p{margin:5px 0;font-size:13px;line-height:1.45}#portfolio-guide .portfolio-note,#portfolio-device{color:#65686c;font-size:11px}#portfolio-conditions{gap:5px;margin:12px 0;display:grid}#portfolio-conditions button{white-space:normal;padding:9px 6px}#portfolio-conditions button[aria-pressed=true]{background:#5f5140;border-color:#dec098}body[data-portfolio-entry] #experiment-tabs,body[data-portfolio-entry] #edit-toggle,body[data-portfolio-entry] #physics-debug,body[data-portfolio-entry] .editor-access-hint,body[data-portfolio-entry] .history-button,body[data-portfolio-entry] #archive-status,body[data-portfolio-entry] #narrative-archive-status,body[data-portfolio-entry] #free-play,body[data-portfolio-entry] #quest-free-play,body[data-portfolio-entry] .quest-debug-details,body[data-portfolio-entry] .portfolio-original-condition{display:none!important}body[data-portfolio-entry] #reset{margin-left:0}@media (width<=700px){body[data-portfolio-entry]{height:auto;min-height:100dvh}#portfolio-guide{padding:12px}body[data-portfolio-entry] #play-area{flex-direction:column;min-height:630px}body[data-portfolio-entry] #experiment-badge{flex:none;width:100%;max-width:none;max-height:300px}#portfolio-conditions{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-portfolio-entry] #game{min-height:270px}}#portfolio-guide h1,#portfolio-guide p{word-break:keep-all;overflow-wrap:break-word}@media (width<=700px){body[data-portfolio-entry] .experiment-launcher:not([open]){display:block}#portfolio-conditions{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edf0;background:#141c26;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{flex-direction:column;height:100dvh;margin:0;display:flex}header{background:#1c2835;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;display:flex}header strong{letter-spacing:.12em;font-size:13px;display:block}#reset{margin-right:auto}@media (width>=701px){#reset{margin-left:224px}}#status{color:#c5d4dd;margin-top:5px;font-size:13px;display:block}#map-current{color:#e5bb72;overflow-wrap:anywhere;margin-top:4px;display:block}button{color:#fff;cursor:pointer;white-space:nowrap;background:#314555;border:1px solid #728795;border-radius:4px;padding:10px 16px}button:hover,button:focus-visible{background:#476074}button:disabled{opacity:.5;cursor:default}#experiment-badge{pointer-events:none;white-space:pre-line;background:#1c2835;border-left:4px solid #e5bb72;max-width:calc(100vw - 24px);padding:8px 12px;font-size:14px;font-weight:600;line-height:1.6;position:fixed;top:82px;left:12px}#experiment-badge:has([data-mode=experiment]){border-left-color:#7cdbb0}#play-area{flex:1;min-width:0;min-height:0;display:flex}body[data-play-mode=quest] #experiment-badge{pointer-events:auto;white-space:normal;border-left-color:#cdb57b;flex:0 0 220px;max-width:220px;position:relative;top:auto;left:auto;overflow-y:auto}body[data-play-mode=quest] #experiment-mode-content{display:none}#quest-panel-content{overflow-wrap:anywhere}#quest-panel-content .quest-heading{color:#d9c38e;font-size:11px}#quest-debug{white-space:pre-wrap;color:#9dabb4;font-size:11px;font-weight:400;line-height:1.6}.quest-complete{vertical-align:middle;color:#fff;letter-spacing:.04em;background:#267448;border-radius:2px;margin:0 6px 4px 0;padding:3px 6px;font-size:10px;font-weight:700;display:inline-block}.quest-complete[hidden],#quest-hud [hidden]{display:none}@media (width<=600px){body[data-play-mode=quest] #play-area{flex-direction:column}body[data-play-mode=quest] #experiment-badge{flex:none;max-width:none;max-height:160px}}#quest-hud{z-index:2;pointer-events:none;overflow-wrap:anywhere;background:#141c26e6;border:1px solid #7c7560;border-left:3px solid #cdb57b;border-radius:3px;width:min(300px,100% - 32px);padding:12px 16px;font-size:13px;line-height:1.5;position:absolute;top:16px;right:16px}#quest-hud .quest-heading{color:#d9c38e;letter-spacing:.2em;margin-bottom:5px;font-size:10px;display:block}#quest-hud[data-completed=true]{width:auto}#quest-state{color:#f3e6c7;font-size:16px;display:block}#quest-hud p{margin:7px 0}#quest-objective{color:#ecede5}#quest-feedback{min-height:20px;font-weight:600}#quest-status,#quest-mode{color:#9dabb4;white-space:pre-line;font-size:10px;display:block}#quest-mode{color:#c5d4dd;margin-top:6px;font-size:12px}#quest-hud[data-feedback=advance],#quest-hud[data-feedback=complete]{animation:.9s ease-out quest-advance}#quest-hud[data-feedback=advance] #quest-feedback,#quest-hud[data-feedback=complete] #quest-feedback{color:#b6ecc5}#quest-hud[data-feedback=regress]{animation:1.1s ease-out quest-regress}#quest-hud[data-feedback=regress] #quest-feedback{color:#d9a69a}@keyframes quest-advance{0%{border-color:#d8efb8;transform:translateY(3px);box-shadow:0 0 0 1px #d8efb8,0 0 24px #97d39d99}35%{background-color:#293f35;transform:translateY(-2px)}to{transform:translateY(0);box-shadow:0 0 #0000}}@keyframes quest-regress{0%{background-color:#3c2a2b;border-color:#ac7166;transform:translateY(-3px)}35%{filter:saturate(.35);transform:translateY(5px)}to{filter:saturate();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#quest-hud[data-feedback]{animation:none}#quest-hud[data-feedback=advance],#quest-hud[data-feedback=complete]{border-color:#b6ecc5}#quest-hud[data-feedback=regress]{border-color:#d9a69a}}#quest-menu{color:#e8edf0;background:#1c2835;border:1px solid #728795;max-width:min(580px,100vw - 32px)}#quest-menu::backdrop{background:#0a121acc}#quest-menu label{margin:8px 0;display:block}#quest-map{max-width:100%}#quest-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#physics-preview-controls{pointer-events:auto;white-space:normal;margin-top:12px;font-size:11px;font-weight:400}#physics-preview-controls select{width:100%}#physics-preview-controls button{width:100%;margin-top:6px;padding:7px 6px;font-size:11px}#physics-preview-mode-content{white-space:pre-line;color:#edca88}#physics-preview-mode-content[hidden],#experiment-mode-content[hidden]{display:none}body[data-play-mode=physics-preview] #experiment-badge{border-left-color:#edca88}#quest-history{color:#e8edf0;background:#1c2835;border:1px solid #a9bfff;width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}#quest-history::backdrop{background:#0a121acc}#quest-history-select{max-width:100%}.quest-review-fields{text-align:left}.quest-review-fields label{margin:8px 0;font-size:12px;display:block}.quest-review-fields textarea{width:100%;margin-top:4px;display:block}.quest-review-summary{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5}#archive-status{pointer-events:none;background:#1c2835;max-width:90vw;padding:4px;font-size:11px;position:fixed;bottom:66px;left:12px}#experiment-menu{color:#e8edf0;background:#1c2835;border:1px solid #728795;max-width:min(580px,100vw - 32px)}#experiment-menu::backdrop{background:#0a121acc}#experiment-preview,#result-summary{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;font-size:12px;line-height:1.5}#experiment-menu label{margin:8px 0;display:block}#experiment-map{max-width:100%}#human-observation{width:100%;margin:8px 0;display:block}#clear-screen{max-height:calc(100dvh - 32px);overflow-y:auto}#game{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}canvas{display:block}canvas.game-pointer-active{cursor:none}.game-pointer{--cursor-size:12px;--cursor-stroke:1.5px;--cursor-alpha:1;width:var(--cursor-size);height:var(--cursor-size);border:var(--cursor-stroke) solid white;opacity:var(--cursor-alpha);pointer-events:none;z-index:10;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}#editor-panel{z-index:5;background:#1c2835;border:1px solid #728795;width:260px;max-height:calc(100dvh - 96px);padding:14px;font-size:12px;position:fixed;top:80px;right:16px;overflow-y:auto}#editor-values{line-height:1.5}#map-library{border-bottom:1px solid #728795;margin-top:10px;padding-bottom:10px}#map-list,#map-name{width:100%;margin:4px 0 8px}#map-status{white-space:pre-line;overflow-wrap:anywhere}.editor-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}#editor-panel button{padding:6px 8px;font-size:12px}.editor-fields{margin:8px 0}.editor-fields label{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.editor-fields input{width:100px}#clear-screen{text-align:center;color:#e8edf0;background:#1c2835;border:1px solid #7cdbb0;border-radius:12px;width:min(380px,100vw - 40px);padding:36px}#clear-screen::backdrop{background:#0a121acc}#clear-screen h1{margin:12px 0;font-size:36px}.clear-label{color:#9cf2c9;letter-spacing:.12em;font-size:12px}#replay{width:100%;margin-top:16px}footer{color:#afc0ce;padding:10px 20px;font-size:12px;line-height:1.5}#physics-debug{z-index:3;padding:5px 8px;font-size:11px;position:fixed;bottom:42px;right:12px}#physics-values{pointer-events:none;z-index:3;background:#1c2835;padding:8px;font-size:11px;position:fixed;bottom:70px;right:12px}[hidden]{display:none!important}#experiment-badge,body[data-play-mode=quest] #experiment-badge{pointer-events:auto;white-space:normal;border-left:3px solid #728795;flex:0 0 258px;width:258px;max-width:258px;max-height:100%;padding:10px;font-size:12px;font-weight:400;position:relative;top:auto;left:auto;overflow-y:auto}#actual-run-status{border-bottom:1px solid #455565;padding:2px 2px 10px}#experiment-mode-content{white-space:pre-line;font-size:12px;font-weight:600;display:block}body[data-play-mode=quest] #experiment-mode-content,body[data-play-mode=narrative] #experiment-mode-content{display:none}#narrative-mode-content{white-space:pre-line;font-size:12px}#experiment-tabs{gap:3px;margin-top:10px;display:flex}#experiment-tabs button{border-color:#536572;flex:1;min-height:40px;padding:7px 2px;font-size:9px;line-height:1.4}#experiment-tabs button[aria-selected=true]{color:#ecfff9;background:#405e69;border-color:#b7dfd4;box-shadow:inset 0 -2px #b7dfd4}.experiment-selection-hint{color:#a9bac5;margin:8px 0;font-size:10px;line-height:1.5}.experiment-launcher:not([open]){width:100%;margin:0;padding:0;display:block;position:static;overflow:visible;background:0 0!important;border:0!important;max-width:none!important}.experiment-launcher h2{margin:10px 0;font-size:13px}.experiment-launcher label{margin:8px 0;font-size:11px;display:block}.experiment-launcher select{width:100%;min-height:30px;font:inherit;margin-top:3px;display:block}.experiment-launcher button{width:100%;margin:3px 0;padding:8px;font-size:12px}.experiment-launcher .start-run{background:#31584b;border-color:#9cd1bb;margin-top:5px}.experiment-launcher .start-run:hover{background:#3d715f}.experiment-launcher:not([open]) .menu-cancel{display:none}.experiment-launcher details{color:#a9bac5;margin-top:8px;font-size:10px}.experiment-launcher summary{cursor:pointer}.experiment-launcher pre{max-height:180px;overflow-y:auto;font-size:10px!important}.experiment-launcher p{font-size:10px}.experiment-launcher[open]{color:#e8edf0;background:#1c2835;border:1px solid #728795;width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:20px;position:fixed;overflow-y:auto}.experiment-launcher::backdrop{background:#0a121acc}.history-button{width:100%;margin:12px 0 5px;padding:7px;font-size:11px}#archive-status,#narrative-archive-status{pointer-events:auto;color:#a9bac5;max-width:none;padding:2px 0;font-size:10px;display:block;position:static}.editor-access-hint{color:#a9bac5;margin:7px 0;font-size:10px;display:block}#narrative-history{color:#e8edf0;background:#1c2835;border:1px solid #d4bc84;width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}#narrative-history::backdrop{background:#0a121acc}#narrative-history-select{max-width:100%}#narrative-dialogue{z-index:6;color:#f7ecd6;pointer-events:none;background:#192027f0;border:1px solid #c5aa75;border-radius:4px;gap:12px;width:min(520px,100% - 32px);padding:16px;animation:.16s ease-out narrative-dialogue-in;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}#narrative-portrait{object-fit:contain;width:48px;height:64px;image-rendering:pixelated;align-self:center}.narrative-dialogue-copy{flex:1;min-width:0}#narrative-speaker{color:#f1cc88;margin:4px 0 8px;font-size:14px;display:block}#narrative-line{word-break:keep-all;overflow-wrap:anywhere;min-height:58px;margin:0;font-size:18px;line-height:1.6}#narrative-ending{z-index:4;white-space:pre-line;text-align:center;color:#ffe7ae;pointer-events:none;background:#141c26d9;border-radius:4px;max-width:calc(100% - 32px);padding:12px 22px;font-size:17px;line-height:1.8;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}@media (width<=700px){#play-area,body[data-play-mode=quest] #play-area{flex-direction:column}#experiment-badge,body[data-play-mode=quest] #experiment-badge{border-bottom:2px solid #728795;border-left-width:0;flex:none;width:100%;max-width:none;max-height:235px;padding:8px 12px}#actual-run-status{font-size:11px}#experiment-mode-content{font-size:11px;line-height:1.4}#experiment-tabs{margin-top:6px}#experiment-tabs button{min-height:32px}.experiment-launcher:not([open]){grid-template-columns:1fr 1fr;gap:4px 10px;display:grid}.experiment-launcher h2,.experiment-launcher details{grid-column:1/-1;margin:4px 0}.experiment-launcher label{margin:2px 0}.experiment-selection-hint{margin:4px 0}.history-button{margin-top:5px}#narrative-dialogue{gap:8px;padding:10px}#narrative-line{min-height:52px;font-size:16px}}#experiment-tabs{z-index:2;background:#1c2835;padding-bottom:7px;position:sticky;top:0}.quest-debug-details{color:#9dabb4;margin:7px 0;font-size:10px}.quest-debug-details summary{cursor:pointer}#narrative-dialogue[data-phase=leaving]{animation:.14s ease-in forwards narrative-dialogue-out}#narrative-portrait{animation:2.8s ease-in-out infinite narrative-nod}.narrative-dialogue-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}#narrative-progress{color:#b5bec5;margin-right:auto;font-size:11px}.narrative-dialogue-actions button{pointer-events:auto;padding:5px 9px;font-size:12px}#narrative-skip{color:#b5bec5;background:0 0}#narrative-camera-caption{z-index:6;color:#f1cc88;text-align:center;pointer-events:none;background:#192027eb;border:1px solid #c5aa75;border-radius:4px;padding:8px 14px;font-size:15px;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes narrative-dialogue-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes narrative-dialogue-out{to{opacity:0;transform:translate(-50%,-4px)}}@keyframes narrative-nod{0%,82%,to{transform:translateY(0)}90%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){#narrative-dialogue,#narrative-portrait{animation:none}}
