.mirror-game{--mirror-silver:#d8e5f4;--mirror-muted:#9dacc0}
.mirror-game h1 span{color:var(--mirror-silver)}
.mirror-intro{display:flex;gap:14px;align-items:center;margin:-3px 0 22px;padding:15px 19px;border:1px solid #344150;border-radius:14px;background:linear-gradient(115deg,#26313eaa,#121b27)}
.mirror-intro p{flex:1;min-width:0;line-height:1.6}.mirror-intro strong{display:block;font-size:14px;font-weight:550;color:#e1eaf5}.mirror-intro p span{display:block;font-size:12px;color:var(--mirror-muted)}
.mirror-emblem{display:grid;place-items:center;color:#cad9ed}.mirror-emblem .lucide{width:30px;height:30px}
.mirror-effects{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:#becbde;cursor:pointer;min-height:36px}.mirror-effects input{accent-color:#c0d6ee;width:16px;height:16px}
.mirror-game .play-panel{background:radial-gradient(ellipse at 50% 30%,#33405266,transparent 64%),linear-gradient(145deg,#141f2d,#101620);border-color:#3c4b60}
.mirror-game #cube-stage{height:490px}
.mirror-game .button.primary{background:linear-gradient(120deg,#d4e4f5,#9db4cd);border-color:#dceafa;color:#111c2b;box-shadow:0 3px 18px #b9d4f51a}
.mirror-game .face-letter{color:#0b1420;background:#bccddd!important;border-color:#dfecfc}
.mirror-game .face-row.selected{border-color:#8096b3;background:#a5bfd51a}
.mirror-game .selected-face{border-color:#495b73}.mirror-game .state-pill.playing{color:#dae7f8;background:#34475d}
.mirror-win{display:flex;align-items:center;gap:13px;padding:18px;border-top:1px solid #759bb180;background:linear-gradient(110deg,#223b43,#182536);border-radius:0 0 18px 18px}
.mirror-win>.lucide{color:#bde7e7;flex-shrink:0}.mirror-win>div{flex:1;min-width:0}.mirror-win strong{display:block;font-size:15px;color:#e4ffff}.mirror-win span{display:block;color:#adcbce;font-size:12px;margin-top:4px}.mirror-win .button{font-size:12px}
.mirror-complete .play-panel{border-color:#8caead;box-shadow:0 0 30px #92dcdb14}
.mirror-card{background:linear-gradient(125deg,#303c4b,#141d2a);border-color:#61728a}.mirror-card .card-symbol{background:linear-gradient(145deg,#d2deec,#647a92);color:#192536;border-color:#c4d9ef}.mirror-card .button{border-color:#8c9eaf;color:#e1edff}
@media(max-width:1020px){.mirror-game #cube-stage{height:450px}}
@media(max-width:730px){.mirror-intro{padding:13px;gap:10px;flex-wrap:wrap;margin-bottom:16px}.mirror-intro strong{font-size:12px}.mirror-intro p span{font-size:11px}.mirror-emblem{display:none}.mirror-effects{font-size:11px}.mirror-game h1{font-size:34px}.mirror-game #cube-stage{height:340px}.mirror-game .stage-hint{font-size:10px}.mirror-win{flex-wrap:wrap}.mirror-win .button{width:100%}.mirror-game .game-stats{gap:9px}}
@media(max-width:410px){.mirror-game h1{font-size:30px}.mirror-game #cube-stage{height:315px}.mirror-game .game-stats strong{font-size:22px}.mirror-game .game-stats>div>span{font-size:9px}.mirror-game .stage-hint{font-size:9px}}
@media(max-width:410px){.mirror-game .stage-actions{display:grid;grid-template-columns:1fr 1fr 42px 1fr;gap:6px;padding:12px 10px}.mirror-game .stage-actions>.button{font-size:11px;padding:10px 6px;gap:5px;min-width:0;margin:0}}