@layer components{.ind-panel{isolation:isolate;background:radial-gradient(58% 30% at 50% 78%, #ffbf005c, #ffbf0014 55%, #ffbf0000 78%), radial-gradient(80% 55% at 50% 28%, #0c5b7961, #0c5b7900 72%), linear-gradient(180deg, var(--abyss-3) 0%, var(--abyss-2) 48%, var(--abyss) 100%);position:absolute;inset:0;overflow:hidden}.ind-panel-floor{background:linear-gradient(90deg,#a0cdd700,#a0cdd738 50%,#a0cdd700);height:1px;position:absolute;top:78%;left:0;right:0}.ind-panel-beam{z-index:0;background:linear-gradient(#ffd45c00,#ffd45c59 55%,#ffbf00e6);width:2px;height:58%;margin-left:-1px;position:absolute;bottom:22%;left:50%}.ind-panel-pane{aspect-ratio:3/4;z-index:1;background:linear-gradient(150deg,#a0cdd72b 0%,#a0cdd70d 58%,#ffbf000d 100%);border:1px solid #a0cdd742;border-radius:7%/5%;height:44%;position:absolute;top:47%;left:50%;box-shadow:inset 0 1px #ffffff12,0 28px 60px #00000052}.ind-panel-pane:nth-child(3){transform:translate(-86%,-46%)rotate(-13deg)}.ind-panel-pane:nth-child(4){border-color:#a0cdd752;transform:translate(-50%,-53%)rotate(-3deg)}.ind-panel-pane:nth-child(5){background:linear-gradient(150deg,#a0cdd733 0%,#a0cdd70f 55%,#ffbf001a 100%);border-color:#ffd45c9e;transform:translate(-14%,-60%)rotate(9deg);box-shadow:inset 0 1px #ffffff1a,0 0 48px #ffbf0029,0 28px 60px #00000052}.ind-panel-pane:nth-child(5):before{content:"";background:#ffd45c8c;height:1px;position:absolute;top:15%;left:14%;right:34%;box-shadow:0 .7em #a0cdd73d,0 1.4em #a0cdd729}.ind-panel-tag{z-index:2;outline:1.5px dashed var(--amber);outline-offset:1px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);background:#041a20c7;border-radius:6px;padding:.3rem .55rem;font-size:.75rem;font-weight:500;position:absolute;top:12px;right:12px}}
