:root{
  --soi-deep:#130a1d;
  --soi-purple:#684486;
  --soi-gold:#d9b765;
  --soi-paper:#f4e4bf;
  --soi-ink:#473b42;
  --soi-border:#775a8b;
}
.mps-soi-wrap{max-width:1180px;margin:24px auto;color:#f2eafa;font-family:inherit}
.mps-soi-wrap *{box-sizing:border-box}
.mps-soi-alert{margin-bottom:14px;padding:14px;border:1px solid var(--soi-border);border-radius:15px;background:#281836;text-align:center}
.mps-soi-hero{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;padding:30px;border:1px solid #886a9b;border-radius:28px;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.1),transparent 22%),linear-gradient(145deg,#140b1e,#2e1941 58%,#503064);box-shadow:0 22px 50px rgba(0,0,0,.38)}
.mps-soi-hero-symbol{font-size:112px;text-align:center;filter:drop-shadow(0 15px 18px rgba(0,0,0,.35));animation:soiFloat 4s ease-in-out infinite}
.mps-soi-hero span{color:#e7c77d;font-weight:800;letter-spacing:.13em}
.mps-soi-hero h2{margin:7px 0;color:#f3d99c;font:500 clamp(38px,5.4vw,62px)/1.06 Georgia,serif}
.mps-soi-hero p{margin:0;font-size:18px;line-height:1.55}
.mps-soi-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}
.mps-soi-stats>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i v" "i l";gap:2px 9px;align-items:center;padding:14px;border:1px solid var(--soi-border);border-radius:15px;background:#21142d}
.mps-soi-stats span{grid-area:i;font-size:30px}
.mps-soi-stats strong{grid-area:v;color:#efd28b}
.mps-soi-stats small{grid-area:l;color:#bbaac4}
.mps-soi-reader{padding:12px;border:1px solid var(--soi-border);border-radius:24px;background:#140b1e}
.mps-soi-toolbar{display:grid;grid-template-columns:135px 1fr 135px;gap:10px;align-items:center;margin-bottom:10px}
.mps-soi-toolbar>div{text-align:center}
.mps-soi-toolbar small{display:block;color:#ae9ab8}
.mps-soi-toolbar strong{color:#efd18a}
.mps-soi-toolbar button,.mps-soi-bottom-nav button{padding:10px;border:1px solid var(--soi-border);border-radius:999px;background:#281837;color:#f0d28b}
.mps-soi-book{position:relative;perspective:1800px}
.mps-soi-page{display:none}
.mps-soi-page.is-current{display:block;animation:soiPage .42s ease}
.mps-soi-paper{position:relative;padding:40px 50px 34px;border:9px solid #553821;border-radius:18px;background:linear-gradient(90deg,#d9c091,#f5e4be 8%,#f6e8c9 92%,#ceb17c);color:var(--soi-ink);box-shadow:inset 20px 0 24px rgba(84,55,34,.13),inset -20px 0 24px rgba(84,55,34,.11),0 25px 58px rgba(0,0,0,.48)}
.mps-soi-paper:before{content:"";position:absolute;inset:16px;border:1px solid rgba(106,75,48,.3);border-radius:8px}
.mps-soi-paper>*{position:relative}
.mps-soi-paper h3{margin:0 0 16px;text-align:center;color:#4a3034;font:700 34px/1.2 Georgia,serif}
.mps-soi-paper p,.mps-soi-paper li{font-size:17px;line-height:1.62}
.mps-soi-page-number{margin-top:34px;padding-top:13px;border-top:1px solid rgba(89,58,39,.35);text-align:center;font:700 20px Georgia,serif}
.mps-soi-spread{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden}
.mps-soi-spread:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:18px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(83,57,35,.24),transparent)}
.mps-soi-cover-left,.mps-soi-cover-right{padding:38px 42px 32px}
.mps-soi-cover-left{text-align:center}
.mps-soi-cover-left h3{font-size:38px}
.mps-soi-cover-right{position:relative}
.mps-soi-cover-right h3{text-align:left;padding-right:40px}
.mps-soi-ribbon{position:absolute;right:28px;top:-38px;width:40px;height:118px;background:#684286;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}
.mps-soi-map-scene{position:relative;width:300px;height:300px;margin:15px auto;border-radius:50%;background:radial-gradient(circle,#e8d4f0,#6a4a87);box-shadow:0 0 35px rgba(104,68,134,.35)}
.mps-soi-map-core{position:absolute;left:50%;top:50%;display:flex;width:90px;height:90px;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:50%;background:#fff1c8;color:#5b3f69;font:700 25px Georgia,serif}
.mps-soi-map-scene span{position:absolute;font-size:44px;animation:soiFloat 3s ease-in-out infinite}
.mps-soi-map-scene .one{left:30px;top:35px}.mps-soi-map-scene .two{right:30px;top:40px}.mps-soi-map-scene .three{left:25px;bottom:45px}.mps-soi-map-scene .four{right:25px;bottom:45px}.mps-soi-map-scene .five{left:128px;top:8px}
.mps-soi-owl-note,.mps-soi-key,.mps-soi-truth,.mps-soi-example{margin-top:18px;padding:14px 16px;border:1px solid #b28b52;border-radius:14px;background:#fff4d8}
.mps-soi-owl-note{background:#674583;color:#fff;border-color:#674583}
.mps-soi-house{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:680px;margin:15px auto}
.mps-soi-house .roof{grid-column:1/-1;font-size:100px;text-align:center}
.mps-soi-house .room{display:grid;place-items:center;min-height:110px;border:2px solid #9c7b56;border-radius:14px;background:#fff5dc;font-size:40px}
.mps-soi-house small{display:block;font-size:13px;text-transform:uppercase}
.mps-soi-story{font-family:Georgia,serif}
.mps-soi-chain{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin:18px 0}
.mps-soi-chain span{padding:9px 12px;border-radius:999px;background:#684687;color:#fff;font-weight:800}
.mps-soi-grid{display:grid;gap:9px;margin:18px 0}.mps-soi-grid.five{grid-template-columns:repeat(5,1fr)}
.mps-soi-grid article{padding:12px;text-align:center;border-radius:14px;background:rgba(255,255,255,.36)}
.mps-soi-grid span{display:block;font-size:34px}
.mps-soi-grid p{font-size:13px}
.mps-soi-three-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mps-soi-three-worlds section{padding:20px;border-radius:18px;background:rgba(255,255,255,.38);text-align:center}
.mps-soi-three-worlds section>div{font-size:50px}
.mps-soi-three-worlds h4{font:700 24px Georgia,serif}
.mps-soi-game{max-width:850px;margin:auto}
.mps-soi-center{text-align:center}
.mps-soi-game-card{min-height:180px;padding:30px;border:2px solid #aa8759;border-radius:20px;background:#fff6dd;text-align:center}
.mps-soi-game-count{color:#765f7f;font-weight:800}
.mps-soi-game-text{font:700 26px/1.35 Georgia,serif!important}
.mps-soi-game-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.mps-soi-game-buttons button{padding:12px;border:1px solid #d1ad58;border-radius:999px;background:#684687;color:#fff;font-weight:800}
.mps-soi-game-feedback,.mps-soi-game-score{text-align:center;margin-top:10px}
.mps-soi-belief-layers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mps-soi-belief-layers article{padding:15px;border-radius:15px;background:rgba(255,255,255,.36);text-align:center}
.mps-soi-belief-layers span{display:block;font-size:38px}
.mps-soi-loop{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:center;min-height:240px}
.mps-soi-loop button{padding:14px;border:1px solid #c7a666;border-radius:16px;background:#674583;color:#fff;font-weight:800}
.mps-soi-loop-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:62px;opacity:.18}
.mps-soi-loop-explanation{margin-top:12px;padding:16px;border-radius:14px;background:#fff4d8;text-align:center;font-weight:700}
.mps-soi-observer{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;margin-bottom:18px}
.mps-soi-observer-eye{display:grid;width:180px;height:180px;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff5c9,#73518f);font-size:90px}
.mps-soi-observer-clouds{display:grid;gap:10px}
.mps-soi-observer-clouds span{padding:12px;border-radius:999px;background:#fff5dc}
.mps-soi-four{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mps-soi-four article{padding:15px;text-align:center;border-radius:15px;background:rgba(255,255,255,.36)}
.mps-soi-four b{display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin:auto;border-radius:50%;background:#684687;color:#fff}
.mps-soi-four strong{display:block;margin:8px 0}
.mps-soi-practice{text-align:center;padding:20px;border:1px solid #b08c58;border-radius:18px;background:#fff5dc}
.mps-soi-practice-step{display:grid;width:70px;height:70px;place-items:center;margin:auto;border-radius:50%;background:#684687;color:#fff;font-size:32px;font-weight:800}
.mps-soi-practice-text{font:700 22px Georgia,serif!important}
.mps-soi-practice button{padding:10px 15px;border:1px solid #d1ad58;border-radius:999px;background:#684687;color:#fff;font-weight:800}
.mps-soi-six{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}
.mps-soi-six article{padding:11px;border-radius:14px;background:rgba(255,255,255,.38);text-align:center}
.mps-soi-six b{display:grid;width:34px;height:34px;place-items:center;margin:auto;border-radius:50%;background:#684687;color:#fff}
.mps-soi-six span{display:block;margin-top:5px;font-size:12px}
.mps-soi-final-form label{display:block;margin-bottom:13px;font-weight:800}
.mps-soi-final-form textarea{width:100%;min-height:92px;margin-top:6px;padding:12px;border:1px solid #ac8960;border-radius:12px;background:rgba(255,255,255,.55);font:inherit}
.mps-soi-final-quiz{padding:15px;border-radius:15px;background:rgba(255,255,255,.3)}
.mps-soi-final-quiz fieldset{margin-bottom:14px;padding:12px;border:1px solid #ae8c64;border-radius:12px}
.mps-soi-radio{display:block!important;margin:7px 0!important;font-weight:500!important}
.mps-soi-radio input{position:absolute;opacity:0}
.mps-soi-radio span{display:block;padding:9px;border:1px solid #b4936b;border-radius:10px;background:rgba(255,255,255,.38)}
.mps-soi-radio input:checked+span{background:#684687;color:#fff}
.mps-soi-complete{display:flex!important;gap:8px;align-items:flex-start}
.mps-soi-final-form>button{width:100%;padding:14px;border:0;border-radius:13px;background:#684687;color:#fff;font-weight:800}
.mps-soi-login{text-align:center;padding:30px}
.mps-soi-login a{display:inline-block;margin-top:8px;padding:9px 15px;border-radius:999px;background:#684687;color:#fff}
.mps-soi-certificate{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;margin-top:20px;padding:18px;border:2px solid #bd9952;border-radius:17px;background:#fff4d8}
.mps-soi-certificate-seal{font-size:66px;text-align:center}
.mps-soi-certificate strong{display:block;color:#573d4c;font:700 26px Georgia,serif}
.mps-soi-bottom-nav{position:sticky;bottom:8px;z-index:4;display:grid;grid-template-columns:70px 1fr 70px;gap:10px;align-items:center;margin-top:10px;padding:8px;border:1px solid var(--soi-border);border-radius:999px;background:rgba(20,11,30,.93);backdrop-filter:blur(8px)}
.mps-soi-dots{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.mps-soi-dots span{width:8px;height:8px;border-radius:50%;background:#6f5a78}
.mps-soi-dots span.is-active{background:#d6b45d;transform:scale(1.3)}
.mps-soi-footer{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;margin-top:15px;padding:17px;border:1px solid var(--soi-border);border-radius:18px;background:#21142d}
.mps-soi-footer span{font-size:40px;text-align:center}
.mps-soi-footer p{margin:0}
@keyframes soiFloat{50%{transform:translateY(-8px)}}
@keyframes soiPage{from{opacity:0;transform:rotateY(-6deg) translateX(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){
  .mps-soi-spread{grid-template-columns:1fr}
  .mps-soi-spread:after{display:none}
  .mps-soi-grid.five{grid-template-columns:1fr 1fr}
  .mps-soi-belief-layers,.mps-soi-four{grid-template-columns:1fr 1fr}
  .mps-soi-six{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
  .mps-soi-wrap{margin:12px 0}
  .mps-soi-hero{display:none}
  .mps-soi-stats{display:flex;gap:6px;overflow-x:auto;margin:4px 0 8px}
  .mps-soi-stats>div{min-width:145px;padding:8px 10px}
  .mps-soi-stats span{font-size:20px}
  .mps-soi-stats strong{font-size:14px}
  .mps-soi-stats small{font-size:10px}
  .mps-soi-reader{padding:5px;border-radius:16px}
  .mps-soi-toolbar{position:sticky;top:3px;z-index:5;grid-template-columns:80px 1fr 80px;padding:6px;border:1px solid var(--soi-border);border-radius:13px;background:rgba(20,11,30,.95);backdrop-filter:blur(8px)}
  .mps-soi-toolbar button{padding:8px 4px;font-size:11px}
  .mps-soi-toolbar strong{font-size:12px}
  .mps-soi-paper{padding:25px 13px;border-width:5px;border-radius:14px}
  .mps-soi-paper:before{inset:9px}
  .mps-soi-paper h3{font-size:25px}
  .mps-soi-paper p,.mps-soi-paper li{font-size:15px;line-height:1.57}
  .mps-soi-cover-left,.mps-soi-cover-right{padding:23px 13px}
  .mps-soi-cover-left h3,.mps-soi-cover-right h3{font-size:26px}
  .mps-soi-ribbon{right:10px;top:-22px;width:28px;height:76px}
  .mps-soi-map-scene{width:240px;height:240px}
  .mps-soi-map-scene .one{left:18px}.mps-soi-map-scene .two{right:18px}.mps-soi-map-scene .three{left:14px}.mps-soi-map-scene .four{right:14px}.mps-soi-map-scene .five{left:99px}
  .mps-soi-house{grid-template-columns:1fr 1fr}
  .mps-soi-house .roof{grid-column:1/-1}
  .mps-soi-chain{display:grid;grid-template-columns:1fr;justify-items:center}
  .mps-soi-chain b{transform:rotate(90deg)}
  .mps-soi-grid.five,.mps-soi-three-worlds,.mps-soi-belief-layers,.mps-soi-four{grid-template-columns:1fr}
  .mps-soi-game-buttons{grid-template-columns:1fr}
  .mps-soi-game-text{font-size:21px!important}
  .mps-soi-loop{grid-template-columns:1fr;min-height:0}
  .mps-soi-loop-center{display:none}
  .mps-soi-observer{grid-template-columns:1fr}
  .mps-soi-observer-eye{margin:auto}
  .mps-soi-six{grid-template-columns:1fr 1fr}
  .mps-soi-certificate,.mps-soi-footer{grid-template-columns:1fr;text-align:center}
  .mps-soi-bottom-nav{grid-template-columns:54px 1fr 54px}
}