:root{font-family:Trebuchet MS,Avenir Next,sans-serif;color:#173b2a;background:#000;line-height:1.3;font-weight:700;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden}body{height:100vh;height:100svh;overscroll-behavior:none;overflow:hidden}button{font:inherit}.app-shell{height:100vh;height:100svh;display:grid;grid-template-rows:1fr;padding:0;overflow:hidden}.game-panel,.game-frame{position:relative;width:100%;height:100%}.game-viewport{position:absolute;inset:0;overflow:hidden;border-radius:0;border:none;background:#bfeeff;contain:paint}.game-viewport>div,.game-viewport canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important}.mission-bar{position:absolute;left:1rem;right:7rem;top:1rem;display:flex;gap:.5rem;flex-wrap:wrap;z-index:12}.mission-chip,.mission-item{background:#ffffffeb;border:2px solid rgba(23,59,42,.1);border-radius:999px;padding:.45rem .8rem;color:#173b2a;box-shadow:0 8px 18px #173b2a14}.mission-chip{background:#fff2b5}.mission-item.is-done{background:#dff8d5;border-color:#38c17273}.top-bar{position:absolute;top:1rem;right:1rem;z-index:20;display:flex;align-items:center;gap:.5rem}.repeat-button{padding:.45rem .8rem;background:linear-gradient(180deg,#ffef9f,#ffd45f);border:2px solid rgba(23,59,42,.1);border-radius:999px;color:#173b2a;font-weight:700;font:inherit;box-shadow:0 8px 18px #173b2a14;cursor:pointer}.repeat-button:hover{background:linear-gradient(180deg,#fff2b5,#ffe070)}.ending-overlay{position:absolute;inset:auto 1rem 1rem auto;background:#fffffff2;color:#173b2a;padding:.8rem 1rem;border-radius:999px;box-shadow:0 10px 24px #173b2a29}.control-panel{display:grid;gap:1rem;width:min(100%,1180px);margin:0 auto}.primary-controls,.story-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.story-toolbar{grid-template-columns:minmax(0,1fr)}.big-button{width:100%;min-height:5.8rem;border:none;border-radius:28px;padding:1rem;display:grid;place-items:center;gap:.25rem;color:#173b2a;box-shadow:0 12px #173b2a1f;transition:transform .12s ease,box-shadow .12s ease}.big-button:active{transform:translateY(4px);box-shadow:0 8px #173b2a1f}.big-button__icon{font-size:clamp(2rem,4vw,2.8rem);line-height:1}.big-button__label{font-size:clamp(1rem,1.8vw,1.2rem)}.big-button--repeat{background:linear-gradient(180deg,#ffef9f,#ffd45f)}.big-button--left{background:linear-gradient(180deg,#ffd49b,#ffb35f)}.big-button--jump{background:linear-gradient(180deg,#a2f0a8,#67d47e)}.big-button--right{background:linear-gradient(180deg,#ffb5ab,#ff8570)}.settings-root{position:relative}.gear-button{width:3.5rem;height:3.5rem;border:none;border-radius:999px;background:#ffffffeb;box-shadow:0 10px 24px #173b2a24;font-size:1.35rem}.settings-panel{position:absolute;top:4rem;right:0;width:min(30rem,calc(100vw - 2rem));background:#fffceffa;border:3px solid rgba(23,59,42,.08);border-radius:24px;padding:1rem;display:grid;gap:.9rem;box-shadow:0 18px 32px #173b2a29}.settings-row{display:flex;align-items:center;justify-content:space-between}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.settings-action{border:none;border-radius:18px;padding:.85rem;background:#173b2a14;color:#173b2a}.toggle{width:4rem;height:2.2rem;border:none;border-radius:999px;position:relative;background:#d9e5dd}.toggle[data-on=true]{background:#52d27f}.toggle:after{content:"";position:absolute;top:.25rem;left:.25rem;width:1.7rem;height:1.7rem;border-radius:999px;background:#fff;transition:transform .12s ease}.toggle[data-on=true]:after{transform:translate(1.8rem)}.debug-card{display:grid;gap:.4rem;font-size:.9rem}.debug-card pre{margin:0;padding:.75rem;border-radius:18px;background:#173b2a0f;overflow:auto;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;font-weight:600;max-height:12rem}@media(max-width:900px){.settings-actions{grid-template-columns:1fr}}