body { background: radial-gradient(circle at 82% 0,#354078 0,transparent 31%),linear-gradient(160deg,#181a35,#0e1020); }
.alert { border-color: rgba(255,111,121,.35); background: linear-gradient(90deg,rgba(240,112,114,.16),rgba(240,112,114,.04)); box-shadow: inset 0 1px rgba(255,255,255,.06); }
.ship,.casefile,.clues,.meeting { border: 1px solid rgba(141,154,235,.14); background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); box-shadow: 0 18px 45px rgba(5,7,18,.18),inset 0 1px rgba(255,255,255,.05); }
.room { border-color: rgba(255,255,255,.09); background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035)); box-shadow: inset 0 1px rgba(255,255,255,.05); }.room>i { width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: inset 0 1px rgba(255,255,255,.1),0 7px 16px rgba(2,4,16,.2); }.room:nth-child(1) i { background: radial-gradient(circle at 35% 25%,rgba(255,225,151,.32),rgba(255,194,96,.08) 65%,rgba(255,194,96,.02)); }.room:nth-child(1) .task-svg { stroke: #ffd27d; }.room:nth-child(2) i { background: radial-gradient(circle at 35% 25%,rgba(164,229,255,.28),rgba(112,207,255,.07) 65%,rgba(112,207,255,.02)); }.room:nth-child(2) .task-svg { stroke: #8cdbff; }.room:nth-child(3) i { background: radial-gradient(circle at 35% 25%,rgba(220,188,255,.28),rgba(181,123,255,.08) 65%,rgba(181,123,255,.02)); }.room:nth-child(3) .task-svg { stroke: #c59aff; }.room:nth-child(4) i { background: radial-gradient(circle at 35% 25%,rgba(172,255,219,.25),rgba(102,224,171,.07) 65%,rgba(102,224,171,.02)); }.room:nth-child(4) .task-svg { stroke: #7ee2b9; }.room:hover { border-color: rgba(151,165,255,.35); transform: translateY(-2px); }.room:hover>i { transform: scale(1.07); }
.suspect { min-width: 92px; border: 1px solid rgba(255,255,255,.09); background: linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035)); box-shadow: inset 0 1px rgba(255,255,255,.05); }.crew-sprite { display: block; width: 62px; height: 82px; margin: -8px auto -2px; background: url("assets/crew-atlas.png") no-repeat; background-size: 400% auto; background-position-y: center; filter: drop-shadow(0 7px 5px rgba(3,5,17,.42)); transition: transform .2s ease,filter .2s ease; }.crew-0 { background-position-x: 0; }.crew-1 { background-position-x: 33.333%; }.crew-2 { background-position-x: 66.667%; }.crew-3 { background-position-x: 100%; }.suspect:not(:disabled):hover .crew-sprite { transform: translateY(-4px) scale(1.05); filter: drop-shadow(0 10px 8px rgba(3,5,17,.5)); }.evidence,.clue { border-radius: 0 9px 9px 0; background: linear-gradient(90deg,rgba(245,220,118,.11),rgba(245,220,118,.035)); }
.progress { height: 8px; }.progress i { background: linear-gradient(90deg,#5ed19a,#8ff0c1); box-shadow: 0 0 12px rgba(94,209,154,.45); }
.task-svg { width: 28px; height: 28px; stroke-width: 1.7; filter: drop-shadow(0 0 5px currentColor); }.suspect:disabled { opacity: .58; filter: saturate(.72); }
@media(max-width:700px){.suspect{min-width:0}.crew-sprite{width:54px;height:72px}}