html,body{background:#1b1f2a;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game-root{width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;touch-action:none;position:fixed;inset:0;overflow:hidden}#game-root canvas{width:100%;height:100%;display:block}.gameplay-nav-button{z-index:5;color:#fff;cursor:pointer;touch-action:manipulation;background:#1b1f2ab8;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:56px;min-height:44px;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex;position:fixed}.gameplay-nav-menu{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}#orientation-gate{z-index:10;box-sizing:border-box;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;color:#fff;background:#1b1f2a;justify-content:center;align-items:center;font-family:sans-serif;font-size:1.25rem;display:flex;position:fixed;inset:0}#orientation-gate[hidden]{display:none}#child-selection-root{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:#fff;background:#1b1f2a;flex-direction:column;align-items:center;gap:24px;font-family:sans-serif;display:flex;overflow-y:auto}#child-selection-root[hidden]{display:none}#child-selection-root h1{text-align:center;margin:0;font-size:1.5rem}.child-selection-list{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:480px;display:flex}.child-selection-button{color:#1b1f2a;cursor:pointer;background:#ffd166;border:none;border-radius:12px;flex-direction:column;flex:160px;align-items:center;gap:6px;min-width:140px;padding:20px 16px;font-family:inherit;font-size:1.1rem;display:flex}.child-selection-name{font-size:1.4rem;font-weight:700}.child-selection-progress{font-size:.9rem}.child-selection-backup{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.child-selection-secondary-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:.9rem;display:inline-flex}.child-selection-status{text-align:center;max-width:480px;font-size:.9rem}.child-selection-settings{justify-content:center;display:flex}.settings-back-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:8px;justify-content:center;align-self:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:.9rem;display:inline-flex}.settings-section{flex-direction:column;gap:12px;width:100%;max-width:480px;display:flex}.settings-section h2{text-align:center;margin:0;font-size:1.1rem}.settings-name-row,.settings-duration-row,.settings-reset-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.settings-reset-row{border:1px solid #3a3f52;border-radius:8px;flex-direction:column;padding:12px}.settings-name-input,.settings-duration-input{color:#1b1f2a;background:#fff;border:1px solid #fff;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:1rem}.settings-duration-input{width:80px}.settings-secondary-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:.9rem;display:inline-flex}.settings-destructive-button{color:#1b1f2a;cursor:pointer;background:#e07a5f;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:.9rem;display:inline-flex}.settings-reset-warning{text-align:center;margin:0;font-size:.9rem}.settings-status{text-align:center;max-width:480px;font-size:.9rem}.settings-global-error,.settings-character-error{color:#fff;text-align:center;background:#b3261e;border-radius:8px;margin:0;padding:10px 14px;font-weight:700}.settings-global-error{align-self:center;width:100%;max-width:480px}.settings-character-error{box-sizing:border-box;width:100%;font-size:.9rem}.settings-character-row{text-align:center;border:1px solid #3a3f52;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.settings-character-row h3{margin:0;font-size:1rem}.settings-character-caption{margin:0;font-size:.85rem}.settings-character-current,.settings-character-pending{flex-direction:column;align-items:center;gap:8px;display:flex}.settings-character-candidate-img{background:#fff;border-radius:6px;max-width:140px;max-height:140px}.settings-character-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.settings-character-context-preview{background:#8ecae6;border-radius:6px;position:relative;overflow:hidden}.settings-character-context-ground{background:#588157;position:absolute;bottom:0;left:0;right:0}.settings-character-context-character{object-fit:contain;position:absolute}