:root{--ink:#071323;--navy:#102b45;--blue:#173b5a;--cyan:#45e2d0;--pale:#8deee3;--gold:#ffca58;--coral:#ff6d5a;--paper:#f7f1df;--mist:#d8e6ef;--shadow:0 7px 0 var(--ink)}
*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 15% 10%,#1f4868 0,transparent 32%),var(--navy)}button,a,.patch-zone{font:inherit}.site-head{height:64px;padding:0 clamp(15px,4vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #ffffff28;background:#071323e8;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font-weight:900;letter-spacing:-.02em}.brand img{width:30px;height:30px}.head-tools{display:flex;gap:12px;align-items:center}.track,.flat-label{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--cyan)}.locale{color:var(--paper);text-decoration:none;font-weight:800;border-bottom:2px solid var(--gold);padding:5px 2px}.game-shell{width:min(1240px,100%);margin:0 auto;padding:clamp(14px,3vw,34px)}.screen{min-height:calc(100dvh - 98px)}[hidden]{display:none!important}.intro,.result{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:clamp(20px,4vw,54px);align-items:center}.intro-art,.result-art{position:relative;border:4px solid var(--ink);background:#0a2036;overflow:hidden;box-shadow:14px 14px 0 #07132366}.intro-art>svg:first-child,.result-art>svg{display:block;width:100%;height:auto}.scanner-hero{position:absolute;right:2%;bottom:-5%;width:34%;filter:drop-shadow(0 8px 0 #07132355)}.eyebrow{color:var(--gold);font-size:.75rem;letter-spacing:.13em;font-weight:950;margin:0 0 8px}.intro h1,.result h2{font-size:clamp(2.8rem,7vw,6.6rem);line-height:.82;letter-spacing:-.06em;margin:0;text-wrap:balance}.intro-copy .dek{font-size:clamp(1.08rem,2vw,1.42rem);font-weight:800;line-height:1.35;color:var(--pale)}.news-brief,.rule-card{margin:16px 0;padding:15px 17px;background:#102b45;border-left:5px solid var(--cyan)}.news-brief b,.rule-card>b{color:var(--gold);font-size:.78rem;letter-spacing:.08em}.news-brief p,.rule-card p{margin:6px 0 0;line-height:1.48}.rule-card{background:var(--paper);color:var(--ink);border-left-color:var(--coral)}.mini-flow{display:flex;align-items:center;gap:8px;margin-top:11px;font-weight:950;font-size:.76rem}.mini-flow span{padding:5px 8px;background:var(--mist)}.mini-flow i{font-style:normal;color:var(--coral)}.primary,.secondary,.quiet-button{border:3px solid var(--ink);border-radius:8px;font-weight:950;cursor:pointer;transition:transform .1s,box-shadow .1s,filter .1s}.primary{padding:14px 20px;background:var(--gold);color:var(--ink);box-shadow:var(--shadow);min-height:52px}.secondary{padding:12px 15px;background:var(--paper);color:var(--ink);box-shadow:0 5px 0 var(--ink)}.quiet-button{padding:8px 12px;background:#fff0;color:var(--paper);border-color:#ffffff88}.primary:hover,.secondary:hover,.quiet-button:hover{filter:brightness(1.08)}.primary:active,.secondary:active,.quiet-button:active{transform:translateY(4px);box-shadow:none}.primary:focus-visible,.secondary:focus-visible,.quiet-button:focus-visible,.report:focus-visible,.patch-zone:focus-visible,.locale:focus-visible,.brand:focus-visible{outline:4px solid var(--cyan);outline-offset:4px}.key-help{font-size:.8rem;color:var(--mist);margin:14px 0 0}.play{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:18px;align-items:stretch}.world-panel{position:relative;min-height:650px;overflow:hidden;border:4px solid var(--ink);background:#0b1f33}.room-bg{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.38}.city{position:absolute;inset:17% 3% 4%;display:flex;align-items:end}.city>svg{width:100%;height:auto;filter:drop-shadow(0 10px 0 #07132366)}.shield{position:absolute;width:63%;left:18.5%;top:2%;opacity:.08;transform:scale(.7);transition:opacity .3s,transform .3s;filter:drop-shadow(0 8px 8px #45e2d044)}.city[data-stage="1"] .shield{opacity:.22;transform:scale(.78)}.city[data-stage="2"] .shield{opacity:.38;transform:scale(.86)}.city[data-stage="3"] .shield{opacity:.58;transform:scale(.94)}.city[data-stage="4"] .shield,.city[data-stage="5"] .shield{opacity:.86;transform:scale(1)}.repair{position:absolute;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--cyan);color:var(--ink);font-size:1.6rem;font-weight:950;border:4px solid var(--ink);opacity:0;transform:scale(.3);transition:.22s}.repair.on{opacity:1;transform:scale(1)}.repair.bank{left:19%;bottom:34%}.repair.hospital{left:48%;bottom:46%}.repair.grid{right:17%;bottom:32%}.paperwork{position:absolute;right:1%;bottom:1%;width:min(32%,190px);animation:stamp .35s both}.paperwork svg{width:100%}.console-panel{background:var(--paper);color:var(--ink);padding:16px;border:4px solid var(--ink);display:flex;flex-direction:column;gap:12px}.topbar{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center}.topbar .quiet-button{color:var(--ink);border-color:var(--ink)}.timer,.counter{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--ink);padding:4px 7px;font-weight:900}.timer span,.counter span{font-size:.65rem;letter-spacing:.08em}.timer b,.counter b{font-size:1.6rem}.scanner-card{display:grid;grid-template-columns:105px 1fr;align-items:center;background:var(--navy);color:var(--paper);padding:8px 12px;border-left:6px solid var(--cyan)}.scanner-card>svg{width:100%;height:100px}.scanner-card>div{display:grid;grid-template-columns:1fr 76px;align-items:center}.scanner-card>div>b{font-size:.84rem;letter-spacing:.02em}.scanner-card .flat-label{grid-column:1/-1}.target-signature{width:72px;height:72px;background:var(--paper);border:3px solid var(--ink);border-radius:50%;padding:5px}.instruction{margin:0;padding:8px 10px;background:#ffca5828;border-left:4px solid var(--gold);font-weight:900;min-height:42px}.reports{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.report{position:relative;min-height:122px;padding:8px 5px 7px;border:4px solid var(--ink);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 6px 0 var(--ink);cursor:pointer;font-weight:950;transition:transform .1s,background .1s}.report:hover{background:#eafbf9}.report:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.report svg{width:64px;height:64px;display:block;margin:0 auto 4px}.report small{display:block;font-size:.67rem;letter-spacing:.04em}.report.selected{background:var(--cyan)}.report.selected::after{content:"✓";position:absolute;right:5px;top:4px;background:var(--ink);color:var(--cyan);width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.report.wrong{background:var(--coral);animation:shake .28s}.report.recommended{animation:hint 1s ease-in-out infinite}.patch-zone{position:relative;height:94px;border:4px dashed #38566c;border-radius:10px;background:#d5e0e5;overflow:hidden;touch-action:none;user-select:none}.patch-zone:not(.locked){border-style:solid;border-color:var(--ink);background:#123a54;cursor:ew-resize;box-shadow:inset 0 0 0 4px var(--cyan)}.patch-zone.locked{opacity:.56}.patch-copy{position:absolute;left:0;right:0;top:5px;text-align:center;font-size:.69rem;font-weight:950;letter-spacing:.09em;color:var(--ink)}.patch-zone:not(.locked) .patch-copy{color:var(--paper)}.patch-strip{position:absolute;left:6px;right:6px;bottom:8px;height:54px;border:3px solid var(--ink);background:var(--gold);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 12px;transform:translateX(var(--drag,0px));font-size:.72rem}.patch-strip i{height:8px;background:repeating-linear-gradient(90deg,var(--coral) 0 16px,var(--ink) 16px 20px);margin:0 9px}.feedback{margin:0;min-height:47px;padding:9px 11px;background:var(--mist);border-left:5px solid var(--blue);font-weight:850}.feedback.good{background:#b9f4ec;border-left-color:#069d8b}.feedback.bad{background:#ffd1cb;border-left-color:var(--coral)}.service-ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.service-ledger span{display:flex;justify-content:space-between;padding:7px;background:var(--mist);font-size:.68rem;font-weight:900}.pause-layer{position:absolute;inset:0;z-index:10;background:#071323e8;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;font-size:1.4rem}.result{padding:3vh 0}.result-art{background:#091c2e}.result h2{font-size:clamp(2rem,5vw,4.7rem);line-height:.9}.score-line{display:flex;align-items:baseline;margin:17px 0 0}.score-line strong{font-size:clamp(5rem,12vw,9rem);line-height:.72;color:var(--gold)}.score-line span{font-size:1.4rem;font-weight:900}.rank-line{display:flex;align-items:center;gap:9px;margin-top:12px;font-weight:900}.rank-line>b{font-size:2rem;color:var(--cyan)}.rank-line span{color:var(--pale)}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.result-stats p{margin:0;padding:9px 11px;background:#ffffff12;border-left:3px solid var(--cyan);font-weight:750}.result-actions{display:flex;flex-wrap:wrap;gap:10px}.news-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.news-links a{color:var(--cyan);font-weight:850}.disclaimer{font-size:.72rem;color:var(--mist);line-height:1.4}.pop{animation:pop .45s}.urgent{color:var(--coral)!important}.pulse .shield{animation:shieldPulse .45s}
@keyframes stamp{from{transform:scale(1.7) rotate(-12deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes hint{50%{box-shadow:0 6px 0 var(--ink),0 0 0 6px #ffca5888}}@keyframes pop{50%{transform:scale(1.08)}}@keyframes shieldPulse{50%{filter:drop-shadow(0 0 22px var(--cyan));transform:scale(1.06)}}
@media(max-width:820px){.game-shell{padding:10px}.intro,.result,.play{grid-template-columns:1fr}.intro-art{max-height:38vh}.intro-art>svg:first-child{margin-top:-4%}.scanner-hero{width:29%}.intro h1{font-size:clamp(3.25rem,17vw,5.2rem);text-wrap:wrap}.world-panel{min-height:300px}.city{inset:5% 1% 0}.console-panel{padding:12px}.play{gap:8px}.reports{gap:6px}.report{min-height:108px}.report svg{width:57px;height:57px}.result-art{max-height:38vh}.result-art svg{margin-top:-5%}.result{align-items:start}.result-copy{padding:5px}.result h2{font-size:clamp(2.15rem,10vw,3.5rem)}.key-help{display:none}}
@media(max-width:430px){.site-head{height:54px;padding:0 12px}.brand span{font-size:.88rem}.track{display:none}.game-shell{padding:7px}.screen{min-height:calc(100dvh - 61px)}.intro{gap:11px}.intro-art{max-height:30vh}.intro-copy .dek{font-size:1rem;margin:10px 0}.news-brief,.rule-card{padding:10px 12px;margin:9px 0;font-size:.86rem}.intro h1{font-size:clamp(3rem,17vw,4.5rem)}.primary{width:100%}.world-panel{min-height:230px}.console-panel{gap:8px}.scanner-card{grid-template-columns:80px 1fr;padding:5px 8px}.scanner-card>svg{height:78px}.scanner-card>div{grid-template-columns:1fr 62px}.target-signature{width:58px;height:58px}.reports{gap:5px}.report{min-height:100px;padding:6px 2px;font-size:.76rem}.report svg{width:54px;height:54px}.report small{font-size:.58rem}.patch-zone{height:86px}.feedback{font-size:.82rem}.service-ledger span{font-size:.58rem;padding:6px}.result-stats{grid-template-columns:1fr}.result-art{max-height:30vh}.score-line strong{font-size:5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Shared Headline Games entry-card treatment and compact phone playfield. */
.intro{gap:0;border:4px solid var(--ink);border-radius:28px;background:var(--paper);box-shadow:0 10px 0 #07132366;overflow:hidden}
.intro-art{border:0;border-right:4px solid var(--ink);box-shadow:none}
.intro-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,4vw,46px);background:var(--paper);color:var(--ink)}
.intro-copy .dek{color:#2b465c}
.intro .news-brief,.intro .rule-card{border:1px solid #9dafbd;border-left:6px solid var(--cyan);border-radius:9px;box-shadow:none}
.intro .news-brief{background:#e9f3f5;color:var(--ink)}
.intro .rule-card{border-left-color:var(--coral)}
.intro .news-brief b{color:#13675f}
.intro .key-help{color:#4d6174}
.patch-zone:not(.locked)::before,.patch-zone:not(.locked)::after{position:absolute;top:50%;z-index:3;transform:translateY(-50%);color:var(--paper);font-size:1.3rem;font-weight:950;pointer-events:none}
.patch-zone:not(.locked)::before{content:"‹";left:9px}.patch-zone:not(.locked)::after{content:"›";right:9px}
.patch-zone.swiping{box-shadow:inset 0 0 0 5px var(--gold)}

@media(max-width:820px){
  .intro-art{border-right:0;border-bottom:4px solid var(--ink)}
}

@media(max-width:430px){
  body:has(#play:not([hidden])){overflow:hidden}
  .game-shell{padding:5px 7px}
  .screen{min-height:0}
  .intro{height:calc(100svh - 64px);grid-template-rows:122px minmax(0,1fr);gap:0;align-items:stretch}
  .intro-art{height:122px;max-height:none}
  .intro-art>svg:first-child{width:100%;height:100%;margin:0;object-fit:cover}
  .scanner-hero{width:24%;bottom:-9%}
  .intro-copy{min-height:0;padding:9px 11px;justify-content:space-evenly;overflow:hidden}
  .intro .eyebrow{margin:0 0 3px;font-size:.66rem}
  .intro h1{margin:0;font-size:clamp(2.55rem,14vw,3.55rem);line-height:.88}
  .intro-copy .dek{margin:5px 0;font-size:.86rem;line-height:1.25}
  .intro .news-brief,.intro .rule-card{margin:4px 0;padding:6px 8px;font-size:.72rem;line-height:1.28}
  .intro .news-brief p,.intro .rule-card p{margin-top:2px;line-height:1.28}
  .intro .news-brief b,.intro .rule-card>b{font-size:.65rem}
  .mini-flow{gap:4px;margin-top:5px;font-size:.61rem}
  .mini-flow span{padding:3px 5px}
  .intro .primary{min-height:46px;margin-top:4px;padding:9px 12px}
  .play{height:calc(100svh - 64px);grid-template-rows:116px minmax(0,1fr);gap:5px;overflow:hidden}
  .world-panel{height:116px;min-height:0;border-width:3px}
  .city{inset:-22% 5% -29%}
  .repair{width:28px;height:28px;border-width:3px;font-size:1rem}
  .console-panel{min-height:0;padding:7px;border-width:3px;gap:5px;justify-content:space-between;overflow:hidden}
  .topbar{min-height:38px;gap:5px}
  .topbar .quiet-button{min-height:38px;padding:4px 7px;border-width:2px}
  .timer,.counter{padding:2px 5px;border-bottom-width:2px}
  .timer b,.counter b{font-size:1.25rem}
  .scanner-card{grid-template-columns:61px 1fr;min-height:62px;padding:3px 7px}
  .scanner-card>svg{height:58px}
  .scanner-card>div{grid-template-columns:1fr 50px}
  .scanner-card>div>b{font-size:.72rem}
  .target-signature{width:48px;height:48px;border-width:2px;padding:3px}
  .instruction{min-height:32px;padding:5px 8px;font-size:.73rem;line-height:1.25}
  .reports{gap:5px}
  .report{min-height:86px;padding:3px 2px 4px;border-width:3px;border-radius:7px;box-shadow:0 4px 0 var(--ink);font-size:.72rem}
  .report svg{width:48px;height:48px;margin-bottom:1px}
  .report small{font-size:.55rem}
  .patch-zone{height:72px;border-width:3px}
  .patch-copy{top:3px;font-size:.61rem}
  .patch-strip{bottom:5px;height:47px;padding:0 9px;font-size:.64rem}
  .feedback{min-height:34px;padding:5px 8px;font-size:.71rem;line-height:1.25}
  .service-ledger span{padding:4px 5px;font-size:.54rem}
}

@media(max-width:430px) and (max-height:700px){
  .intro{grid-template-rows:82px minmax(0,1fr)}
  .intro-art{height:82px}
  .intro-copy .dek,.mini-flow{display:none}
  .intro .news-brief,.intro .rule-card{font-size:.68rem}
  .play{grid-template-rows:82px minmax(0,1fr)}
  .world-panel{height:82px}
}

/* v3: house-style depth hierarchy and one-thumb patch deployment. */
:root{--art-ink:#17324d;--environment-ink:#36566d;--surface:#fff;--paper:#fffaf0;--global-blue:#28527a}
.intro-art,.result-art{background:#163a58}
.intro-art{align-self:stretch;min-height:420px}
.intro-art>svg:first-child{height:100%;object-fit:cover;opacity:.88}
.scanner-hero{filter:drop-shadow(0 6px 0 #0713232b)}
.world-panel{border-width:3px;background:#163a58}
.room-bg{opacity:.22;filter:saturate(.72) brightness(1.12)}
.city>svg{filter:drop-shadow(0 7px 0 #0713232b)}
.repair{border:3px solid var(--art-ink);box-shadow:0 3px 0 #07132333}
.console-panel{background:var(--paper)}
.scanner-card{background:var(--global-blue);border-left-width:4px}
.target-signature{border-color:var(--art-ink)}
.instruction{border-left-width:3px;color:#1e3d56}
.report{border:3px solid var(--art-ink);box-shadow:0 5px 0 var(--art-ink);background:var(--surface)}
.report:active{box-shadow:0 2px 0 var(--art-ink)}
.report svg{transform:rotate(var(--signature-rotation,0deg));transition:transform .18s ease-out}
.report.selected::after{background:var(--art-ink)}
.feedback{border-left-width:4px;color:#17324d}
.service-ledger span{color:#294960}
.link-markers{position:absolute;inset:0;z-index:4;pointer-events:none}
.link-marker{position:absolute;bottom:62px;min-width:64px;padding:5px 7px;border:2px solid #7890a1;border-radius:6px;background:#fffaf0df;color:#36566d;text-align:center;font-size:.64rem;font-weight:950;letter-spacing:.04em;opacity:.38;transform:translateX(-50%);transition:opacity .15s,transform .15s,background .15s,border-color .15s}
.link-marker.bank{left:20%}.link-marker.hospital{left:50%}.link-marker.grid{left:80%}
.link-marker.linked{opacity:1;transform:translateX(-50%) translateY(-4px);background:var(--gold);border-color:var(--art-ink);color:var(--art-ink)}
.link-marker.linked::before{content:"↔ ";color:#8e3b2e}
.link-marker.mismatch{opacity:1;background:#ffd2ca;border-color:#a92f24;color:#7a241c}
.link-marker.mismatch::before{content:"! ";font-weight:950}
.link-marker.deployed{opacity:1;background:#b8f2e9;border-color:#0f665e;color:#0f514b}
.link-marker.deployed::before{content:"✓ ";font-weight:950}
.world-state{position:absolute;z-index:6;left:10px;right:10px;bottom:10px;margin:0;padding:8px 11px;border:1px solid #9dafbd;border-left:5px solid var(--cyan);border-radius:6px;background:#fffaf0ee;color:var(--art-ink);font-size:.78rem;font-weight:900;line-height:1.2}
.world-state.linking{border-left-color:var(--gold);background:#fff1c7ee}.world-state.success{border-left-color:#0f8e81;background:#b8f2e9ee}.world-state.bad{border-left-color:var(--coral);background:#ffd2caee}

.patch-zone{--progress:0;isolation:isolate;height:98px;border:3px dashed #7c92a3;border-radius:12px;background:#dde7eb;overflow:hidden}
.patch-zone:not(.locked){border:3px solid var(--art-ink);background:#214b68;box-shadow:inset 0 0 0 calc(2px + var(--progress) * 4px) #45e2d0;cursor:grab}
.patch-zone:not(.locked)::before,.patch-zone:not(.locked)::after{content:none}
.patch-zone.swiping{cursor:grabbing;box-shadow:inset 0 0 0 calc(3px + var(--progress) * 5px) var(--gold)}
.patch-zone.ready{background:#17645f;box-shadow:inset 0 0 0 6px var(--gold)}
.patch-copy{z-index:1;top:5px;color:#536c7d;font-size:.66rem}
.patch-zone:not(.locked) .patch-copy{color:#d9f5f1}
.sweep-target{position:absolute;z-index:1;top:36px;width:38px;height:38px;border:2px solid #ffffff66;border-radius:8px;display:grid;place-items:center;color:#d9f5f1;font-size:1.2rem;font-weight:950;line-height:1;transition:background .12s,border-color .12s,transform .12s}
.sweep-target.left{left:8px}.sweep-target.right{right:8px}
.patch-zone.locked .sweep-target{opacity:.25}
.patch-zone.ready .sweep-target{background:var(--gold);border-color:var(--art-ink);color:var(--art-ink);transform:scale(1.08)}
.patch-strip{z-index:2;left:50%;right:auto;bottom:9px;width:min(60%,250px);height:55px;border:3px solid var(--art-ink);border-radius:8px;background:var(--gold);box-shadow:0 4px 0 #07132355;transform:translate3d(calc(-50% + var(--drag,0px)),0,0);transition:transform .16s ease-out,opacity .16s ease-out;will-change:transform;font-size:.7rem}
.patch-strip i{background:repeating-linear-gradient(90deg,var(--coral) 0 14px,var(--art-ink) 14px 18px)}
.patch-zone.swiping .patch-strip{transition:none}
.patch-zone.deploying .patch-strip{opacity:0}
.patch-zone.rejected .patch-strip{animation:patchReject .32s ease-out}
.sweep-result{position:absolute;z-index:5;inset:5px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:9px;padding:7px 12px;border:3px solid var(--art-ink);border-radius:9px;background:var(--paper);color:var(--art-ink);box-shadow:0 5px 0 #07132366;pointer-events:none}
.sweep-result.success{background:#c6f5ed;border-color:#0f665e}
.sweep-result.failure{background:#ffe0da;border-color:#a92f24}
.sweep-result-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0f665e;color:#fff;font-size:1.55rem;font-weight:950}
.sweep-result.failure .sweep-result-icon{background:#c34334;clip-path:polygon(50% 0,62% 20%,83% 8%,85% 32%,100% 43%,82% 58%,91% 81%,66% 79%,53% 100%,39% 80%,15% 90%,18% 64%,0 51%,21% 38%,12% 15%,37% 21%)}
.sweep-result b,.sweep-result small{display:block}
.sweep-result b{font-size:.95rem;line-height:1.05;letter-spacing:.04em}
.sweep-result small{margin-top:2px;font-size:.68rem;line-height:1.2;font-weight:800}
@keyframes patchReject{25%{transform:translate3d(calc(-50% - 8px),0,0) rotate(-1deg)}55%{transform:translate3d(calc(-50% + 7px),0,0) rotate(1deg)}100%{transform:translate3d(-50%,0,0)}}

@media(max-width:820px){.intro-art{min-height:0}}
@media(max-width:430px){
  .intro-art{min-height:0}
  .patch-zone{height:78px}
  .patch-copy{top:3px;font-size:.58rem}
  .sweep-target{top:28px;width:31px;height:31px;border-radius:7px;font-size:1rem}
  .sweep-target.left{left:5px}.sweep-target.right{right:5px}
  .patch-strip{bottom:5px;width:61%;height:50px;padding:0 8px;font-size:.61rem}
  .patch-strip i{margin:0 6px}
  .sweep-result{inset:3px;grid-template-columns:39px 1fr;gap:7px;padding:5px 8px;border-width:2px;box-shadow:0 3px 0 #07132355}
  .sweep-result-icon{width:36px;height:36px;font-size:1.25rem}
  .sweep-result b{font-size:.82rem}.sweep-result small{font-size:.61rem}
  .link-marker{bottom:32px;min-width:48px;padding:2px 4px;border-width:1px;border-radius:4px;font-size:.49rem}
  .world-state{left:4px;right:4px;bottom:3px;padding:4px 6px;border-left-width:4px;border-radius:4px;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* v6: one-stroke shared-patch routing. */
.route-board{position:relative;isolation:isolate;height:clamp(250px,34vh,310px);min-height:220px;overflow:hidden;border:3px solid var(--art-ink);border-radius:13px;background:linear-gradient(#eaf3f4 1px,transparent 1px),linear-gradient(90deg,#eaf3f4 1px,transparent 1px),#d7e5e9;background-size:24px 24px;touch-action:none;user-select:none}
.route-board::before{content:"";position:absolute;z-index:0;left:50%;top:8%;bottom:10%;width:2px;background:#7893a555;transform:translateX(-50%)}
.route-line{position:absolute;z-index:4;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.route-line polyline{fill:none;stroke:var(--gold);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 0 #17324d66)}
.route-board.routing{box-shadow:inset 0 0 0 4px #45e2d066}
.route-board.success{box-shadow:inset 0 0 0 6px #2fbca8}
.route-board.failure{box-shadow:inset 0 0 0 6px var(--coral)}
.deploy-gate,.patch-source{position:absolute;z-index:6;left:50%;display:grid;place-items:center;transform:translate(-50%,-50%);font-weight:950;letter-spacing:.08em}
.deploy-gate{top:8%;width:96px;height:42px;border:3px solid var(--art-ink);border-radius:22px;background:#fffaf0;color:var(--art-ink);box-shadow:0 4px 0 #17324d55}
.deploy-gate::before{content:"⌄";position:absolute;top:29px;color:#2b7b72;font-size:1.2rem}
.patch-source{top:90%;width:88px;height:48px;border:3px solid var(--art-ink);border-radius:9px;background:var(--gold);color:var(--art-ink);box-shadow:0 5px 0 #17324d66;cursor:grab;touch-action:none}
.patch-source:active{cursor:grabbing}
.patch-source span{font-size:.5rem;line-height:1;letter-spacing:.04em}
.patch-source:focus-visible,.deploy-gate:focus-visible{outline:4px solid var(--cyan);outline-offset:3px}
.route-reports{position:absolute;z-index:3;inset:0;pointer-events:none}
.route-report{position:absolute;width:64px;min-height:64px;padding:4px 3px 3px;border:2px solid #607c90;border-radius:10px;background:#fff;color:var(--art-ink);box-shadow:0 3px 0 #17324d44;transform:translate(-50%,-50%);text-align:center;transition:transform .12s,background .12s,border-color .12s,opacity .12s}
.route-report::before{content:"";position:absolute;left:50%;top:-8px;width:11px;height:11px;border:2px solid #607c90;border-radius:50%;background:#d7e5e9;transform:translateX(-50%)}
.route-report svg{display:block;width:38px;height:38px;margin:0 auto}
.route-report small{display:block;overflow:hidden;font-size:.48rem;font-weight:950;line-height:1.05;white-space:nowrap;text-overflow:ellipsis}
.route-report[data-sector="bank"]{--sector:#3d77a2}.route-report[data-sector="hospital"]{--sector:#d45a53}.route-report[data-sector="grid"]{--sector:#158778}
.route-report small{color:var(--sector)}
.route-report.visited{z-index:5;border-color:#0f665e;background:#b8f2e9;box-shadow:0 0 0 5px #45e2d066,0 3px 0 #17324d44;transform:translate(-50%,-50%) scale(1.08)}
.route-report.visited::after{content:"✓";position:absolute;right:-7px;top:-8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0f665e;color:#fff;font-size:.8rem;font-weight:950}
.route-report.wrong{z-index:5;border-color:#a92f24;background:#ffd2ca;animation:shake .28s}
.route-report.recommended{animation:routeHint 1s ease-in-out infinite}
.route-board .sweep-result{inset:50% auto auto 50%;width:min(88%,340px);height:auto;min-height:76px;transform:translate(-50%,-50%)}
@keyframes routeHint{50%{box-shadow:0 0 0 6px #ffca5899,0 3px 0 #17324d44;transform:translate(-50%,-50%) scale(1.06)}}

@media(max-width:430px){
  .route-board{height:clamp(205px,31svh,255px);min-height:190px;border-width:2px}
  .route-report{width:56px;min-height:56px;padding:3px 2px 2px;border-radius:8px}
  .route-report svg{width:33px;height:33px}
  .route-report small{font-size:.43rem}
  .deploy-gate{width:82px;height:36px;border-width:2px;font-size:.75rem}
  .deploy-gate::before{top:24px}
  .patch-source{width:78px;height:43px;border-width:2px;font-size:.76rem}
  .route-line polyline{stroke-width:8}
  .console-panel{justify-content:flex-start}
}

@media(max-width:430px) and (max-height:700px){
  .route-board{height:176px;min-height:176px}
  .scanner-card{min-height:50px}.scanner-card>svg{height:46px}.target-signature{width:42px;height:42px}
  .service-ledger{display:none}
}