/* Level previews mirror their journey identity without changing gameplay. */
.journey-level-page>.journey-level-hero{grid-template-columns:minmax(0,1fr) minmax(175px,215px) 190px;border:2px solid rgba(111,220,255,.62)!important;border-radius:34px;background:radial-gradient(circle at 88% 10%,rgba(37,200,255,.25),transparent 28%),radial-gradient(circle at 8% 92%,rgba(118,87,255,.24),transparent 35%),linear-gradient(135deg,#030718,#0b0c29 54%,#031d2d)!important;box-shadow:inset 0 3px rgba(255,255,255,.2),inset 0 -8px rgba(3,9,42,.34),0 10px 0 rgba(5,10,43,.38),0 28px 70px rgba(0,0,0,.56)!important}
.journey-level-page .journey-level-intro>.eyebrow{color:#9cf7ff;text-shadow:0 0 13px rgba(37,200,255,.72)}.journey-level-page .journey-level-intro>h1{color:#fff;text-shadow:0 4px #15175d,0 0 18px rgba(100,241,255,.3)}.journey-level-page .journey-objective{color:#e7f7ff}
.journey-level-page .journey-feature-spotlight>span,.journey-level-page .journey-level-stars{border:1px solid rgba(151,237,255,.32);background:rgba(7,24,76,.72);box-shadow:inset 0 2px rgba(255,255,255,.1),0 6px 16px rgba(0,0,0,.3)}.journey-level-page .journey-feature-spotlight i{border:1px solid rgba(255,255,255,.45);background:linear-gradient(145deg,#22c8ed,#4c49d4);box-shadow:inset 0 2px rgba(255,255,255,.26),0 4px 0 rgba(8,21,77,.52)}
.journey-level-page .journey-level-stars{box-sizing:border-box;max-width:100%;grid-column:2;grid-row:1;display:grid;width:100%;min-height:190px;place-content:center;justify-items:center;gap:5px;margin:0;padding:20px 14px;border:2px solid rgba(151,237,255,.42);border-radius:46% 54% 48% 52%;background:radial-gradient(circle at 35% 18%,rgba(255,255,255,.16),transparent 26%),linear-gradient(145deg,#0b102d,#06263a);box-shadow:inset 0 3px rgba(255,255,255,.18),inset 0 -7px rgba(5,18,74,.3),0 8px 0 rgba(5,18,66,.4),0 18px 36px rgba(0,0,0,.38);text-align:center}.journey-level-page .journey-level-stars>small{color:#bff8ff;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.journey-level-page .journey-level-stars>strong{color:#9cf7ff;font-size:30px;line-height:1;text-shadow:0 0 13px rgba(37,200,255,.72)}.journey-level-page .journey-level-stars>span{color:#fff;font-size:15px;font-weight:900}.journey-level-page .journey-level-stars>em{color:#d8efff;font-size:10px;font-style:normal}.journey-level-page .tetris-level-preview{grid-column:3;grid-row:1}
.journey-level-page .tetris-level-preview{border:2px solid rgba(126,238,255,.5);background:linear-gradient(155deg,#071536,#181957 58%,#092f60);box-shadow:inset 0 2px rgba(255,255,255,.12),0 12px 0 rgba(5,12,50,.36),0 25px 55px rgba(0,0,0,.46)}
.journey-level-page .journey-hero-actions .button{border:2px solid rgba(255,255,255,.7)!important;background:linear-gradient(135deg,#208fd7,#5144d4)!important;box-shadow:inset 0 3px rgba(255,255,255,.27),inset 0 -5px rgba(7,19,79,.3),0 5px 0 rgba(7,18,70,.62),0 12px 24px rgba(0,0,0,.34)!important;color:#fff!important;text-shadow:0 2px 3px #101b60}.journey-level-page .journey-hero-actions .button.secondary{background:linear-gradient(135deg,#273b8c,#17275f)!important}
.journey-level-page .journey-detail-grid>.panel,.journey-level-page>.journey-recent-attempts{border:2px solid rgba(88,220,255,.3);background:radial-gradient(circle at 92% 0,rgba(37,200,255,.14),transparent 34%),linear-gradient(145deg,#111a4c,#111439 62%,#092b4d);box-shadow:inset 0 2px rgba(255,255,255,.1),0 14px 35px rgba(0,0,0,.38)}

.m3j-level>.m3j-level-hero{border:2px solid rgba(255,255,255,.58)!important;border-radius:34px;background:radial-gradient(circle at 87% 9%,rgba(18,221,255,.48),transparent 29%),radial-gradient(circle at 8% 92%,rgba(37,238,145,.3),transparent 34%),linear-gradient(135deg,#cf267e,#8a2ce2 43%,#2856dc 72%,#008cae)!important;box-shadow:inset 0 3px rgba(255,255,255,.25),inset 0 -8px rgba(46,11,96,.3),0 10px 0 rgba(42,10,83,.38),0 28px 70px rgba(0,0,0,.56)!important}
.m3j-level .m3j-level-hero-copy>.eyebrow{color:#a5f6ff;text-shadow:0 0 12px rgba(18,221,255,.75)}.m3j-level .m3j-level-hero-copy>h1{color:#fff;text-shadow:0 4px #5b167f,0 0 18px rgba(255,255,255,.24)}.m3j-level .m3j-level-hero-copy>p{color:#fff}
.m3j-level .m3j-level-best{border:2px solid rgba(255,255,255,.55);background:linear-gradient(145deg,#b044e5,#4c55d9);box-shadow:inset 0 3px rgba(255,255,255,.25),inset 0 -6px rgba(44,12,98,.3),0 6px 0 rgba(55,12,93,.45),0 14px 28px rgba(0,0,0,.35)}
.m3j-level .m3j-level-best small{color:#dffbff!important;font-weight:900}.m3j-level .m3j-level-best strong{color:#fff08a!important;text-shadow:0 0 15px rgba(255,210,41,.7),0 3px 0 #6f248d}.m3j-level .m3j-level-best span{color:#fff!important;font-weight:850}.m3j-level .m3j-level-best em{color:#dffbff!important}
.m3j-level .m3j-board-preview{border:2px solid rgba(115,244,255,.52);background:radial-gradient(circle at 50% 25%,rgba(255,51,151,.26),transparent 58%),linear-gradient(145deg,#25125e,#073d69);box-shadow:inset 0 2px rgba(255,255,255,.14),0 8px 0 rgba(34,12,78,.38),0 20px 45px rgba(0,0,0,.43)}
.m3j-level .hero-actions .button{border:2px solid rgba(255,255,255,.72)!important;background:linear-gradient(135deg,#ff3b98,#a839ef 55%,#405be5)!important;box-shadow:inset 0 3px rgba(255,255,255,.3),inset 0 -5px rgba(76,12,105,.3),0 5px 0 rgba(62,13,92,.6),0 12px 24px rgba(0,0,0,.34)!important;color:#fff!important}.m3j-level .hero-actions .button.secondary{background:linear-gradient(135deg,#16cde8,#197bc8)!important}
.m3j-level .m3j-level-meta>div{border:2px solid rgba(255,255,255,.52)!important;background:#7136bd!important;box-shadow:inset 0 3px rgba(255,255,255,.2),inset 0 -5px rgba(38,10,82,.26),0 5px 0 rgba(42,13,91,.42)!important}.m3j-level .m3j-level-meta>div:nth-child(2){background:#087fae!important}.m3j-level .m3j-level-meta>div:nth-child(3){background:#087e78!important}.m3j-level .m3j-level-meta span{color:#fff!important;font-size:25px!important;text-shadow:0 2px 4px rgba(0,0,0,.42)!important}.m3j-level .m3j-level-meta small{color:#fff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important}.m3j-level .m3j-level-meta strong{color:#fff!important;font-size:18px!important;font-weight:950!important;text-shadow:0 2px 4px rgba(0,0,0,.4)}
.m3j-level .m3j-level-grid>.m3j-level-panel{padding:20px!important;border:2px solid rgba(255,255,255,.24)!important;border-radius:28px;background:radial-gradient(circle at 92% 0,rgba(18,221,255,.14),transparent 34%),linear-gradient(145deg,#29124f,#102451 62%,#073c58)!important;box-shadow:inset 0 2px rgba(255,255,255,.1),0 15px 38px rgba(0,0,0,.4)!important}
@media(max-width:900px) and (min-width:561px){.journey-level-page>.journey-level-hero{grid-template-columns:minmax(0,1fr) 150px}.journey-level-page .tetris-level-preview{grid-column:2}.journey-level-page .journey-level-stars{box-sizing:border-box;max-width:100%;grid-column:1/-1;grid-row:auto;min-height:110px;border-radius:22px}}
@media(max-width:560px){.journey-level-page>.journey-level-hero,.m3j-level>.m3j-level-hero{border-radius:28px}.m3j-level .m3j-level-grid>.m3j-level-panel{padding:15px!important}.journey-level-page .journey-hero-actions .button,.m3j-level .hero-actions .button{width:100%;justify-content:center}.journey-level-page .journey-level-stars{box-sizing:border-box;max-width:100%;grid-column:1/-1;grid-row:auto;width:100%;min-height:112px;border-radius:22px}.journey-level-page .tetris-level-preview{grid-column:2;grid-row:1}.m3j-level .m3j-level-meta span{font-size:20px!important}.m3j-level .m3j-level-meta small{font-size:8px!important}.m3j-level .m3j-level-meta strong{font-size:14px!important}}
@media(max-width:560px){.journey-level-page>.journey-level-hero{grid-template-columns:minmax(0,1fr) 102px}.journey-level-page .journey-level-stars{min-width:0}}
