/* GTAUP V446: unified blue palette, component-native recolour. Preserves geometry. */
/* GTAUP Mystery V399 — bespoke page; no global theme or game styles overwritten */
#page-mystery.mystery-v399{--mm-bg:#0b0c13;--mm-panel:#161721;--mm-edge:rgba(189,220,255,.16);--mm-mint:#69e5b7;--mm-lilac:#add3ff;--mm-gold:#f5cc8a;position:relative;min-height:760px;padding:16px 18px 80px;color:#fff;font:500 14px/1.5 Inter,Arial,sans-serif;isolation:isolate}
#page-mystery *{box-sizing:border-box}
#page-mystery button{font:700 13px/1.2 Inter,Arial,sans-serif;cursor:pointer}
#page-mystery button:disabled{opacity:.42;cursor:not-allowed}
#page-mystery .mm-wrap{width:min(1440px,100%);margin:auto}
#page-mystery .mm-hero{overflow:hidden;position:relative;border:1px solid rgba(171,210,255,.27);border-radius:23px;background:radial-gradient(860px 410px at 49% 36%,rgba(55,93,137,.27),transparent 68%),linear-gradient(100deg,rgba(9,10,17,.97),rgba(13,20,27,.87) 60%,rgba(8,10,14,.94)),url('/assets/v369/hero.webp') center/cover;box-shadow:0 32px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)}
#page-mystery .mm-hero:before{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(520px 320px at 55% 46%,rgba(112,179,255,.12),transparent 80%);mix-blend-mode:screen}
#page-mystery .mm-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:29px 32px 10px}
#page-mystery .mm-eyebrow{display:flex;align-items:center;gap:9px;color:var(--mm-lilac);font-size:10px;font-weight:900;letter-spacing:2.6px;text-transform:uppercase}
#page-mystery .mm-eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:var(--mm-mint);box-shadow:0 0 12px rgba(105,229,183,.8)}
#page-mystery h1{margin:8px 0 6px;font-size:clamp(29px,3.6vw,50px);line-height:1;letter-spacing:-1.8px;font-weight:950;color:#f5f2ff}
#page-mystery h1 span{color:#b5d8ff;text-shadow:0 0 35px rgba(153,201,255,.24)}
#page-mystery .mm-subtitle{color:#9fa1b7;font-size:13px;margin:0;max-width:520px}
#page-mystery .mm-rtp{display:flex;align-items:center;gap:11px;white-space:nowrap;background:rgba(8,11,16,.65);border:1px solid rgba(105,229,183,.28);padding:12px 17px;border-radius:13px}
#page-mystery .mm-rtp strong{font-size:23px;color:var(--mm-mint)}
#page-mystery .mm-rtp small{font-size:9px;max-width:93px;white-space:normal;color:#a6c6b9;letter-spacing:.6px;text-transform:uppercase}
#page-mystery .mm-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 345px minmax(0,1fr);gap:20px;align-items:center;padding:17px 30px 16px;min-height:360px}
#page-mystery .mm-side{align-self:stretch;display:flex;justify-content:center;flex-direction:column;gap:10px;min-width:0}
#page-mystery .mm-side-label{font-size:10px;font-weight:900;color:#859bb4;text-transform:uppercase;letter-spacing:1.6px}
#page-mystery .mm-side-value{font-size:clamp(19px,2.1vw,30px);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
#page-mystery .mm-side-card{padding:24px;min-height:200px;border:1px solid rgba(175,203,236,.12);border-radius:19px;background:linear-gradient(140deg,rgba(25,27,40,.83),rgba(12,14,24,.72));box-shadow:inset 0 1px rgba(255,255,255,.035);display:flex;flex-direction:column;gap:9px;justify-content:center}
#page-mystery .mm-side-card .mm-caption{font-size:12px;color:#8da5bf;max-width:260px}
#page-mystery .mm-side-card .mm-badge{display:inline-block;align-self:flex-start;border:1px solid rgba(184,217,255,.27);background:rgba(152,200,255,.12);color:#bddcff;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:850}
#page-mystery .mm-side-card .mm-prize-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:radial-gradient(circle,rgba(162,206,255,.23),rgba(94,141,195,.06));border:1px solid rgba(162,206,255,.29);font-size:29px;color:#bddcff}
#page-mystery .mm-portal{position:relative;width:min(100%,330px);aspect-ratio:1;margin:auto;display:grid;place-items:center;filter:drop-shadow(0 20px 45px rgba(73,133,201,.22))}
#page-mystery .mm-portal:before{content:'';position:absolute;inset:2%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#8ac0fe 43deg,transparent 68deg,transparent 135deg,#62d5bc 165deg,transparent 206deg,#b2d6ff 269deg,transparent 296deg);opacity:.9;mask:radial-gradient(transparent 61%,#000 62% 64%,transparent 65%);animation:mm-ring 16s linear infinite}
#page-mystery .mm-ring{position:absolute;inset:8%;border-radius:50%;background:repeating-conic-gradient(from 6deg,rgba(148,198,255,.6) 0deg 1deg,transparent 1.4deg 7deg);mask:radial-gradient(transparent 66%,#000 67% 72%,transparent 73%);opacity:.75;animation:mm-ring 32s linear infinite reverse}
#page-mystery .mm-ring2{position:absolute;inset:13%;border-radius:50%;border:1px solid rgba(189,220,255,.3);box-shadow:0 0 35px rgba(112,162,220,.15),inset 0 0 45px rgba(112,162,220,.12)}
#page-mystery .mm-center{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 46% 38%,#26313d 0%,#12171d 50%,#080c13 100%);border:1px solid rgba(184,217,255,.32);display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;box-shadow:inset 0 0 42px rgba(0,0,0,.65),0 0 35px rgba(113,179,255,.19)}
#page-mystery .mm-center-symbol{font-family:Georgia,serif;font-size:clamp(76px,8vw,112px);line-height:1;font-weight:bold;background:linear-gradient(140deg,#fff,#b1d3f9 65%,#7ae4c3);background-clip:text;color:transparent;text-shadow:0 0 35px rgba(137,178,224,.28)}
#page-mystery .mm-center small{font-size:9px;font-weight:900;letter-spacing:2px;color:#95adc9}
#page-mystery .mm-portal.rolling .mm-ring{animation-duration:.6s}
#page-mystery .mm-portal.rolling:before{animation-duration:1.2s}
#page-mystery .mm-portal.revealed .mm-center{border-color:rgba(105,229,183,.7);box-shadow:0 0 65px rgba(69,224,168,.2)}
#page-mystery .mm-controls{position:relative;padding:20px 30px 28px;border-top:1px solid rgba(174,207,244,.12);background:linear-gradient(180deg,transparent,rgba(6,8,15,.54))}
#page-mystery .mm-stake-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:11px;font-size:11px;font-weight:900;color:#ddd7f1}
#page-mystery .mm-stake-heading span{font-weight:500;color:#879db6}
#page-mystery .mm-stakes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#page-mystery .mm-stake{min-height:66px;text-align:left;padding:12px 14px;border:1px solid rgba(181,210,244,.16);border-radius:12px;color:#c5bfd9;background:rgba(13,16,26,.75);transition:background .15s,border-color .15s,transform .15s}
#page-mystery .mm-stake:hover{transform:translateY(-1px);border-color:rgba(167,208,255,.44)}
#page-mystery .mm-stake.active{background:linear-gradient(110deg,rgba(86,124,167,.28),rgba(27,37,48,.83));color:#fff;border-color:#9dc0e7;box-shadow:inset 0 0 0 1px rgba(181,216,255,.1)}
#page-mystery .mm-stake strong{display:block;font-size:17px;letter-spacing:-.2px}
#page-mystery .mm-stake small{display:block;color:#849ab3;font-size:10px;margin-top:3px;font-weight:500}
#page-mystery .mm-actions{display:flex;gap:12px;align-items:center;margin-top:15px}
#page-mystery #mmOpenV399{flex:1;border:none;border-radius:13px;min-height:58px;background:linear-gradient(110deg,#b2d6ff,#7fb1e9);color:#10171e;font-size:15px;font-weight:950;letter-spacing:.5px;box-shadow:0 14px 33px rgba(101,147,199,.26);transition:transform .15s,filter .15s}
#page-mystery #mmOpenV399:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.09)}
#page-mystery .mm-wallet{white-space:nowrap;border:1px solid rgba(107,227,182,.17);border-radius:12px;background:rgba(11,20,19,.69);padding:11px 18px;color:#99e6c5;font-size:12px}
#page-mystery .mm-wallet strong{display:block;color:#ebfff4;font-size:15px}
#page-mystery .mm-status{min-height:20px;margin:11px 0 0;color:#9db2a9;font-size:12px}
#page-mystery .mm-status.bad{color:#ff9cae}
#page-mystery .mm-below{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.95fr);gap:15px;margin-top:16px}
#page-mystery .mm-box{background:linear-gradient(155deg,rgba(24,26,37,.96),rgba(14,16,23,.96));border:1px solid rgba(181,211,245,.13);border-radius:17px;padding:20px 22px;min-width:0}
#page-mystery .mm-box h2{font-size:15px;font-weight:900;color:#f3ecff;margin:0 0 6px;letter-spacing:-.1px}
#page-mystery .mm-box p{margin:0 0 13px;color:#9da0af;font-size:11px}
#page-mystery .mm-odds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#page-mystery .mm-item{border:1px solid rgba(172,201,233,.13);background:rgba(7,10,18,.65);padding:10px;border-radius:11px;min-width:0}
#page-mystery .mm-item img{width:100%;height:67px;object-fit:contain;display:block}
#page-mystery .mm-item b{display:block;font-size:10px;color:#ebe4ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 2px}
#page-mystery .mm-item small{font-size:10px;color:#a2a6b3}
#page-mystery .mm-item em{float:right;font-style:normal;font-size:9px;color:#b4d7ff}
#page-mystery .mm-empty{padding:22px;color:#9e9bab;font-size:11px;text-align:center}
#page-mystery .mm-activity{display:flex;flex-direction:column;gap:7px}
#page-mystery .mm-activity-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.06);background:rgba(5,8,14,.37);border-radius:9px;font-size:11px;color:#dddce9}
#page-mystery .mm-activity-row small{display:block;color:#9195a4;font-size:9px;margin-top:2px}
#page-mystery .mm-green{color:var(--mm-mint)}
#page-mystery .mm-loss{color:#e9a0ac}
#page-mystery .mm-admin{display:none;margin:14px auto 0;padding:15px 20px;border-radius:14px;border:1px dashed rgba(180,215,255,.35);max-width:1440px;background:rgba(26,36,47,.7);gap:10px;align-items:center;flex-wrap:wrap}
#page-mystery .mm-admin.is-visible{display:flex}
#page-mystery .mm-admin button{padding:10px 16px;border:1px solid rgba(189,220,255,.25);border-radius:9px;background:#394a5e;color:#fff}
#page-mystery .mm-admin strong{font-size:12px}
#page-mystery .mm-admin small{color:#8da4be;font-size:10px}
#page-mystery .mm-overlay{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;background:rgba(4,5,10,.8);backdrop-filter:blur(14px);padding:15px}
#page-mystery .mm-overlay.open{display:flex}
#page-mystery .mm-modal{width:min(460px,100%);border:1px solid rgba(166,207,255,.4);border-radius:23px;padding:27px;background:radial-gradient(350px 270px at 50% 0,rgba(120,181,250,.2),transparent 75%),#161a1e;text-align:center;box-shadow:0 30px 110px rgba(0,0,0,.65);animation:mm-reveal .5s cubic-bezier(.2,.8,.3,1)}
#page-mystery .mm-modal .mm-modal-art{width:100%;height:150px;object-fit:contain;display:block;margin:10px auto}
#page-mystery .mm-modal .mm-modal-art[hidden]{display:none}
#page-mystery .mm-modal .mm-question{font-size:76px;color:#b7d7fc;line-height:135px}
#page-mystery .mm-modal h2{margin:8px 0;font-size:27px}
#page-mystery .mm-modal .mm-modal-caption{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#acd0fa}
#page-mystery .mm-modal p{color:#8ba2bc;font-size:12px}
#page-mystery .mm-modal button{width:100%;height:46px;border:0;border-radius:10px;background:#aacbf1;color:#0f151c;font-weight:900;margin-top:12px}
@keyframes mm-ring{to{transform:rotate(360deg)}}@keyframes mm-reveal{from{opacity:.2;transform:scale(.93) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:1120px){#page-mystery .mm-stage{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);gap:10px;padding:12px 17px}#page-mystery .mm-side-card{padding:14px;min-height:190px}#page-mystery .mm-portal{max-width:260px}#page-mystery .mm-odds{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){#page-mystery.mystery-v399{padding:9px 9px 95px}#page-mystery .mm-top{padding:22px 19px 5px;flex-direction:column;align-items:flex-start;gap:12px}#page-mystery .mm-rtp{padding:7px 12px}#page-mystery .mm-rtp strong{font-size:18px}#page-mystery .mm-stage{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-height:0;padding:13px 13px 15px}#page-mystery .mm-portal{grid-row:1;grid-column:1/-1;width:215px;height:215px;justify-self:center}#page-mystery .mm-side-card{min-height:145px;padding:14px}#page-mystery .mm-side-value{font-size:18px}#page-mystery .mm-center-symbol{font-size:76px}#page-mystery .mm-controls{padding:16px 13px 23px}#page-mystery .mm-stakes{gap:5px}#page-mystery .mm-stake{padding:9px 5px;min-height:59px}#page-mystery .mm-stake strong{font-size:12px}#page-mystery .mm-stake small{font-size:8px}#page-mystery .mm-wallet{padding:9px}#page-mystery .mm-actions{flex-direction:column}#page-mystery #mmOpenV399,#page-mystery .mm-wallet{width:100%}#page-mystery .mm-below{grid-template-columns:1fr}#page-mystery .mm-odds{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#page-mystery .mm-ring,#page-mystery .mm-portal:before{animation:none}#page-mystery *{transition:none!important}}
/* Existing GTAUP themes can otherwise force visible hidden navigation buttons. */
button[data-page-target="mystery"][hidden],button[data-page-target="mystery"].hidden{display:none!important}
.mm-nav-glyph-v399{font-size:26px!important;color:#aed4ff!important;background:linear-gradient(135deg,#232b33,#121420)!important;border-color:rgba(144,184,230,.2)!important}
button[data-page-target="mystery"].active .mm-nav-glyph-v399{color:#fff!important;background:linear-gradient(145deg,#abcef7,#5c83af)!important}

#page-mystery .mm-global-feed{margin-top:15px}
#page-mystery .mm-live-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
#page-mystery .mm-live-head button{border:1px solid rgba(181,210,244,.24);color:#bddcff;padding:8px 12px;background:rgba(70,94,122,.19);border-radius:9px;font-size:10px}
#page-mystery .mm-live-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#page-mystery .mm-live-row{padding:12px 14px;min-width:0;border-radius:10px;border:1px solid rgba(160,186,216,.11);background:rgba(10,12,20,.78)}
#page-mystery .mm-live-row strong{display:block;color:#eee5ff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}
#page-mystery .mm-live-row small{display:block;color:#a5a0b2;font-size:10px;margin:3px 0}
#page-mystery .mm-live-row b{display:block;font-size:10px;color:#95e2c1}
#page-mystery .mm-live-row.lose b{color:#d9a4b9}
@media(max-width:900px){#page-mystery .mm-live-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){#page-mystery .mm-live-list{grid-template-columns:1fr 1fr;gap:5px}#page-mystery .mm-live-row{padding:9px}}

/* ---------- V400 CINEMATIC MYSTERY DESIGN ---------- */
#page-mystery.mystery-v399{--mm-lilac:#aed4ff;--mm-mint:#7de9cd;background:#0a0d10;color:#f7f3ff}
#page-mystery .mm-hero{background:linear-gradient(180deg,rgba(8,12,15,.43),rgba(7,11,14,.79) 83%,rgba(10,14,18,.96)),url('/assets/v400/mystery-city.webp') center 44%/cover no-repeat,#0f141b;box-shadow:0 26px 82px rgba(5,8,12,.48),inset 0 1px rgba(255,255,255,.07);border-color:rgba(169,209,255,.24)}
#page-mystery .mm-hero:before{background:radial-gradient(390px 270px at 50% 42%,rgba(99,162,235,.14),transparent 75%);mix-blend-mode:screen}
#page-mystery .mm-top{padding:30px 34px 8px}
#page-mystery .mm-top h1{font-size:clamp(32px,3.5vw,49px);text-shadow:0 4px 30px rgba(0,0,0,.8)}
#page-mystery .mm-rtp{background:rgba(5,7,11,.78);backdrop-filter:blur(10px)}
#page-mystery .mm-stage{min-height:420px;grid-template-columns:minmax(0,1fr) minmax(340px,430px) minmax(0,1fr);gap:8px;padding:5px 30px 15px;overflow:hidden}
#page-mystery .mm-side-card{background:linear-gradient(120deg,rgba(15,20,26,.9),rgba(17,22,29,.72));border:1px solid rgba(185,218,255,.19);backdrop-filter:blur(12px);box-shadow:0 16px 38px rgba(0,0,0,.28);min-height:190px}
#page-mystery .mm-portal{isolation:isolate;width:100%;max-width:415px;aspect-ratio:1;filter:none;overflow:visible;transform:translateZ(0)}
#page-mystery .mm-portal:before{content:'';inset:5%;background:conic-gradient(from 0deg,transparent 0 18deg,#8cc2ff 55deg,transparent 85deg,transparent 177deg,#77e4db 215deg,transparent 248deg,transparent 285deg,#9ac9ff 326deg,transparent);opacity:.8;mask:radial-gradient(transparent 58%,#000 59% 61%,transparent 63%);animation:mm-ring 18s linear infinite;filter:drop-shadow(0 0 14px #83bdff)}
#page-mystery .mm-ring{inset:0;opacity:.6;mask:radial-gradient(transparent 66%,#000 68% 70%,transparent 72%);animation:mm-ring 32s linear infinite reverse}
#page-mystery .mm-ring2{inset:12%;border-color:rgba(152,200,255,.18)}
#page-mystery .mm-center{display:none}
#page-mystery .mm-cube-v400{z-index:4;position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transform:translateZ(0)}
#page-mystery .mm-cube-v400 img{display:block;max-width:none;width:95%;height:95%;object-fit:contain;filter:drop-shadow(0 25px 28px rgba(14,26,40,.82)) drop-shadow(0 0 22px rgba(97,168,249,.38));animation:mm-cube-idle 4.6s ease-in-out infinite;transform-origin:50% 55%;will-change:transform,filter}
#page-mystery .mm-cube-shadow-v400{position:absolute;z-index:1;left:19%;width:62%;bottom:15%;height:10%;border-radius:50%;background:rgba(110,178,255,.32);filter:blur(25px);animation:mm-shadow-idle 4.6s ease-in-out infinite}
#page-mystery .mm-energy-v400{position:absolute;z-index:2;inset:10%;border:2px solid rgba(141,194,255,.14);border-radius:50%;box-shadow:0 0 45px rgba(108,168,236,.17),inset 0 0 34px rgba(132,189,255,.13);animation:mm-energy-idle 5s ease-in-out infinite;pointer-events:none}
#page-mystery .mm-sparks-v400{position:absolute;z-index:6;inset:0;pointer-events:none;opacity:.36}
#page-mystery .mm-sparks-v400 i{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#bddcff;border-radius:50%;box-shadow:0 0 13px #86bfff;animation:mm-spark-v400 3s ease-out infinite;transform:rotate(var(--angle)) translateX(var(--distance))}
#page-mystery .mm-sparks-v400 i:nth-child(1){--angle:15deg;--distance:165px;animation-delay:-.7s}
#page-mystery .mm-sparks-v400 i:nth-child(2){--angle:76deg;--distance:143px;animation-delay:-1.8s}
#page-mystery .mm-sparks-v400 i:nth-child(3){--angle:136deg;--distance:166px;animation-delay:-1.1s}
#page-mystery .mm-sparks-v400 i:nth-child(4){--angle:214deg;--distance:153px;animation-delay:-.3s}
#page-mystery .mm-sparks-v400 i:nth-child(5){--angle:288deg;--distance:172px;animation-delay:-2.3s}
#page-mystery .mm-sparks-v400 i:nth-child(6){--angle:326deg;--distance:137px;animation-delay:-1.5s}
#page-mystery .mm-shockwave-v400{position:absolute;z-index:7;inset:25%;border:2px solid #bddcff;border-radius:50%;box-shadow:0 0 40px #7bb9ff,0 0 90px rgba(130,188,255,.5);opacity:0;pointer-events:none}
#page-mystery .mm-shards-v400{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:visible}
#page-mystery .mm-fly-v400{position:absolute;width:86px;height:76px;left:calc(50% - 43px);top:calc(48% - 38px);padding:5px;border-radius:14px;background:linear-gradient(130deg,rgba(21,31,42,.98),rgba(7,8,18,.88));border:1px solid rgba(170,210,255,.8);box-shadow:0 0 25px rgba(130,189,255,.55),0 14px 25px rgba(0,0,0,.62);display:grid;place-items:center;font-size:40px;color:#bddcff;opacity:0;animation:mm-flyout-v400 1.3s cubic-bezier(.13,.66,.2,1) both;will-change:transform,opacity}
#page-mystery .mm-fly-v400 img{width:95%;height:95%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
#page-mystery .mm-final-v400{position:absolute;z-index:12;inset:10%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;pointer-events:none}
#page-mystery .mm-final-v400 img{width:64%;height:68%;object-fit:contain;filter:drop-shadow(0 4px 25px #94c6ff) drop-shadow(0 18px 22px rgba(0,0,0,.8));animation:mm-final-v400 .9s cubic-bezier(.16,1,.3,1) both}
#page-mystery .mm-final-v400 strong{max-width:90%;font-size:15px;font-weight:900;color:#fff;letter-spacing:.5px;text-align:center;text-shadow:0 2px 10px #04070a;animation:mm-final-v400 .85s both}
#page-mystery .mm-phase-v400{position:absolute;bottom:0;left:0;right:0;color:#b5d2f4;text-align:center;font-size:10px;font-weight:900;letter-spacing:2.2px;text-shadow:0 3px 8px #090d10;pointer-events:none}
#page-mystery[data-mm-phase="charge"] .mm-cube-v400 img{animation:mm-cube-charge-v400 1.1s linear infinite;filter:drop-shadow(0 0 32px #7bb9ff) brightness(1.16)}
#page-mystery[data-mm-phase="charge"] .mm-energy-v400{animation:mm-energy-charge-v400 .6s ease-in-out infinite;border-color:rgba(160,204,255,.75)}
#page-mystery[data-mm-phase="charge"] .mm-sparks-v400{opacity:1}
#page-mystery[data-mm-phase="burst"] .mm-cube-v400 img{animation:mm-cube-break-v400 .58s cubic-bezier(.1,.58,.36,1) both}
#page-mystery[data-mm-phase="burst"] .mm-shockwave-v400{animation:mm-explosion-v400 1.4s cubic-bezier(.13,.46,.3,.8) both}
#page-mystery[data-mm-phase="burst"] .mm-energy-v400{opacity:0}
#page-mystery[data-mm-phase="reveal"] .mm-cube-v400 img{opacity:.12;transform:scale(.74);animation:none}
#page-mystery[data-mm-phase="reveal"] .mm-sparks-v400{opacity:0}
#page-mystery[data-mm-result="win"] .mm-final-v400 img{filter:drop-shadow(0 8px 21px #79b7ff) drop-shadow(0 15px 27px #04070b)}
#page-mystery .mm-controls{background:linear-gradient(180deg,rgba(11,16,22,.68),rgba(9,13,17,.95));backdrop-filter:blur(8px)}
#page-mystery .mm-custom-v400{display:grid;grid-template-columns:auto minmax(210px,1fr) auto;align-items:center;gap:15px;margin:16px 0 2px;padding:15px 16px;background:rgba(7,8,16,.78);border:1px solid rgba(156,193,236,.24);border-radius:13px}
#page-mystery .mm-custom-v400 label{font-weight:850;font-size:11px;color:#bddcff;letter-spacing:.5px;white-space:nowrap}
#page-mystery .mm-custom-input-v400{display:flex;align-items:stretch;min-width:0;gap:5px}
#page-mystery .mm-custom-input-v400 input{flex:1;min-width:0;height:43px;background:#11161d;color:#fff;font-size:16px;font-weight:850;font-variant-numeric:tabular-nums;outline:none;border:1px solid rgba(156,196,242,.37);padding:0 12px;border-radius:9px}
#page-mystery .mm-custom-input-v400 input:focus{border-color:#a3ceff;box-shadow:0 0 0 2px rgba(149,199,255,.14)}
#page-mystery .mm-custom-input-v400 button{width:43px;border:1px solid rgba(176,213,255,.26);border-radius:9px;background:rgba(63,85,111,.44);color:#bddcff;font-size:20px;font-weight:900;transition:background .15s}
#page-mystery .mm-custom-input-v400 button:hover:not(:disabled){background:rgba(115,162,216,.45)}
#page-mystery .mm-custom-hint-v400{font-size:10px;color:#90a7c2;max-width:180px;line-height:1.45}
#page-mystery .mm-custom-v400.mm-custom-selected{border-color:rgba(171,210,255,.63);box-shadow:0 0 0 1px rgba(152,200,255,.12),inset 0 0 25px rgba(58,96,140,.15)}
#page-mystery .mm-stake{background:rgba(8,9,18,.76);border-color:rgba(167,201,240,.2)}
#page-mystery .mm-stake.active{background:linear-gradient(125deg,rgba(93,147,208,.44),rgba(27,41,58,.85));border-color:rgba(187,219,255,.9)}
#page-mystery #mmOpenV399{background:linear-gradient(100deg,#abd2ff,#7ab0ef);box-shadow:0 12px 28px rgba(105,155,213,.36)}
#page-mystery .mm-overlay.open .mm-modal{border-color:rgba(182,216,255,.7);box-shadow:0 0 80px rgba(119,178,246,.25),0 30px 90px rgba(0,0,0,.75)}
@keyframes mm-cube-idle{0%,100%{transform:translate3d(0,-4px,0) rotate(-2deg)}50%{transform:translate3d(0,9px,0) rotate(2deg)}}
@keyframes mm-shadow-idle{0%,100%{transform:scale(.95);opacity:.5}50%{transform:scale(1.15);opacity:.9}}
@keyframes mm-energy-idle{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.08);opacity:.8}}
@keyframes mm-spark-v400{0%{opacity:0;scale:.2}30%{opacity:1;scale:1}100%{opacity:0;scale:.3}}
@keyframes mm-cube-charge-v400{0%,100%{transform:translate3d(-2px,-3px,0) rotate(-3deg) scale(1.02)}15%{transform:translate3d(8px,2px,0) rotate(2deg) scale(1.06)}33%{transform:translate3d(-9px,1px,0) rotate(-4deg) scale(1.04)}51%{transform:translate3d(8px,8px,0) rotate(3deg) scale(1.09)}70%{transform:translate3d(-5px,-7px,0) rotate(-3deg) scale(1.11)}86%{transform:translate3d(7px,3px,0) rotate(2deg) scale(1.07)}}
@keyframes mm-energy-charge-v400{0%,100%{transform:scale(.94);opacity:.6}50%{transform:scale(1.2);opacity:1}}
@keyframes mm-cube-break-v400{0%{transform:scale(1.09) rotate(-3deg);opacity:1}45%{transform:scale(1.34) rotate(6deg);opacity:1;filter:brightness(2)}70%{opacity:.8}100%{transform:scale(.64) rotate(-24deg);opacity:.04}}
@keyframes mm-explosion-v400{0%{opacity:0;transform:scale(.3)}22%{opacity:1;transform:scale(.9)}100%{opacity:0;transform:scale(2.2)}}
@keyframes mm-flyout-v400{0%{opacity:0;transform:translate3d(0,0,0) scale(.25) rotate(0deg)}25%{opacity:1}70%{opacity:.95}100%{opacity:0;transform:translate3d(var(--tx),var(--ty),0) scale(.85) rotate(var(--rz))}}
@keyframes mm-final-v400{0%{opacity:0;transform:translateY(23px) scale(.5)}70%{opacity:1;transform:translateY(-7px) scale(1.08)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1120px){#page-mystery .mm-stage{grid-template-columns:minmax(0,1fr) 315px minmax(0,1fr);gap:8px;padding:12px 15px;min-height:340px}#page-mystery .mm-portal{max-width:315px}#page-mystery .mm-custom-v400{grid-template-columns:auto 1fr}#page-mystery .mm-custom-hint-v400{grid-column:1/-1;max-width:none}}
@media(max-width:750px){#page-mystery .mm-hero{background-position:center 38%;background-size:auto 100%}#page-mystery .mm-stage{grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:7px 12px 16px}#page-mystery .mm-portal{grid-column:1/-1;grid-row:1;width:clamp(225px,67vw,300px);height:auto;max-width:none}#page-mystery .mm-side-card{min-height:130px}#page-mystery .mm-custom-v400{grid-template-columns:1fr;gap:8px;margin-top:12px;padding:12px}#page-mystery .mm-custom-input-v400 input{font-size:16px}#page-mystery .mm-custom-hint-v400{grid-column:auto}#page-mystery .mm-fly-v400{width:54px;height:50px;left:calc(50% - 27px);top:calc(48% - 25px)}#page-mystery .mm-top{padding:20px 17px 7px}#page-mystery .mm-phase-v400{font-size:9px}#page-mystery .mm-stage .mm-side-card{backdrop-filter:blur(7px)}}
@media(max-width:410px){#page-mystery .mm-side-card{padding:10px}#page-mystery .mm-side-card .mm-caption{font-size:10px}#page-mystery .mm-portal{width:220px}#page-mystery .mm-stake strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){#page-mystery .mm-cube-v400 img,#page-mystery .mm-cube-shadow-v400,#page-mystery .mm-energy-v400,#page-mystery .mm-sparks-v400 i,#page-mystery .mm-fly-v400,#page-mystery .mm-shockwave-v400,#page-mystery .mm-final-v400 img{animation:none!important;transition:none!important}#page-mystery .mm-fly-v400{display:none}#page-mystery .mm-shockwave-v400{display:none}}

/* === GTAUP MYSTERY V401 — reactor creation scene and minimalist presentation === */
#page-mystery .mm-hero{background-image:linear-gradient(90deg,rgba(6,10,13,.78),rgba(7,12,17,.45) 35%,rgba(6,9,13,.32) 60%,rgba(7,10,14,.84)),url('/assets/v402/mystery-city.webp');background-position:center;background-size:cover}
#page-mystery .mm-rtp{display:none!important}
#page-mystery .mm-top{padding-top:26px}
#page-mystery .mm-top h1{font-weight:950;letter-spacing:-2px}
#page-mystery .mm-stage{grid-template-columns:minmax(0,1fr) minmax(320px,410px) minmax(0,1fr);min-height:430px;overflow:visible;gap:12px}
#page-mystery .mm-side-card{background:linear-gradient(140deg,rgba(14,19,26,.89),rgba(9,10,21,.85));border-color:rgba(166,205,250,.23);box-shadow:0 16px 55px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(16px)}
#page-mystery .mm-portal{aspect-ratio:1;width:100%;max-width:430px;isolation:isolate;overflow:visible;z-index:5;perspective:720px}
#page-mystery .mm-portal:before{inset:7%;opacity:.45;animation:mm-ring 10s linear infinite}
#page-mystery .mm-ring{inset:9%;opacity:.75;animation:mm-ring 15s linear infinite reverse}
#page-mystery .mm-ring2{inset:10%;border-color:rgba(125,185,255,.35);box-shadow:inset 0 0 70px rgba(75,138,209,.17),0 0 70px rgba(105,164,232,.2)}
#page-mystery .mm-reactor-v401{position:absolute;inset:12%;border-radius:50%;z-index:2;pointer-events:none;filter:drop-shadow(0 0 26px rgba(113,179,255,.55));animation:mm-reactor-float-v401 4s ease-in-out infinite}
#page-mystery .mm-reactor-v401:before{content:'';position:absolute;inset:10%;border-radius:50%;border:2px solid rgba(142,195,255,.72);box-shadow:0 0 12px rgba(139,193,255,.8),inset 0 0 50px rgba(96,170,255,.35);animation:mm-reactor-tilt-v401 6s ease-in-out infinite}
#page-mystery .mm-reactor-v401:after{content:'';position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle at 45% 38%,rgba(189,220,255,.95) 0%,rgba(130,189,255,.79) 9%,rgba(79,144,218,.66) 28%,rgba(32,58,88,.82) 55%,rgba(10,18,28,.96) 75%);box-shadow:0 0 48px rgba(119,182,255,.64),0 0 100px rgba(83,152,231,.3),inset 0 0 55px rgba(17,32,48,.95);animation:mm-reactor-pulse-v401 2.8s ease-in-out infinite}
#page-mystery .mm-circuit-v401{position:absolute;inset:8%;border-radius:50%;border:1px dotted rgba(176,213,255,.45);z-index:3;animation:mm-ring 8s linear infinite}
#page-mystery .mm-circuit-v401:before{content:'';position:absolute;inset:13%;border-radius:50%;border:2px dashed rgba(115,238,240,.35);animation:mm-ring 5s linear infinite reverse}
#page-mystery .mm-core-symbol-v401{position:absolute;z-index:5;left:50%;top:50%;width:32%;height:32%;display:grid;place-items:center;transform:translate(-50%,-50%);font-size:clamp(58px,6.5vw,94px);font-family:Georgia,serif;font-weight:bold;line-height:1;color:#fff;text-shadow:0 0 13px #bddcff,0 0 35px #72b4ff,0 0 75px #5ca8ff;animation:mm-symbol-v401 3.2s ease-in-out infinite}
#page-mystery .mm-energy-v400{inset:7%;z-index:2;border:2px solid rgba(127,187,255,.38);opacity:.6;animation:mm-energy-idle 3.2s ease-in-out infinite}
#page-mystery .mm-cube-shadow-v400{bottom:8%;opacity:.6}
#page-mystery .mm-phase-v400{bottom:4%;letter-spacing:2.4px;color:#bddcff;z-index:13}
#page-mystery .mm-sparks-v400{opacity:.7}
#page-mystery .mm-sparks-v400 i{width:5px;height:5px;box-shadow:0 0 16px #a1cdff,0 0 6px #fff}
#page-mystery .mm-shockwave-v400{inset:21%;border-width:4px;box-shadow:0 0 26px #fff,0 0 80px #88c0ff}
#page-mystery .mm-shards-v400{overflow:visible;z-index:14}
#page-mystery .mm-fly-v400{width:96px;height:84px;left:calc(50% - 48px);top:calc(47% - 42px);animation-duration:1.52s;background:linear-gradient(135deg,rgba(31,49,69,.98),rgba(10,15,21,.95));border-color:#85bdfc;box-shadow:0 0 25px rgba(127,187,255,.72),0 22px 45px rgba(0,0,0,.7)}
#page-mystery .mm-final-v400{z-index:16;inset:15% 4% 10%;filter:drop-shadow(0 0 30px #72b4ff)}
#page-mystery .mm-final-v400 img{max-width:80%;max-height:75%;object-fit:contain}
#page-mystery .mm-final-v400 strong{background:rgba(11,19,28,.76);border:1px solid rgba(189,220,255,.3);border-radius:8px;padding:7px 10px;text-transform:uppercase}
#page-mystery[data-mm-phase="charge"] .mm-reactor-v401{animation:mm-reactor-charge-v401 .115s linear infinite;filter:drop-shadow(0 0 65px #93c5ff)}
#page-mystery[data-mm-phase="charge"] .mm-reactor-v401:after{animation:mm-reactor-pulse-v401 .32s ease-in-out infinite}
#page-mystery[data-mm-phase="charge"] .mm-circuit-v401{animation:mm-ring .65s linear infinite}
#page-mystery[data-mm-phase="charge"] .mm-core-symbol-v401{animation:mm-symbol-charge-v401 .4s ease-in-out infinite}
#page-mystery[data-mm-phase="charge"] .mm-energy-v400{border-color:#bddcff;box-shadow:0 0 35px #84bdff;animation:mm-energy-charge-v400 .45s ease-in-out infinite}
#page-mystery[data-mm-phase="charge"] .mm-sparks-v400{opacity:1}
#page-mystery[data-mm-phase="burst"] .mm-reactor-v401{animation:mm-reactor-burst-v401 .7s cubic-bezier(.1,.72,.24,1) both}
#page-mystery[data-mm-phase="burst"] .mm-circuit-v401{animation:mm-reactor-burst-v401 .7s both}
#page-mystery[data-mm-phase="burst"] .mm-core-symbol-v401{animation:mm-reactor-burst-v401 .65s both}
#page-mystery[data-mm-phase="burst"] .mm-shockwave-v400{animation:mm-explosion-v400 1.3s cubic-bezier(.1,.46,.3,.8) both}
#page-mystery[data-mm-phase="reveal"] .mm-reactor-v401,#page-mystery[data-mm-phase="reveal"] .mm-circuit-v401,#page-mystery[data-mm-phase="reveal"] .mm-core-symbol-v401{opacity:.16;transform:scale(.75);animation:none}
#page-mystery[data-mm-phase="reveal"] .mm-sparks-v400{opacity:.15}
#page-mystery .mm-actions-v401{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0 0}
#page-mystery .mm-actions-v401 button{border:1px solid rgba(175,213,255,.33);background:rgba(17,25,35,.79);color:#bddcff;padding:10px 13px;border-radius:10px;font-size:11px;font-weight:800;transition:background .2s,transform .2s}
#page-mystery .mm-actions-v401 button:hover:not(:disabled){transform:translateY(-1px);background:rgba(52,86,124,.65)}
#page-mystery #mmDemoV401{border-color:rgba(139,193,255,.56)}
#page-mystery .mm-math-v401{background:rgba(14,19,25,.66);margin-top:15px;border:1px solid rgba(153,189,230,.14);border-radius:11px;padding:12px 14px;color:#b1acc3;font-size:11px}
#page-mystery .mm-math-v401 summary{color:#bddcff;cursor:pointer;list-style:disclosure-closed;font-weight:750}
#page-mystery .mm-math-v401[open] summary{margin-bottom:10px}
#page-mystery .mm-math-v401 p{color:#ccc5da;font-size:11px}
#page-mystery .mm-math-grid-v401{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;font-size:10px}
#page-mystery .mm-math-grid-v401>div{padding:3px 0}
#page-mystery .mm-item em{display:none!important}
#page-mystery .mm-item{transition:transform .22s,border-color .22s}
#page-mystery .mm-item:hover{transform:translateY(-3px);border-color:rgba(162,205,255,.45)}
#page-mystery #mmOpenV399{background:linear-gradient(115deg,#bddcff,#7cb2f0);box-shadow:0 11px 38px rgba(118,178,248,.35)}
#page-mystery .mm-hero:after{content:'';position:absolute;inset:-25% auto auto 44%;width:40%;aspect-ratio:1;background:radial-gradient(circle,rgba(114,180,255,.15),transparent 70%);filter:blur(25px);pointer-events:none;z-index:0}
/* Mystery cube is the NAV ICON, not the central reactor. */
button[data-page-target="mystery"] .mm-nav-glyph-v399 img,button[data-page-target="mystery"] .mgame-ic-v136 img{display:block;width:37px;height:37px;max-width:none;object-fit:contain;filter:drop-shadow(0 0 7px rgba(119,182,255,.33))}
button[data-page-target="mystery"] .mm-nav-glyph-v399{display:grid;place-items:center;overflow:visible}
@keyframes mm-reactor-float-v401{0%,100%{transform:translateY(-6px)}50%{transform:translateY(8px)}}
@keyframes mm-reactor-tilt-v401{0%,100%{transform:rotateX(13deg) rotateZ(-18deg)}50%{transform:rotateX(-12deg) rotateZ(18deg)}}
@keyframes mm-reactor-pulse-v401{0%,100%{filter:brightness(.8);transform:scale(.96)}50%{filter:brightness(1.4);transform:scale(1.07)}}
@keyframes mm-symbol-v401{0%,100%{opacity:.7;filter:blur(.3px);scale:.94}50%{opacity:1;filter:blur(0);scale:1.08}}
@keyframes mm-reactor-charge-v401{0%{transform:translate(5px,-4px) rotate(-2deg) scale(1)}25%{transform:translate(-6px,5px) rotate(4deg) scale(1.06)}50%{transform:translate(7px,6px) rotate(-5deg) scale(1.15)}75%{transform:translate(-8px,-4px) rotate(3deg) scale(1.12)}100%{transform:translate(5px,-4px) rotate(-2deg) scale(1.17)}}
@keyframes mm-symbol-charge-v401{0%,100%{scale:1.02;filter:brightness(1)}50%{scale:1.25;filter:brightness(2.8)}}
@keyframes mm-reactor-burst-v401{0%{opacity:1;transform:scale(1.1)}40%{opacity:1;transform:scale(1.43);filter:brightness(2.6)}100%{opacity:0;transform:scale(.15) rotate(50deg);filter:brightness(5)}}
@media(max-width:1120px){#page-mystery .mm-stage{grid-template-columns:minmax(0,1fr) 310px minmax(0,1fr);min-height:340px}#page-mystery .mm-portal{max-width:310px}}
@media(max-width:750px){#page-mystery .mm-stage{grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px 15px;min-height:auto}#page-mystery .mm-portal{grid-column:1/-1;grid-row:1;width:min(70vw,300px);max-width:300px}#page-mystery .mm-side-card{min-height:125px}#page-mystery .mm-side-card .mm-caption{font-size:10px}#page-mystery .mm-math-grid-v401{grid-template-columns:1fr}#page-mystery .mm-fly-v400{width:62px;height:55px;left:calc(50% - 31px);top:calc(47% - 27px)}#page-mystery .mm-top{padding:18px 14px 5px}}
@media(max-width:400px){#page-mystery .mm-portal{width:220px}#page-mystery .mm-actions-v401 button{width:100%}}
@media(prefers-reduced-motion:reduce){#page-mystery .mm-reactor-v401,#page-mystery .mm-reactor-v401:before,#page-mystery .mm-reactor-v401:after,#page-mystery .mm-circuit-v401,#page-mystery .mm-circuit-v401:before,#page-mystery .mm-core-symbol-v401{animation:none!important}#page-mystery .mm-fly-v400{display:none}}

/* GTAUP V402: cinematic mystery — 100% visual; game engine, payout and odds remain unchanged. */
#page-mystery #mmNoticeV399[hidden]{display:none!important}
#page-mystery .mm-status{min-height:0!important;margin-top:0!important}
#page-mystery .mm-status.bad:not([hidden]){display:block;margin-top:10px!important;padding:9px 13px;border-radius:9px;border:1px solid rgba(250,128,170,.27);background:rgba(90,21,45,.24);color:#ffa6c0}
#page-mystery .mm-actions-v401{justify-content:flex-end!important;padding:6px 0 0!important}
#page-mystery #mmSoundV401{padding:6px 10px!important;border-radius:9px!important;font-size:10px!important;opacity:.75}
#page-mystery #mmSoundV401:hover{opacity:1}
/* Ensure icon is ALWAYS visible in desktop navigation even when legacy CSS overrides img. */
.sidebar button[data-page-target="mystery"] .mm-nav-glyph-v399,
.sidebar button[data-page-target="mystery"] .nav-ic,
.mobile-game-grid-v136 button[data-page-target="mystery"] .mgame-ic-v136 {
  background-image:url('/assets/v402/mystery-nav.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:94% 94%!important;
  background-color:#151d27!important;
  box-shadow:inset 0 0 0 1px rgba(139,193,255,.22),0 0 15px rgba(76,136,205,.16)!important;
  overflow:hidden!important;
  border-radius:11px!important;
  text-indent:0!important;
}
.sidebar button[data-page-target="mystery"] .mm-nav-glyph-v399 img,
.mobile-game-grid-v136 button[data-page-target="mystery"] .mgame-ic-v136 img{display:none!important}
.sidebar button[data-page-target="mystery"].active .mm-nav-glyph-v399{box-shadow:0 0 0 1px #94c6ff,0 0 21px rgba(121,183,255,.42)!important}
/* Power core is much more visible in idle state, with smooth spatial depth. */
#page-mystery .mm-portal{transform-style:preserve-3d;will-change:filter}
#page-mystery .mm-reactor-v401{inset:11%;filter:drop-shadow(0 0 48px rgba(106,175,255,.65))}
#page-mystery .mm-reactor-v401:after{box-shadow:0 0 52px rgba(119,182,255,.67),0 0 120px rgba(83,152,231,.39),inset 0 0 50px #080f17}
#page-mystery .mm-portal::after{content:'';position:absolute;inset:18%;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(104,175,255,.22),transparent 68%);filter:blur(18px);animation:mm402-aura 3.5s ease-in-out infinite}
#page-mystery .mm-beams-v402{position:absolute;inset:-8%;z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:.16;background:repeating-conic-gradient(from 0deg,transparent 0deg 10deg,rgba(155,202,255,.30) 10.5deg 12deg,transparent 12.5deg 30deg);mask:radial-gradient(transparent 20%,black 31%,transparent 71%);animation:mm402-spin 18s linear infinite}
#page-mystery .mm-blast-v402{pointer-events:none;position:absolute;inset:-60%;border-radius:50%;z-index:17;opacity:0;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(189,220,255,.9) 5%,rgba(95,170,255,.7) 15%,rgba(62,113,171,.20) 39%,transparent 58%);mix-blend-mode:screen}
#page-mystery .mm-fracture-v402{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,transparent 0 21deg,#9ec9fa 22deg 22.6deg,transparent 23deg 70deg,#bddcff 71deg 71.6deg,transparent 72deg 132deg,#6fb2ff 133deg 134deg,transparent 135deg 217deg,#bddcff 218deg 219deg,transparent 220deg 290deg,#bddcff 291deg 292deg,transparent 293deg);mask:radial-gradient(transparent 0 17%,black 20% 67%,transparent 70%);filter:drop-shadow(0 0 9px #93c5ff)}
#page-mystery .mm-particles-v402{position:absolute;inset:0;z-index:17;pointer-events:none}
#page-mystery .mm-particles-v402 i{position:absolute;left:50%;top:50%;width:7px;height:14px;background:linear-gradient(#fff,#bddcff,#6db0fd);border-radius:3px;opacity:0;box-shadow:0 0 16px #86bfff;transform:translate(-50%,-50%) scale(.2)}
#page-mystery .mm-shards-v400{z-index:18}
#page-mystery .mm-fly-v400{animation-name:mm402-itemburst!important;animation-duration:1.62s!important;animation-timing-function:cubic-bezier(.19,.88,.34,1)!important}
#page-mystery .mm-fly-v400 img{filter:drop-shadow(0 4px 9px rgba(0,0,0,.75)) drop-shadow(0 0 11px #69afff)}
#page-mystery .mm-final-v400{z-index:21}
#page-mystery[data-mm-phase="charge"] .mm-portal{animation:mm402-camera 0.4s linear infinite;filter:drop-shadow(0 0 45px rgba(125,185,255,.42))}
#page-mystery[data-mm-phase="charge"] .mm-beams-v402{opacity:.84;animation:mm402-spin .63s linear infinite}
#page-mystery[data-mm-phase="charge"] .mm-core-symbol-v401{animation:mm402-core .26s ease-in-out infinite}
#page-mystery[data-mm-phase="charge"] .mm-reactor-v401:after{animation:mm402-core .3s ease-in-out infinite}
#page-mystery[data-mm-phase="charge"] .mm-portal:before{animation-duration:.75s;opacity:1}
#page-mystery[data-mm-phase="rupture"] .mm-portal{animation:mm402-camera .085s linear infinite;filter:drop-shadow(0 0 70px rgba(166,208,255,.8))}
#page-mystery[data-mm-phase="rupture"] .mm-reactor-v401{animation:mm402-rupture .7s ease-in both}
#page-mystery[data-mm-phase="rupture"] .mm-core-symbol-v401{animation:mm402-rupture .7s ease-in both}
#page-mystery[data-mm-phase="rupture"] .mm-fracture-v402{animation:mm402-fracture .7s ease-in both}
#page-mystery[data-mm-phase="rupture"] .mm-beams-v402{opacity:1;animation:mm402-spin .22s linear infinite}
#page-mystery[data-mm-phase="burst"] .mm-blast-v402{animation:mm402-flash 1.25s cubic-bezier(.2,.7,.3,1) both}
#page-mystery[data-mm-phase="burst"] .mm-particles-v402 i{animation:mm402-particle 1.45s cubic-bezier(.12,.7,.32,1) both;animation-delay:var(--delay,0ms)}
#page-mystery[data-mm-phase="burst"] .mm-portal{animation:mm402-hit .42s both}
#page-mystery[data-mm-phase="burst"] .mm-ring2{animation:mm402-ringout 1.15s ease-out both}
#page-mystery[data-mm-phase="burst"] .mm-beams-v402{animation:mm402-beamsout 1.25s ease-out both}
#page-mystery[data-mm-phase="burst"] .mm-fracture-v402{opacity:1;animation:mm402-beamsout 1.2s both}
#page-mystery[data-mm-phase="reveal"] .mm-blast-v402,#page-mystery[data-mm-phase="reveal"] .mm-beams-v402,#page-mystery[data-mm-phase="reveal"] .mm-fracture-v402{opacity:0}
#page-mystery[data-mm-phase="reveal"] .mm-portal{filter:drop-shadow(0 0 65px rgba(149,199,255,.28))}
#page-mystery[data-mm-phase="reveal"] .mm-final-v400 img{animation:mm402-materialize 1s cubic-bezier(.18,1.35,.3,1) both}
#page-mystery .mm-phase-v400{font-size:11px;letter-spacing:2px;bottom:2%}
@keyframes mm402-aura{50%{opacity:.6;transform:scale(1.2)}}
@keyframes mm402-spin{to{transform:rotate(360deg)}}
@keyframes mm402-camera{0%,100%{transform:translate(1px,-2px) rotate(.5deg)}50%{transform:translate(-2px,1px) rotate(-.5deg)}}
@keyframes mm402-core{0%,100%{filter:brightness(1.1);scale:1.02}50%{filter:brightness(2.8);scale:1.27}}
@keyframes mm402-rupture{0%{transform:scale(1.2) rotate(-2deg);filter:brightness(1.3)}45%{transform:scale(1.7) rotate(16deg);filter:brightness(2.2)}100%{transform:scale(1.45) rotate(-6deg);filter:brightness(4)}}
@keyframes mm402-fracture{0%{opacity:0;transform:scale(.45) rotate(0)}33%{opacity:1}100%{opacity:1;transform:scale(1.45) rotate(36deg)}}
@keyframes mm402-flash{0%{opacity:0;transform:scale(.2)}15%{opacity:1;transform:scale(.7)}37%{opacity:.94;transform:scale(1.1)}100%{opacity:0;transform:scale(2.4)}}
@keyframes mm402-hit{0%{transform:translate(0,0)}15%{transform:translate(8px,-4px)}32%{transform:translate(-9px,6px)}50%{transform:translate(5px,-2px)}100%{transform:translate(0,0)}}
@keyframes mm402-particle{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(0)}14%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py))) rotate(var(--rot)) scale(.35)}}
@keyframes mm402-itemburst{0%{opacity:0;transform:translate3d(0,0,0) scale(.12) rotate(-20deg)}17%{opacity:1;filter:brightness(2)}55%{opacity:1;transform:translate3d(0,0,0) scale(1.25) rotate(14deg)}100%{opacity:0;transform:translate3d(var(--tx),var(--ty),0) scale(.65) rotate(var(--rz))}}
@keyframes mm402-ringout{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
@keyframes mm402-beamsout{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2) rotate(120deg)}}
@keyframes mm402-materialize{0%{opacity:0;transform:translateY(40px) scale(.12) rotate(-35deg);filter:brightness(4) blur(12px)}55%{opacity:1;transform:translateY(-10px) scale(1.22) rotate(4deg);filter:brightness(2) blur(0)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg);filter:brightness(1)}}
@media(max-width:750px){#page-mystery .mm-particles-v402 i:nth-child(n+16){display:none}#page-mystery .mm-phase-v400{font-size:9px}}
@media(prefers-reduced-motion:reduce){#page-mystery[data-mm-phase] .mm-portal,#page-mystery .mm-beams-v402,#page-mystery .mm-fracture-v402,#page-mystery .mm-blast-v402,#page-mystery .mm-particles-v402 i{animation:none!important}#page-mystery .mm-fly-v400{display:none!important}}

/* V403. Real image, not CSS background. Overrides V402's hidden image and legacy navigation CSS. */
.sidebar .nav-btn[data-page-target="mystery"] .nav-ic,
.sidebar .nav-btn[data-page-target="mystery"] .mm-nav-glyph-v399,
.mobile-game-grid-v136 button[data-page-target="mystery"] .mgame-ic-v136 {
 background:radial-gradient(circle at 52% 36%,#293a4e,#12171d 77%)!important;
 background-image:none!important;
 display:grid!important;place-items:center!important;
 overflow:hidden!important;min-width:38px!important;min-height:38px!important;
 border:1px solid rgba(148,198,255,.32)!important;
 border-radius:11px!important;
}
.sidebar .nav-btn[data-page-target="mystery"] .nav-ic img,
.sidebar .nav-btn[data-page-target="mystery"] .mm-nav-glyph-v399 img,
.mobile-game-grid-v136 button[data-page-target="mystery"] .mgame-ic-v136 img {
 display:block!important;visibility:visible!important;opacity:1!important;
 width:43px!important;height:43px!important;max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;position:static!important;transform:none!important;
 margin:auto!important;filter:drop-shadow(0 1px 5px rgba(89,156,232,.42))!important;
}
@media(max-width:750px){
 .mobile-game-grid-v136 button[data-page-target="mystery"] .mgame-ic-v136 img {width:40px!important;height:40px!important;}
}