@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.hardware-scene{position:relative;aspect-ratio:16/9;border:1px solid #4a626b;border-radius:7px;overflow:hidden;margin-top:18px}.hardware-scene img{width:100%;height:100%;object-fit:cover}.component-pin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;background:#152b32e8;color:#f2cd8c;border:2px solid #f2cd8c;border-radius:50%;box-shadow:0 0 0 4px #14242a88;font-weight:700}.component-pin:hover{background:#f2cd8c;color:#152b32}.component-pin.wrong{border-color:#f6a498}.computer-hotspot{left:35%!important;top:43%!important}.board-hotspot{left:78%!important;top:29%!important}
:root{color-scheme:dark;--bg:#101c24;--panel:#16252e;--line:#2d3e45;--muted:#a0b1b5;--text:#f0ede2;--gold:#e8bd78;--mint:#9dd2bb;--danger:#f6a498;--font:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--font)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{border:0;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:var(--mint)}.topbar{min-height:94px;padding:22px 3.4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--text);display:flex;align-items:center;gap:14px;text-decoration:none;font-family:'Space Grotesk',var(--font);font-weight:600;font-size:15px;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.18em;font-weight:400;margin-top:3px}.brand-mark{font:italic 34px Georgia,serif;border:1px solid #897555;width:42px;height:44px;display:grid;place-content:center;color:var(--gold);position:relative}.brand-mark>span{position:absolute;font:12px var(--font);right:-5px;bottom:-8px;background:var(--bg);padding:2px}.top-actions{display:flex;align-items:center;gap:14px}.quiet,.icon-button{background:transparent;border:1px solid var(--line);border-radius:6px;padding:9px 15px;font-size:14px}.quiet:hover,.icon-button:hover{border-color:var(--gold);background:#23323a}.icon-button{width:40px;min-width:40px;padding:8px;font-size:18px}.layout{max-width:1660px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:42px;padding:36px 3.4% 20px}.journal{display:flex;flex-direction:column;padding:8px 0 0}.eyebrow{font-size:11px;letter-spacing:.19em;color:var(--gold);font-weight:700}.journal h1{font:42px/1.15 Georgia,serif;letter-spacing:-.02em;margin:17px 0}.journal h1 em{font-weight:400;color:var(--gold)}.journal-intro{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 32px}.progress-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.03em;margin-bottom:10px;color:var(--muted)}#progress-count{color:var(--gold)}.progress-track{height:3px;background:#2d3b41;margin-bottom:21px}.progress-track>div{height:100%;width:0;background:var(--mint);transition:width .3s}.mission{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:transparent;padding:13px 10px;border:1px solid transparent;border-radius:7px;margin-bottom:5px}.mission:hover{background:#1c2d36}.mission.current{background:#25343a;border-color:#62563e}.mission-number{border:1px solid #40515a;border-radius:5px;height:32px;min-width:32px;display:grid;place-content:center;font-size:13px;color:var(--muted)}.mission.current .mission-number{color:var(--bg);background:var(--gold);border-color:var(--gold)}.mission.done .mission-number{color:var(--mint);border-color:#426658}.mission-name{font-size:14px;font-weight:500;display:block}.mission-note{font-size:12px;color:var(--muted);display:block;margin-top:2px}.mission-trailing{margin-left:auto;font-size:14px;color:var(--muted)}.journal-bottom{border-top:1px solid var(--line);margin-top:27px;padding-top:20px;display:flex;gap:12px;font-size:12px;color:var(--muted)}.journal-bottom small{display:block;font-size:11px;color:#788f99}.save-icon{font-size:24px;color:var(--mint)}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;min-height:54px}.scene-heading h2{font:22px/1.3 Georgia,serif;margin:5px 0 0}.scene-heading .eyebrow{font-size:10px;color:var(--muted)}.small{font-size:12px;padding:8px 11px}.small span{margin-left:7px;color:var(--gold)}.scene{position:relative;aspect-ratio:16/9;background:#203740;overflow:hidden;border:1px solid #4a514b;border-radius:9px;isolation:isolate}.room-art{position:absolute;width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0c19254d,transparent 23%,transparent 74%,#0d18259c);pointer-events:none}.location-tag{position:absolute;top:22px;left:23px;font-size:10px;letter-spacing:.15em;color:#f8e8ca;background:#14222bbd;border:1px solid #ffffff20;padding:7px 12px;border-radius:4px}.location-tag span{padding:0 7px;color:var(--gold)}.hotspot{position:absolute;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%,-50%);z-index:3}.computer-hotspot{left:40%;top:55%}.board-hotspot{left:77%;top:38%}.hotspot-symbol{font-size:24px;width:44px;height:44px;display:grid;place-content:center;border:1px solid #eecb8f;background:#16262ade;border-radius:50%;box-shadow:0 0 0 5px #e8bd7820,0 3px 20px #0007;color:var(--gold)}.hotspot:hover .hotspot-symbol{background:var(--gold);color:#1b2a31;transform:scale(1.08)}.hotspot>span:last-child:not(.hotspot-symbol){font-size:12px;background:#11232aeb;border:1px solid #d9c29359;padding:6px 10px;border-radius:4px;white-space:nowrap}.hotspot kbd{border:1px solid #64716a;border-radius:2px;margin-left:10px;padding:0 4px;font-size:11px}.scene-status{position:absolute;left:22px;bottom:23px;color:#f1d6a5;font-size:9px;letter-spacing:.12em;background:#0b2028b5;padding:5px 8px;border-radius:3px}.scene-controls{position:absolute;right:17px;bottom:13px;display:flex;gap:12px;align-items:center;color:#eee1ca;font-size:10px}.scene-controls .icon-button{background:#0a1c27aa;border-color:#e0d9ba70;width:31px;min-width:31px;padding:3px}.wall-art{position:absolute;left:68%;top:19%;width:14%;height:21%;object-fit:contain;background:#e0d6b7;border:4px solid #785338;transform:rotate(-2deg)}.dialogue{display:flex;gap:24px;margin-top:21px;padding:23px;background:linear-gradient(120deg,#21343c,#1a2a34);border:1px solid #34454d;border-radius:9px;align-items:center;position:relative}.portrait-frame{width:118px;min-width:118px;height:130px;overflow:hidden;border:1px solid #726248;border-radius:5px;background:#13222c}.portrait-frame img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.character-heading{display:flex;align-items:center;gap:13px;font-family:'Space Grotesk',var(--font);font-size:12px;letter-spacing:.12em;color:var(--gold)}.character-role{font-size:9px;color:#8fa5ad;letter-spacing:.1em}.dialogue-copy{flex:1;min-width:0}.dialogue p{margin:10px 0 16px;font-size:15px;max-width:730px;line-height:1.7}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--gold);color:#1f2c30;padding:10px 18px;border:1px solid var(--gold);border-radius:5px;font-size:14px;font-weight:700}.primary:hover{background:#f3cf94}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#263b44;border:1px solid #51616b;padding:10px 16px;border-radius:5px;text-decoration:none;font-size:14px;color:var(--text)}.secondary:hover{background:#344e59}.play-footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px;color:#81969f;font-size:11px}.text-button{padding:0;color:var(--muted);background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:4px}.hidden{display:none!important}dialog{border:1px solid #586369;border-radius:13px;background:#15262f;color:var(--text);width:min(760px,94vw);max-height:90dvh;padding:0;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#061018b8;backdrop-filter:blur(5px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--line);gap:20px;background:#1c3039}.modal-header h2{font:28px/1.2 Georgia,serif;margin:8px 0 0}.modal-header .eyebrow{font-size:10px}#modal-body{padding:26px 28px}.lead{color:#c5d0d0;margin:0 0 22px}.callout{padding:15px 18px;background:#233840;border-left:3px solid var(--gold);border-radius:0 5px 5px 0;font-size:14px;margin:16px 0}.callout.success{border-color:var(--mint);color:#c3e5d4}.callout.warning{border-color:var(--danger)}.task-card{padding:19px;border:1px solid #3b5059;border-radius:7px;margin:14px 0;background:#1a2f39}.task-card h3{font-size:17px;margin:0 0 8px}.task-card p{font-size:14px;color:#b7c6ca;margin:6px 0 12px}.task-card .eyebrow{font-size:10px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.answer{padding:14px;background:#223944;border:1px solid #4a626b;border-radius:6px;text-align:left}.answer:hover{border-color:var(--gold);background:#2d4651}.answer.selected{border-color:var(--mint);background:#24463f}.answer.wrong{border-color:var(--danger)}.question-number{font-size:12px;color:var(--gold);margin-bottom:12px}.question-title{font:24px/1.4 Georgia,serif}.feedback{min-height:24px;color:var(--mint);font-size:14px}.feedback.error{color:var(--danger)}label{display:block;margin:16px 0 6px;font-size:14px;color:#d6dfdd}input,textarea,select{width:100%;background:#10212a;border:1px solid #4c6069;color:var(--text);border-radius:5px;padding:11px 12px;min-height:44px}textarea{min-height:105px;resize:vertical}input[type=checkbox]{width:18px;min-height:18px;height:18px;accent-color:var(--gold)}.check-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;margin:12px 0}.check-label input{flex-shrink:0;margin-top:3px}.hint{color:var(--muted);font-size:12px;margin:7px 0}.rules{padding:0;list-style:none}.rules li{padding:6px 0;color:var(--muted);font-size:14px}.rules li:before{content:'○';padding-right:10px}.rules li.met{color:var(--mint)}.rules li.met:before{content:'✓'}.inline-link{display:inline-block;margin:5px 0 9px;font-size:14px}.submitted{display:inline-block;color:var(--gold);font-size:12px;border:1px solid #6a603f;padding:4px 8px;border-radius:4px}.approved{color:var(--mint);border-color:#4b715f}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.review-grid .task-card{margin:0}.review-grid button{margin-top:12px}.asset-preview{width:100%;max-height:240px;object-fit:contain;background:#0e1d24;margin:12px 0;border-radius:5px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tab{background:#1f353e;border:1px solid #42555d;border-radius:5px;padding:8px 11px;font-size:13px}.tab.active{background:var(--gold);color:#182a32;border-color:var(--gold)}.group-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.group-row button{margin-left:auto}.upload-zone{display:block;border:1px dashed #63747b;border-radius:8px;padding:15px;background:#1c323c}.upload-zone input{font-size:13px;border:0;padding:8px 0;background:transparent}.chip{display:inline-block;padding:4px 9px;margin:5px 5px 0 0;border:1px solid #47616b;border-radius:4px;font-size:12px;color:var(--muted)}.truth-statement{font:22px/1.5 Georgia,serif;margin:15px 0}.source{padding:13px 15px;border:1px solid #45616c;border-radius:5px;font-size:14px;color:#c3d5d7;margin:10px 0}.source summary{cursor:pointer;color:var(--gold);font-weight:600}.source p{margin:12px 0 4px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#e8bd78;color:#15262f;box-shadow:0 5px 30px #0008;border-radius:7px;padding:12px 22px;font-size:14px;max-width:90vw;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.summary-list{list-style:none;padding:0}.summary-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.summary-list strong{color:var(--gold)}.computer-photo{height:160px;overflow:hidden;border:1px solid #42575c;border-radius:6px;margin:15px 0}.computer-photo img{width:100%;height:100%;object-fit:cover;object-position:40% 55%}.component-target{font-size:13px;color:var(--muted)}.error-banner{position:fixed;top:0;left:0;right:0;padding:10px;background:#8c3939;z-index:20;font-size:14px;text-align:center}.scene:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}.scene:fullscreen .room-art{object-fit:contain}.empty-state{text-align:center;padding:25px 10px}.empty-state h3{font:25px Georgia,serif}.empty-state p{color:var(--muted);font-size:14px}.steps{padding-left:22px}.steps li{padding:7px 0;font-size:15px}.danger{color:var(--danger);border-color:#76504c}.success-heading{font:29px Georgia,serif;color:var(--mint)}@media(min-width:1550px){.layout{padding-top:42px;grid-template-columns:300px minmax(0,1fr);gap:50px}.journal h1{font-size:46px}.mission{padding:15px 12px}.dialogue{padding:26px}.dialogue p{font-size:16px}}@media(max-width:1100px){.layout{grid-template-columns:230px minmax(0,1fr);gap:25px;padding:25px}.journal h1{font-size:36px}.journal-intro{font-size:13px}.portrait-frame{width:86px;min-width:86px;height:108px}.dialogue{gap:16px;padding:17px}.dialogue p{font-size:14px}.character-role{display:none}.scene-heading h2{font-size:19px}.scene-heading .small{max-width:110px;font-size:11px}.hotspot>span:last-child:not(.hotspot-symbol){font-size:10px}.scene-status,.scene-controls>span{display:none}}@media(max-width:780px){.topbar{min-height:78px;padding:17px 18px}.brand{font-size:11px;letter-spacing:.03em;gap:10px}.brand small{font-size:8px}.brand-mark{width:31px;height:35px;font-size:26px}.top-actions{gap:7px}.top-actions .quiet{font-size:11px;padding:8px}.top-actions #sound-button{display:none}.layout{display:flex;flex-direction:column;padding:21px 16px;gap:24px}.journal{order:2;padding:0}.journal h1,.journal-intro,.journal>.eyebrow{display:none}.journal nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mission{padding:10px 7px;gap:9px}.mission-name{font-size:13px}.mission-note{font-size:11px}.mission-trailing{display:none}.journal-bottom{margin-top:16px}.scene-heading{margin-bottom:13px}.scene-heading h2{font-size:20px}.scene{aspect-ratio:4/3}.room-art{object-fit:cover}.location-tag{top:12px;left:12px;font-size:8px;padding:5px 7px}.hotspot-symbol{width:36px;height:36px;font-size:20px}.computer-hotspot{left:39%;top:59%}.board-hotspot{left:78%;top:36%}.hotspot kbd{display:none}.dialogue{margin-top:13px;align-items:flex-start;gap:12px;padding:15px}.portrait-frame{width:72px;min-width:72px;height:92px}.dialogue p{font-size:14px;margin:9px 0 13px}.dialogue .primary{font-size:12px;padding:9px 11px;gap:10px}.play-footer{font-size:10px}.modal-header{padding:19px}.modal-header h2{font-size:25px}#modal-body{padding:20px}.review-grid{grid-template-columns:1fr}.answer{font-size:14px;padding:12px}.modal-header .eyebrow{font-size:9px}.scene-heading .small{max-width:105px}.question-title{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:390px){.brand>span:last-child{max-width:103px}.top-actions .quiet{font-size:10px}.journal nav{grid-template-columns:1fr}.character-heading{font-size:10px}.portrait-frame{width:57px;min-width:57px;height:77px}.dialogue{padding:12px}.scene-heading h2{font-size:18px}}

/* Daylight room: normalized coordinates remain aligned at all widths. */
.scene-shade{background:linear-gradient(180deg,#0c192514,transparent 20%,transparent 85%,#0d182536)}
.computer-hotspot{left:34%!important;top:34%!important}.board-hotspot{left:76%!important;top:23%!important}
.wall-art{left:69%;top:13%;width:13%;height:18%}
@media(max-width:780px){.scene{aspect-ratio:16/9}.room-art{object-fit:contain}.hotspot>span:last-child:not(.hotspot-symbol){font-size:10px;padding:4px 6px}.hotspot-symbol{width:30px;height:30px;font-size:17px}.location-tag{top:8px;left:8px}.scene-controls{bottom:7px;right:8px}}

/* Keep the whole playable flow visible in native fullscreen. */
html.game-fullscreen{height:100%;overflow:auto;background:var(--bg)}
.game-fullscreen body{min-height:100%;margin:0}
.game-fullscreen .topbar,.game-fullscreen .journal{display:none}
.game-fullscreen .layout{display:block;max-width:none;margin:0;padding:12px 20px;min-height:100dvh}
.game-fullscreen .play-column{max-width:1440px;margin:0 auto}
.game-fullscreen .scene-heading{margin-bottom:10px;min-height:44px}
.game-fullscreen .scene{width:clamp(260px,calc((100dvh - var(--dialogue-height,210px) - 135px)*16/9),100%);max-width:100%;margin-inline:auto;aspect-ratio:16/9}
.game-fullscreen .dialogue{margin:12px auto 0;padding:15px 20px;max-width:1100px}
.game-fullscreen .portrait-frame{width:88px;min-width:88px;height:100px}
.game-fullscreen .play-footer{max-width:1100px;margin:10px auto 0}
@media(max-width:780px){.game-fullscreen .layout{padding:10px}.game-fullscreen .dialogue{padding:12px}.game-fullscreen .portrait-frame{width:64px;min-width:64px;height:80px}}

/* Camera targets the desk; interface and dialogue remain at their normal size. */
.room-camera{position:absolute;inset:0;transform-origin:36% 40%;transition:transform 650ms cubic-bezier(.22,.68,.2,1)}
.computer-focus .room-camera{transform:scale(2.5)}
.computer-focus .hotspot,.computer-focus .location-tag,.computer-focus .scene-status{opacity:0;pointer-events:none}
.hardware-camera{position:absolute;inset:0;transform:scale(2.5);transform-origin:36% 40%}
.hardware-camera img{display:block;width:100%;height:100%;object-fit:cover}
.hardware-camera .component-pin{transform:translate(-50%,-50%) scale(.4);width:44px;height:44px;font-size:16px}
@media(prefers-reduced-motion:reduce){.room-camera{transition:none}}

/* The classroom view belongs to the game; mission navigation lives in teacher mode. */
.layout{display:block;max-width:1180px;margin-inline:auto;padding:24px 32px}
.play-column{width:100%;min-width:0}
.play-footer #save-state small{display:inline;margin-left:8px;font-size:inherit}
.teacher-progress{margin:5px 0 22px}.teacher-progress .progress-label{font-size:14px}.teacher-progress .progress-track{margin-bottom:0}
@media(max-width:780px){.layout{padding:20px 16px}.play-footer #save-state small{display:none}}

/* Shared cloud access, preserving the existing game palette. */
#access-dialog{width:min(540px,calc(100vw - 28px));max-height:90dvh}.access-body{padding:24px}.access-body button{margin-top:22px}.access-body p{line-height:1.6}#access-dialog::backdrop{background:rgba(8,18,25,.85);backdrop-filter:blur(6px)}[hidden]{display:none!important}#cloud-warning{position:sticky;top:0;z-index:10000;background:#fff0c2;color:#392500;padding:14px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}#cloud-warning button{background:#392500;color:white;border:0;padding:10px 14px;border-radius:8px;cursor:pointer}#save-state{max-width:70%;font-size:14px}#access-status{color:#e4a743;min-height:24px}#group-key-done{margin-top:20px}

/* A compact frame keeps the game and its dialogue together in the first viewport. */
.topbar{min-height:62px;padding:9px 3.4%}
.brand{gap:11px;font-size:14px}
.brand small{font-size:9px;margin-top:1px}
.brand-mark{width:35px;height:37px;font-size:28px}
.group-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}
.layout{padding:14px 32px 18px}
.scene-heading{min-height:42px;margin-bottom:10px}
.scene-heading h2{font-size:20px;margin-top:2px}
.dialogue{gap:18px;margin-top:12px;padding:15px 18px}
.portrait-frame{width:88px;min-width:88px;height:100px}
.dialogue p{margin:7px 0 11px;line-height:1.55}
.play-footer{margin-top:10px}

.site-footer{min-height:92px;margin-top:8px;padding:16px max(22px,3.4%);border-top:1px solid var(--line);background:#0c171d;display:grid;grid-template-columns:150px minmax(0,1fr) 40px;align-items:center;gap:24px;color:#82959d}
.fsg-mark{display:inline-flex;width:142px;opacity:.88;transition:opacity .2s}
.fsg-mark:hover{opacity:1}
.fsg-mark img{display:block;width:100%;height:auto;filter:grayscale(1) brightness(0) invert(1)}
.footer-copy{text-align:center;font-size:12px;line-height:1.45}
.footer-copy p{margin:2px 0}
.footer-copy a{color:#c6d7d7;text-underline-offset:3px}
.teacher-key{justify-self:end;width:34px;height:34px;padding:0;border:1px solid #263941;border-radius:50%;background:transparent;color:#73868e;display:grid;place-items:center}
.teacher-key[hidden]{display:none}
.teacher-key svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.teacher-key:hover{color:var(--gold);border-color:#6c5d43;background:#16252e}

@media(min-width:781px) and (max-height:900px){.scene{width:min(100%,calc((100dvh - 295px)*16/9));margin-inline:auto}}
@media(max-width:780px){.topbar{min-height:60px;padding:10px 16px}.layout{padding:14px 16px}.site-footer{grid-template-columns:90px minmax(0,1fr) 34px;gap:13px;padding:14px 16px}.fsg-mark{width:90px}.footer-copy{font-size:10px;text-align:left}.teacher-key{width:32px;height:32px;font-size:16px}}
@media(max-width:480px){.site-footer{grid-template-columns:1fr 32px}.fsg-mark{display:none}.footer-copy{line-height:1.4}}

/* Luna keeps the character invitation and its form action inside the scene. */
.scene>.dialogue.luna-in-scene,html.game-fullscreen .scene>.dialogue.luna-in-scene{position:absolute;z-index:15;left:3%;right:3%;bottom:3%;width:auto;margin:0;padding:14px 18px;max-height:55%;overflow:auto;background:rgba(12,27,35,.97);border:1px solid #a78e60;box-shadow:0 8px 30px #0007;border-radius:12px;gap:16px;display:flex}
.luna-in-scene .portrait-frame{width:76px;min-width:76px;height:88px}
.luna-in-scene p{font-size:16px;line-height:1.4;margin:5px 0 10px}
.luna-in-scene #next-mission{padding:9px 15px}
@media(max-width:650px){.scene>.dialogue.luna-in-scene,html.game-fullscreen .scene>.dialogue.luna-in-scene{left:2%;right:2%;bottom:2%;padding:9px 11px;gap:10px;max-height:75%}.luna-in-scene .portrait-frame{width:48px;min-width:48px;height:60px}.luna-in-scene p{font-size:14px;line-height:1.3}.luna-in-scene #next-mission{font-size:14px;padding:7px 10px}}

#debug-ribbon{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:10001;background:#f2bd57;color:#182c39;border:2px solid #fff;font-size:14px;padding:8px 14px;box-shadow:0 3px 15px #0006}body:has(#debug-ribbon) #modal::backdrop{background:#051321b3}

#debug-modal-tools{position:absolute;top:5px;left:50%;transform:translateX(-50%);z-index:100;background:#f2bd57;color:#182c39;padding:5px 12px;font-size:14px}

.computer-focus .luna-in-scene{opacity:0;pointer-events:none;transition:opacity 180ms ease}