/* QAL / THE RECEIPT ISSUE — design system v2 — scoped, high contrast */
:root{--qa-night:#0c1519;--qa-panel:#122025;--qa-lime:#d9ff71;--qa-peach:#ff896d;--qa-cream:#f7f5ed;--qa-muted:#91a6a4;--qa-edge:#2b4448;--qa-ink:#142228;--qa-mono:"IBM Plex Mono",ui-monospace,monospace;--qa-display:"Space Grotesk","IBM Plex Sans",Arial,sans-serif}
html{scroll-behavior:smooth}
body.app.home,body.app.fund-page{background:var(--qa-cream);color:var(--qa-ink)}
.app-bar{background:var(--qa-night)!important;border-bottom:1px solid #355057!important;padding:.65rem clamp(1rem,4vw,4rem)!important;gap:.7rem 1.2rem!important;min-height:4.55rem}
.app-bar .brand{font-family:var(--qa-display)!important;font-weight:800!important;font-size:1.35rem!important;border:1px solid var(--qa-lime);color:var(--qa-lime)!important;letter-spacing:-.08em!important;padding:.2rem .65rem!important;line-height:1.3}
.app-bar .app-nav{gap:.22rem}
.app-bar .app-nav a{border-radius:2px!important;color:#c0cfd0!important;font-size:.88rem!important;font-weight:650}
.app-bar .app-nav a:hover,.app-bar .app-nav a.active{color:#fff!important;background:#26373b!important}
.app-bar .nav-fund{margin-left:auto!important;background:var(--qa-lime)!important;color:#12201f!important;border:1px solid var(--qa-lime)!important;padding:.6rem .95rem!important;font-weight:800!important;border-radius:2px!important;font-family:var(--qa-display);white-space:nowrap}
.app-bar .nav-fund:hover{background:#edffba!important}
.nav-drop{border-radius:3px!important;background:#0f2127!important}
.home .app-main{width:100%!important;padding:0 0 4rem!important}
.qa-hero{position:relative;background:var(--qa-night);color:var(--qa-cream);overflow:hidden;isolation:isolate}
.qa-hero::before{content:"";position:absolute;inset:-25% -10% 0 38%;background:radial-gradient(ellipse at 61% 26%,#26525b77,transparent 48%),radial-gradient(ellipse at 89% 78%,#d9ff7119,transparent 42%);pointer-events:none;z-index:-1}
.qa-hero::after{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#78929127 1px,transparent 1px),linear-gradient(90deg,#78929127 1px,transparent 1px);background-size:44px 44px;pointer-events:none;mask-image:linear-gradient(90deg,transparent 4%,#000 75%)}
.qa-hero-inner{width:min(1480px,calc(100% - clamp(2rem,8vw,9rem)));margin:auto;padding:clamp(3.5rem,7vw,7.8rem) 0 clamp(3rem,6vw,6rem);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(2rem,5.5vw,6.5rem);align-items:center}
.qa-eyebrow{font:700 .72rem/1.5 var(--qa-mono);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:.65rem;margin:0 0 1.35rem}
.qa-eyebrow::before{content:"";height:9px;width:9px;background:var(--qa-lime);box-shadow:0 0 0 5px #d9ff711e}
.qa-hero .qa-eyebrow{color:var(--qa-lime)}
.qa-hero h1{font:800 clamp(3.4rem,6.6vw,7.5rem)/.935 var(--qa-display);letter-spacing:-.09em;margin:0 0 1.5rem;max-width:850px}
.qa-hero h1 .qa-white{color:var(--qa-cream)}
.qa-hero h1 .qa-accent{color:var(--qa-lime);display:block}
.qa-hero h1 .qa-strike{position:relative;display:inline-block;color:#839b9c}
.qa-hero h1 .qa-strike::after{content:"";position:absolute;top:56%;left:-2%;width:105%;height:.05em;min-height:4px;background:var(--qa-peach);transform:rotate(-3deg)}
.qa-intro-copy{font-size:clamp(1rem,1.3vw,1.17rem);line-height:1.6;color:#b7c8c7;max-width:560px;margin:0 0 1.6rem}
.qa-cta-group{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.qa-cta-group a{display:inline-flex;justify-content:space-between;align-items:center;gap:1.75rem;padding:.97rem 1.23rem;text-decoration:none;text-align:center;font:800 .91rem/1.2 var(--qa-display);border:1px solid #748989;border-radius:2px;transition:transform .2s,background .2s}
.qa-cta-group a:hover{transform:translateY(-3px)}
.qa-cta-group .qa-cta-primary{color:#102019;background:var(--qa-lime);border-color:var(--qa-lime)}
.qa-cta-group .qa-cta-secondary{color:#ebf3f0;background:#1b3035;border-color:#456368}
.qa-cta-group .qa-arrow{font-size:1.25rem}
.qa-microcopy{font:500 .7rem/1.5 var(--qa-mono);letter-spacing:.015em;color:#93a6a3;margin-top:1.1rem}
.qa-case{position:relative;transform:rotate(1deg);background:#13262c;border:1px solid #527276;box-shadow:24px 30px 0 #060e1199,0 30px 90px #0008;min-width:0}
.qa-case::before{content:"";position:absolute;z-index:-1;inset:-12px 12px 12px -12px;border:1px solid #d9ff7150;pointer-events:none}
.qa-case-toolbar{font:700 .67rem/1.4 var(--qa-mono);letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center;color:#bbd1ce;border-bottom:1px solid #3e5a5c;padding:.9rem 1rem;gap:.5rem}
.qa-live-dot{width:8px;height:8px;background:var(--qa-peach);border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 0 4px #ff896d20}
.qa-case-body{position:relative;padding:clamp(1rem,2vw,1.9rem);background:linear-gradient(160deg,#1e3c42 0%,#0d1e23 88%)}
.qa-graphic-label{display:flex;justify-content:space-between;gap:.5rem;font:700 .68rem/1.4 var(--qa-mono);letter-spacing:.09em;color:#8eb5b6;margin-bottom:1rem}
.qa-docs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.5rem,1.5vw,1rem);align-items:stretch;position:relative}
.qa-sheet{position:relative;background:#f1f1e7;color:#172427;padding:clamp(.8rem,1.9vw,1.35rem);min-width:0;min-height:280px;box-shadow:0 16px 22px #0005;clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,0 100%)}
.qa-sheet.qa-edited{background:#fff9ee;transform:translateY(13px) rotate(2deg);transition:transform .4s ease,background .4s ease}
.qa-sheet.qa-original{transform:rotate(-3deg);transition:transform .4s ease}
.qa-sheet-head{font:800 .62rem/1.5 var(--qa-mono);letter-spacing:.08em;border-bottom:2px solid #172427;padding-bottom:.55rem;display:flex;justify-content:space-between;gap:.5rem}
.qa-sheet h3{font:800 clamp(.96rem,1.6vw,1.4rem)/1.1 var(--qa-display);letter-spacing:-.05em;margin:1rem 0 1.1rem;max-width:16ch}
.qa-sheet .qa-label{font:700 .59rem/1.5 var(--qa-mono);letter-spacing:.03em;color:#7f8681}
.qa-sheet .qa-value{font:800 clamp(1.35rem,2.6vw,2.5rem)/1.04 var(--qa-display);letter-spacing:-.06em;margin:.28rem 0 1rem}
.qa-sheet .qa-ruled{height:7px;background:#a9b5b0;opacity:.5;margin:.5rem 0}
.qa-sheet .qa-ruled.short{width:60%}
.qa-edited .qa-value{color:#a24128;position:relative;display:inline-block}
.qa-edited .qa-value::before{content:"";position:absolute;inset:-4px -6px;border:2px solid var(--qa-peach);opacity:.3;transform:rotate(-2deg);transition:opacity .3s}
.qa-sheet-footer{font:700 .56rem/1.4 var(--qa-mono);margin-top:1.1rem;color:#526662}
.qa-signal{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-7deg);z-index:3;background:var(--qa-peach);border:2px solid #111b1e;color:#131819;font:900 clamp(.75rem,1.55vw,1.25rem)/1 var(--qa-display);letter-spacing:-.025em;padding:.8rem .9rem;box-shadow:8px 8px 0 #10181bb0;white-space:nowrap;transition:transform .35s}
.qa-case.is-revealed .qa-signal{transform:translate(-50%,-50%) rotate(4deg) scale(1.12);background:var(--qa-lime)}
.qa-case.is-revealed .qa-edited{background:#ffe4d5;transform:translateY(10px) rotate(-1deg)}
.qa-case.is-revealed .qa-original{transform:rotate(-1deg) translateY(-5px)}
.qa-case.is-revealed .qa-edited .qa-value::before{opacity:1;background:#ff896d25}
.qa-case-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#0d1a20;border-top:1px solid #38515a}
.qa-case-footer p{font:.7rem/1.5 var(--qa-mono);color:#a4c2bd;max-width:260px;margin:0}
.qa-case-footer button{cursor:pointer;background:transparent;color:var(--qa-lime);border:1px solid #7ba36b;font:700 .7rem/1.3 var(--qa-mono);padding:.67rem .85rem;border-radius:2px;white-space:nowrap}
.qa-case-footer button:hover,.qa-case-footer button:focus-visible{background:#253d32}
.qa-case-corner{position:absolute;z-index:3;right:-13px;bottom:-23px;width:90px;height:90px;pointer-events:none;border-right:4px solid var(--qa-lime);border-bottom:4px solid var(--qa-lime)}
.qa-hero-tape{width:min(1480px,calc(100% - clamp(2rem,8vw,9rem)));margin:auto;display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid #32494c;font:600 .63rem/1.4 var(--qa-mono);letter-spacing:.12em;text-transform:uppercase;color:#9db0ac}
.qa-ticker{overflow:hidden;background:var(--qa-lime);color:#101d1d;border-top:1px solid #111f1f;border-bottom:1px solid #111f1f;padding:.72rem 0;white-space:nowrap}
.qa-ticker>div{font:800 clamp(1.06rem,2vw,1.5rem)/1.2 var(--qa-display);letter-spacing:-.04em;width:max-content;animation:qa-marquee 34s linear infinite}
.qa-ticker span{margin:0 2rem}.qa-ticker b{font-family:var(--qa-mono);font-size:.8rem;vertical-align:middle}
@keyframes qa-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.qa-play-heading{width:min(1300px,calc(100% - clamp(2rem,9vw,9rem)));margin:0 auto;padding:clamp(3.5rem,6vw,6rem) 0 1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}
.qa-play-heading .qa-eyebrow{color:#3a6869}
.qa-play-heading h2{font:800 clamp(2.15rem,4.5vw,4.5rem)/1 var(--qa-display);letter-spacing:-.07em;margin:0}
.qa-play-heading p{max-width:400px;color:#5c6c69;line-height:1.6;font-size:1.02rem;margin:0 0 .25rem auto}
.home .workspace.play{width:min(1300px,calc(100% - clamp(2rem,9vw,9rem)));margin:0 auto!important;border:1px solid #25464c!important;border-radius:2px!important;background:#071216;box-shadow:18px 18px 0 #d8ded5,0 32px 52px #182b2b19;min-height:500px;height:min(640px,calc(100vh - 6rem))}
.home .workspace-panel{background:#f7f8f0!important;border-left:2px solid #1d3339!important}
.home .workspace .theater-pipe{background:#15252b!important}
.home .workspace .play-top{background:#e9eecf!important}
.home .workspace .theater-start{border-radius:2px!important;background:var(--qa-lime)!important;color:#11221e!important;border:1px solid #a9e34b!important;box-shadow:8px 8px 0 #0009!important;animation:none!important}
.home .workspace .theater-start:hover{background:#edffb8!important}
.home .workspace .play-btn.primary{background:#1d4144;color:#fff;border:0}
.home .below{width:min(1180px,calc(100% - clamp(2rem,9vw,9rem)));max-width:none;margin:3rem auto 0;padding:0}
.home .below .breath{background:#ebf0e6;padding:clamp(1.5rem,3vw,2.8rem);border-left:5px solid #5b8b85}
.home .below .breath h2,.home .below>h2,.home .below .nope-section h2{font:800 clamp(1.8rem,3vw,3rem)/1.08 var(--qa-display);letter-spacing:-.055em}
.home .breath-card{background:#fdfef8;border:1px solid #bdcecb;border-radius:2px!important;padding:1.35rem 1rem 1.1rem;box-shadow:3px 3px 0 #ccdad6;min-height:158px}
.home .breath-card:hover{box-shadow:8px 8px 0 #b4cec4}
.home .breath-card p{font-weight:700;font-size:1rem;line-height:1.32}
.home .play-note{padding:.9rem 1rem;background:#fff8e6;border-left:3px solid #d6875e;font-size:.83rem;line-height:1.5;margin:1.15rem 0 1.7rem}
.home .proof-card{background:#0f2328;color:#eef5e9;border:1px solid #2c6265;border-radius:2px;padding:clamp(1.4rem,3vw,3rem);margin:2.5rem 0}
.home .proof-card .proof-head h2{font:800 clamp(1.8rem,3vw,2.7rem)/1.1 var(--qa-display);letter-spacing:-.06em;color:#eef5e9}
.home .proof-card .proof-lede,.home .proof-card .play-hint,.home .proof-card dt{color:#adc5c1}
.home .proof-card dd,.home .proof-card .secondary,.home .proof-card a{color:#c6eea3}
.home .proof-card code{background:#263d3b;color:#c7f3c5;border:1px solid #345750}
.home .go-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:1.5rem 0 3rem}
.home .go-card{padding:1.5rem 1rem;min-height:130px;border:1px solid #bbc8c4;border-top:4px solid #1e5056;background:#fff;border-radius:2px!important}
.home .go-card strong{font:800 1.45rem/1.1 var(--qa-display);letter-spacing:-.04em;margin-bottom:.5rem}
.home .go-card span{font-size:.83rem}
.home .nope-section{padding:1.8rem;border:1px dashed #aebcbb;background:#f1f1e8}
.home .nope{columns:2;column-gap:2rem}
.home .fund-card{background:#fff8e8;border:2px solid #bd9a5c;border-radius:2px!important;padding:clamp(1.4rem,3vw,2.6rem)}
.home .fund-card h3{font:800 clamp(1.5rem,2.5vw,2.2rem)/1.2 var(--qa-display);letter-spacing:-.05em}
.home .fund-card .btn-fund{background:#1d3335;color:#fff;border-radius:2px}
.home .site-foot{padding:2rem 0 1rem;border-top:1px solid #bac8c4}
.qa-donate-band{background:#d9ff71;position:relative;overflow:hidden;margin-top:clamp(4rem,7vw,7rem)}
.qa-donate-band::after{content:"SUPPORT";position:absolute;right:-.04em;top:-.38em;font:900 clamp(8rem,21vw,22rem)/1 var(--qa-display);letter-spacing:-.12em;color:#152c1e12;pointer-events:none}
.qa-donate-band-inner{width:min(1300px,calc(100% - clamp(2rem,9vw,9rem)));margin:0 auto;display:grid;grid-template-columns:1.35fr auto;align-items:center;gap:2rem;padding:clamp(2rem,4.5vw,4rem) 0;position:relative;z-index:1}
.qa-donate-band h2{font:800 clamp(2rem,4vw,4rem)/1 var(--qa-display);letter-spacing:-.07em;max-width:720px;margin:.3rem 0 .8rem}
.qa-donate-band p{font-size:1rem;color:#344b35;max-width:650px;margin:0}
.qa-donate-band a{padding:1.1rem 1.4rem;background:#122322;color:#fff;font:800 1rem var(--qa-display);text-decoration:none;white-space:nowrap;border:1px solid #122322}
.qa-donate-band a:hover{background:#294942}
.fund-page .wrap{width:min(1160px,calc(100% - clamp(2rem,8vw,8rem)));max-width:none;padding:0 0 4rem}
.qa-fund-hero{background:#102026;color:#f5f4ec;margin:0 calc(50% - 50vw);padding:clamp(3rem,6vw,6.5rem) max(calc((100vw - 1160px)/2),clamp(1rem,4vw,5rem)) clamp(3rem,5vw,5rem);position:relative;overflow:hidden}
.qa-fund-hero::before{content:"↗";position:absolute;right:5%;bottom:-20%;font:900 clamp(20rem,42vw,42rem)/1 var(--qa-display);color:#d9ff710d;transform:rotate(-20deg);pointer-events:none}
.qa-fund-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:clamp(2rem,6vw,6rem);align-items:center;position:relative}
.qa-fund-hero h1{font:800 clamp(3rem,6vw,6.5rem)/.96 var(--qa-display);letter-spacing:-.09em;max-width:900px;margin:0 0 1.25rem}
.qa-fund-hero h1 em{font-style:normal;color:var(--qa-lime)}
.qa-fund-hero p{color:#b7c9c5;font-size:1.12rem;max-width:650px;line-height:1.65}
.qa-fund-orbit{aspect-ratio:1;position:relative;display:grid;place-items:center;border:2px dashed #3d6e68;border-radius:50%;background:radial-gradient(circle,#d9ff7133 0 2%,transparent 53%);box-shadow:0 0 0 23px #d9ff7108,0 0 0 47px #d9ff7104}
.qa-fund-orbit::before,.qa-fund-orbit::after{content:"";position:absolute;border:1px solid #d9ff7160;border-radius:50%;inset:12%;transform:rotate(-12deg) scaleX(.7)}.qa-fund-orbit::after{inset:24%;transform:rotate(20deg) scaleX(1.25)}
.qa-fund-orbit div{z-index:1;text-align:center;font:800 clamp(2.2rem,5vw,5.3rem)/.9 var(--qa-display);color:var(--qa-lime);letter-spacing:-.08em}
.qa-fund-orbit small{display:block;font:700 .65rem/2 var(--qa-mono);letter-spacing:.13em;color:#aec3b7}
.qa-fund-kicker{font:700 .72rem/1.4 var(--qa-mono);letter-spacing:.12em;color:var(--qa-lime);margin:0 0 1.1rem}
.qa-fund-below{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(1.5rem,4vw,4rem);padding:3rem 0 1.3rem;align-items:start}
.qa-fund-below h2{font:800 clamp(2rem,3.3vw,3.7rem)/1 var(--qa-display);letter-spacing:-.065em;margin:0}
.qa-fund-below p{color:#566563;line-height:1.6;margin-top:.65rem}
.qa-fund-milestones{display:grid;gap:0;margin:0}
.qa-fund-milestones article{display:grid;grid-template-columns:48px 1fr;gap:.8rem;border-top:1px solid #b4c5bf;padding:1.2rem 0}
.qa-fund-milestones article:last-child{border-bottom:1px solid #b4c5bf}
.qa-fund-milestones span{font:800 .74rem var(--qa-mono);color:#387b74}
.qa-fund-milestones strong{font:800 1.3rem/1.2 var(--qa-display);letter-spacing:-.035em}
.qa-fund-milestones p{font-size:.9rem;margin:.35rem 0 0}
.fund-page .fund-card{background:#fff;border:2px solid #183b3e;padding:clamp(1.5rem,3vw,2.8rem);border-radius:2px;margin:1rem 0 3rem;box-shadow:12px 12px 0 #b9cfc3}
.fund-page .fund-card h3{font:800 clamp(1.4rem,2.8vw,2.4rem)/1.1 var(--qa-display);letter-spacing:-.045em}
.fund-page .fund-card .fund-addr{font-size:.88rem;padding:.9rem;background:#eff5f0;border:1px solid #b9cfc0}
.fund-page .fund-card .btn-fund{background:#182b2f;color:#fff;border:0;border-radius:2px;padding:.85rem 1.15rem}
.fund-page .fund-card .btn-primary{background:var(--qa-lime);color:#173122;border-color:#a5c852}
.fund-page .fund-card .fund-track{background:#e5ece8}
.fund-page .fund-card .fund-fill{background:linear-gradient(90deg,#4a9589,#a5cf47)}
.fund-page .fund-card .fund-why{font-size:.98rem;max-width:680px}
.fund-page .site-foot{margin-top:4rem}
.qa-fund-disclaimer{font:.76rem/1.7 var(--qa-mono);color:#687873;background:#e7eee8;border-left:3px solid #5d8885;padding:1rem;margin-bottom:2rem}
.qa-reveal{opacity:1}
@media(min-width:1100px){.qa-hero-inner{min-height:735px}}
@media(max-width:1100px){.qa-hero-inner{grid-template-columns:1fr;max-width:820px;padding-bottom:4rem}.qa-hero h1{font-size:clamp(3.6rem,9vw,7rem)}.qa-case{width:min(660px,100%);margin:0 auto}.qa-hero-tape{max-width:820px}.qa-fund-grid{grid-template-columns:1fr}.qa-fund-orbit{max-width:270px;justify-self:end;margin-top:-6rem;opacity:.65}}
@media(max-width:800px){.qa-play-heading{grid-template-columns:1fr;gap:.8rem}.qa-play-heading p{margin:0}.qa-donate-band-inner{grid-template-columns:1fr}.home .go-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-fund-below{grid-template-columns:1fr}.qa-fund-orbit{display:none}.home .workspace.play{height:auto;min-height:620px}.home .below .breath{padding:1.5rem}}
@media(max-width:560px){.qa-hero-inner{width:calc(100% - 2.1rem);padding:2.4rem 0 3.2rem}.qa-hero h1{font-size:clamp(3.05rem,13.5vw,4.65rem);letter-spacing:-.085em}.qa-intro-copy{font-size:1.04rem}.qa-cta-group a{width:100%;justify-content:space-between}.qa-case{transform:none;box-shadow:8px 12px 0 #061115}.qa-docs{gap:.5rem}.qa-sheet{min-height:222px;padding:.7rem}.qa-sheet h3{font-size:1rem}.qa-sheet .qa-value{font-size:1.65rem}.qa-sheet-head{font-size:.5rem}.qa-signal{font-size:.7rem;padding:.6rem}.qa-case-footer{flex-direction:column;align-items:stretch}.qa-case-footer button{width:100%}.qa-hero-tape{width:calc(100% - 2.1rem);font-size:.57rem}.qa-hero-tape span:last-child{display:none}.qa-ticker span{margin:0 1rem}.qa-play-heading{padding-top:2.5rem}.home .workspace.play{width:calc(100% - 1.6rem)}.home .below{width:calc(100% - 2rem)}.home .go-grid{grid-template-columns:1fr}.home .nope{columns:1}.qa-donate-band-inner{width:calc(100% - 2rem)}.qa-fund-hero{padding:2.4rem 1.1rem 3rem}.qa-fund-hero h1{font-size:clamp(2.75rem,12vw,4.5rem)}.fund-page .wrap{width:calc(100% - 2rem)}.fund-page .fund-card{box-shadow:6px 6px 0 #b9cfc3}.app-bar{align-items:center}.app-bar .nav-fund{order:0}.app-bar .app-nav{order:2;width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.qa-ticker>div{animation:none!important}.qa-cta-group a,.qa-sheet,.qa-signal{transition:none!important}.qa-hero{scroll-behavior:auto}}


/* V2 finishing detail: the game should belong to the same designed world */
.home .workspace-stage.theater-stage{isolation:isolate}
.home .workspace-stage.theater-stage::before{content:"QAL / SIMULATION 01";position:absolute;top:1rem;left:1rem;font:700 .64rem/1.2 var(--qa-mono);letter-spacing:.09em;color:var(--qa-lime);z-index:2;pointer-events:none;text-shadow:0 2px 6px #000}
.home .workspace-stage.theater-stage::after{content:"NOT A REAL TRANSACTION";position:absolute;bottom:1rem;left:1rem;font:600 .57rem/1.2 var(--qa-mono);letter-spacing:.12em;color:#83a3a1;z-index:2;pointer-events:none}
.home .workspace-stage.theater-stage .theater-caption{font:750 clamp(1rem,2vw,1.2rem)/1.3 var(--qa-display);letter-spacing:-.025em;max-width:460px;left:50%;right:auto;width:75%;transform:translateX(-50%)}
.home .workspace .theater-pipe{background:#132a30!important;box-shadow:inset 0 -2px 0 #386263}
.home .workspace .theater-pipe .pipe-node{border-radius:0;gap:.3rem}
.home .workspace .theater-pipe .pipe-icon{font:800 1.05rem/1 var(--qa-mono);background:#243f3d;color:#d9ff71;border:1px solid #4e8170;width:37px;height:37px;display:grid;place-items:center}
.home .workspace .theater-pipe .pipe-label{color:#e2ede5;font:700 .67rem var(--qa-display)}
.home .workspace .theater-pipe .pipe-node.active{background:#274536;box-shadow:inset 0 0 0 1px #507c62}
.home .workspace .play-top{border-bottom:1px solid #c2d0c7}
.home .workspace .play-top .lvl{font:800 .76rem var(--qa-mono);text-transform:uppercase}
.home .workspace .play-top .score{color:#235d59}
.home .workspace .play-progress{height:5px;background:#c9d7cc}
.home .workspace .play-progress i{background:#74aa54}
.home .workspace .play-stage{background:#f7f8f1}
.home .workspace .play-title{font:800 clamp(1.15rem,2vw,1.4rem)/1.2 var(--qa-display);letter-spacing:-.04em}
.home .workspace .play-btn{border-radius:2px}
.home .workspace .play-btn.primary:not(:disabled){background:#203c3d;border:1px solid #203c3d}
.home .workspace .play-btn.primary:hover:not(:disabled){background:#37625c}
@media(max-width:900px){.home .workspace-stage.theater-stage::before{display:none}.home .workspace-stage.theater-stage .theater-caption{top:1rem;left:1rem;right:1rem;width:auto;transform:none}}


/* Guided document comparison: clear default, full game on demand */
.qa-guide{width:min(1300px,calc(100% - clamp(2rem,9vw,9rem)));margin:auto;background:#101e24;color:#eff6ea;border:1px solid #385f61;box-shadow:13px 13px 0 #d4e1d5;font-family:var(--qa-display)}
.qa-guide *{box-sizing:border-box}
.qa-guide-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;background:#1a353a;border-bottom:1px solid #3d6162;padding:1rem 1.4rem;color:#d9ff71;font:700 .72rem/1.4 var(--qa-mono);letter-spacing:.1em}
.qa-guide-bar span:last-child{color:#b5cbc5}
.qa-guide-progress{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #395b60}
.qa-guide-progress div{padding:.95rem;display:flex;align-items:center;gap:.55rem;color:#b2c2c0;font:750 .86rem var(--qa-display);border-right:1px solid #395b60}
.qa-guide-progress div:last-child{border:0}.qa-guide-progress div b{border:1px solid currentColor;display:grid;place-items:center;width:26px;height:26px;font:.8rem var(--qa-mono)}
.qa-guide-progress div.active{color:#d9ff71;background:#27443e}.qa-guide-progress div.done{color:#c4e9d1}
.qa-guide-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:clamp(1.4rem,3.5vw,4rem);padding:clamp(1.3rem,3.5vw,3rem)}
.qa-guide-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:380px}
.qa-guide-step{font:700 .75rem var(--qa-mono);letter-spacing:.1em;color:#d9ff71;margin:0 0 1rem}
.qa-guide h3{font:800 clamp(2.2rem,4vw,3.8rem)/1 var(--qa-display);letter-spacing:-.07em;color:#f5f9f0;margin:0 0 1.2rem}
.qa-guide-desc{font:400 clamp(1rem,1.5vw,1.18rem)/1.6 var(--qa-display);color:#b9d0ca;max-width:530px;margin:0 0 1.3rem}
.qa-guide button{font-family:var(--qa-display);cursor:pointer;border-radius:2px}
.qa-guide button:focus-visible,.qa-advanced-row button:focus-visible{outline:3px solid #d9ff71;outline-offset:3px}
.qa-guide-action{background:#d9ff71;color:#15241b;font-weight:800;font-size:.96rem;padding:.92rem 1.15rem;min-height:48px;border:0;box-shadow:5px 5px 0 #467c59}
.qa-guide-action:hover{background:#eeffbb}.qa-guide-action:disabled{opacity:.5;cursor:default}
.qa-guide-secondary{background:transparent;color:#c3dacf;border:1px solid #658782;font-weight:700;padding:.85rem 1.1rem;margin-left:.8rem}
.qa-guide-select{display:grid;gap:.6rem;width:100%;margin:0 0 1.1rem}
.qa-guide-option{background:#1b343b;border:1px solid #59797c;color:#e9f4eb;text-align:left;padding:.88rem 1rem;display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem;font-weight:700}
.qa-guide-option:hover{background:#314c4f}.qa-guide-option[aria-pressed=true]{background:#2c493a;border-color:#d9ff71;box-shadow:inset 4px 0 #d9ff71}
.qa-guide-option small{font:600 .73rem var(--qa-mono);color:#abc4bd;display:block;margin-top:.3rem}
.qa-guide-side{background:radial-gradient(circle at 10% 0,#365b60,#162b30 78%);border:1px solid #50777a;padding:clamp(.9rem,2vw,1.4rem);display:flex;flex-direction:column;gap:1rem;min-width:0;justify-content:center}
.qa-guide-document{background:#faf9f0;color:#1a3334;border:1px solid #d4e0d8;box-shadow:7px 8px 0 #0005;padding:1.25rem 1.3rem;min-height:260px;transform:rotate(-1deg);transition:transform .25s;position:relative}
.qa-guide-document::after{content:"";position:absolute;right:0;top:0;border-top:24px solid #cbdfd0;border-left:24px solid transparent}
.qa-guide-document.changed{background:#fff0e5;border-color:#ed9074;transform:rotate(1deg)}
.qa-guide-document header{display:flex;gap:.7rem;justify-content:space-between;border-bottom:2px solid #1b3536;padding-bottom:.65rem;font:800 .66rem var(--qa-mono);letter-spacing:.06em}
.qa-guide-document h4{font:800 1.45rem var(--qa-display);letter-spacing:-.055em;margin:1rem 0 1.2rem}
.qa-guide-document label{display:block;text-transform:uppercase;color:#607a73;font:700 .67rem var(--qa-mono);letter-spacing:.04em}
.qa-guide-document strong{display:block;font:800 clamp(2.5rem,4.2vw,3.7rem)/1.2 var(--qa-display);letter-spacing:-.08em;margin:.25rem 0 1rem}
.qa-guide-document.changed strong{color:#a94428;text-decoration:underline;text-decoration-color:#e99477;text-underline-offset:6px}
.qa-guide-rule{height:6px;background:#bccac4;margin:.65rem 0;max-width:95%}.qa-guide-rule.short{max-width:66%}
.qa-guide-fingerprint{background:#0a1a1d;padding:.85rem 1rem;border:1px solid #4c7470;color:#a3c4b8;font:.75rem/1.5 var(--qa-mono);min-width:0}
.qa-guide-fingerprint b{display:block;font-size:.66rem;letter-spacing:.07em;color:#e8f8d9;margin-bottom:.2rem}.qa-guide-fingerprint code{font:700 .78rem/1.5 var(--qa-mono);color:#d9ff71;word-break:break-all}
.qa-guide-result{background:#27443b;border:1px solid #75b194;padding:1rem 1.1rem;width:100%;margin:0 0 1.3rem}
.qa-guide-result.mismatch{background:#50302c;border-color:#ff977a}
.qa-guide-result b{display:block;color:#d9ff71;font:800 1.4rem/1.2 var(--qa-display);letter-spacing:-.04em}.qa-guide-result.mismatch b{color:#ffb092}
.qa-guide-result p{font:.95rem/1.5 var(--qa-display);margin:.5rem 0;color:#eff9ee}.qa-guide-result code{display:block;font:600 .72rem/1.5 var(--qa-mono);word-break:break-all;color:#e4f9cb}
.qa-guide-note{margin-top:1.4rem;color:#96b1a9;font:600 .73rem/1.6 var(--qa-mono);max-width:500px}
.qa-guide-bottom{background:#e5ede0;color:#264540;padding:1rem 1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;font:700 .78rem/1.5 var(--qa-mono)}
.qa-guide-bottom p{margin:0;max-width:650px}.qa-guide-bottom a{color:#206059}
.qa-advanced-row{width:min(1300px,calc(100% - clamp(2rem,9vw,9rem)));margin:2rem auto 0;padding:1.1rem 0;border-top:1px solid #b9cbc2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.qa-advanced-row p{color:#50645c;font-size:.93rem;max-width:760px}
.qa-advanced-row button{cursor:pointer;background:transparent;color:#184e4a;border:1px solid #31635a;padding:.85rem 1rem;font:800 .86rem var(--qa-display)}
.home #qa-advanced[hidden],.qa-guide [hidden]{display:none!important}
.home #qa-advanced .workspace.play{margin-top:1rem!important}
.home .below .breath{display:none}
@media(max-width:850px){.qa-guide-body{grid-template-columns:1fr}.qa-guide-copy{min-height:0}.qa-guide-side{width:100%;max-width:650px}.qa-guide-document{min-height:240px}}
@media(max-width:540px){.qa-guide{width:calc(100% - 1.5rem);box-shadow:6px 7px 0 #d4e1d5}.qa-guide-bar{padding:.8rem 1rem;font-size:.63rem}.qa-guide-progress div{padding:.65rem .3rem;font-size:.68rem;justify-content:center;gap:.25rem}.qa-guide-progress div b{width:22px;height:22px;font-size:.7rem}.qa-guide-body{padding:1rem}.qa-guide h3{font-size:clamp(2rem,9vw,2.8rem)}.qa-guide-action{width:100%;margin-bottom:.7rem}.qa-guide-secondary{width:100%;margin:0}.qa-guide-side{padding:.8rem}.qa-guide-document{min-height:210px}.qa-advanced-row{width:calc(100% - 2rem)}.qa-advanced-row button{width:100%}}
@media(prefers-reduced-motion:reduce){.qa-guide-document{transition:none}}

.qa-guide-mini{background:#1b3437;border-left:3px solid #d9ff71;padding:.55rem .75rem;margin:0 0 1.2rem;color:#bcd3c9;font:700 .67rem/1.4 var(--qa-mono);letter-spacing:.04em}
.qa-guide-mini strong{display:inline-block;color:#d9ff71;font:800 1.08rem var(--qa-display);margin-left:.7rem;letter-spacing:-.02em}
@media(min-width:851px){.qa-guide-mini{display:none}}