.il-game{position:relative;isolation:isolate;overflow:hidden;--ink:#eef5ff;--green:#65d69a;--red:#ff6f78;padding:1.6rem;background:radial-gradient(circle at 18% 15%,#9bbaf0 0 1px,transparent 2px),radial-gradient(circle at 72% 26%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 42% 72%,#7498d5 0 1px,transparent 2px),linear-gradient(145deg,#111b34,#19284a 56%,#261d43);background-size:83px 83px,127px 127px,101px 101px,auto;border-color:#536b98;color:#eef5ff;box-shadow:0 24px 70px #10182c55}
.il-game>*:not(.il-space-decor){position:relative;z-index:2}
.il-game:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 72% 18%,#8b68ba2b,transparent 30%),radial-gradient(circle at 16% 82%,#3a91ad24,transparent 28%);pointer-events:none}
.il-space-decor{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.il-planet{position:absolute;right:-58px;top:70px;width:155px;height:155px;border-radius:50%;background:linear-gradient(145deg,#a076b9,#594777);box-shadow:inset 20px -15px 30px #30254088,0 0 45px #a275cb33}
.il-planet:after{content:"";position:absolute;left:-36px;top:65px;width:220px;height:30px;border:8px solid #c5acd37d;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-13deg)}
.il-moon{position:absolute;left:-22px;bottom:42px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d8e6ef,#7186a2 70%);box-shadow:0 0 30px #9fc8de38}
.il-ship{position:absolute;right:11%;top:18px;font-size:2rem;filter:drop-shadow(0 5px 8px #0008);animation:il-float 4s ease-in-out infinite}
@keyframes il-float{50%{transform:translateY(7px) rotate(4deg)}}
.il-game header{padding:.3rem 0 .5rem}
.il-game header h2{color:#fff;text-shadow:0 0 24px #77a9ff66}
.il-game header>p:last-child{color:#c8d5e9}
.il-kicker{color:#b5a2ee!important}
.il-status{border:1px solid #8298c346;background:#dfeaff12;box-shadow:inset 0 1px #ffffff1a;backdrop-filter:blur(8px)}
.il-status span:first-child{color:#a9ddff}
.il-status span:last-child{color:#ff8088;text-shadow:0 0 12px #ff697477}
.il-message{color:#b9e3d0}
.il-task{max-width:590px;margin:.5rem auto 1.1rem;padding:.8rem 1rem;border:1px solid #7f98ca4d;border-radius:12px;background:#111a31aa;color:#fff;box-shadow:0 8px 24px #07102466}
.il-words{position:relative;z-index:3}
.il-words button{position:relative;overflow:hidden;border-color:#7088b25c;background:linear-gradient(155deg,#253555e8,#1a2744e8);color:#eef5ff;box-shadow:inset 0 1px #ffffff18,0 8px 18px #080e2066;text-shadow:0 1px #000;letter-spacing:.02em}
.il-words button:before{content:"CREW";position:absolute;top:5px;left:7px;color:#9eb1d0;font-size:.45rem;letter-spacing:.15em}
.il-words button:hover{border-color:#76c7df;background:linear-gradient(155deg,#2c4269,#203455);box-shadow:0 0 20px #4eb5d732}
.il-words button.selected{border-color:#ff6974;background:linear-gradient(155deg,#612c3e,#3d2338);color:#ffe7e9;box-shadow:inset 0 1px #ffffff1c,0 0 24px #ff4f6145}
.il-words button.selected:before{content:"SUS";color:#ff9ba2}
.il-submit{border:1px solid #8df0bb55;background:linear-gradient(135deg,#3c9365,#57bd83);box-shadow:0 8px 24px #1b7b4c55,0 0 24px #5ad89428;letter-spacing:.03em}
.il-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}
.il-result{border:1px solid #7188b1;background:linear-gradient(145deg,#172440,#261e42);color:#eef5ff}
.il-result h3{color:#fff}.il-result p{color:#c8d5e9}
.il-result>div{box-shadow:0 0 28px #5de49a55}.il-result.loss>div{box-shadow:0 0 28px #ff5e6d55}
.il-card__visual{background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 76% 22%,#9bbaf0 0 1px,transparent 2px),linear-gradient(145deg,#172440,#292044);background-size:76px 76px,103px 103px,auto}
.il-card__visual span{filter:drop-shadow(0 10px 12px #0008);animation:il-float 4s ease-in-out infinite}
.il-card__visual em{background:#f4f7ff;color:#314c6a}
@media(prefers-reduced-motion:reduce){.il-ship,.il-card__visual span{animation:none}}