@import url('/styles-v05.css');

/* WORLD 311 v0.6 — depth, signal, 3D archive */
.signal-feed{
  position:fixed;left:28px;bottom:24px;z-index:9;
  display:flex;align-items:center;gap:11px;
  max-width:min(620px,74vw);
  padding:8px 10px;
  color:rgba(10,29,42,.58);
  background:rgba(242,249,252,.11);
  border:1px solid rgba(10,29,42,.08);
  backdrop-filter:blur(8px);
  font:700 .58rem/1.4 "Space Mono",monospace;
  letter-spacing:.08em;
}
.signal-code{color:rgba(10,29,42,.76);white-space:nowrap}
.signal-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.art-card{
  transform-style:preserve-3d;
  transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s ease,filter .38s ease;
  will-change:transform;
}
.art-card.tilt-active{
  transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-4px) scale(1.012);
  box-shadow:0 25px 60px rgba(25,48,63,.16);
}
.art-card.tilt-active .card-label,.art-card.tilt-active .sound-tag{transform:translateZ(24px)}

.sport-red{background:radial-gradient(circle at 30% 30%,#ff626c,#bc101d 44%,#280207);color:white}
.sport-orbit{position:relative;width:175px;height:175px;border:2px solid rgba(255,255,255,.65);border-radius:50%}
.sport-orbit i{position:absolute;left:50%;top:50%;width:148px;height:2px;background:rgba(255,255,255,.72);transform-origin:center}
.sport-orbit i:nth-child(1){transform:translate(-50%,-50%) rotate(0)}
.sport-orbit i:nth-child(2){transform:translate(-50%,-50%) rotate(60deg)}
.sport-orbit i:nth-child(3){transform:translate(-50%,-50%) rotate(120deg)}
.lipstick-card{background:linear-gradient(145deg,#f1d5d4,#aa1927);display:grid;place-items:center}
.lipstick{width:60px;height:150px;border-radius:14px 14px 6px 6px;background:linear-gradient(90deg,#151515 0 20%,#d7b36a 21% 78%,#111 79%);position:relative}
.lipstick::before{content:"";position:absolute;left:10px;right:10px;top:-75px;height:86px;border-radius:30px 30px 8px 8px;background:linear-gradient(135deg,#ff5362,#9a0719 68%);clip-path:polygon(0 28%,100% 0,100% 100%,0 100%)}

.sport-green{background:linear-gradient(145deg,#0b3a21,#1c8148);display:grid;place-items:center}
.court-lines{width:82%;height:72%;border:3px solid rgba(255,255,255,.75);position:relative}
.court-lines::before,.court-lines::after{content:"";position:absolute;background:rgba(255,255,255,.75)}
.court-lines::before{left:50%;top:0;bottom:0;width:3px}
.court-lines::after{left:0;right:0;top:50%;height:3px}

.sport-blue{background:linear-gradient(180deg,#51c6f4,#0878be);display:grid;place-items:center}
.pool-lanes{display:flex;gap:24px;width:84%;height:76%;justify-content:center}
.pool-lanes i{width:3px;height:100%;background:repeating-linear-gradient(#fff 0 13px,#1f5fca 14px 24px);opacity:.85;box-shadow:0 0 9px rgba(255,255,255,.35)}

body.signal-mode .sky{filter:saturate(.62) contrast(1.08) brightness(.91)}
body.signal-mode .letter-red{filter:drop-shadow(-8px 0 0 rgba(0,255,255,.16)) drop-shadow(8px 0 0 rgba(255,0,90,.14))}
body.signal-mode .letter-green{filter:drop-shadow(-6px 0 0 rgba(255,220,0,.12)) drop-shadow(7px 0 0 rgba(0,130,255,.14))}
body.signal-mode .letter-blue{filter:drop-shadow(-7px 0 0 rgba(255,40,50,.11)) drop-shadow(7px 0 0 rgba(0,255,190,.13))}
body.signal-mode .signal-feed{background:rgba(10,20,29,.65);color:#d9f8ff;border-color:rgba(190,242,255,.18)}
body.signal-mode .signal-code{color:#fff}

@media(max-width:700px){
  .signal-feed{left:12px;right:12px;bottom:12px;max-width:none}
  .signal-text{font-size:.52rem}
}