/* Black / hot pink pixel signal system */
:root{--pink:#ff168c;--cyan:#ff168c;--red:#ff168c;--pink-soft:#ff9dce}
#signalLandscape{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;image-rendering:pixelated}
.cyber-bg{display:none}body:before{display:none}body:after{opacity:.035}
.app{position:relative;z-index:1}
.hero-head{padding:26px 0 35px;margin-bottom:32px}.hero h1{text-shadow:4px 0 #a90055,-2px 2px #ff8dc3;letter-spacing:.02em}
.hero-copy p{color:#d0b7c6}.threat-copy{font-size:20px;font-weight:700;color:#fff;background:#08050ac9;padding:18px}
.board-card,.players,.phase-panel,.side-card,.game-head,.rules-box,.name-row{background:rgba(7,5,10,.88);border-color:#a82a6870;backdrop-filter:blur(12px)}
.board-card{border-width:2px;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 16px) 0,calc(100% - 16px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));box-shadow:inset 0 0 40px #ff168c08}
.board-card.active{background:linear-gradient(125deg,#70133caa,#080509ee 70%);border-color:#ff54ac}
.board-card:after{height:7px;opacity:.7}.rule-text{color:#b7a5af}.board-card .eyebrow{color:#ff7fbe}
.primary,.secondary{position:relative;isolation:isolate;overflow:visible;min-height:60px;background-color:#120911;background-image:linear-gradient(0deg,#ff168c22,transparent),repeating-linear-gradient(90deg,transparent 0 23px,#ff168c14 23px 27px),repeating-linear-gradient(0deg,transparent 0 17px,#ff94c514 17px 21px);border:2px solid #ff3b9d;color:#fff;box-shadow:5px 5px 0 #ff168c, -3px -3px 0 #ffc1df;clip-path:polygon(0 10px,8px 10px,8px 0,93% 0,93% 5px,100% 5px,100% 70%,97% 70%,97% 79%,100% 79%,100% 94%,92% 94%,92% 100%,7% 100%,7% 94%,0 94%);text-shadow:2px 0 #e50076;letter-spacing:.08em;padding:16px 32px;font-size:15px}
.primary:before,.secondary:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.7;background:linear-gradient(90deg,#ff168c 0 13%,transparent 13% 75%,#ffa4d1 75% 81%,transparent 81%) 0 8px/100% 3px no-repeat,linear-gradient(90deg,transparent 0 6%,#ff82bd 6% 17%,transparent 17% 85%,#ff168c 85%) 0 85%/100% 4px no-repeat}
.primary:after,.secondary:after{content:"";position:absolute;right:12px;top:45%;width:5px;height:5px;background:#ff96c7;box-shadow:-7px -8px #ff168c,3px 13px #ff168c,-19px 17px #ff96c7,-32px -17px #ff168c,-44px 11px #ff168c}
.primary:hover,.secondary:hover{background-color:#66103d;filter:brightness(1.15)}.primary:disabled{opacity:.55}
.action-symbol{display:inline-block;width:34px;height:34px;vertical-align:middle;margin-right:12px;filter:drop-shadow(3px 0 #ff168c);fill:#fff}
.action-grid .primary{grid-column:1/-1;min-height:78px;font-size:19px;text-align:left;padding-left:24px}
.action-grid .primary:after{right:32px;box-shadow:-7px -8px #ff168c,3px 13px #ff168c,-19px 17px #ff96c7,-42px -20px #ff168c,-70px 11px #ff168c}
.ghost{border-color:#8a3b635e;background:#0b080de8;color:#e6ccd9}.player{background:#09060db5;border-color:#bb3a6e22}
.avatar{background:#08060c;box-shadow:0 0 0 3px #100810,0 0 0 5px #ff4d9b55,0 0 24px #ff168c22}
.player.dead{opacity:1;filter:none}.player.dead .death-face{display:none}.player.dead .avatar:after{content:"";inset:15%;border-radius:0;background:#ff389c;clip-path:polygon(0 12%,12% 0,50% 38%,88% 0,100% 12%,62% 50%,100% 88%,88% 100%,50% 62%,12% 100%,0 88%,38% 50%);z-index:6;filter:drop-shadow(0 0 5px #ff389c)}.player.dead .avatar{border-color:#ff389c;box-shadow:0 0 0 3px #170911,0 0 20px #ff389c55}.player.dead .player-name{color:#ff86bd}
.pixel-face{filter:drop-shadow(2px 0 #ff168c88);width:60px;height:60px}
.mood-line{color:#ff95c9;font-size:16px;margin:16px 0}.side-card h4{color:#ffafd3}.summary{color:#dcc8d3}
.player-role{color:#cdbac5}.log-item{color:#bdabb7}.phase-panel p{color:#bca9b6}
@media(max-width:620px){.pixel-face{width:40px;height:40px}.threat-copy{font-size:16px}.action-grid .primary{font-size:16px}.hero h1{font-size:30px}.primary{padding:14px 18px}}