:root{font-family:Trebuchet MS,Arial Narrow,Arial,sans-serif;color:#fff8f1;--depo-red: #d54d3f;--depo-red-dark: #a3362a;--depo-black: #111111;--depo-charcoal: #221c19;--depo-mortar: #d4c2af;--depo-paper: #f0e4cf;--depo-paper-dark: #d7c2a3;--depo-paper-stain: #b89770;--depo-white: #fff7ea;--depo-shadow: 0 18px 30px rgba(0, 0, 0, .32);--depo-line: rgba(255, 247, 234, .18);--depo-line-strong: rgba(213, 77, 63, .96);--depo-grain: url(/assets/paper-noise-Bp45Logs.png)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background-color:#7b4a3d}#root{min-height:100%;margin:0}body{min-width:320px;color:var(--depo-white);background-color:#7b4a3d;background:linear-gradient(180deg,#140c0a2e,#140c0a6b),radial-gradient(circle at 20% 10%,rgba(255,247,234,.1),transparent 28%),radial-gradient(circle at 80% 8%,rgba(213,77,63,.12),transparent 24%),url(/assets/weathered-brick-wall-texture-D-xdnb7v.jpg);background-repeat:repeat;background-position:center top;background-size:auto,auto,auto,720px auto}button,input,select{font:inherit}.app-shell{position:relative;min-height:100vh;padding:1rem;overflow:visible}.app-shell:before{content:none}.app-shell:after{content:none}.detail-panel__eyebrow,.detail-panel__list dt,.controls__stats{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.layout{position:relative;z-index:1;display:grid;gap:1.25rem;max-width:1360px;margin:0 auto}.wall-panel{overflow:visible;padding-bottom:0}.header-stack{display:grid;gap:.6rem;margin-bottom:.6rem}.title-panel,.controls{position:relative;display:grid;gap:.8rem;padding:1rem;border:2px solid rgba(47,26,21,.5);border-radius:14px;color:var(--depo-charcoal);background:linear-gradient(180deg,#fff7ea73,#fff7ea00),linear-gradient(180deg,var(--depo-paper),var(--depo-paper-dark));box-shadow:0 18px 24px #0000002e,inset 0 0 0 1px #fff7ea59;overflow:hidden;isolation:isolate}.title-panel:after,.controls:after{content:"";position:absolute;inset:0;background-image:var(--depo-grain);background-size:170px 170px;mix-blend-mode:multiply;filter:contrast(1.45) brightness(.86);opacity:.26;pointer-events:none}.title-panel{display:flex;align-items:center;gap:.9rem;padding-block:.9rem}.title-panel__copy{display:grid;flex:1 1 auto;gap:.15rem;min-width:0;align-content:center;justify-items:center;text-align:center}.title-panel__eyebrow{margin:0;color:#2f1f1899;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.title-panel h1{margin:0;color:#241a15;font-size:clamp(2.4rem,5.6vw,5rem);line-height:.92;text-transform:uppercase;max-width:100%}.controls__logo-badge{display:inline-flex;align-items:center;justify-content:center;width:min(10rem,100%);padding:0;background:transparent;box-shadow:none}.controls__logo{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.14))}.controls__stats{display:flex;flex-wrap:wrap;gap:.45rem}.controls__stats span{display:inline-flex;align-items:center;padding:.24rem .55rem;border:1px solid rgba(39,28,22,.15);border-radius:3px;color:#221c19d1;background:#fff7ea57}.controls label{display:grid;gap:.3rem;font-weight:700;color:#221c19d6}.controls input,.controls select,.controls__reset{width:100%;min-height:3rem;border:1px solid rgba(48,31,25,.2);border-radius:6px;padding:.8rem .9rem;color:var(--depo-charcoal);background:#fff7ea85;box-shadow:inset 0 1px #fff6}.controls__reset{font-weight:800;background:linear-gradient(180deg,#d54d3ff5,#b3362af5);color:var(--depo-white);cursor:pointer}.controls__reset:disabled{opacity:.45;cursor:not-allowed}.wall{position:relative;padding:1.35rem 0 .4rem;min-height:62vh;background:transparent;isolation:isolate}.wall__sections{position:relative;z-index:3;display:grid;gap:1rem;pointer-events:none;contain:paint}.wall__section{display:grid;gap:.65rem}.wall__timeline{display:flex;align-items:center;gap:.6rem;color:#fff7eaeb;pointer-events:auto}.wall__timeline-dot{display:none}.wall__timeline-label{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:2rem;padding:.28rem .78rem;border:1px solid rgba(255,247,234,.14);color:var(--depo-white);background:#111111eb;font-size:.82rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 6px 12px #00000024,inset 0 1px #fff7ea14}.wall__timeline-label:before,.wall__timeline-label:after{content:"★";color:var(--depo-white);font-size:.66em;line-height:1}.wall__paint{display:none}.wall__paint--one{top:7%;left:1%;width:17rem;height:6rem;border-radius:45% 55% 55% 45%;background:#fff7ea47;transform:rotate(-10deg)}.wall__paint--two{right:3%;bottom:10%;width:19rem;height:7rem;border-radius:55% 45% 45% 55%;background:#d54d3f3d;transform:rotate(8deg)}.wall__graph{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;contain:paint;will-change:transform;transform:translateZ(0)}.wall__graph--background{z-index:2}.wall__graph--overlay{z-index:5}.relation-line{fill:none;stroke:#0c0c0c94;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 7 4 9;transition:opacity .18s ease,stroke .18s ease,stroke-width .18s ease;pointer-events:none}.relation-line--unresolved{stroke-dasharray:4 10 2 8}.relation-arrowhead{fill:none;stroke:#0c0c0cb8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.relation-arrowhead--highlight{stroke:#0c0c0cf5;stroke-width:1.7}.relation-arrowhead--accent{opacity:.62}.relation-line.is-highlighted{stroke:#0c0c0cf0;stroke-width:4.9}.relation-line.is-active{pointer-events:stroke;cursor:pointer}.relation-line.is-dimmed{opacity:.12}.relation-line__hitbox{fill:none;stroke:transparent;stroke-width:8;pointer-events:none}.relation-line__hitbox.is-active{pointer-events:stroke;cursor:pointer}.relation-dot{fill:#0c0c0cc7;stroke:#fff7ea2e;stroke-width:2;pointer-events:none}.relation-dot.is-highlighted{fill:#0c0c0cf5}.relation-dot.is-dimmed{opacity:.22}.relation-dot.is-active{pointer-events:auto;cursor:pointer}.wall__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.6rem;align-items:start;justify-items:center}.poster{position:relative;z-index:3;pointer-events:auto;display:grid;grid-template-rows:8.7rem auto;gap:.34rem;width:min(100%,150px);height:11.8rem;min-height:11.8rem;padding:.36rem;border:none;border-radius:4px;color:var(--depo-charcoal);text-align:left;overflow:hidden;background:linear-gradient(180deg,#fff7ea59,#fff7ea00),linear-gradient(180deg,var(--depo-paper),var(--depo-paper-dark));box-shadow:0 14px 24px #00000047,0 2px #2d1e182e;transform:rotate(var(--sticker-rotate)) translateY(var(--sticker-shift));transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,filter .18s ease;cursor:pointer;contain:layout paint;backface-visibility:hidden}.poster>*{min-width:0}.poster:before{content:"";position:absolute;inset:0;border:2px solid rgba(88,60,47,.34);pointer-events:none}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 42%);pointer-events:none;opacity:.42}.poster--active{box-shadow:0 14px 24px #00000047,0 0 0 2px #d54d3f47}.poster.is-highlighted,.poster:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 22px 34px #0000005c}.poster.is-selected{z-index:4;transform:translateY(-4px) scale(1.015);box-shadow:0 28px 40px #0006,0 0 0 3px #d54d3fa3;height:11.8rem;min-height:11.8rem;grid-template-rows:1fr}.poster.is-selected .poster__nameplate{display:none}.poster.is-dimmed{opacity:.48;filter:saturate(.76)}.poster__image-frame{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;height:8.7rem;min-width:0;border:3px solid rgba(74,47,35,.35);background:linear-gradient(135deg,rgba(255,247,234,.2),transparent 30%),linear-gradient(180deg,rgba(17,17,17,.08),transparent 55%)}.poster__image-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 32%,rgba(255,247,234,.26),transparent 32%),linear-gradient(180deg,rgba(17,17,17,.12),transparent 28%),linear-gradient(135deg,#27314c,#6e8fb7 55%,#d8d1c0);mix-blend-mode:multiply}.poster__image-frame img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(1.05);filter:contrast(1.04) saturate(.92)}.poster__details{display:grid;align-content:start;gap:.48rem;min-height:0;height:100%;overflow:auto;padding:.16rem .12rem 0;text-align:left;color:var(--depo-black)}.poster__detail-eyebrow,.poster__detail-label,.poster__badges span{font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.poster__detail-eyebrow{color:#1111119e;padding:.18rem .42rem;border-left:3px solid rgba(213,77,63,.82);background:#fff7ea9e}.poster__badges{display:flex;flex-wrap:wrap;gap:.34rem}.poster__badges span{display:inline-flex;align-items:center;padding:.2rem .38rem;border:1px solid rgba(17,17,17,.16);color:var(--depo-black);background:#fff7eae6;box-shadow:inset 0 1px #ffffff59}.poster__detail-list{display:grid;gap:.34rem}.poster__detail-item{display:grid;gap:.18rem;padding:.38rem .44rem;border:1px solid rgba(17,17,17,.14);background:linear-gradient(180deg,#fff7eaeb,#f0e4cfeb);box-shadow:inset 0 1px #ffffff57}.poster__detail-label{color:#a5362aeb;font-size:.52rem;letter-spacing:.12em}.poster__detail-value,.poster__detail-placeholder{color:var(--depo-black);font-size:.72rem;font-weight:700;line-height:1.34}.poster__detail-placeholder{padding:.46rem .42rem;border:1px solid rgba(17,17,17,.14);background:linear-gradient(180deg,#fff7eaeb,#f0e4cfe6);box-shadow:inset 0 1px #ffffff57}.poster__nameplate{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:2.12rem;padding:.28rem .24rem .2rem;border:2px solid rgba(43,31,25,.46);background:linear-gradient(180deg,#df5f50,#d54d3f);box-shadow:0 4px #00000029;transform:none;overflow:hidden}.poster__name{display:-webkit-box;min-width:0;width:100%;color:#111;font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:.02em;text-shadow:1px 1px 0 rgba(255,247,234,.08);overflow:visible;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-wrap:balance;text-align:center}.poster__name--lg{font-size:.68rem}.poster__name--md{font-size:.63rem}.poster__name--sm{font-size:.58rem}.poster__name--xs{font-size:.53rem}@media(min-width:720px){.app-shell{padding:1.2rem}.wall-panel{padding-bottom:0}.controls{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(12rem,.85fr) auto;align-items:end}.wall__grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem}.poster{grid-template-rows:11.2rem auto;gap:.45rem;width:min(100%,185px);height:15rem;min-height:15rem;padding:.45rem}.poster.is-selected{height:15rem;min-height:15rem}.poster__image-frame{height:11.2rem}.poster__detail-eyebrow,.poster__detail-label,.poster__badges span{font-size:.62rem}.poster__detail-value,.poster__detail-placeholder{font-size:.74rem}.poster__nameplate{min-height:2.4rem;padding:.22rem .32rem}.poster__name--lg{font-size:.78rem}.poster__name--md{font-size:.72rem}.poster__name--sm{font-size:.64rem}.poster__name--xs{font-size:.58rem}.wall__section{grid-template-columns:5.5rem minmax(0,1fr);align-items:start}.wall__timeline{position:sticky;top:5.5rem;flex-direction:column;align-items:center;justify-content:flex-start}.wall__timeline-label{writing-mode:vertical-rl;transform:rotate(180deg);min-height:7rem;padding:.7rem .22rem;justify-content:center;text-align:center}}@media(min-width:980px){.wall__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(min-width:1280px){.app-shell{padding:1.45rem}.wall__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}