:root{--night:#102f36;--deep:#0b232b;--ink:#173840;--paper:#fbf5e9;--muted:#b9ccc9;--gold:#e6be77;--line:#b8c8bf;--green:#285f50;--blue:#006f83}*{box-sizing:border-box}body{margin:0;background:#091e25;color:var(--paper);font-family:Arial,Helvetica,sans-serif;min-height:100dvh;display:grid;place-items:center}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,summary:focus-visible{outline:3px solid #ffca68;outline-offset:5px}button,img{user-select:none;-webkit-user-select:none}img{-webkit-user-drag:none}button{transition:background .18s,border-color .18s,box-shadow .18s}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(48px,4.4vw,82px);line-height:1.03;letter-spacing:-2px}h2{font-size:clamp(28px,2.6vw,48px);line-height:1.1}h3{font-size:30px;line-height:1.15}h1[tabindex]:focus,h2[tabindex]:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow,.step-eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--gold)}#stage{position:relative;isolation:isolate;width:100vw;max-width:1920px;height:min(100dvh,56.25vw);display:flex;flex-direction:column;overflow:hidden;background:var(--night)}#stage,#stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#stage img{-webkit-user-drag:none}.scenery,.shade{position:absolute;inset:0;z-index:-2}.scenery{background:var(--night) url('casa-natal-picasso-foto.jpg') right 70%/80% auto no-repeat;opacity:.18}.shade{z-index:-1;background:radial-gradient(ellipse at 30% 10%,#37605a40,transparent 65%),linear-gradient(100deg,#0a252bf2,#13333a9c)}#stage[data-screen=intro] .scenery,#stage[data-screen=end] .scenery{opacity:1}#stage[data-screen=intro] .shade,#stage[data-screen=end] .shade{background:linear-gradient(90deg,#0b2b34f5 0%,#12353be8 25%,#10313a75 54%,#12303920 100%)}header{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:5px 2.5%;background:#fffaf2;color:var(--ink);border-bottom:1px solid #f1e5d2;z-index:3}.identity{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:1.8px;line-height:1.5}.identity img{width:66px;height:48px;object-fit:contain}.identity>span{padding-left:16px;border-left:1px solid #bbc8c4}.identity small{font-size:9px}.partners{display:flex;align-items:center;gap:28px}.partners .med{width:270px;height:35px;object-fit:contain}.malaga{display:flex;align-items:center;gap:22px}.malaga .promalaga{width:52px;height:40px;object-fit:contain}.malaga .ciudad-malaga{width:105px;height:40px;object-fit:contain}.toolrow{height:52px;flex:none;padding:0 2.5%;display:flex;align-items:center;justify-content:space-between;z-index:3}.location{font-size:11px;letter-spacing:1.4px;color:#dce6dd;display:flex;align-items:center;gap:9px}.location-dot{height:6px;width:6px;border-radius:50%;background:var(--gold)}nav{display:flex;gap:8px}nav button{display:flex;align-items:center;gap:7px;min-height:36px;border:1px solid #bdd0c34d;border-radius:5px;background:#0d2d35cc;color:#f7f2e9;font-size:17px;padding:5px 12px}nav span{font-size:13px}nav b{font:700 12px Arial;background:#e6be77;color:#18333a;border-radius:50%;min-width:20px;height:20px;display:grid;place-items:center}nav button:hover{background:#254b4f}main{flex:1;min-height:0;position:relative}.photo-credit{position:absolute;bottom:72px;right:2.5%;font-size:8px;opacity:.7;z-index:2}#stage:not([data-screen=intro]):not([data-screen=end]) .photo-credit{display:none}footer{height:72px;flex:none;background:#0b252ddd;border-top:1px solid #c4d4c125;display:flex;align-items:center;justify-content:space-between;padding:0 2.5%;gap:24px;z-index:3}.discovery-total{min-width:215px}.discovery-total>span{display:block;font:21px Georgia;color:var(--gold)}.discovery-total small{display:block;font-size:11px;color:#c1d0c8;margin-top:5px}footer>span{font-size:8px;letter-spacing:1px;color:#bbcbc7;text-align:right}.revision{display:block;color:var(--gold);font-size:9px;margin-top:5px}#progress{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0;font-size:13px;color:#bdccca}#progress li{display:flex;align-items:center;gap:9px}#progress i{font:12px Arial;font-style:normal;display:grid;place-items:center;height:28px;width:28px;flex:none;border:1px solid #a8beb377;border-radius:50%}#progress .current{color:#ffe2ab}#progress .current i{border:2px solid #e6be77;background:#e6be7715;box-shadow:0 0 0 4px #e6be7710}#progress .done i{border-color:#a0ccb2;background:#386350;color:#fff}
/* Arrival and return with Elena. */
.intro{height:100%;position:relative;padding:4% 5% 0}.intro-title{position:relative;z-index:1;max-width:52%}.intro-title .eyebrow{margin-bottom:22px}.subtitle{font:22px/1.45 Georgia;color:#d9e1d6;margin-top:22px}.character{position:absolute;bottom:-22px;right:9%;height:107%;width:48%;pointer-events:none;animation:elena-arrive .7s ease-out both}.mediator{position:absolute;width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(12px 10px 20px #061c2b50)}.room-label{position:absolute;right:3%;top:4%;font-size:13px;line-height:1.6;background:#102e34dc;border-left:2px solid var(--gold);padding:13px 18px;color:#f7ead3}.room-label span{display:block;font-size:10px;letter-spacing:2px;color:var(--gold)}.dialogue{position:absolute;left:5%;bottom:5%;width:44%;z-index:2}.speaker{display:inline-block;font:24px Georgia;padding:0 0 13px;color:#fff2d9}.speaker small{display:inline;font:12px Arial;color:#c4d6cf;margin-left:16px}.speech{position:relative;padding:22px 26px 30px;background:#fcf5e8f5;color:var(--ink);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;font:23px/1.5 Georgia;min-height:125px;box-shadow:0 12px 40px #061a2455}.skip{position:absolute;right:18px;bottom:8px;font-size:11px;border:0;background:transparent;color:#315b60;text-decoration:underline}.skip[hidden]{display:none}.choices{display:grid;gap:8px;margin-top:15px}.choice{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid #e6be77;border-radius:5px;padding:14px 20px;background:#e6be77;color:#19353b;font:21px Georgia}.choice:after{content:'↗';font:23px Arial}.choice:hover{background:#f8d89f}.choice.secondary-choice{background:#163c42d9;color:#eee8d8;border-color:#bbd0c354;font:16px Arial;padding:11px 20px}.demo-note{font-size:10px;color:#c1d0c7;margin-top:10px}.scene-note{position:absolute;right:3%;bottom:5%;width:22%;padding:27px;background:#f8f0dfed;color:var(--ink);z-index:1;border-radius:4px;box-shadow:0 10px 30px #0b202c44;transform:rotate(1deg)}.final-stamp{font-size:11px;letter-spacing:1.5px;color:#286247;margin-bottom:16px}.scene-note h3{font-size:34px}.endcaption{font:21px/1.35 Georgia;margin-top:20px;padding-left:14px;border-left:3px solid #397c60}.scene-note p{font-size:16px;line-height:1.5;margin-top:15px}.scene-note small{display:block;font-size:10px;line-height:1.5;margin-top:17px;color:#566660}.end .character{right:13%}.end .intro-title h1{font-size:clamp(44px,4vw,72px)}
/* The scene, and a changing companion space. */
.workspace{height:100%;display:flex;flex-direction:column;padding:16px 2.5% 24px;gap:22px}.worktop{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex:none}.worktop h2{margin-top:10px}.phase-tag{font-size:10px;color:#c3d4ca;letter-spacing:1.4px;font-weight:400;margin-left:20px}.back{border:1px solid #b7c6bd66;color:#eae8da;background:#14333ed9;border-radius:4px;padding:10px 15px;min-height:40px;font-size:13px;flex:none}.back:hover{background:#2a5356}.bench{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,28vw,490px);gap:30px}.document{min-width:0;min-height:0;display:flex;flex-direction:column}.scene-holder{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;container-type:size;position:relative;background:radial-gradient(ellipse,#45615844,transparent 70%)}.scene-frame{position:relative;width:min(100cqw,150cqh);aspect-ratio:3/2;border-radius:10px;overflow:hidden;box-shadow:0 18px 50px #04191d88,0 0 0 1px #dcb57955}.source-scene{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.scene-frame:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 50px #26180026}.scene-caption{display:flex;justify-content:space-between;gap:15px;color:#c7d3c9;padding-top:14px;font-size:11px;line-height:1.3}.scene-caption span:first-child{font-size:9px;letter-spacing:1.4px;color:#dbc7a3}.scene-hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:0;padding:4px;color:white;min-width:48px;min-height:48px}.hotspot-dot{position:relative;display:grid;place-items:center;width:46px;height:46px;font:20px Georgia;background:#183d41e8;border:2px solid #ffe3a9;border-radius:50%;box-shadow:0 4px 18px #061b2877;transition:background .18s,transform .18s}.scene-hotspot:not(.seen) .hotspot-dot:before{content:'';position:absolute;inset:-8px;border:1px solid #ffe3a999;border-radius:50%;animation:hint-pulse 3.3s ease-out infinite}.scene-hotspot:nth-of-type(2) .hotspot-dot:before{animation-delay:.7s}.scene-hotspot:nth-of-type(3) .hotspot-dot:before{animation-delay:1.4s}.hotspot-label{padding:5px 10px;border-radius:4px;font-size:13px;background:#12363be8;border:1px solid #eed6a577;white-space:nowrap;box-shadow:0 2px 8px #061b2855}.scene-hotspot:hover .hotspot-dot{transform:scale(1.12);background:#386363}.scene-hotspot.seen .hotspot-dot{background:#376650;border-color:#e1f0d8}.scene-hotspot.active .hotspot-dot{background:#e6be77;border-color:white;color:#17363c;box-shadow:0 0 0 6px #e6be7730}.scene-hotspot:focus-visible{outline:3px solid #ffda85;outline-offset:6px;border-radius:5px}.context{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#b6bcaa transparent;display:flex;flex-direction:column;padding:25px;background:#173d42e8;border:1px solid #cbd4bf30;border-radius:8px}.source-intro h3{font-size:32px;color:#fff3d9;margin-top:10px}.source-intro p{font-size:18px;line-height:1.45;color:#e0e8dc;margin-top:14px}.discovery-trail{display:flex;gap:12px;flex:none;margin:24px 0 20px}.discovery-trail>span{display:flex;align-items:center;gap:7px;flex:1;color:#d2dfd5}.discovery-trail i{font:12px Arial;border:1px solid #c4d2b866;display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%}.discovery-trail>span>span{font-size:11px;line-height:1.3}.discovery-trail .found i{color:#163c35;background:#d9e9cb;border-color:#d9e9cb}.inspect-note{color:#213e40;background:#f9f1e2;border-left:3px solid #ddb574;padding:20px;position:relative;flex:none;border-radius:0 7px 7px 0}.note-kicker{font-size:10px;font-weight:bold;letter-spacing:1.5px;color:#76613a}.inspect-note h4{font-size:27px;margin-top:8px}.inspect-note p{font-size:18px;line-height:1.5;margin-top:12px}.inspect-note.awaiting{background:#23494c;color:#f2eddb;border-color:#e6be77}.awaiting .note-kicker{color:#e6be77}.elena-cue{display:flex;align-items:center;gap:14px;padding-top:23px;margin-top:auto;flex:none}.elena-portrait{height:59px;width:59px;border-radius:50%;background:#6c7966;overflow:hidden;position:relative;flex:none;border:1px solid #dfc89c}.elena-portrait img{position:absolute;width:175px;height:auto;max-width:none;left:50%;top:-12px;transform:translateX(-50%)}.elena-cue span{font-size:9px;color:#e6be77;letter-spacing:1.6px}.elena-cue p{font:17px/1.4 Georgia;color:#e4e7d9;margin-top:6px}.phase-choose .context{background:#f6efdf;color:var(--ink);border-top:3px solid #e6be77}.phase-choose .source-intro h3{color:var(--ink);font-size:29px}.phase-choose .step-eyebrow{color:#796037}.phase-choose .discovery-trail{margin:15px 0;color:#35634e}.phase-choose .discovery-trail>span{color:#345349}.phase-choose .discovery-trail .found i{background:#3b6a55;color:white}.phase-choose .inspect-note{background:#e8e6d8;padding:13px 15px;border-color:#879a78}.phase-choose .inspect-note h4{font:700 16px Arial;margin-top:6px}.phase-choose .inspect-note p{font-size:16px;line-height:1.4;margin-top:8px}.phase-choose .elena-cue p{color:#395148;font-size:15px}.phase-choose .elena-cue span{color:#73572e}.interpret{display:grid;gap:9px;margin-top:18px}.option{border:1px solid #aebaaa;border-radius:6px;background:#fffdf6;color:var(--ink);text-align:left;padding:14px;display:flex;align-items:flex-start;gap:12px;font-size:18px;line-height:1.4}.choice-index,.option-number{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #9daf9e;border-radius:50%;font-size:12px}.option:hover{background:#f0e6cf;border-color:#567e75}.option[aria-pressed=true]{background:#e2eadb;border:2px solid #356a5f;padding:13px}.option[aria-pressed=true] .choice-index,.option[aria-pressed=true] .option-number{background:#245b52;color:#fff;border-color:#245b52}.primary,.secondary{border-radius:5px;padding:14px 21px;min-height:48px;font-size:17px;font-weight:700;border:1px solid transparent}.primary{background:#e8c180;color:#173a40}.primary:hover:not(:disabled){background:#f6d69d}.phase-choose .primary{background:#235650;color:#fffaf0}.phase-choose .primary:hover:not(:disabled){background:#347466}.secondary{background:transparent;color:inherit;border:1px solid #8fa499}.actionrow{margin-top:18px;flex:none}.actionrow .primary{width:100%}.message{background:#fbecd2;color:#573b16;padding:15px 18px;border-left:3px solid #bc8735;border-radius:3px;font-size:16px;line-height:1.45}.message b{display:block;margin-bottom:5px}.message.good{background:#dfecdf;color:#224d3c;border-color:#67976c}.interpret-feedback:empty{display:none}.interpret-feedback .message{margin-top:12px}.saved-evidence{display:flex;gap:16px;border-top:1px solid #c4d3b94d;margin-top:23px;padding-top:23px;color:#edf3df;animation:note-reveal .35s ease-out}.seal{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #d1dfb7;border-radius:50%;font-size:24px;color:#d1dfb7}.saved-evidence h3{font-size:30px;margin:10px 0}.saved-evidence p{font-size:17px;line-height:1.4}.phase-saved .inspect-note{background:#dce7d8}.phase-saved .context{border-color:#8db79180}
/* Two sources become a single, visibly connected composition. */
.connection-board{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding:24px 35px 26px;border:1px solid #d8c89a35;border-radius:10px;background:radial-gradient(ellipse at 50% 0,#53645855,transparent 70%),#12363be8;position:relative}.clue-pair{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;max-width:1600px;margin:0 auto}.clue{display:flex;gap:24px;padding:14px;background:#fcf4e4;color:var(--ink);border:1px solid #ead8b4;border-radius:4px;min-height:218px;box-shadow:0 8px 26px #081e2860;position:relative}.clue.source-0{transform:rotate(-.65deg)}.clue.source-1{transform:rotate(.65deg)}.clue-photo{width:36%;min-height:185px;flex:none;border-radius:3px;overflow:hidden}.scene-thumb img{display:block;width:100%;height:100%;object-fit:cover}.clue-copy{padding:14px 10px 9px 0}.tag{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#396653}.clue-copy h3{font-size:32px;margin:12px 0}.clue-copy p{font-size:17px;line-height:1.45;color:#526356}.clue-copy button{border:0;background:none;color:#1d5d5f;padding:12px 0 0;font-size:15px;text-decoration:underline;text-underline-offset:4px}.joint{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;color:#ecd9b4}.joint:before,.joint:after{content:'';position:absolute;height:1px;background:#e6be77;width:calc(50% - 23px);top:calc(50% - 12px)}.joint:before{left:0}.joint:after{right:0}.joint>span{display:grid;place-items:center;width:48px;height:48px;font:29px Georgia;border:1px solid #dfb978;border-radius:50%;box-shadow:0 0 0 8px #e6be770c;background:#14393d}.joint small{font-size:9px;letter-spacing:1.5px}.shared-location{width:53%;height:22px;border-left:1px solid #a9bca266;border-right:1px solid #a9bca266;border-bottom:1px solid #a9bca266;border-radius:0 0 12px 12px;margin:0 auto 25px;text-align:center}.shared-location span{display:inline-block;position:relative;top:14px;font-size:10px;letter-spacing:1.7px;color:#ddcfb0;background:#1a3b3e;padding:0 16px}.conclusion{max-width:1680px;margin:auto}.conclusion-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.conclusion-heading h3{font-size:32px;color:#f6ecd3}.conclusion-heading>span{font-size:14px;color:#c9d5c8}.conclusion-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.conclusion-options .option{background:#21464a;color:#f8efdc;border-color:#b5c8b366;min-height:83px;font-size:20px;padding:18px}.conclusion-options .option:hover{background:#345850}.conclusion-options .option[aria-pressed=true]{border:2px solid #e6be77;background:#e6be771c;padding:17px}.conclusion-options .option-number{color:#e8c080;border-color:#d1c19b66}.conclusion-options .option[aria-pressed=true] .option-number{background:#e6be77;color:#193940;border-color:#e6be77}.selected-reading{margin-top:18px;min-height:94px;padding:14px 20px;border-left:2px solid #e6be7799;background:#0c2c314d}.selected-reading p{font-size:18px;line-height:1.45;margin-top:7px;color:#e7eddf}.selected-reading .step-eyebrow{font-size:9px}.commit-row{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:25px}.commit-hint{font-size:14px;line-height:1.45;color:#c0d1c3}.commit-row>.primary{min-width:245px}.commit-row .message{flex:1}.repair-buttons{display:flex;gap:10px;flex:none;flex-direction:column}.repair-buttons .primary,.repair-buttons .secondary{font-size:14px;padding:10px 16px;min-height:42px}.clue-highlight{outline:3px solid #e4b367;outline-offset:4px}.is-wrong .conclusion-options .option[aria-pressed=true]{background:#7a542e66;border-color:#ecc48a}.is-valid .joint>span{color:#163b31;background:#c7ddbb;border-color:#e0ebd1;box-shadow:0 0 0 12px #c8e1bf16}.is-valid .joint:before,.is-valid .joint:after{height:2px;background:#b9d2a8}.is-valid .clue{border-color:#c9dcad}.revelation{display:flex;align-items:center;gap:32px;max-width:1240px;margin:25px auto 0;animation:note-reveal .5s ease-out}.revelation-mark{flex:none;display:grid;place-items:center;height:96px;width:96px;border:1px solid #cfdfb5;border-radius:50%;font:48px Georgia;color:#d4e2c2;box-shadow:0 0 0 12px #a5c38d0c}.revelation h3{font-size:43px;line-height:1.1;margin:12px 0;color:#ffedc8}.revelation p{font-size:20px;line-height:1.5;color:#e1e9d7;max-width:980px}.revelation .revelation-boundary{font-size:17px;color:#c8d6be;margin-top:10px}.is-valid .commit-row{max-width:1370px;margin:26px auto 0}.is-valid .message.good{background:#264f43;color:#e2efce;border-color:#acc78e}
/* Notebook and assistance are part of the same investigation. */
#overlay{position:absolute;inset:0;z-index:10;background:#061b28ac;backdrop-filter:blur(6px)}#overlay[hidden]{display:none}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(510px,95%);padding:32px;background:#fbf3e2;color:var(--ink);box-shadow:-10px 0 40px #081a2780;overflow:auto;animation:drawer-in .25s ease-out}.drawer .close{float:right;height:44px;width:44px;border:1px solid #738f80;background:none;border-radius:50%;font-size:25px;color:var(--ink)}.drawer .eyebrow{color:#745833}.drawer h2{font-size:38px;margin:40px 0 20px}.drawer p{font-size:18px;line-height:1.55;margin:17px 0}.drawer .entry{border-top:1px solid #c8bd9d;padding:24px 0}.drawer h3{margin-top:12px}.drawer .primary,.drawer .secondary{margin-top:13px;margin-right:8px}.drawer .narrative-mark{border-top:1px solid #b8bda9;padding-top:20px;color:#526458;font-size:15px}.statusline{color:#57745b}.drawer .good{margin-top:15px}.drawer .message{font-size:16px}
@keyframes hint-pulse{0%{opacity:.65;transform:scale(.85)}65%,100%{opacity:0;transform:scale(1.5)}}@keyframes note-reveal{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes elena-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{from{opacity:.4;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}

/* A uses a fixed 1920 × 1080 stage, never reflows to another format. */
body{height:100dvh;min-height:0;overflow:hidden;background:#091e25}#viewport{position:relative;width:1920px;height:1080px;flex:none}#stage{position:absolute;left:0;top:0;width:1920px;max-width:none;height:1080px;transform-origin:top left}h1{font-size:82px}h2{font-size:48px}.end .intro-title h1{font-size:72px}.bench{grid-template-columns:minmax(0,1fr) 490px}.drawer{width:510px}
/* Original A header and logos, exact 1920 × 1080 dimensions and spacing. */
header{height:105px;position:relative;padding:0 3.3%;background:#fff;border-bottom:1px solid #e4e2dc}.identity{gap:22px;color:#254352;font-size:15px;letter-spacing:2px;line-height:1.5}.identity img{width:130px;height:90px}.identity>span{border-left:1px solid #bac9cf;padding-left:22px}.identity small{font-size:12px}.partners{gap:24px}.partners .med{width:480px;height:auto;max-height:70px}.partners .malaga{background:transparent;padding:0;gap:20px;border-radius:0}.malaga img{object-fit:contain;flex-shrink:0}.malaga .promalaga{width:76px;height:58px}.malaga .ciudad-malaga{width:152px;height:73px}
.location i{font-style:normal;color:#b4cbd3;padding:0 8px}.simple-bench .observation-image{flex:1;width:100%;min-height:0;position:relative;border:1px solid #dcb57988;border-radius:10px;background-image:url('evidence-room.webp');background-repeat:no-repeat;overflow:hidden;box-shadow:0 18px 50px #04191d88}.observation-image.clue-0,.clue-photo.clue-0{background-size:auto 640%;background-position:53% 55.6%}.observation-image.clue-1,.clue-photo.clue-1{background-size:auto 340%;background-position:28% 27%}.observation-image>span{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:13px;background:#13373bea;color:#ffefd4;border:1px solid #ecd39b;padding:14px 20px;border-radius:6px;font-size:20px}.observation-image i{font:26px Georgia;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #f1d49e;font-style:normal}.observation-image:not(.observed) i{box-shadow:0 0 0 5px #e6be7725;animation:observe-pulse 3s ease-in-out infinite}.observation-image:hover>span{background:#2b5350}.observation-image.observed{border:2px solid #bdd2a6}.observation-image.observed i{background:#c7ddbb;color:#183e33;border-color:#dbe8c9}.observation-result{margin-top:32px}.simple-bench .context{padding:30px}.simple-bench .source-intro h3{font-size:37px;line-height:1.15;margin-top:16px}.simple-bench .source-intro p{font-size:21px;line-height:1.5;margin-top:20px}.simple-bench .inspect-note p{font-size:20px}.simple-bench .inspect-note h4{font-size:34px}.simple-bench .actionrow{margin-top:24px}.simple-bench .primary{font-size:20px;min-height:57px}.simple-bench .elena-cue p{font-size:20px}.clue-photo{background-image:url('evidence-room.webp');background-repeat:no-repeat}.clue-flag{position:absolute;right:18px;bottom:12px;background:#f4deb3;color:#493611;padding:5px 8px;font-size:12px}.conclusion{padding-top:14px}.is-valid .conclusion-heading{display:none}.conclusion-options .option{font-size:23px;min-height:100px}.conclusion-heading h3{font-size:37px}.conclusion-heading>span{font-size:16px}.commit-row{margin-top:30px}.commit-hint,.commit-row .message{font-size:20px}.commit-row .primary{font-size:20px}.is-valid .revelation{margin-top:30px}.intro .subtitle{font:17px Arial;letter-spacing:1.6px}.end .intro-title{max-width:57%}
@keyframes observe-pulse{0%,100%{box-shadow:0 0 0 4px #e6be7720}50%{box-shadow:0 0 0 10px #e6be7740}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* One selector is moved into the modal while open, preserving its header position. */
#language-slot{position:absolute;inset:0;pointer-events:none}.language-switch{position:absolute;top:30px;left:47%;transform:translateX(-50%);height:44px;display:flex;align-items:center;gap:6px;pointer-events:auto;background:#fff;border:1px solid #b1c0be;border-radius:5px;padding:3px 6px;color:#254352;z-index:12}.language-switch button{font:700 15px Arial;background:transparent;border:1px solid transparent;border-radius:3px;min-width:42px;height:36px;padding:0 9px;color:#254352}.language-switch button[aria-pressed=true]{background:#173d42;color:white;border-color:#173d42}.language-switch button:hover{border-color:#617e7b}.language-switch button:focus-visible{outline:3px solid #936222;outline-offset:2px}.language-switch>span{color:#718886;font-size:14px}#overlay>.language-switch{top:30px;left:47%}

.end .intro-title h1{line-height:1.1}