@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DotGothic16&family=Press+Start+2P&display=swap";@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(1);filter:blur(20px);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.05);filter:blur(25px);opacity:.7}to{transform:translate(-50%,-50%) scale(1);filter:blur(20px);opacity:.5}}.mbti-rpg-root{--color-bg: #2d1b2e;--color-text: #e0e0e0;--color-primary: #d4a017;--color-secondary: #8b0000;--color-accent: #4682b4;--color-border: #ffffff;--color-window-bg: rgba(0, 0, 0, .85);--font-main: "DotGothic16", sans-serif;--font-header: "Press Start 2P", cursive;font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;box-sizing:border-box;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.mbti-rpg-root *,.mbti-rpg-root *:before,.mbti-rpg-root *:after{box-sizing:inherit}.mbti-rpg-root img{image-rendering:pixelated}.mbti-rpg-btn{font-family:var(--font-main);cursor:pointer;border:2px solid var(--color-border);background:var(--color-secondary);color:#fff;padding:10px 20px;font-size:1rem;transition:transform .1s}.mbti-rpg-btn:active{transform:scale(.95)}.mbti-rpg-window{background:var(--color-window-bg);border:4px double var(--color-border);padding:20px;border-radius:4px;box-shadow:0 0 10px #00000080}@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:.6}}@keyframes spin-slow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.scenario-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.scenario-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:4px double white;background:#000c}.scenario-visual{flex:1;display:flex;justify-content:center;align-items:center;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000;position:relative;min-height:30vh}.scenario-narrative-box{position:absolute;bottom:20px;width:90%;max-width:800px;background:#000000b3;border:4px double white;padding:20px;font-size:1.1rem;line-height:1.6;border-radius:4px;box-shadow:0 4px 10px #00000080;z-index:10;min-height:100px}.scenario-controls{height:35%;min-height:250px;border-top:4px double white;background:#2d1b2e;padding:20px;display:flex;gap:20px}.scenario-panel-left{flex:1;background:#013;border:2px solid white;border-radius:4px;padding:15px;display:flex;flex-direction:column;position:relative}.scenario-options-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.scenario-option-btn{background:#013;border:2px solid white;border-radius:4px;color:#fff;text-align:left;padding:10px;display:flex;flex-direction:column;cursor:pointer;transition:transform .1s,background .2s;position:relative}.scenario-option-btn:hover{background:#025}.scenario-option-btn:active{transform:scale(.98)}@media(max-width:768px){.scenario-container{height:auto}.result-grid-mobile{display:flex;flex-direction:column}.result-col-left,.result-col-right{display:contents}.order-mobile-1{order:1}.order-mobile-2{order:2}.order-mobile-3{order:3}.order-mobile-4{order:4}.order-mobile-5{order:5}.order-mobile-6{order:6}.order-mobile-7{order:7}.order-mobile-8{order:8}.radar-chart-container{width:100%!important;max-width:350px!important;height:auto!important;aspect-ratio:1 / 1;margin:20px auto!important}.volume-control-mobile{transform:scale(.8);top:20px!important;right:10px!important;transform-origin:top right}.scenario-header{padding:10px}.scenario-header span{font-size:.9rem!important}.scenario-controls{flex-direction:column;height:auto;min-height:auto;padding:10px}.scenario-options-grid{grid-template-columns:1fr;grid-template-rows:auto}.scenario-narrative-box{font-size:.95rem;padding:10px}.scenario-option-btn{padding:12px}.scenario-visual{min-height:40vh}}