/* R19.1 — Andrews perception house: procedural attention/completion theatre. */
.illusion-aperture{overflow:hidden;isolation:isolate}
.illusion-aperture::after{content:"";position:absolute;inset:-20%;pointer-events:none;opacity:.38;background:linear-gradient(102deg,transparent 0 30%,rgba(120,215,232,.05) 30.2% 30.5%,transparent 30.8% 61%,rgba(200,170,103,.05) 61.2% 61.5%,transparent 61.8%);transform:translateX(-18%) skewX(-8deg);animation:andrewsGlass 12s ease-in-out infinite}
@keyframes andrewsGlass{0%,100%{transform:translateX(-26%) skewX(-8deg)}50%{transform:translateX(26%) skewX(-8deg)}}
.illusion-aperture>*{position:relative;z-index:1}.illusion-prompts>div{position:relative;overflow:hidden;transition:transform .26s ease,border-color .26s ease,background .26s ease}.illusion-prompts>div::after{content:"";position:absolute;left:-36%;top:0;width:24%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0}.illusion-prompts>div:hover,.illusion-prompts>div:focus-within{transform:translateY(-2px);background:rgba(120,215,232,.025);border-top-color:rgba(120,215,232,.46)}.illusion-prompts>div:hover::after{opacity:.8;animation:andrewsTrace 1.2s ease-out}@keyframes andrewsTrace{from{left:-36%}to{left:112%}}
.andrews-sleight{margin:16px 0 14px;border:1px solid rgba(120,215,232,.23);background:radial-gradient(circle at 72% 18%,rgba(120,215,232,.07),transparent 18rem),radial-gradient(circle at 22% 92%,rgba(200,170,103,.045),transparent 16rem),linear-gradient(145deg,#060a0c,#0a0d0f);padding:15px 15px 13px;box-shadow:inset 0 0 80px rgba(0,0,0,.32),0 20px 55px rgba(0,0,0,.18)}
.andrews-sleight-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.andrews-sleight-title{font:400 19px/1.15 Georgia,serif;color:#e6eceb;max-width:35rem}.andrews-sleight-kicker{font:700 9px/1.2 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:#d6b96e;margin-bottom:4px}.andrews-sleight button{min-height:38px;border:1px solid rgba(120,215,232,.34);background:#081014;color:#d7f1f4;padding:9px 11px;font:700 9px/1 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.andrews-sleight button:hover,.andrews-sleight button:focus-visible{border-color:#78d7e8;outline:none;color:#fff}
.andrews-stage{position:relative;height:166px;margin:12px 0 10px;border:1px solid rgba(173,211,218,.13);overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(120,215,232,.04),transparent 32%),linear-gradient(90deg,rgba(120,215,232,.018),transparent 24% 76%,rgba(200,170,103,.02));isolation:isolate;perspective:700px}.andrews-house-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(173,211,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(173,211,218,.035) 1px,transparent 1px);background-size:24px 24px;opacity:.55;transform:perspective(420px) rotateX(58deg) translateY(63px) scale(1.45);transform-origin:center bottom}.andrews-vignette{position:absolute;inset:0;box-shadow:inset 0 0 60px 14px rgba(0,0,0,.72);z-index:9;pointer-events:none}.andrews-scan{position:absolute;z-index:7;top:-15%;bottom:-15%;left:-26%;width:18%;background:linear-gradient(90deg,transparent,rgba(120,215,232,.09),rgba(255,255,255,.03),transparent);transform:skewX(-13deg);opacity:.35;animation:andrewsScan 7.5s linear infinite;pointer-events:none}@keyframes andrewsScan{to{left:118%}}
.andrews-plates{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-items:center;padding:25px 12px;z-index:2}.andrews-plate{height:94px;border:1px solid rgba(173,211,218,.18);background:linear-gradient(180deg,rgba(10,14,16,.94),rgba(5,8,9,.94));display:grid;place-items:center;align-content:center;color:#98a7aa;font:400 22px/1 Georgia,serif;letter-spacing:.15em;transition:border-color .45s,background .45s,color .45s,transform .45s,box-shadow .45s;box-shadow:inset 0 0 26px rgba(0,0,0,.32)}.andrews-plate small{display:block;margin-top:10px;font:700 7px/1 ui-monospace,monospace;letter-spacing:.2em;color:#58666a}.andrews-plate.changed{border-color:rgba(200,170,103,.72);background:radial-gradient(circle,rgba(200,170,103,.08),rgba(8,10,10,.96) 62%);color:#eedba8;transform:translateY(-2px);box-shadow:0 0 34px rgba(200,170,103,.10),inset 0 0 24px rgba(200,170,103,.04)}
.andrews-witness{position:absolute;z-index:8;left:6%;top:50%;width:18px;height:18px;border-radius:50%;border:1px solid #e6cd88;background:radial-gradient(circle at 38% 34%,#fff4bf 0 9%,#e6cf87 16%,#a98537 46%,#32260f 70%,#0f0c06 78%);box-shadow:0 0 12px rgba(247,224,154,.8),0 0 30px rgba(200,170,103,.36);transform:translate(-50%,-50%)}.andrews-witness::after{content:"";position:absolute;inset:-11px;border:1px solid rgba(200,170,103,.16);border-radius:50%;animation:witnessPulse 1.35s ease-in-out infinite}@keyframes witnessPulse{50%{transform:scale(1.42);opacity:.18}}.andrews-witness i{position:absolute;left:-110px;top:50%;width:110px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,170,103,.42));transform-origin:right center}.andrews-witness.run{animation:andrewsWitness 6.35s cubic-bezier(.2,.68,.16,1) forwards}@keyframes andrewsWitness{0%{left:6%;top:56%}16%{left:24%;top:33%}34%{left:43%;top:61%}49%{left:53%;top:40%}64%{left:69%;top:68%}82%{left:83%;top:32%}100%{left:94%;top:54%}}
.andrews-mirror{position:absolute;z-index:6;left:46.2%;top:8px;bottom:8px;width:12%;border-left:1px solid rgba(120,215,232,.24);border-right:1px solid rgba(200,170,103,.22);background:linear-gradient(100deg,rgba(255,255,255,.015),rgba(120,215,232,.12),rgba(200,170,103,.055),rgba(255,255,255,.012));backdrop-filter:blur(2.4px);box-shadow:0 0 36px rgba(120,215,232,.06);overflow:hidden}.andrews-mirror span{position:absolute;top:-15%;bottom:-15%;left:-70%;width:44%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-12deg);animation:mirrorBreath 5.6s ease-in-out infinite}@keyframes mirrorBreath{50%{left:128%}}
.andrews-shadow{position:absolute;z-index:5;left:42%;top:-8%;height:116%;width:22%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.82),rgba(7,12,14,.95),rgba(0,0,0,.82),transparent);filter:blur(2px);opacity:0;transform:scaleX(.2);transition:opacity .32s,transform .5s cubic-bezier(.16,.8,.2,1)}.andrews-sleight.occluding .andrews-shadow{opacity:.88;transform:scaleX(1)}
.andrews-decoy{position:absolute;z-index:4;border:1px solid rgba(120,215,232,.22);border-radius:50%;opacity:.08}.decoy-a{width:58px;height:58px;left:18%;top:18%;animation:decoyA 4.2s ease-in-out infinite}.decoy-b{width:34px;height:34px;right:17%;bottom:20%;border-color:rgba(200,170,103,.24);animation:decoyB 3.4s ease-in-out infinite}@keyframes decoyA{50%{transform:scale(1.2);opacity:.18}}@keyframes decoyB{50%{transform:translate(8px,-5px) scale(.78);opacity:.2}}
.andrews-reticle{position:absolute;z-index:10;inset:13px;opacity:0;pointer-events:none;transition:opacity .4s}.andrews-reticle i{position:absolute;width:18px;height:18px;border-color:#d6b96e;border-style:solid}.andrews-reticle i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.andrews-reticle i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.andrews-reticle i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.andrews-reticle i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.andrews-before-after{position:absolute;z-index:11;left:10px;right:10px;bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:8px;opacity:0;transform:translateY(10px);transition:.5s ease;color:#cfd9da;font:700 7px/1.2 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.andrews-before-after b{color:#d6b96e;font-weight:700}.andrews-sleight.revealed .andrews-reticle,.andrews-sleight.revealed .andrews-before-after{opacity:1;transform:none}.andrews-sleight.revealed .andrews-mirror{opacity:.24}.andrews-sleight.revealed .andrews-scan{animation-duration:13s}
.andrews-readout{min-height:36px;color:#99a8aa;font-size:12px;line-height:1.5}.andrews-readout strong{color:#d9eef0}.andrews-answer-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.andrews-answer-row[hidden]{display:none}.andrews-answer-row button{flex:1 1 130px}.andrews-answer-row button[aria-pressed="true"]{border-color:#d6b96e;color:#f4e3b3;background:rgba(200,170,103,.06)}.andrews-result{margin-top:9px;padding-top:9px;border-top:1px solid rgba(173,211,218,.12);color:#aeb9ba;font-size:12px;line-height:1.5}.andrews-result b{color:#d6b96e}
@media(max-width:620px){.andrews-stage{height:142px}.andrews-plates{gap:5px;padding:22px 6px}.andrews-plate{height:82px;font-size:16px}.andrews-plate small{font-size:6px}.andrews-mirror{left:45%;width:14%}.andrews-before-after b{display:none}}
@media(prefers-reduced-motion:reduce){.illusion-aperture::after,.andrews-witness.run,.illusion-prompts>div::after,.andrews-scan,.andrews-mirror span,.andrews-decoy,.andrews-witness::after{animation:none!important}.illusion-aperture::after,.andrews-scan{display:none}.andrews-witness{left:94%}.illusion-prompts>div,.andrews-shadow{transition:none!important}}