@property --comet-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.wall-root{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 35%,#1a1d22,#0a0b0d 55%,#000);overflow:hidden;user-select:none;-webkit-user-select:none}.wall-stage{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}.wall-stage>div{perspective:1200px}.tile{width:260px;height:170px;position:relative;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.tile-card{--source-color: #888;width:100%;height:100%;background:linear-gradient(180deg,#fff,#f4f5f7);color:#111;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 48px #0000008c,0 4px 14px #00000059,inset 0 1px #fff9;position:relative}.tile-source-bar{height:5px;background:var(--source-color);flex-shrink:0}.tile-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.tile-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.tile-source{color:var(--source-color);font-weight:700;letter-spacing:.05em}.tile-headline{font-size:13.5px;line-height:1.25;font-weight:700;color:#0f172a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tile-summary{font-size:11px;line-height:1.4;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-contradiction-note{margin-top:auto;font-size:10px;font-weight:600;color:#b45309;background:linear-gradient(90deg,#fffbeb,#fef3c7);padding:4px 6px;border-radius:3px}.tile-contradiction .tile-card{box-shadow:0 22px 56px #0009,0 6px 18px #0006,0 0 24px #ffd1662e,inset 0 1px #ffffffa6}.tile-comet{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:9px;padding:2px;pointer-events:none;background:conic-gradient(from var(--comet-angle),rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65%,rgba(255,209,102,.6) 80%,rgba(255,255,255,1) 92%,rgba(255,255,255,0) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:comet-spin 2.6s linear infinite;filter:drop-shadow(0 0 6px rgba(255,209,102,.7)) drop-shadow(0 0 14px rgba(255,255,255,.35))}@keyframes comet-spin{to{--comet-angle: 360deg}}.tile-reflection-wrap{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 75%);mask-image:linear-gradient(to bottom,#0000008c,#0000 75%);opacity:.55}.tile-reflection-inner{width:100%;height:100%;transform:scaleY(-1);transform-origin:center center}.tile-reflection-wrap .tile-card{box-shadow:none;filter:blur(.3px)}.wall-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;display:flex;flex-direction:column;justify-content:space-between;padding:28px 32px}.wall-header{pointer-events:none}.wall-title{font-size:18px;font-weight:600;letter-spacing:.02em;color:#ffffffeb;margin:0}.wall-subtitle{margin-top:2px;font-size:12px;color:#ffffff73;letter-spacing:.04em}.wall-legend{pointer-events:none;align-self:flex-start;display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffff8c;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:6px 12px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot-comet{background:radial-gradient(circle at 30% 30%,#fff,#ffd166 70%,#b45309);box-shadow:0 0 8px #ffd166b3}.wall-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#ffffffd9;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s ease,transform .18s ease,border-color .18s ease;z-index:10;font-family:inherit}.wall-arrow:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-50%) scale(1.06)}.wall-arrow:active{transform:translateY(-50%) scale(.98)}.wall-arrow-left{left:22px}.wall-arrow-right{right:22px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
