@charset "UTF-8";
.mg-basics[data-mg-mode="gods"] .mg-demo-stage{display:block;min-height:0;overflow:visible}
.mg-basics[data-mg-mode="gods"] .mg-copy,.mg-basics[data-mg-mode="gods"] .mg-controls{display:none}
.tg-intro{margin:22px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tg-intro h3{font-size:20px;color:#f2e7ff;line-height:1.5;margin:0}
.tg-intro p,.tg-context,.tg-end{font-size:14px;line-height:1.8;color:#b9a8ca;margin:0}
.tg-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.tg-index button{min-height:44px;padding:8px 0;background:#b38ae410;border:1px solid #d6b5ff24;border-radius:11px;color:#e4d4f5;font-size:16px;transition:background .2s,border-color .2s}
.tg-index button:hover,.tg-index button:focus-visible{background:#b38ae427;border-color:#d6b5ff68}
.tg-context{margin:16px 2px 20px;font-size:13px}
.tg-list{display:grid;gap:12px}
.tg-card{min-width:0;scroll-margin-top:76px;border:1px solid #bb96df29;border-radius:18px;background:linear-gradient(120deg,#bc91e40d,#0d0b1280);box-shadow:inset 0 1px #f0d9ff06;transition:border-color .25s,background .25s}
.tg-card[open]{border-color:#c6a1ef65;background:linear-gradient(140deg,#34233d70,#100c17)}
.tg-card>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:20px 15px;cursor:pointer;touch-action:manipulation;min-height:104px}
.tg-card>summary::-webkit-details-marker{display:none}
.tg-card>summary:focus-visible{outline:2px solid #d4a9ff;outline-offset:3px;border-radius:17px}
.tg-number{align-self:flex-start;padding-top:4px;font-size:13px;letter-spacing:1px;color:#9d84b5;font-variant-numeric:tabular-nums}
.tg-card-title{flex:1;min-width:0;display:grid;gap:11px}
.tg-card-title>strong{font-size:23px;font-weight:500;color:#f0e4fc;line-height:1.4}
.tg-card-title small{display:block;color:#c0acd2;font-size:14px;font-weight:400;margin-top:3px}
.tg-tags{display:flex;gap:6px;flex-wrap:wrap}
.tg-tags>span{font-size:13px;color:#cbb3e5;border-radius:6px;padding:2px 7px;background:#b18bdd10}
.tg-expand{width:20px;height:20px;position:relative;flex-shrink:0;color:#bea1dc}
.tg-expand:before,.tg-expand:after{content:"";position:absolute;top:9px;left:4px;width:12px;height:1px;background:currentColor;transition:transform .25s}
.tg-expand:after{transform:rotate(90deg)}
.tg-card[open] .tg-expand:after{transform:rotate(0)}
.tg-card-body{border-top:1px solid #d4b2ef1c;padding:18px 16px 20px}
.tg-card[open] .tg-card-body{animation:mg-scene-in .25s ease both}
.tg-section-label{font-size:14px;color:#ba9ed5}
.tg-formation{border-bottom:1px solid #d4b2ef1c;padding-bottom:18px;margin-bottom:20px}
.tg-formation .mg-god-visual{max-width:none;padding:15px 0 12px;grid-template-columns:1fr 55px 1fr;row-gap:15px}
.tg-formation .mg-god-card{min-height:108px;border-radius:14px;gap:8px}
.tg-formation .mg-god-gan{font-size:34px}
.tg-formation .mg-god-result{font-size:13px;gap:9px}
.tg-formation .mg-god-result strong{font-size:20px}
.tg-formation .mg-god-bridge svg{width:46px}
.tg-formation>p{font-size:15px;line-height:1.85;color:#c9b5db;margin:0}
.tg-explanation{display:grid;gap:21px;text-align:left}
.tg-section h4{font-size:16px;line-height:1.5;color:#e7d3fa;font-weight:500;margin:0 0 7px;display:flex;align-items:center;gap:8px}
.tg-section h4:before{content:"";width:4px;height:13px;background:#b78ad5;border-radius:4px;flex-shrink:0}
.tg-explanation p{font-size:16px;line-height:1.9;color:#d1c0de;margin:0;overflow-wrap:anywhere}
.tg-example,.tg-action{border-radius:13px;padding:15px;background:#b68be011;border:1px solid #c9a0ef20}
.tg-example>span,.tg-action>span{display:block;font-size:13px;letter-spacing:.5px;color:#c9a6e9;margin-bottom:7px}
.tg-action{background:#99d1bd09;border-color:#99d1bd20}.tg-action>span{color:#a6d8c5}
.tg-explanation .tg-caution{font-size:13px;color:#ad98bf;line-height:1.85}
.tg-end{padding:20px 2px 0;font-size:13px}
.tg-footer{display:flex;gap:10px;justify-content:space-between;padding-top:21px}
.tg-footer button{min-height:44px;border:1px solid #c9a0ef30;border-radius:10px;background:#b68be00a;color:#d9c2ed;padding:8px 11px;font-size:14px}
.detail-fold .tg-explanation{padding:16px 0 3px}
@media(max-width:365px){.tg-card>summary{gap:9px;padding:17px 12px}.tg-card-body{padding:16px 12px}.tg-index{gap:6px}.tg-intro h3{font-size:20px}.tg-card-title>strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.tg-guide *{animation:none!important;transition:none!important}}